fix: Update error code and message, and make corresponding changes in the README

Author: reshmarevi17

README.md

@@ -1,8 +1,6 @@
 
 <H1>Siren React Inbox</H1>
 
-<a name="introduction"></a>
-
 ## Overview
 
 The `@siren/react-inbox` sdk is a comprehensive and customizable React UI kit for displaying and managing notifications. This documentation provides comprehensive information on how to install, configure, and use the sdk effectively.
@@ -251,7 +249,7 @@ Given below are all possible error codes thrown by sdk.
 | INVALID_RECIPIENT_ID      | Invalid recipient id                  | The recipient id passed in the provider is invalid                |
 | TOKEN_VERIFICATION_FAILED | This operation requires a valid token | Verification of the given tokens has failed                                 |
 | GENERIC_API_ERROR         | Api error                             | Occurrence of an unexpected api error                             |
-| SIREN_OBJECT_NOT_FOUND    | Siren Object Not found                | Attempting to invoke the functions outside the siren inbox context|
+| OUTSIDE_SIREN_CONTEXT     | Trying to invoke function outside the siren context          | Attempting to invoke the functions outside the siren inbox context|
 | MISSING_PARAMETER         | Missing Parameter                     | The required parameter is missing                |
 
 ### Example

src/utils/constants.ts

@@ -108,8 +108,8 @@ export const MAXIMUM_ITEMS_PER_FETCH = 50;
 export const errorMap = {
   SIREN_OBJECT_NOT_FOUND: {
     Type: "ERROR",
-    Code: "SIREN_OBJECT_NOT_FOUND",
-    Message: "Siren Object Not found",
+    Code: 'OUTSIDE_SIREN_CONTEXT',
+    Message: 'Trying to invoke function outside the siren context'
   },
   MISSING_PARAMETER: {
     Type: "ERROR",

tests/components/sirenPanel.spec.tsx

@@ -13,8 +13,7 @@ jest.mock("../../src/styles/loader.css", () => ({}));
 jest.mock("../../src/styles/emptyList.css", () => ({}));
 jest.mock("../../src/styles/errorWindow.css", () => ({}));
 jest.mock("../../src/styles/sirenPanel.css", () => ({}));
-jest.mock('../../src/styles/showMore.css', () => ({}));
-
+jest.mock("../../src/styles/showMore.css", () => ({}));
 
 const mockErrorFn = jest.fn();
 const style = applyTheme();
@@ -33,7 +32,7 @@ const props = {
   noOfNotificationsPerFetch: 10,
   fullScreen: false,
   setModalVisible: jest.fn(),
-  darkMode: false
+  darkMode: false,
 };
 
 test("matches snapshot", () => {
@@ -42,9 +41,9 @@ test("matches snapshot", () => {
   expect(asFragment()).toMatchSnapshot();
 });
 
-it('renders title when provided', () => {
+it("renders title when provided", () => {
   const { getByText } = render(<SirenPanel {...props} title="Notifications" />);
-  const title = getByText('Notifications');
+  const title = getByText("Notifications");
 
   expect(title).toBeTruthy();
 });
@@ -68,15 +67,19 @@ it("renders custom header when provided", () => {
 
 it("calls onError callback if an error occurs", async () => {
   // Mocking an error response from the server
-  jest.spyOn(global, 'fetch').mockRejectedValueOnce({
+  jest.spyOn(global, "fetch").mockRejectedValueOnce({
     json: async () => ({
-      Code: "SIREN_OBJECT_NOT_FOUND",
-      Message: "Siren Object Not found",
-      Type: "ERROR"
-    })
+      Code: "OUTSIDE_SIREN_CONTEXT",
+      Message: "Trying to invoke function outside the siren context",
+      Type: "ERROR",
+    }),
   });
   render(<SirenPanel {...props} />);
   await waitFor(() => {
-    expect(mockErrorFn).toHaveBeenCalledWith({"Code": "SIREN_OBJECT_NOT_FOUND", "Message": "Siren Object Not found", "Type": "ERROR"});
+    expect(mockErrorFn).toHaveBeenCalledWith({
+      Code: "OUTSIDE_SIREN_CONTEXT",
+      Message: "Trying to invoke function outside the siren context",
+      Type: "ERROR",
+    });
   });
-});
+});