chore: update react-kit with latest chat-sdk

package.json

@@ -46,8 +46,8 @@
   },
   "dependencies": {
     "@apollo/client": "^3.8.1",
-    "@bosonprotocol/chat-sdk": "^1.3.1-alpha.16",
-    "@bosonprotocol/react-kit": "^0.39.2-alpha.3",
+    "@bosonprotocol/chat-sdk": "^1.3.1-alpha.20",
+    "@bosonprotocol/react-kit": "^0.40.1-alpha.1",
     "@davatar/react": "^1.10.4",
     "@ethersproject/address": "^5.6.1",
     "@ethersproject/units": "^5.7.0",

src/components/detail/DetailWidget/CommitDetailWidget.tsx

@@ -195,7 +195,8 @@ export const CommitDetailWidget: React.FC<CommitDetailWidgetProps> = ({
               offer.exchangeToken.address,
               constants.MaxInt256,
               {
-                spender: commitProxyAddress
+                spender: commitProxyAddress,
+                returnTxInfo: false
               }
             );
             await tx.wait();

src/components/modal/components/Chat/MakeProposal/steps/MakeAProposalStep/RefundRequest.tsx

@@ -146,12 +146,12 @@ export default function RefundRequest({ exchange, iAmTheBuyer }: Props) {
                 if (isNaN(valueAsNumber)) {
                   return;
                 }
-                const valueInDecimals: string = formatIntValueToDecimals(
-                  BigNumber.from(inEscrow)
-                    .mul(valueAsNumber * 1000)
-                    .div(100 * 1000)
-                    .toString()
-                );
+                const valueAsString = BigNumber.from(inEscrow)
+                  .mul(valueAsNumber * 1000)
+                  .div(100 * 1000)
+                  .toString();
+                const valueInDecimals: string =
+                  formatIntValueToDecimals(valueAsString);
                 setFieldValue(
                   FormModel.formFields.refundAmount.name,
                   valueInDecimals,

src/components/modal/components/Chat/ResolveDisputeModal.tsx

@@ -4,7 +4,7 @@ import {
   MessageType,
   ThreadId,
   version
-} from "@bosonprotocol/chat-sdk/dist/esm/util/v0.0.1/definitions";
+} from "@bosonprotocol/chat-sdk";
 import { TransactionResponse } from "@bosonprotocol/common";
 import { CoreSDK, hooks, Provider, subgraph } from "@bosonprotocol/react-kit";
 import {

src/components/modal/components/Chat/components/EscalateModal/steps/EscalateStepTwo.tsx

@@ -3,7 +3,7 @@ import {
   MessageType,
   ThreadId,
   version
-} from "@bosonprotocol/chat-sdk/dist/esm/util/v0.0.1/definitions";
+} from "@bosonprotocol/chat-sdk";
 import { TransactionResponse } from "@bosonprotocol/common";
 import { CoreSDK, hooks, Provider, subgraph } from "@bosonprotocol/react-kit";
 import {

src/components/modal/components/RetractDisputeModal.tsx

@@ -3,7 +3,7 @@ import {
   MessageType,
   ThreadId,
   version
-} from "@bosonprotocol/chat-sdk/dist/esm/util/v0.0.1/definitions";
+} from "@bosonprotocol/chat-sdk";
 import { TransactionResponse } from "@bosonprotocol/common";
 import { CoreSDK, hooks, Provider, subgraph } from "@bosonprotocol/react-kit";
 import {

src/components/seller/exchanges/SellerExchanges.tsx

@@ -1,5 +1,5 @@
-import { ThreadId } from "@bosonprotocol/chat-sdk/dist/cjs/util/v0.0.1/definitions";
-import { ThreadObject } from "@bosonprotocol/chat-sdk/dist/esm/util/v0.0.1/definitions";
+import { ThreadId } from "@bosonprotocol/chat-sdk";
+import { ThreadObject } from "@bosonprotocol/chat-sdk";
 import { exchanges as ExchangesKit, subgraph } from "@bosonprotocol/react-kit";
 import * as Sentry from "@sentry/browser";
 import { createWorkerFactory, useWorker } from "@shopify/react-web-worker";

src/lib/utils/hooks/chat/common.ts

@@ -1,8 +1,5 @@
-import {
-  MessageData,
-  ThreadObject
-} from "@bosonprotocol/chat-sdk/dist/esm/util/v0.0.1/definitions";
-import { matchThreadIds } from "@bosonprotocol/chat-sdk/dist/esm/util/v0.0.1/functions";
+import { MessageData, ThreadObject } from "@bosonprotocol/chat-sdk";
+import { matchThreadIds } from "@bosonprotocol/chat-sdk";
 import dayjs from "dayjs";
 
 export type DateStep =

src/lib/utils/hooks/chat/getThreadWorker.ts

@@ -1,8 +1,5 @@
-import { BosonXmtpClient } from "@bosonprotocol/chat-sdk";
-import {
-  ThreadId,
-  ThreadObject
-} from "@bosonprotocol/chat-sdk/dist/esm/util/v0.0.1/definitions";
+import { BosonXmtpBrowserClient } from "@bosonprotocol/chat-sdk";
+import { ThreadId, ThreadObject } from "@bosonprotocol/chat-sdk";
 import dayjs from "dayjs";
 import { MutableRefObject } from "react";
 
@@ -29,7 +26,7 @@ export async function getThread({
   checkCustomCondition,
   stopRef
 }: {
-  bosonXmtp: BosonXmtpClient;
+  bosonXmtp: BosonXmtpBrowserClient;
   threadId: ThreadId;
   counterParty: string;
   dateIndex: number;

src/lib/utils/hooks/chat/useChatStatus.ts

@@ -1,4 +1,4 @@
-import { BosonXmtpClient } from "@bosonprotocol/chat-sdk";
+import { BosonXmtpBrowserClient } from "@bosonprotocol/chat-sdk";
 import { useConfigContext } from "components/config/ConfigContext";
 import { useEffect, useState } from "react";
 
@@ -41,7 +41,7 @@ export const useChatStatus = (): {
         return;
       }
       setChatInitializationStatus(ChatInitializationStatus.INITIALIZING);
-      BosonXmtpClient.isXmtpEnabled(
+      BosonXmtpBrowserClient.isXmtpEnabled(
         address,
         config.envConfig.envName === "production" ? "production" : "dev",
         chatEnvName

src/lib/utils/hooks/chat/useInfiniteThread.ts

@@ -1,8 +1,5 @@
-import {
-  ThreadId,
-  ThreadObject
-} from "@bosonprotocol/chat-sdk/dist/esm/util/v0.0.1/definitions";
-import { validateMessage } from "@bosonprotocol/chat-sdk/dist/esm/util/validators";
+import { ThreadId, ThreadObject } from "@bosonprotocol/chat-sdk";
+import { validateMessage } from "@bosonprotocol/chat-sdk";
 import { createWorkerFactory, useWorker } from "@shopify/react-web-worker";
 import { utils } from "ethers";
 import { useCallback, useEffect, useRef, useState } from "react";

src/lib/utils/hooks/offer/useCreateOffers.tsx

@@ -202,12 +202,22 @@ export function useCreateOffers() {
             );
             const decimals = await onBeforeBuildCondition();
             const condition = buildCondition(tokenGatedInfo, decimals);
-
+            const sellerAddress = sellerToCreate?.assistant;
+            if (!sellerAddress) {
+              throw new Error(`sellerAddress is falsy "${sellerAddress}"`);
+            }
+            const seller = await coreSDK.getSellerByAssistant(sellerAddress);
+            if (!seller) {
+              throw new Error(
+                `seller could not be found with this address="${sellerAddress}"`
+              );
+            }
+            const sellerId = seller.id;
             if (isMetaTx) {
               const nonce = Date.now();
               const { r, s, v, functionName, functionSignature } =
                 await coreSDK.signMetaTxCreateGroup({
-                  createGroupArgs: { offerIds, ...condition },
+                  createGroupArgs: { offerIds, sellerId, ...condition },
                   nonce
                 });
               txResponse = await coreSDK.relayMetaTransaction({
@@ -221,6 +231,7 @@ export function useCreateOffers() {
             } else {
               txResponse = await coreSDK.createGroup({
                 offerIds,
+                sellerId,
                 ...condition
               });
             }

src/pages/chat/ChatProvider/ChatContext.ts

@@ -1,10 +1,10 @@
-import { BosonXmtpClient } from "@bosonprotocol/chat-sdk";
+import { BosonXmtpBrowserClient } from "@bosonprotocol/chat-sdk";
 import { createContext, Dispatch, SetStateAction, useContext } from "react";
 
 import { getChatEnvName } from "./const";
 
 export const Context = createContext<{
-  bosonXmtp: BosonXmtpClient | undefined;
+  bosonXmtp: BosonXmtpBrowserClient | undefined;
   initialize: Dispatch<SetStateAction<void>>;
   chatEnvName: ReturnType<typeof getChatEnvName> | null;
   error: unknown;

src/pages/chat/ChatProvider/ChatProvider.tsx

@@ -1,4 +1,4 @@
-import { BosonXmtpClient } from "@bosonprotocol/chat-sdk";
+import { BosonXmtpBrowserClient } from "@bosonprotocol/chat-sdk";
 import * as Sentry from "@sentry/browser";
 import { useConfigContext } from "components/config/ConfigContext";
 import { ReactNode, useEffect, useState } from "react";
@@ -18,12 +18,12 @@ export default function ChatProvider({ children }: Props) {
   const [initialize, setInitialized] = useState<number>(0);
   const [isLoading, setLoading] = useState<boolean>(false);
   const [error, setError] = useState<unknown>();
-  const [bosonXmtp, setBosonXmtp] = useState<BosonXmtpClient>();
+  const [bosonXmtp, setBosonXmtp] = useState<BosonXmtpBrowserClient>();
   const chatEnvName = getChatEnvName(config);
   useEffect(() => {
     if (signer && initialize && !bosonXmtp) {
       setLoading(true);
-      BosonXmtpClient.initialise(
+      BosonXmtpBrowserClient.initialise(
         signer,
         config.envConfig.envName === "production" ? "production" : "dev",
         chatEnvName

src/pages/chat/components/ExchangeSidePreview.tsx

@@ -1,7 +1,4 @@
-import {
-  MessageData,
-  ThreadId
-} from "@bosonprotocol/chat-sdk/dist/esm/util/v0.0.1/definitions";
+import { MessageData, ThreadId } from "@bosonprotocol/chat-sdk";
 import { offers, subgraph } from "@bosonprotocol/react-kit";
 import {
   buyerAndSellerAgreementIncluding,

src/pages/chat/components/ExchangeTimeline.tsx

@@ -1,8 +1,5 @@
 /* eslint @typescript-eslint/no-explicit-any: "off" */
-import {
-  MessageData,
-  MessageType
-} from "@bosonprotocol/chat-sdk/dist/esm/util/v0.0.1/definitions";
+import { MessageData, MessageType } from "@bosonprotocol/chat-sdk";
 import { subgraph } from "@bosonprotocol/react-kit";
 import dayjs from "dayjs";
 import { ReactNode, useMemo } from "react";

src/pages/chat/components/Message.tsx

@@ -7,7 +7,7 @@ import {
   ProposalContent,
   StringContent,
   StringIconContent
-} from "@bosonprotocol/chat-sdk/dist/esm/util/v0.0.1/definitions";
+} from "@bosonprotocol/chat-sdk";
 import { subgraph } from "@bosonprotocol/react-kit";
 import { Check, Clock } from "phosphor-react";
 import React, {

src/pages/chat/components/conversation/ChatConversation.tsx

@@ -1,11 +1,11 @@
-import { BosonXmtpClient } from "@bosonprotocol/chat-sdk/dist/esm/index";
 import {
   MessageData,
   MessageType,
   ProposalContent,
   ThreadId
-} from "@bosonprotocol/chat-sdk/dist/esm/util/v0.0.1/definitions";
-import { validateMessage } from "@bosonprotocol/chat-sdk/dist/esm/util/validators";
+} from "@bosonprotocol/chat-sdk";
+import { validateMessage } from "@bosonprotocol/chat-sdk";
+import { BosonXmtpBrowserClient } from "@bosonprotocol/chat-sdk";
 import { subgraph } from "@bosonprotocol/react-kit";
 import * as Sentry from "@sentry/browser";
 import { utils } from "ethers";
@@ -436,7 +436,7 @@ const ChatConversation = ({
       destinationAddress
     }: {
       threadId: ThreadId;
-      bosonXmtp: BosonXmtpClient;
+      bosonXmtp: BosonXmtpBrowserClient;
       destinationAddress: string;
     }) => {
       try {

src/pages/chat/components/conversation/ChatConversationBottom.tsx

@@ -1,7 +1,4 @@
-import {
-  MessageData,
-  MessageType
-} from "@bosonprotocol/chat-sdk/dist/esm/util/v0.0.1/definitions";
+import { MessageData, MessageType } from "@bosonprotocol/chat-sdk";
 import { subgraph } from "@bosonprotocol/react-kit";
 import * as Sentry from "@sentry/browser";
 import React, { useEffect, useState } from "react";

src/pages/chat/components/conversation/ChatInfoBox/ChatInfoBox.tsx

@@ -1,4 +1,4 @@
-import { MessageData } from "@bosonprotocol/chat-sdk/dist/esm/util/v0.0.1/definitions";
+import { MessageData } from "@bosonprotocol/chat-sdk";
 import { subgraph } from "@bosonprotocol/react-kit";
 
 import { getExchangeDisputeDates } from "../../../../../lib/utils/exchange";

src/pages/chat/components/conversation/ChatInfoBox/DaysLeftToResolve.tsx

@@ -1,7 +1,4 @@
-import {
-  MessageData,
-  ProposalContent
-} from "@bosonprotocol/chat-sdk/dist/esm/util/v0.0.1/definitions";
+import { MessageData, ProposalContent } from "@bosonprotocol/chat-sdk";
 import { Check, Info, X } from "phosphor-react";
 import { Dispatch, SetStateAction, useState } from "react";
 

src/pages/chat/components/conversation/ChatInfoBox/DrHasDecided.tsx

@@ -1,7 +1,4 @@
-import {
-  MessageData,
-  ProposalContent
-} from "@bosonprotocol/chat-sdk/dist/esm/util/v0.0.1/definitions";
+import { MessageData, ProposalContent } from "@bosonprotocol/chat-sdk";
 import { BigNumber } from "ethers";
 import { Info, X } from "phosphor-react";
 import { useState } from "react";

src/pages/chat/components/conversation/ChatInfoBox/ProposalButtons.tsx

@@ -1,7 +1,4 @@
-import {
-  MessageData,
-  ProposalContent
-} from "@bosonprotocol/chat-sdk/dist/esm/util/v0.0.1/definitions";
+import { MessageData, ProposalContent } from "@bosonprotocol/chat-sdk";
 import { Check, Info, X } from "phosphor-react";
 import { Dispatch, SetStateAction, useState } from "react";
 

src/pages/chat/components/conversation/ChatInfoBox/YouHaveAccepted.tsx

@@ -2,7 +2,7 @@ import {
   AcceptProposalContent,
   MessageData,
   ProposalContent
-} from "@bosonprotocol/chat-sdk/dist/esm/util/v0.0.1/definitions";
+} from "@bosonprotocol/chat-sdk";
 import { useAccount } from "lib/utils/hooks/connection/connection";
 import { Info, X } from "phosphor-react";
 import { useState } from "react";

src/pages/chat/components/conversation/ChatInput.tsx

@@ -3,7 +3,7 @@ import {
   MessageType,
   ThreadId,
   version
-} from "@bosonprotocol/chat-sdk/dist/esm/util/v0.0.1/definitions";
+} from "@bosonprotocol/chat-sdk";
 import { subgraph } from "@bosonprotocol/react-kit";
 import * as Sentry from "@sentry/browser";
 import { defaultFontFamily } from "lib/styles/fonts";

src/pages/chat/components/conversation/Messages.tsx

@@ -1,5 +1,5 @@
-import { BosonXmtpClient } from "@bosonprotocol/chat-sdk";
-import { MessageData } from "@bosonprotocol/chat-sdk/dist/esm/util/v0.0.1/definitions";
+import { BosonXmtpBrowserClient } from "@bosonprotocol/chat-sdk";
+import { MessageData } from "@bosonprotocol/chat-sdk";
 import { subgraph } from "@bosonprotocol/react-kit";
 import dayjs from "dayjs";
 import { Exchange } from "lib/utils/hooks/useExchanges";
@@ -70,7 +70,7 @@ const LoadMoreMessages = styled.button.attrs({ type: "button" })`
 `;
 
 const getWasItSentByMe = (
-  bosonXmtp: BosonXmtpClient | undefined,
+  bosonXmtp: BosonXmtpBrowserClient | undefined,
   sender: string
 ) => {
   return bosonXmtp?.inboxId === sender;

src/pages/chat/types.ts

@@ -2,7 +2,7 @@ import {
   MessageData,
   ProposalContent,
   ThreadObject
-} from "@bosonprotocol/chat-sdk/dist/esm/util/v0.0.1/definitions";
+} from "@bosonprotocol/chat-sdk";
 
 import type SellerID from "../../components/ui/SellerID";
 import { Exchange } from "../../lib/utils/hooks/useExchanges";

src/pages/chat/utils/send.ts

@@ -1,4 +1,4 @@
-import { BosonXmtpClient } from "@bosonprotocol/chat-sdk";
+import { BosonXmtpBrowserClient } from "@bosonprotocol/chat-sdk";
 import {
   FileContent,
   MessageData,
@@ -8,7 +8,7 @@ import {
   SupportedFileMimeTypes,
   ThreadId,
   version
-} from "@bosonprotocol/chat-sdk/dist/esm/util/v0.0.1/definitions";
+} from "@bosonprotocol/chat-sdk";
 import { getHasUserRejectedTx } from "@bosonprotocol/react-kit";
 import { utils } from "ethers";
 
@@ -24,7 +24,7 @@ export const sendFilesToChat = async ({
   callbackSendingMessage,
   callback
 }: {
-  bosonXmtp: BosonXmtpClient;
+  bosonXmtp: BosonXmtpBrowserClient;
   files: FileWithEncodedData[];
   destinationAddress: string;
   threadId: ThreadId;
@@ -74,7 +74,7 @@ export const sendProposalToChat = async ({
   callback,
   type
 }: {
-  bosonXmtp: BosonXmtpClient;
+  bosonXmtp: BosonXmtpBrowserClient;
   proposal: ProposalContent["value"];
   files: FileWithEncodedData[];
   destinationAddress: string;
@@ -190,7 +190,7 @@ export const sendAndAddMessageToUI = async ({
   destinationAddress,
   newMessage
 }: {
-  bosonXmtp: BosonXmtpClient;
+  bosonXmtp: BosonXmtpBrowserClient;
   addMessage?:
     | ((
         newMessageOrList: MessageDataWithInfo | MessageDataWithInfo[]

src/pages/dispute-centre/RaiseDisputePage.tsx

@@ -1,4 +1,4 @@
-import { MessageType } from "@bosonprotocol/chat-sdk/dist/esm/util/v0.0.1/definitions";
+import { MessageType } from "@bosonprotocol/chat-sdk";
 import { TransactionResponse } from "@bosonprotocol/common";
 import { CoreSDK, hooks, Provider, subgraph } from "@bosonprotocol/react-kit";
 import {