feat: added app_id feature

Author: Ho3einWave

lib/components/Swap/Swap.stories.tsx

@@ -153,3 +153,24 @@ export const TonJiggle: Story = {
         },
     },
 };
+
+export const WithAppId: Story = {
+    args: {
+        theme: {
+            border: "#004A6533",
+            primary: "#177594",
+            background: "#181F34",
+            input_card: "#27272A",
+            input_token: "#1D2939",
+            light_shade: "#193349",
+            slippage_box: "#D1D1E0",
+            text_black: "#FFFFFF",
+            text_white: "#FFFFFF",
+            text_fade: "#6B7280",
+            skeleton_shine: "#585959",
+        },
+        options: {
+            app_id: "tonjiggle",
+        },
+    },
+};

lib/store/options.store.ts

@@ -5,6 +5,7 @@ export type SwapOptions = {
     default_pay_token?: string;
     default_receive_token?: string;
     pin_tokens?: string[];
+    app_id?: string;
 };
 
 type SwapOptionsStates = {
@@ -13,7 +14,7 @@ type SwapOptionsStates = {
 };
 
 type SwapOptionsActions = {
-    setOptions: (colors: SwapOptions) => void;
+    setOptions: (options: SwapOptions) => void;
 };
 
 export const useOptionsStore = create<SwapOptionsActions & SwapOptionsStates>(

lib/utils/swap.ts

@@ -8,14 +8,16 @@ import {
 } from "@tonconnect/ui-react";
 import { useSwapStore } from "../store/swap.store";
 import catchError from "./catchErrors";
+import { useOptionsStore } from "../store/options.store";
 
 export default async function swap(
     tonconnect: TonConnectUI,
     bestRoute: BestRoute
 ) {
     const client = new MyTonSwapClient();
+    const app_id = useOptionsStore.getState().options.app_id;
     const rawMessageResult = await catchError(() =>
-        client.swap.createSwap(tonconnect.account!.address, bestRoute)
+        client.swap.createSwap(tonconnect.account!.address, bestRoute, app_id)
     );
     if (rawMessageResult.error) return console.log("make this alert!");
     const rawMessage = rawMessageResult.data;