@replyke/react-js 7.0.0-beta.88 → 7.0.0-beta.89

package/dist/cjs/hooks/useOAuthSignIn.d.ts

@@ -0,0 +1,27 @@
+export interface UseOAuthSignInReturn {
+    /** Initiate OAuth sign-in / sign-up (unauthenticated). */
+    initiateOAuth: (provider: string, redirectAfterAuth?: string) => Promise<void>;
+    /** Link a new OAuth provider to the current authenticated user. */
+    linkOAuthProvider: (provider: string, redirectAfterAuth?: string) => Promise<void>;
+    /** Call on the callback page to extract tokens from the URL fragment. */
+    handleOAuthCallback: () => boolean;
+    isLoading: boolean;
+    error: string | null;
+}
+/**
+ * Web-only hook for OAuth sign-in and identity linking.
+ * Uses window.location for redirect-based OAuth flow.
+ *
+ * Usage (sign-in):
+ *   const { initiateOAuth, handleOAuthCallback } = useOAuthSignIn();
+ *   await initiateOAuth("google", "https://myapp.com/auth/callback");
+ *
+ * Usage (link provider to current user):
+ *   const { linkOAuthProvider, handleOAuthCallback } = useOAuthSignIn();
+ *   await linkOAuthProvider("github", "https://myapp.com/settings");
+ *
+ * On the callback page (component mount):
+ *   useEffect(() => { handleOAuthCallback(); }, []);
+ */
+declare function useOAuthSignIn(): UseOAuthSignInReturn;
+export default useOAuthSignIn;

package/dist/cjs/hooks/useOAuthSignIn.js

@@ -0,0 +1,152 @@
+"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 __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var core_1 = require("@replyke/core");
+var BASE_URL = "https://api.replyke.com/v7";
+/**
+ * Web-only hook for OAuth sign-in and identity linking.
+ * Uses window.location for redirect-based OAuth flow.
+ *
+ * Usage (sign-in):
+ *   const { initiateOAuth, handleOAuthCallback } = useOAuthSignIn();
+ *   await initiateOAuth("google", "https://myapp.com/auth/callback");
+ *
+ * Usage (link provider to current user):
+ *   const { linkOAuthProvider, handleOAuthCallback } = useOAuthSignIn();
+ *   await linkOAuthProvider("github", "https://myapp.com/settings");
+ *
+ * On the callback page (component mount):
+ *   useEffect(() => { handleOAuthCallback(); }, []);
+ */
+function useOAuthSignIn() {
+    var _this = this;
+    var projectId = (0, core_1.useProject)().projectId;
+    var dispatch = (0, core_1.useReplykeDispatch)();
+    var accessToken = (0, core_1.useReplykeSelector)(core_1.selectAccessToken);
+    var _a = (0, react_1.useState)(false), isLoading = _a[0], setIsLoading = _a[1];
+    var _b = (0, react_1.useState)(null), error = _b[0], setError = _b[1];
+    // Shared helper for both /authorize and /link endpoints
+    var startOAuthFlow = (0, react_1.useCallback)(function (endpoint, provider, redirectAfterAuth) { return __awaiter(_this, void 0, void 0, function () {
+        var redirect, headers, response, data_1, data, err_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!projectId) {
+                        setError("No projectId available.");
+                        return [2 /*return*/];
+                    }
+                    if (endpoint === "link" && !accessToken) {
+                        setError("Must be authenticated to link an OAuth provider.");
+                        return [2 /*return*/];
+                    }
+                    setIsLoading(true);
+                    setError(null);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 6, , 7]);
+                    redirect = redirectAfterAuth || window.location.href;
+                    headers = {
+                        "Content-Type": "application/json",
+                    };
+                    if (endpoint === "link") {
+                        headers["Authorization"] = "Bearer ".concat(accessToken);
+                    }
+                    return [4 /*yield*/, fetch("".concat(BASE_URL, "/").concat(projectId, "/oauth/").concat(endpoint), {
+                            method: "POST",
+                            headers: headers,
+                            body: JSON.stringify({ provider: provider, redirectAfterAuth: redirect }),
+                        })];
+                case 2:
+                    response = _a.sent();
+                    if (!!response.ok) return [3 /*break*/, 4];
+                    return [4 /*yield*/, response.json()];
+                case 3:
+                    data_1 = _a.sent();
+                    throw new Error(data_1.error || "Failed to initiate OAuth");
+                case 4: return [4 /*yield*/, response.json()];
+                case 5:
+                    data = _a.sent();
+                    // Redirect browser to provider's authorization page.
+                    // isLoading intentionally stays true since we're navigating away.
+                    window.location.href = data.authorizationUrl;
+                    return [3 /*break*/, 7];
+                case 6:
+                    err_1 = _a.sent();
+                    setError(err_1.message);
+                    setIsLoading(false);
+                    return [3 /*break*/, 7];
+                case 7: return [2 /*return*/];
+            }
+        });
+    }); }, [projectId, accessToken]);
+    var initiateOAuth = (0, react_1.useCallback)(function (provider, redirectAfterAuth) {
+        return startOAuthFlow("authorize", provider, redirectAfterAuth);
+    }, [startOAuthFlow]);
+    var linkOAuthProvider = (0, react_1.useCallback)(function (provider, redirectAfterAuth) {
+        return startOAuthFlow("link", provider, redirectAfterAuth);
+    }, [startOAuthFlow]);
+    var handleOAuthCallback = (0, react_1.useCallback)(function () {
+        // Tokens arrive in the URL fragment (#accessToken=...&refreshToken=...)
+        // Errors arrive in query params (?error=...&error_description=...)
+        var hash = window.location.hash.substring(1); // Remove leading #
+        var fragmentParams = new URLSearchParams(hash);
+        var queryParams = new URLSearchParams(window.location.search);
+        var fragmentAccessToken = fragmentParams.get("accessToken");
+        var refreshToken = fragmentParams.get("refreshToken");
+        var oauthError = queryParams.get("error");
+        if (oauthError) {
+            setError(queryParams.get("error_description") || oauthError);
+            // Clean URL
+            window.history.replaceState({}, "", window.location.pathname);
+            return false;
+        }
+        if (fragmentAccessToken && refreshToken) {
+            // Store tokens in Redux. The AccountManager (via useAccountSync)
+            // will detect the new tokens and persist them to localStorage.
+            dispatch((0, core_1.setTokens)({ accessToken: fragmentAccessToken, refreshToken: refreshToken }));
+            // Clean URL (remove fragment with tokens)
+            window.history.replaceState({}, "", window.location.pathname);
+            return true;
+        }
+        return false;
+    }, [dispatch]);
+    return { initiateOAuth: initiateOAuth, linkOAuthProvider: linkOAuthProvider, handleOAuthCallback: handleOAuthCallback, isLoading: isLoading, error: error };
+}
+exports.default = useOAuthSignIn;
+//# sourceMappingURL=useOAuthSignIn.js.map

