@xswap-link/sdk 0.2.6 → 0.3.0

package/.github/workflows/main.yml

@@ -9,7 +9,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v3
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v4
         with:
           version: 7
       - uses: actions/setup-node@v3
@@ -19,4 +19,4 @@ jobs:
 
       - run: pnpm install
       - run: pnpm install react@18.2.0 react-dom@18.2.0 @types/react@18.2.0 @types/react-dom@18.2.0
-      - run: pnpm run lint && pnpm run build
+      - run: pnpm run lint && pnpm run build

package/.github/workflows/publish.yml

@@ -17,7 +17,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v3
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v4
         with:
           version: 7
       - uses: actions/setup-node@v3
@@ -53,4 +53,4 @@ jobs:
           upload_url: ${{ steps.latest_release_info.outputs.upload_url }}
           asset_path: ./dist/index.css
           asset_name: index.css
-          asset_content_type: text/plain
+          asset_content_type: text/plain

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @xswap-link/xswap-sdk
 
+## 0.3.0
+
+### Minor Changes
+
+- 5748302: feat: new tx execution system
+
 ## 0.2.6
 
 ### Patch Changes

package/dist/index.css

@@ -340,12 +340,18 @@ video {
 .xpay-bottom-0 {
   bottom: 0px;
 }
+.xpay-bottom-5 {
+  bottom: 1.25rem;
+}
 .xpay-left-0 {
   left: 0px;
 }
 .xpay-right-0 {
   right: 0px;
 }
+.xpay-right-2 {
+  right: 0.5rem;
+}
 .xpay-right-4 {
   right: 1rem;
 }
@@ -370,6 +376,9 @@ video {
 .xpay-z-20 {
   z-index: 20;
 }
+.xpay-z-50 {
+  z-index: 50;
+}
 .xpay-z-\[1\] {
   z-index: 1;
 }
@@ -412,6 +421,12 @@ video {
   margin-top: 1rem;
   margin-bottom: 1rem;
 }
+.xpay--mb-6 {
+  margin-bottom: -1.5rem;
+}
+.xpay--mt-7 {
+  margin-top: -1.75rem;
+}
 .xpay-mb-1 {
   margin-bottom: 0.25rem;
 }
@@ -427,9 +442,15 @@ video {
 .xpay-ml-2 {
   margin-left: 0.5rem;
 }
+.xpay-ml-2\.5 {
+  margin-left: 0.625rem;
+}
 .xpay-mr-1 {
   margin-right: 0.25rem;
 }
+.xpay-mt-1 {
+  margin-top: 0.25rem;
+}
 .xpay-mt-4 {
   margin-top: 1rem;
 }
@@ -445,6 +466,9 @@ video {
 .xpay-inline-flex {
   display: inline-flex;
 }
+.xpay-h-10 {
+  height: 2.5rem;
+}
 .xpay-h-14 {
   height: 3.5rem;
 }
@@ -565,6 +589,12 @@ video {
 .xpay-w-full {
   width: 100%;
 }
+.xpay-w-px {
+  width: 1px;
+}
+.xpay-w-screen {
+  width: 100vw;
+}
 .xpay-min-w-60 {
   min-width: 15rem;
 }
@@ -601,6 +631,14 @@ video {
 .xpay-animate-pulse {
   animation: xpay-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
 }
+@keyframes xpay-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+.xpay-animate-spin {
+  animation: xpay-spin 1s linear infinite;
+}
 .xpay-cursor-pointer {
   cursor: pointer;
 }
@@ -619,6 +657,9 @@ video {
 .xpay-items-center {
   align-items: center;
 }
+.xpay-justify-end {
+  justify-content: flex-end;
+}
 .xpay-justify-center {
   justify-content: center;
 }
@@ -759,8 +800,9 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
 }
-.xpay-bg-current {
-  background-color: currentColor;
+.xpay-bg-gray-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
 }
 .xpay-bg-transparent {
   background-color: transparent;
@@ -802,6 +844,11 @@ video {
   --tw-gradient-to: rgba(76, 175, 80, 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
+.xpay-from-x_blue_300_20 {
+  --tw-gradient-from: #3681C633 var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(54 129 198 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
 .xpay-from-x_blue_light {
   --tw-gradient-from: rgba(54,129,198,1) var(--tw-gradient-from-position);
   --tw-gradient-to: rgba(54, 129, 198, 0) var(--tw-gradient-to-position);
@@ -819,12 +866,18 @@ video {
 .xpay-to-\[rgba\(46\,125\,50\,0\.2\)\] {
   --tw-gradient-to: rgba(46,125,50,0.2) var(--tw-gradient-to-position);
 }
+.xpay-to-x_blue_400_20 {
+  --tw-gradient-to: #2B4A9D33 var(--tw-gradient-to-position);
+}
 .xpay-to-x_blue_dark {
   --tw-gradient-to: rgba(43,74,157,1) var(--tw-gradient-to-position);
 }
 .xpay-bg-clip-text {
   background-clip: text;
 }
+.xpay-fill-\[rgba\(54\,129\,198\,1\)\] {
+  fill: rgba(54, 129, 198, 1);
+}
 .xpay-p-0 {
   padding: 0px;
 }
@@ -843,6 +896,9 @@ video {
 .xpay-p-6 {
   padding: 1.5rem;
 }
+.xpay-p-\[5px\] {
+  padding: 5px;
+}
 .xpay-px-0 {
   padding-left: 0px;
   padding-right: 0px;
@@ -887,6 +943,12 @@ video {
   padding-top: 1rem;
   padding-bottom: 1rem;
 }
+.xpay-pl-9 {
+  padding-left: 2.25rem;
+}
+.xpay-pt-2 {
+  padding-top: 0.5rem;
+}
 .xpay-text-left {
   text-align: left;
 }
@@ -928,6 +990,9 @@ video {
   font-size: 0.75rem;
   line-height: 1rem;
 }
+.xpay-font-bold {
+  font-weight: 700;
+}
 .xpay-font-light {
   font-weight: 300;
 }
@@ -937,6 +1002,9 @@ video {
 .xpay-font-normal {
   font-weight: 400;
 }
+.xpay-leading-8 {
+  line-height: 2rem;
+}
 .xpay-leading-\[10px\] {
   line-height: 10px;
 }
@@ -983,10 +1051,17 @@ video {
 .xpay-text-\[rgba\(255\,255\,255\,0\.6\)\] {
   color: rgba(255, 255, 255, 0.6);
 }
+.xpay-text-\[rgba\(54\,129\,198\,1\)\] {
+  color: rgba(54, 129, 198, 1);
+}
 .xpay-text-black {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity));
 }
+.xpay-text-gray-200 {
+  --tw-text-opacity: 1;
+  color: rgb(229 231 235 / var(--tw-text-opacity));
+}
 .xpay-text-transparent {
   color: transparent;
 }
@@ -998,6 +1073,9 @@ video {
   --tw-text-opacity: 1;
   color: rgb(255 226 183 / var(--tw-text-opacity));
 }
+.xpay-text-x_blue_dark {
+  color: rgba(43, 74, 157, 1);
+}
 .xpay-text-x_green {
   --tw-text-opacity: 1;
   color: rgb(102 187 106 / var(--tw-text-opacity));
@@ -1005,9 +1083,15 @@ video {
 .xpay-text-x_grey {
   color: #ffffff80;
 }
+.xpay-underline {
+  text-decoration-line: underline;
+}
 .xpay-no-underline {
   text-decoration-line: none;
 }
+.xpay-opacity-50 {
+  opacity: 0.5;
+}
 .xpay-opacity-60 {
   opacity: 0.6;
 }
@@ -1055,6 +1139,9 @@ video {
 .last\:xpay-mb-0:last-child {
   margin-bottom: 0px;
 }
+.visited\:xpay-text-white:visited {
+  color: rgb(255 255 255);
+}
 .hover\:xpay-cursor-pointer:hover {
   cursor: pointer;
 }
@@ -1062,6 +1149,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(25 25 25 / var(--tw-bg-opacity));
 }
+.hover\:xpay-text-white:hover {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
 .focus\:xpay-outline-none:focus {
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -1110,3 +1201,9 @@ video {
     padding: 1rem;
   }
 }
+@media (prefers-color-scheme: dark) {
+  .dark\:xpay-text-gray-600 {
+    --tw-text-opacity: 1;
+    color: rgb(75 85 99 / var(--tw-text-opacity));
+  }
+}

package/dist/index.d.mts

@@ -151,6 +151,8 @@ type GetSwapTxPayload = {
     dstToken: string;
     customContractCalls?: ContractCall[];
     desc?: string;
+    retrunTransactions?: boolean;
+    dstDisplayToken?: string;
 };
 
 type GetPricesPayload = {
@@ -259,10 +261,10 @@ type MonitoredTransaction = {
 
 declare const renderTxStatus: (txChainId: string, txHash: string) => Promise<void>;
 
-declare const openTransactionModal: ({ integratorId, dstChain, dstToken, customContractCalls, desc, }: GetSwapTxPayload) => Promise<Transactions>;
+declare const openTransactionModal: ({ integratorId, dstChain, dstToken, customContractCalls, desc, retrunTransactions, dstDisplayToken, }: GetSwapTxPayload) => Promise<Transactions | undefined>;
 
 declare const XPay: {
-    openTransactionModal: ({ integratorId, dstChain, dstToken, customContractCalls, desc, }: GetSwapTxPayload) => Promise<Transactions>;
+    openTransactionModal: ({ integratorId, dstChain, dstToken, customContractCalls, desc, retrunTransactions, dstDisplayToken, }: GetSwapTxPayload) => Promise<Transactions | undefined>;
     renderTxStatus: (txChainId: string, txHash: string) => Promise<void>;
 };
 

package/dist/index.d.ts

@@ -151,6 +151,8 @@ type GetSwapTxPayload = {
     dstToken: string;
     customContractCalls?: ContractCall[];
     desc?: string;
+    retrunTransactions?: boolean;
+    dstDisplayToken?: string;
 };
 
 type GetPricesPayload = {
@@ -259,10 +261,10 @@ type MonitoredTransaction = {
 
 declare const renderTxStatus: (txChainId: string, txHash: string) => Promise<void>;
 
-declare const openTransactionModal: ({ integratorId, dstChain, dstToken, customContractCalls, desc, }: GetSwapTxPayload) => Promise<Transactions>;
+declare const openTransactionModal: ({ integratorId, dstChain, dstToken, customContractCalls, desc, retrunTransactions, dstDisplayToken, }: GetSwapTxPayload) => Promise<Transactions | undefined>;
 
 declare const XPay: {
-    openTransactionModal: ({ integratorId, dstChain, dstToken, customContractCalls, desc, }: GetSwapTxPayload) => Promise<Transactions>;
+    openTransactionModal: ({ integratorId, dstChain, dstToken, customContractCalls, desc, retrunTransactions, dstDisplayToken, }: GetSwapTxPayload) => Promise<Transactions | undefined>;
     renderTxStatus: (txChainId: string, txHash: string) => Promise<void>;
 };