handling for missing Crypto api

.changeset/famous-news-start.md

@@ -0,0 +1,5 @@
+---
+"@saleor/app-sdk": patch
+---
+
+Added custom warning for not available Crypto in non-secure environments (it can be used in localhost or https only)

src/app-bridge/actions.test.ts

@@ -1,8 +1,12 @@
-import { describe, expect, it } from "vitest";
+import { afterEach, describe, expect, it, vi } from "vitest";
 
 import { actions, NotificationPayload, RedirectPayload } from "./actions";
 
 describe("actions.ts", () => {
+  afterEach(() => {
+    vi.restoreAllMocks();
+  });
+
   describe("actions.Notification", () => {
     it("Constructs action with \"notification\" type, random id and payload", () => {
       const payload: NotificationPayload = {
@@ -34,4 +38,17 @@ describe("actions.ts", () => {
       expect(action.payload).toEqual(expect.objectContaining(payload));
     });
   });
+
+  it("Throws custom error if crypto is not available", () => {
+    vi.stubGlobal("crypto", {
+      ...globalThis.crypto,
+      randomUUID: undefined,
+    });
+
+    return expect(() =>
+      actions.Notification({
+        title: "Test",
+      }),
+    ).throws("Failed to generate action ID. Please ensure you are using https or localhost");
+  });
 });

src/app-bridge/actions.ts

@@ -42,15 +42,19 @@ type ActionWithId<Name extends ActionType, Payload extends {}> = {
 function withActionId<Name extends ActionType, Payload extends {}, T extends Action<Name, Payload>>(
   action: T,
 ): ActionWithId<Name, Payload> {
-  const actionId = globalThis.crypto.randomUUID();
-
-  return {
-    ...action,
-    payload: {
-      ...action.payload,
-      actionId,
-    },
-  };
+  try {
+    const actionId = globalThis.crypto.randomUUID();
+
+    return {
+      ...action,
+      payload: {
+        ...action.payload,
+        actionId,
+      },
+    };
+  } catch (e) {
+    throw new Error("Failed to generate action ID. Please ensure you are using https or localhost");
+  }
 }
 
 export type RedirectPayload = {