package/dist/cjs/hooks/useOAuthSignIn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOAuthSignIn.js","sourceRoot":"","sources":["../../../src/hooks/useOAuthSignIn.ts"],"names":[],"mappings":"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"}

package/dist/cjs/index.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 export * from "@replyke/core";
+export { default as useOAuthSignIn, type UseOAuthSignInReturn } from "./hooks/useOAuthSignIn";
 export declare const ReplykeProvider: React.FC<{
     projectId: string;
     signedToken?: string | null | undefined;

package/dist/cjs/index.js

@@ -17,12 +17,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReplykeProvider = void 0;
+exports.ReplykeProvider = exports.useOAuthSignIn = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var core_1 = require("@replyke/core");
 var AccountManager_1 = __importDefault(require("./AccountManager"));
 // Re-export all exports from @replyke/core
 __exportStar(require("@replyke/core"), exports);
+// Web-only OAuth hook (uses window.location for redirect-based flow)
+var useOAuthSignIn_1 = require("./hooks/useOAuthSignIn");
+Object.defineProperty(exports, "useOAuthSignIn", { enumerable: true, get: function () { return __importDefault(useOAuthSignIn_1).default; } });
 // Override ReplykeProvider to inject AccountManager
 var ReplykeProvider = function (_a) {
     var projectId = _a.projectId, signedToken = _a.signedToken, children = _a.children;

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AACA,sCAAuE;AACvE,oEAA8C;AAE9C,2CAA2C;AAC3C,gDAA8B;AAE9B,oDAAoD;AAC7C,IAAM,eAAe,GAIvB,UAAC,EAAoC;QAAlC,SAAS,eAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAAA;IACtC,OAAO,CACL,uBAAC,sBAAmB,IAAC,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,YACjE,6DACE,uBAAC,wBAAc,KAAG,EACjB,QAAQ,IACR,GACiB,CACvB,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,eAAe,mBAa1B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AACA,sCAAuE;AACvE,oEAA8C;AAE9C,2CAA2C;AAC3C,gDAA8B;AAE9B,qEAAqE;AACrE,yDAA8F;AAArF,iIAAA,OAAO,OAAkB;AAElC,oDAAoD;AAC7C,IAAM,eAAe,GAIvB,UAAC,EAAoC;QAAlC,SAAS,eAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAAA;IACtC,OAAO,CACL,uBAAC,sBAAmB,IAAC,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,YACjE,6DACE,uBAAC,wBAAc,KAAG,EACjB,QAAQ,IACR,GACiB,CACvB,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,eAAe,mBAa1B"}

package/dist/esm/hooks/useOAuthSignIn.d.ts

@@ -0,0 +1,27 @@
+export interface UseOAuthSignInReturn {
+    /** Initiate OAuth sign-in / sign-up (unauthenticated). */
+    initiateOAuth: (provider: string, redirectAfterAuth?: string) => Promise<void>;
+    /** Link a new OAuth provider to the current authenticated user. */
+    linkOAuthProvider: (provider: string, redirectAfterAuth?: string) => Promise<void>;
+    /** Call on the callback page to extract tokens from the URL fragment. */
+    handleOAuthCallback: () => boolean;
+    isLoading: boolean;
+    error: string | null;
+}
+/**
+ * Web-only hook for OAuth sign-in and identity linking.
+ * Uses window.location for redirect-based OAuth flow.
+ *
+ * Usage (sign-in):
+ *   const { initiateOAuth, handleOAuthCallback } = useOAuthSignIn();
+ *   await initiateOAuth("google", "https://myapp.com/auth/callback");
+ *
+ * Usage (link provider to current user):
+ *   const { linkOAuthProvider, handleOAuthCallback } = useOAuthSignIn();
+ *   await linkOAuthProvider("github", "https://myapp.com/settings");
+ *
+ * On the callback page (component mount):
+ *   useEffect(() => { handleOAuthCallback(); }, []);
+ */
+declare function useOAuthSignIn(): UseOAuthSignInReturn;
+export default useOAuthSignIn;

package/dist/esm/hooks/useOAuthSignIn.js

@@ -0,0 +1,150 @@
+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 __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { useCallback, useState } from "react";
+import { useProject, useReplykeDispatch, useReplykeSelector, setTokens, selectAccessToken, } from "@replyke/core";
+var BASE_URL = "https://api.replyke.com/v7";
+/**
+ * Web-only hook for OAuth sign-in and identity linking.
+ * Uses window.location for redirect-based OAuth flow.
+ *
+ * Usage (sign-in):
+ *   const { initiateOAuth, handleOAuthCallback } = useOAuthSignIn();
+ *   await initiateOAuth("google", "https://myapp.com/auth/callback");
+ *
+ * Usage (link provider to current user):
+ *   const { linkOAuthProvider, handleOAuthCallback } = useOAuthSignIn();
+ *   await linkOAuthProvider("github", "https://myapp.com/settings");
+ *
+ * On the callback page (component mount):
+ *   useEffect(() => { handleOAuthCallback(); }, []);
+ */
+function useOAuthSignIn() {
+    var _this = this;
+    var projectId = useProject().projectId;
+    var dispatch = useReplykeDispatch();
+    var accessToken = useReplykeSelector(selectAccessToken);
+    var _a = useState(false), isLoading = _a[0], setIsLoading = _a[1];
+    var _b = useState(null), error = _b[0], setError = _b[1];
+    // Shared helper for both /authorize and /link endpoints
+    var startOAuthFlow = useCallback(function (endpoint, provider, redirectAfterAuth) { return __awaiter(_this, void 0, void 0, function () {
+        var redirect, headers, response, data_1, data, err_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!projectId) {
+                        setError("No projectId available.");
+                        return [2 /*return*/];
+                    }
+                    if (endpoint === "link" && !accessToken) {
+                        setError("Must be authenticated to link an OAuth provider.");
+                        return [2 /*return*/];
+                    }
+                    setIsLoading(true);
+                    setError(null);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 6, , 7]);
+                    redirect = redirectAfterAuth || window.location.href;
+                    headers = {
+                        "Content-Type": "application/json",
+                    };
+                    if (endpoint === "link") {
+                        headers["Authorization"] = "Bearer ".concat(accessToken);
+                    }
+                    return [4 /*yield*/, fetch("".concat(BASE_URL, "/").concat(projectId, "/oauth/").concat(endpoint), {
+                            method: "POST",
+                            headers: headers,
+                            body: JSON.stringify({ provider: provider, redirectAfterAuth: redirect }),
+                        })];
+                case 2:
+                    response = _a.sent();
+                    if (!!response.ok) return [3 /*break*/, 4];
+                    return [4 /*yield*/, response.json()];
+                case 3:
+                    data_1 = _a.sent();
+                    throw new Error(data_1.error || "Failed to initiate OAuth");
+                case 4: return [4 /*yield*/, response.json()];
+                case 5:
+                    data = _a.sent();
+                    // Redirect browser to provider's authorization page.
+                    // isLoading intentionally stays true since we're navigating away.
+                    window.location.href = data.authorizationUrl;
+                    return [3 /*break*/, 7];
+                case 6:
+                    err_1 = _a.sent();
+                    setError(err_1.message);
+                    setIsLoading(false);
+                    return [3 /*break*/, 7];
+                case 7: return [2 /*return*/];
+            }
+        });
+    }); }, [projectId, accessToken]);
+    var initiateOAuth = useCallback(function (provider, redirectAfterAuth) {
+        return startOAuthFlow("authorize", provider, redirectAfterAuth);
+    }, [startOAuthFlow]);
+    var linkOAuthProvider = useCallback(function (provider, redirectAfterAuth) {
+        return startOAuthFlow("link", provider, redirectAfterAuth);
+    }, [startOAuthFlow]);
+    var handleOAuthCallback = useCallback(function () {
+        // Tokens arrive in the URL fragment (#accessToken=...&refreshToken=...)
+        // Errors arrive in query params (?error=...&error_description=...)
+        var hash = window.location.hash.substring(1); // Remove leading #
+        var fragmentParams = new URLSearchParams(hash);
+        var queryParams = new URLSearchParams(window.location.search);
+        var fragmentAccessToken = fragmentParams.get("accessToken");
+        var refreshToken = fragmentParams.get("refreshToken");
+        var oauthError = queryParams.get("error");
+        if (oauthError) {
+            setError(queryParams.get("error_description") || oauthError);
+            // Clean URL
+            window.history.replaceState({}, "", window.location.pathname);
+            return false;
+        }
+        if (fragmentAccessToken && refreshToken) {
+            // Store tokens in Redux. The AccountManager (via useAccountSync)
+            // will detect the new tokens and persist them to localStorage.
+            dispatch(setTokens({ accessToken: fragmentAccessToken, refreshToken: refreshToken }));
+            // Clean URL (remove fragment with tokens)
+            window.history.replaceState({}, "", window.location.pathname);
+            return true;
+        }
+        return false;
+    }, [dispatch]);
+    return { initiateOAuth: initiateOAuth, linkOAuthProvider: linkOAuthProvider, handleOAuthCallback: handleOAuthCallback, isLoading: isLoading, error: error };
+}
+export default useOAuthSignIn;
+//# sourceMappingURL=useOAuthSignIn.js.map

