@ape.swap/bonds-sdk 2.0.9-seedify → 2.1.0

package/dist/state/useSDKConfig.d.ts

@@ -3,6 +3,7 @@ export interface SDKProps {
         referenceId: string;
         chains: number[];
         useRainbowKit: boolean;
+        useHotBonds: boolean;
         modalVariant: 'alt' | 'standard';
         urls?: Partial<Record<URLKeys, string>>;
     };
@@ -17,6 +18,7 @@ export declare const useSDKConfig: (config?: SDKProps) => {
     referenceId?: string | undefined;
     chains?: number[] | undefined;
     useRainbowKit?: boolean | undefined;
+    useHotBonds?: boolean | undefined;
     modalVariant?: "alt" | "standard" | undefined;
 };
 export type URLKeys = 'apiV2' | 'realTimeApi' | 'apeswapLists' | 'mainUrl';

package/dist/styles.css

@@ -133,6 +133,17 @@
 
 .modal {
   width: fit-content !important;
+  max-width: 95%;
+}
+
+.project-image {
+  border-radius: 6px;
+  width: 100%;
+}
+@media (min-width: 1100px) {
+  .project-image {
+    width: 475px;
+  }
 }
 
 .modal-content {
@@ -147,10 +158,6 @@
   min-width: 700px;
 }
 
-.gpt {
-  max-width: 1100px;
-}
-
 .modaltable-container {
   width: 100%;
   display: flex;
@@ -251,11 +258,10 @@
 .modaltable-container.description-container {
   display: flex;
   align-items: flex-start;
-  padding-top: 10px;
-  padding-bottom: 10px;
   font-weight: 400;
   font-size: 14px;
   line-height: 21px;
+  padding: 10px 0;
 }
 
 .modaltable-container.blocks-container {
@@ -389,7 +395,7 @@
   flex-direction: column;
   background: var(--theme-ui-colors-white3);
   border-radius: 10px;
-  min-height: 92px;
+  min-height: 96px;
   padding: 10px;
 }
 
@@ -438,7 +444,7 @@
   border-radius: 10px;
   border: medium;
   padding-right: 10px;
-  width: 80%;
+  width: 100%;
   height: 50px;
   font-size: 22px;
 }
@@ -463,6 +469,10 @@
   justify-content: space-between;
 }
 
+.input-container.bondicon {
+  margin-left: 5px;
+}
+
 .modaltable-container.button-container {
   width: 100%;
   padding-top: 10px;
@@ -498,8 +508,18 @@
 
 .modaltable-container.accordion-container {
   display: flex;
+  position: absolute;
+  padding: 30px 50px;
+  background: #12131A;
   width: 100%;
-  padding-top: 10px;
+  border-radius: 0 0 10px 10px;
+  gap: 10px !important;
+}
+@media (min-width: 1100px) {
+  .modaltable-container.accordion-container {
+    width: 90%;
+    left: 5%;
+  }
 }
 
 .toast {
@@ -575,18 +595,14 @@
   margin: 20px 0; /* Adjust margin for spacing */
 }
 
-span.flex-inline {
-  display: contents;
+.rotate-hr {
+  rotate: 90deg;
+  margin: 0px !important;
+  width: 20px !important;
 }
 
-.footer-details {
-  margin-left: -20px !important;
-  margin-right: -20px !important;
-  margin-bottom: -20px !important;
-  margin-top: 20px !important;
-  height: 50px;
-  align-items: center;
-  border-top: 1px solid #FFFFFF;
+span.flex-inline {
+  display: contents;
 }
 
 .expand-icon {
@@ -594,6 +610,24 @@ span.flex-inline {
   fill: #38A611;
 }
 
+.modal-receive-text {
+  padding-left: 5px;
+  font-size: 14px;
+}
+
+.bondmodal-header-alt {
+  padding-left: 50px;
+  margin: 0px 0px 10px 0px !important;
+}
+
+.token-selector-panel {
+  flex-direction: column;
+  border-radius: 10px;
+  background: var(--theme-ui-colors-white3);
+  padding: 10px;
+  min-height: 92px;
+}
+
 .bond-row {
   display: flex;
   flex-direction: row;
@@ -1286,7 +1320,6 @@ span.flex-inline {
   flex-direction: column;
   border-radius: 10px;
   background-color: var(--theme-ui-colors-white2);
-  border-radius: 10px;
   z-index: 1001;
   max-width: 1200px;
   min-width: 1000px;

package/dist/views/BondModal/BondModal.d.ts

@@ -4,8 +4,6 @@ export interface BondModalProps {
     bondAddress?: string;
     bondChain?: number;
     handlePurchasedBond?: (hash: string) => void;
-    accordionTitle?: string;
-    accordionBody?: string;
 }
 declare const BondModal: React.FC<BondModalProps>;
 export default BondModal;

package/dist/views/BondModal/components/ImageAndShortDescription.d.ts

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

package/package.json

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