squarefi-bff-api-module 1.21.9 → 1.22.0

package/dist/api/types/autogen/apiV2.types.d.ts

@@ -1107,7 +1107,6 @@ export interface components {
             kyc_status: "APPROVED" | "DECLINED" | "PENDING" | "HOLD" | "DOUBLE" | "SOFT_REJECT" | "REJECT" | "UNVERIFIED" | "WAITING_ON_UBOS" | null;
             referral_name: string | null;
             tenant_id: string;
-            turnover_limit: number;
             user_id: string;
             default_currency: string;
             user_groups_id: string | null;

package/dist/hooks/useCalc.d.ts

@@ -0,0 +1,20 @@
+import { API } from '../api/types/types';
+export type OrderCalcHandlerProps = Omit<API.Orders.V2.Calc.Request, 'order_type'>;
+export type UseOrderCalcProps = {
+    from_currency_id: string | null | undefined;
+    to_currency_id: string | null | undefined;
+    calcHandler: (props: OrderCalcHandlerProps) => Promise<API.Orders.V2.Calc.Response>;
+    disableCalculation?: boolean;
+    to_address?: string;
+};
+export type UseOrderCalcData = {
+    calcData: API.Orders.V2.Calc.Response | null;
+    sellingAmount: number;
+    setSellingAmount: (value: number) => void;
+    buyingAmount: number;
+    setBuyingAmount: (value: number) => void;
+    isSellingValuePending: boolean;
+    isBuyingValuePending: boolean;
+};
+export type UseOrderCalc = (props: UseOrderCalcProps) => UseOrderCalcData;
+export declare const useOrderCalc: UseOrderCalc;

package/dist/hooks/useCalc.js

@@ -0,0 +1,127 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOrderCalc = void 0;
+const lodash_debounce_1 = __importDefault(require("lodash.debounce"));
+const react_1 = require("react");
+const useOrderCalc = (props) => {
+    var _a, _b, _c;
+    const { from_currency_id, to_currency_id, calcHandler, disableCalculation, to_address } = props;
+    const [sellingAmount, setSellingAmount] = (0, react_1.useState)(0);
+    const [buyingAmount, setBuyingAmount] = (0, react_1.useState)(0);
+    const [calcData, setCalcData] = (0, react_1.useState)(null);
+    const [isSellingValuePending, setIsSellingValuePending] = (0, react_1.useState)(false);
+    const [isBuyingValuePending, setIsBuyingValuePending] = (0, react_1.useState)(false);
+    const abortControllerRef = (0, react_1.useRef)(null);
+    const resetOrderCalc = () => {
+        setCalcData(null);
+        setIsSellingValuePending(false);
+        setIsBuyingValuePending(false);
+        setSellingAmount(0);
+        setBuyingAmount(0);
+    };
+    const abortCurrentCalculation = () => {
+        if (abortControllerRef.current) {
+            abortControllerRef.current.abort();
+        }
+    };
+    const updateCalculations = (_a) => __awaiter(void 0, [_a], void 0, function* ({ is_reverse = false }) {
+        if (disableCalculation) {
+            return;
+        }
+        abortControllerRef.current = new AbortController();
+        if (!from_currency_id || !to_currency_id) {
+            throw new Error('From currency or to currency is not defined');
+        }
+        if (sellingAmount === 0 && buyingAmount === 0 && !calcData) {
+            resetOrderCalc();
+            return;
+        }
+        const calcParams = {
+            from_currency_id,
+            to_currency_id,
+            amount: is_reverse ? buyingAmount : sellingAmount,
+            is_reverse,
+            to_address,
+            signal: abortControllerRef.current.signal,
+        };
+        if (!calcParams.amount) {
+            resetOrderCalc();
+            return;
+        }
+        try {
+            is_reverse ? setIsSellingValuePending(true) : setIsBuyingValuePending(true);
+            const data = yield calcHandler(calcParams);
+            setCalcData(data);
+            setSellingAmount(data.from_amount);
+            setBuyingAmount(data.result_amount);
+            abortControllerRef.current = null;
+            is_reverse ? setIsSellingValuePending(false) : setIsBuyingValuePending(false);
+        }
+        catch (error) {
+            if (error.code === 'ERR_CANCELED') {
+                return;
+            }
+            is_reverse ? setIsSellingValuePending(false) : setIsBuyingValuePending(false);
+            if (error.status === 404) {
+                // eslint-disable-next-line no-console
+                console.error('Rate not found');
+                resetOrderCalc();
+            }
+            throw error;
+        }
+    });
+    const onSellingValueUpdate = (0, lodash_debounce_1.default)((value) => {
+        if (value !== (calcData === null || calcData === void 0 ? void 0 : calcData.from_amount) || isBuyingValuePending) {
+            updateCalculations({ is_reverse: false });
+        }
+    }, ((_a = abortControllerRef.current) === null || _a === void 0 ? void 0 : _a.signal) ? undefined : 1000);
+    const onBuyingValueUpdate = (0, lodash_debounce_1.default)((value) => {
+        if (value !== (calcData === null || calcData === void 0 ? void 0 : calcData.result_amount) || isSellingValuePending) {
+            updateCalculations({ is_reverse: true });
+        }
+    }, ((_b = abortControllerRef.current) === null || _b === void 0 ? void 0 : _b.signal) ? undefined : 1000);
+    const onToAddressUpdate = (0, lodash_debounce_1.default)(() => {
+        updateCalculations({ is_reverse: false });
+    }, ((_c = abortControllerRef.current) === null || _c === void 0 ? void 0 : _c.signal) ? undefined : 1000);
+    (0, react_1.useEffect)(() => {
+        abortCurrentCalculation();
+        updateCalculations({ is_reverse: false });
+    }, [from_currency_id, to_currency_id]);
+    (0, react_1.useEffect)(() => {
+        abortCurrentCalculation();
+        onSellingValueUpdate(sellingAmount);
+        return onSellingValueUpdate.cancel;
+    }, [sellingAmount]);
+    (0, react_1.useEffect)(() => {
+        abortCurrentCalculation();
+        onBuyingValueUpdate(buyingAmount);
+        return onBuyingValueUpdate.cancel;
+    }, [buyingAmount]);
+    (0, react_1.useEffect)(() => {
+        abortCurrentCalculation();
+        onToAddressUpdate();
+        return onToAddressUpdate.cancel;
+    }, [to_address]);
+    return {
+        sellingAmount,
+        setSellingAmount,
+        buyingAmount,
+        setBuyingAmount,
+        calcData,
+        isSellingValuePending,
+        isBuyingValuePending,
+    };
+};
+exports.useOrderCalc = useOrderCalc;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "squarefi-bff-api-module",
-  "version": "1.21.9",
+  "version": "1.22.0",
   "description": "Squarefi BFF API client module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -25,12 +25,15 @@
   "dependencies": {
     "@telegram-apps/sdk-react": "^3.1.2",
     "axios": "^1.6.7",
+    "lodash.debounce": "^4.0.8",
     "node-rsa": "^1.1.1"
   },
   "devDependencies": {
     "@types/jest": "^29.x.x",
+    "@types/lodash.debounce": "^4.0.9",
     "@types/node": "^20.17.47",
     "@types/node-rsa": "^1.1.4",
+    "@types/react": "^19.1.8",
     "dotenv": "^16.5.0",
     "husky": "^9.1.7",
     "jest": "^29.x.x",

package/src/api/types/autogen/apiV2.types.ts

@@ -1108,7 +1108,6 @@ export interface components {
             kyc_status: "APPROVED" | "DECLINED" | "PENDING" | "HOLD" | "DOUBLE" | "SOFT_REJECT" | "REJECT" | "UNVERIFIED" | "WAITING_ON_UBOS" | null;
             referral_name: string | null;
             tenant_id: string;
-            turnover_limit: number;
             user_id: string;
             default_currency: string;
             user_groups_id: string | null;

package/src/hooks/useCalc.ts

@@ -0,0 +1,166 @@
+import debounce from 'lodash.debounce';
+import { useEffect, useRef, useState } from 'react';
+import { API } from '../api/types/types';
+
+export type OrderCalcHandlerProps = Omit<API.Orders.V2.Calc.Request, 'order_type'>;
+
+export type UseOrderCalcProps = {
+  from_currency_id: string | null | undefined;
+  to_currency_id: string | null | undefined;
+  calcHandler: (props: OrderCalcHandlerProps) => Promise<API.Orders.V2.Calc.Response>;
+  disableCalculation?: boolean;
+  to_address?: string;
+};
+
+export type UseOrderCalcData = {
+  calcData: API.Orders.V2.Calc.Response | null;
+  sellingAmount: number;
+  setSellingAmount: (value: number) => void;
+  buyingAmount: number;
+  setBuyingAmount: (value: number) => void;
+  isSellingValuePending: boolean;
+  isBuyingValuePending: boolean;
+};
+
+export type UseOrderCalc = (props: UseOrderCalcProps) => UseOrderCalcData;
+
+export const useOrderCalc: UseOrderCalc = (props: UseOrderCalcProps) => {
+  const { from_currency_id, to_currency_id, calcHandler, disableCalculation, to_address } = props;
+
+  const [sellingAmount, setSellingAmount] = useState(0);
+  const [buyingAmount, setBuyingAmount] = useState(0);
+  const [calcData, setCalcData] = useState<API.Orders.V2.Calc.Response | null>(null);
+  const [isSellingValuePending, setIsSellingValuePending] = useState(false);
+  const [isBuyingValuePending, setIsBuyingValuePending] = useState(false);
+
+  const abortControllerRef = useRef<AbortController | null>(null);
+
+  const resetOrderCalc = () => {
+    setCalcData(null);
+    setIsSellingValuePending(false);
+    setIsBuyingValuePending(false);
+    setSellingAmount(0);
+    setBuyingAmount(0);
+  };
+
+  const abortCurrentCalculation = () => {
+    if (abortControllerRef.current) {
+      abortControllerRef.current.abort();
+    }
+  };
+
+  const updateCalculations = async ({ is_reverse = false }) => {
+    if (disableCalculation) {
+      return;
+    }
+
+    abortControllerRef.current = new AbortController();
+
+    if (!from_currency_id || !to_currency_id) {
+      throw new Error('From currency or to currency is not defined');
+    }
+
+    if (sellingAmount === 0 && buyingAmount === 0 && !calcData) {
+      resetOrderCalc();
+      return;
+    }
+
+    const calcParams: OrderCalcHandlerProps = {
+      from_currency_id,
+      to_currency_id,
+      amount: is_reverse ? buyingAmount : sellingAmount,
+      is_reverse,
+      to_address,
+      signal: abortControllerRef.current.signal,
+    };
+
+    if (!calcParams.amount) {
+      resetOrderCalc();
+      return;
+    }
+
+    try {
+      is_reverse ? setIsSellingValuePending(true) : setIsBuyingValuePending(true);
+      const data = await calcHandler(calcParams);
+      setCalcData(data);
+
+      setSellingAmount(data.from_amount);
+
+      setBuyingAmount(data.result_amount);
+      abortControllerRef.current = null;
+      is_reverse ? setIsSellingValuePending(false) : setIsBuyingValuePending(false);
+    } catch (error: any) {
+      if (error.code === 'ERR_CANCELED') {
+        return;
+      }
+
+      is_reverse ? setIsSellingValuePending(false) : setIsBuyingValuePending(false);
+
+      if (error.status === 404) {
+        // eslint-disable-next-line no-console
+        console.error('Rate not found');
+        resetOrderCalc();
+      }
+
+      throw error;
+    }
+  };
+
+  const onSellingValueUpdate = debounce(
+    (value: number) => {
+      if (value !== calcData?.from_amount || isBuyingValuePending) {
+        updateCalculations({ is_reverse: false });
+      }
+    },
+    abortControllerRef.current?.signal ? undefined : 1000
+  );
+
+  const onBuyingValueUpdate = debounce(
+    (value: number) => {
+      if (value !== calcData?.result_amount || isSellingValuePending) {
+        updateCalculations({ is_reverse: true });
+      }
+    },
+    abortControllerRef.current?.signal ? undefined : 1000
+  );
+
+  const onToAddressUpdate = debounce(
+    () => {
+      updateCalculations({ is_reverse: false });
+    },
+    abortControllerRef.current?.signal ? undefined : 1000
+  );
+
+  useEffect(() => {
+    abortCurrentCalculation();
+    updateCalculations({ is_reverse: false });
+  }, [from_currency_id, to_currency_id]);
+
+  useEffect(() => {
+    abortCurrentCalculation();
+    onSellingValueUpdate(sellingAmount);
+    return onSellingValueUpdate.cancel;
+  }, [sellingAmount]);
+
+  useEffect(() => {
+    abortCurrentCalculation();
+    onBuyingValueUpdate(buyingAmount);
+    return onBuyingValueUpdate.cancel;
+  }, [buyingAmount]);
+
+  useEffect(() => {
+    abortCurrentCalculation();
+    onToAddressUpdate();
+    return onToAddressUpdate.cancel;
+  }, [to_address]);
+
+  return {
+    sellingAmount,
+    setSellingAmount,
+    buyingAmount,
+    setBuyingAmount,
+    calcData,
+    isSellingValuePending,
+    isBuyingValuePending,
+  };
+};