package/dist/esm/hooks/useOAuthSignIn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOAuthSignIn.js","sourceRoot":"","sources":["../../../src/hooks/useOAuthSignIn.ts"],"names":[],"mappings":"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"}

package/dist/esm/index.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 export * from "@replyke/core";
+export { default as useOAuthSignIn, type UseOAuthSignInReturn } from "./hooks/useOAuthSignIn";
 export declare const ReplykeProvider: React.FC<{
     projectId: string;
     signedToken?: string | null | undefined;

package/dist/esm/index.js

@@ -3,6 +3,8 @@ import { ReplykeProvider as CoreReplykeProvider } from "@replyke/core";
 import AccountManager from "./AccountManager";
 // Re-export all exports from @replyke/core
 export * from "@replyke/core";
+// Web-only OAuth hook (uses window.location for redirect-based flow)
+export { default as useOAuthSignIn } from "./hooks/useOAuthSignIn";
 // Override ReplykeProvider to inject AccountManager
 export var ReplykeProvider = function (_a) {
     var projectId = _a.projectId, signedToken = _a.signedToken, children = _a.children;

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,IAAI,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,2CAA2C;AAC3C,cAAc,eAAe,CAAC;AAE9B,oDAAoD;AACpD,MAAM,CAAC,IAAM,eAAe,GAIvB,UAAC,EAAoC;QAAlC,SAAS,eAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAAA;IACtC,OAAO,CACL,KAAC,mBAAmB,IAAC,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,YACjE,8BACE,KAAC,cAAc,KAAG,EACjB,QAAQ,IACR,GACiB,CACvB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,IAAI,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,2CAA2C;AAC3C,cAAc,eAAe,CAAC;AAE9B,qEAAqE;AACrE,OAAO,EAAE,OAAO,IAAI,cAAc,EAA6B,MAAM,wBAAwB,CAAC;AAE9F,oDAAoD;AACpD,MAAM,CAAC,IAAM,eAAe,GAIvB,UAAC,EAAoC;QAAlC,SAAS,eAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAAA;IACtC,OAAO,CACL,KAAC,mBAAmB,IAAC,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,YACjE,8BACE,KAAC,cAAc,KAAG,EACjB,QAAQ,IACR,GACiB,CACvB,CAAC;AACJ,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@replyke/react-js",
-  "version": "7.0.0-beta.88",
+  "version": "7.0.0-beta.89",
   "private": false,
   "license": "Apache-2.0",
   "author": "Replyke, maintained by Yanay Tsabary",
@@ -38,7 +38,7 @@
   },
   "homepage": "https://docs.replyke.com",
   "dependencies": {
-    "@replyke/core": "7.0.0-beta.88"
+    "@replyke/core": "7.0.0-beta.89"
   },
   "peerDependencies": {
     "@reduxjs/toolkit": "^2.0.0",