@messagevisor/react 0.0.1 → 0.1.0

package/CHANGELOG.md

@@ -0,0 +1,16 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [0.1.0](https://github.com/messagevisor/messagevisor/compare/v0.0.2...v0.1.0) (2026-05-31)
+
+**Note:** Version bump only for package @messagevisor/react
+
+
+
+
+
+## 0.0.2 (2026-05-31)
+
+**Note:** Version bump only for package @messagevisor/react

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2026 Fahad Heylaal (https://fahad19.com)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -0,0 +1,7 @@
+# @messagevisor/react
+
+Visit [https://messagevisor.com/docs/sdks/react/](https://messagevisor.com/docs/sdks/react/) for more information.
+
+## License
+
+MIT © [Fahad Heylaal](https://fahad19.com)

package/jest.config.js

@@ -0,0 +1,13 @@
+const base = require("../../jest.config");
+
+module.exports = {
+  ...base,
+  rootDir: __dirname,
+  testEnvironment: "jsdom",
+  testRegex: undefined,
+  testMatch: ["<rootDir>/src/**/*.spec.ts", "<rootDir>/src/**/*.spec.tsx"],
+  moduleNameMapper: {
+    "^@messagevisor/sdk$": "<rootDir>/../sdk/src/index.ts",
+    "^@messagevisor/module-icu$": "<rootDir>/../module-icu/src/index.ts",
+  },
+};

package/lib/MessagevisorContext.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+import type { Messagevisor, MessagevisorTranslationSource } from "@messagevisor/sdk";
+import type { MessageKey } from "@messagevisor/types";
+export type RichTextElementHandler = (chunks: React.ReactNode[]) => React.ReactNode;
+export interface MessagevisorProviderModule {
+    name?: string;
+    transform?: (payload: {
+        translation: React.ReactNode;
+        locale: string;
+        source: MessagevisorTranslationSource;
+        messageKey?: MessageKey;
+    }) => React.ReactNode | void;
+}
+export interface MessagevisorReactContextValue {
+    instance: Messagevisor;
+    defaultRichTextElements: Record<string, RichTextElementHandler>;
+    wrapRichTextChunksInFragment: boolean;
+    modules: MessagevisorProviderModule[];
+    textComponent?: React.ElementType;
+}
+export declare const MessagevisorContext: React.Context<MessagevisorReactContextValue>;

package/lib/MessagevisorContext.js

@@ -0,0 +1,39 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MessagevisorContext = void 0;
+var React = __importStar(require("react"));
+exports.MessagevisorContext = React.createContext(undefined);
+//# sourceMappingURL=MessagevisorContext.js.map

package/lib/MessagevisorContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessagevisorContext.js","sourceRoot":"","sources":["../src/MessagevisorContext.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAyBlB,QAAA,mBAAmB,GAAG,KAAK,CAAC,aAAa,CACpD,SAAS,CACV,CAAC"}

package/lib/MessagevisorProvider.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import type { Messagevisor } from "@messagevisor/sdk";
+import { type MessagevisorProviderModule, type RichTextElementHandler } from "./MessagevisorContext";
+export interface MessagevisorProviderProps {
+    instance: Messagevisor;
+    children: React.ReactNode;
+    defaultRichTextElements?: Record<string, RichTextElementHandler>;
+    wrapRichTextChunksInFragment?: boolean;
+    modules?: MessagevisorProviderModule[];
+    textComponent?: React.ElementType;
+}
+export declare function MessagevisorProvider(props: MessagevisorProviderProps): React.JSX.Element;

package/lib/MessagevisorProvider.js

@@ -0,0 +1,58 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MessagevisorProvider = MessagevisorProvider;
+var React = __importStar(require("react"));
+var MessagevisorContext_1 = require("./MessagevisorContext");
+function MessagevisorProvider(props) {
+    var value = React.useMemo(function () {
+        var _a;
+        return ({
+            instance: props.instance,
+            defaultRichTextElements: props.defaultRichTextElements || {},
+            wrapRichTextChunksInFragment: (_a = props.wrapRichTextChunksInFragment) !== null && _a !== void 0 ? _a : true,
+            modules: props.modules || [],
+            textComponent: props.textComponent,
+        });
+    }, [
+        props.instance,
+        props.defaultRichTextElements,
+        props.wrapRichTextChunksInFragment,
+        props.modules,
+        props.textComponent,
+    ]);
+    return (React.createElement(MessagevisorContext_1.MessagevisorContext.Provider, { value: value }, props.children));
+}
+//# sourceMappingURL=MessagevisorProvider.js.map

package/lib/MessagevisorProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessagevisorProvider.js","sourceRoot":"","sources":["../src/MessagevisorProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,oDAqBC;AAxCD,2CAA+B;AAI/B,6DAI+B;AAW/B,SAAgB,oBAAoB,CAAC,KAAgC;IACnE,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CACzB;;QAAM,OAAA,CAAC;YACL,QAAQ,EAAE,KAAK,CAAC,QAAQ;YACxB,uBAAuB,EAAE,KAAK,CAAC,uBAAuB,IAAI,EAAE;YAC5D,4BAA4B,EAAE,MAAA,KAAK,CAAC,4BAA4B,mCAAI,IAAI;YACxE,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,EAAE;YAC5B,aAAa,EAAE,KAAK,CAAC,aAAa;SACnC,CAAC,CAAA;KAAA,EACF;QACE,KAAK,CAAC,QAAQ;QACd,KAAK,CAAC,uBAAuB;QAC7B,KAAK,CAAC,4BAA4B;QAClC,KAAK,CAAC,OAAO;QACb,KAAK,CAAC,aAAa;KACpB,CACF,CAAC;IAEF,OAAO,CACL,oBAAC,yCAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAAG,KAAK,CAAC,QAAQ,CAAgC,CAC5F,CAAC;AACJ,CAAC"}

package/lib/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./MessagevisorContext";
+export * from "./MessagevisorProvider";
+export * from "./useMessagevisor";
+export * from "./useMessagevisorSnapshot";
+export * from "./useReactiveMessagevisor";
+export * from "./useSdk";

package/lib/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./MessagevisorContext"), exports);
+__exportStar(require("./MessagevisorProvider"), exports);
+__exportStar(require("./useMessagevisor"), exports);
+__exportStar(require("./useMessagevisorSnapshot"), exports);
+__exportStar(require("./useReactiveMessagevisor"), exports);
+__exportStar(require("./useSdk"), exports);
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wDAAsC;AACtC,yDAAuC;AACvC,oDAAkC;AAClC,4DAA0C;AAC1C,4DAA0C;AAC1C,2CAAyB"}

package/lib/useMessagevisor.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import type { EvaluationOptions, TranslateOptions, MessagePrimitiveValue, Messagevisor } from "@messagevisor/sdk";
+import type { MessageKey } from "@messagevisor/types";
+import { type ReactRichMessageValues } from "./useRichText";
+declare const BOUND_METHODS: readonly ["formatNumber", "formatNumberToParts", "formatDate", "formatDateToParts", "formatTime", "formatTimeToParts", "formatDateTimeRange", "formatRelativeTime", "formatPlural", "formatList", "formatListToParts", "formatDisplayName", "setLocale", "getLocale", "getDirection", "setContext", "getContext", "setCurrency", "getCurrency", "setTimeZone", "getTimeZone", "setDatafile", "getRevision"];
+export declare const MESSAGEVISOR_METHODS: readonly ["t", "formatMessage", "formatNumber", "formatNumberToParts", "formatDate", "formatDateToParts", "formatTime", "formatTimeToParts", "formatDateTimeRange", "formatRelativeTime", "formatPlural", "formatList", "formatListToParts", "formatDisplayName", "setLocale", "getLocale", "getDirection", "setContext", "getContext", "setCurrency", "getCurrency", "setTimeZone", "getTimeZone", "setDatafile", "getRevision"];
+type ReactTranslationMethod = {
+    (messageKey: MessageKey, values?: Record<string, MessagePrimitiveValue>, options?: TranslateOptions): string;
+    (messageKey: MessageKey, values: ReactRichMessageValues, options?: TranslateOptions): React.ReactNode;
+};
+type ReactFormatMessageMethod = {
+    (message: string, values?: Record<string, MessagePrimitiveValue>, options?: EvaluationOptions): string;
+    (message: string, values: ReactRichMessageValues, options?: EvaluationOptions): React.ReactNode;
+};
+export type MessagevisorApi = {
+    t: ReactTranslationMethod;
+    formatMessage: ReactFormatMessageMethod;
+} & Pick<Messagevisor, (typeof BOUND_METHODS)[number]>;
+export declare function useMessagevisor(): MessagevisorApi;
+export {};

package/lib/useMessagevisor.js

@@ -0,0 +1,106 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MESSAGEVISOR_METHODS = void 0;
+exports.useMessagevisor = useMessagevisor;
+var React = __importStar(require("react"));
+var useRichText_1 = require("./useRichText");
+var useSdk_1 = require("./useSdk");
+var BOUND_METHODS = [
+    "formatNumber",
+    "formatNumberToParts",
+    "formatDate",
+    "formatDateToParts",
+    "formatTime",
+    "formatTimeToParts",
+    "formatDateTimeRange",
+    "formatRelativeTime",
+    "formatPlural",
+    "formatList",
+    "formatListToParts",
+    "formatDisplayName",
+    "setLocale",
+    "getLocale",
+    "getDirection",
+    "setContext",
+    "getContext",
+    "setCurrency",
+    "getCurrency",
+    "setTimeZone",
+    "getTimeZone",
+    "setDatafile",
+    "getRevision",
+];
+exports.MESSAGEVISOR_METHODS = __spreadArray(["t", "formatMessage"], BOUND_METHODS, true);
+function bindMethod(instance, key) {
+    return instance[key].bind(instance);
+}
+function useMessagevisor() {
+    var sdk = (0, useSdk_1.useSdk)();
+    var richText = (0, useRichText_1.useRichText)();
+    return React.useMemo(function () {
+        var result = {
+            t: (function (messageKey, values, options) {
+                var message = sdk.getRawTranslation(messageKey, options);
+                var translation = sdk.translate(messageKey, richText.mergeValues(values, message), options);
+                return richText.wrapResult(richText.runModules(translation, {
+                    source: "translation",
+                    messageKey: messageKey,
+                }));
+            }),
+            formatMessage: (function (message, values, options) {
+                var translation = sdk.formatMessage(message, richText.mergeValues(values, message), options);
+                return richText.wrapResult(richText.runModules(translation, {
+                    source: "formatMessage",
+                }));
+            }),
+        };
+        for (var _i = 0, BOUND_METHODS_1 = BOUND_METHODS; _i < BOUND_METHODS_1.length; _i++) {
+            var key = BOUND_METHODS_1[_i];
+            result[key] = bindMethod(sdk, key);
+        }
+        return result;
+    }, [sdk, richText]);
+}
+//# sourceMappingURL=useMessagevisor.js.map

package/lib/useMessagevisor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMessagevisor.js","sourceRoot":"","sources":["../src/useMessagevisor.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwEA,0CA0CC;AAlHD,2CAA+B;AAU/B,6CAAkG;AAClG,mCAAkC;AAElC,IAAM,aAAa,GAAG;IACpB,cAAc;IACd,qBAAqB;IACrB,YAAY;IACZ,mBAAmB;IACnB,YAAY;IACZ,mBAAmB;IACnB,qBAAqB;IACrB,oBAAoB;IACpB,cAAc;IACd,YAAY;IACZ,mBAAmB;IACnB,mBAAmB;IACnB,WAAW;IACX,WAAW;IACX,cAAc;IACd,YAAY;IACZ,YAAY;IACZ,aAAa;IACb,aAAa;IACb,aAAa;IACb,aAAa;IACb,aAAa;IACb,aAAa;CACqC,CAAC;AAExC,QAAA,oBAAoB,GAAG,eAAC,GAAG,EAAE,eAAe,GAAK,aAAa,OAAU,CAAC;AA6BtF,SAAS,UAAU,CAA+B,QAAsB,EAAE,GAAM;IAC9E,OAAQ,QAAQ,CAAC,GAAG,CAAmC,CAAC,IAAI,CAAC,QAAQ,CAAoB,CAAC;AAC5F,CAAC;AAED,SAAgB,eAAe;IAC7B,IAAM,GAAG,GAAG,IAAA,eAAM,GAAE,CAAC;IACrB,IAAM,QAAQ,GAAG,IAAA,yBAAW,GAAE,CAAC;IAE/B,OAAO,KAAK,CAAC,OAAO,CAAC;QACnB,IAAM,MAAM,GAAG;YACb,CAAC,EAAE,CAAC,UAAC,UAAU,EAAE,MAAM,EAAE,OAAO;gBAC9B,IAAM,OAAO,GAAG,GAAG,CAAC,iBAAiB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;gBAC3D,IAAM,WAAW,GAAG,GAAG,CAAC,SAAS,CAC/B,UAAU,EACV,QAAQ,CAAC,WAAW,CAAC,MAA4B,EAAE,OAAO,CAAC,EAC3D,OAAO,CACR,CAAC;gBAEF,OAAO,QAAQ,CAAC,UAAU,CACxB,QAAQ,CAAC,UAAU,CAAC,WAAW,EAAE;oBAC/B,MAAM,EAAE,aAAa;oBACrB,UAAU,YAAA;iBACX,CAAC,CACH,CAAC;YACJ,CAAC,CAA2B;YAC5B,aAAa,EAAE,CAAC,UAAC,OAAO,EAAE,MAAM,EAAE,OAAO;gBACvC,IAAM,WAAW,GAAG,GAAG,CAAC,aAAa,CACnC,OAAO,EACP,QAAQ,CAAC,WAAW,CAAC,MAA4B,EAAE,OAAO,CAAC,EAC3D,OAAO,CACR,CAAC;gBAEF,OAAO,QAAQ,CAAC,UAAU,CACxB,QAAQ,CAAC,UAAU,CAAC,WAAW,EAAE;oBAC/B,MAAM,EAAE,eAAe;iBACxB,CAAC,CACH,CAAC;YACJ,CAAC,CAA6B;SACZ,CAAC;QAErB,KAAkB,UAAa,EAAb,+BAAa,EAAb,2BAAa,EAAb,IAAa,EAAE,CAAC;YAA7B,IAAM,GAAG,sBAAA;YACZ,MAAM,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC,GAAG,EAAE,GAAG,CAAU,CAAC;QAC9C,CAAC;QAED,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC;AACtB,CAAC"}

package/lib/useMessagevisorSnapshot.d.ts

@@ -0,0 +1,2 @@
+import type { MessagevisorSnapshot } from "@messagevisor/sdk";
+export declare function useMessagevisorSnapshot(): MessagevisorSnapshot;

package/lib/useMessagevisorSnapshot.js

@@ -0,0 +1,77 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMessagevisorSnapshot = useMessagevisorSnapshot;
+var React = __importStar(require("react"));
+var useSdk_1 = require("./useSdk");
+var useSyncExternalStore = React.useSyncExternalStore ||
+    function useSyncExternalStoreFallback(subscribe, getSnapshot) {
+        var _a = React.useState(getSnapshot), snapshot = _a[0], setSnapshot = _a[1];
+        React.useEffect(function () {
+            var handleChange = function () {
+                setSnapshot(getSnapshot());
+            };
+            var unsubscribe = subscribe(handleChange);
+            handleChange();
+            return unsubscribe;
+        }, [subscribe, getSnapshot]);
+        return snapshot;
+    };
+function useMessagevisorSnapshot() {
+    var sdk = (0, useSdk_1.useSdk)();
+    var store = React.useMemo(function () {
+        var snapshot = sdk.getSnapshot();
+        var getSnapshot = function () {
+            var nextSnapshot = sdk.getSnapshot();
+            if (nextSnapshot.version === snapshot.version) {
+                return snapshot;
+            }
+            snapshot = nextSnapshot;
+            return snapshot;
+        };
+        var subscribe = function (callback) {
+            return sdk.subscribe(function () {
+                snapshot = sdk.getSnapshot();
+                callback();
+            });
+        };
+        return {
+            getSnapshot: getSnapshot,
+            subscribe: subscribe,
+        };
+    }, [sdk]);
+    return useSyncExternalStore(store.subscribe, store.getSnapshot, store.getSnapshot);
+}
+//# sourceMappingURL=useMessagevisorSnapshot.js.map

package/lib/useMessagevisorSnapshot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMessagevisorSnapshot.js","sourceRoot":"","sources":["../src/useMessagevisorSnapshot.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,0DA8BC;AAhED,2CAA+B;AAI/B,mCAAkC;AAQlC,IAAM,oBAAoB,GACvB,KAAqE,CAAC,oBAAoB;IAC3F,SAAS,4BAA4B,CACnC,SAA+C,EAC/C,WAA2B;QAErB,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,EAApD,QAAQ,QAAA,EAAE,WAAW,QAA+B,CAAC;QAE5D,KAAK,CAAC,SAAS,CAAC;YACd,IAAM,YAAY,GAAG;gBACnB,WAAW,CAAC,WAAW,EAAE,CAAC,CAAC;YAC7B,CAAC,CAAC;YAEF,IAAM,WAAW,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC;YAC5C,YAAY,EAAE,CAAC;YAEf,OAAO,WAAW,CAAC;QACrB,CAAC,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC;QAE7B,OAAO,QAAQ,CAAC;IAClB,CAAC,CAAC;AAEJ,SAAgB,uBAAuB;IACrC,IAAM,GAAG,GAAG,IAAA,eAAM,GAAE,CAAC;IACrB,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;QAC1B,IAAI,QAAQ,GAAG,GAAG,CAAC,WAAW,EAAE,CAAC;QAEjC,IAAM,WAAW,GAAG;YAClB,IAAM,YAAY,GAAG,GAAG,CAAC,WAAW,EAAE,CAAC;YAEvC,IAAI,YAAY,CAAC,OAAO,KAAK,QAAQ,CAAC,OAAO,EAAE,CAAC;gBAC9C,OAAO,QAAQ,CAAC;YAClB,CAAC;YAED,QAAQ,GAAG,YAAY,CAAC;YAExB,OAAO,QAAQ,CAAC;QAClB,CAAC,CAAC;QAEF,IAAM,SAAS,GAAG,UAAC,QAAoB;YACrC,OAAA,GAAG,CAAC,SAAS,CAAC;gBACZ,QAAQ,GAAG,GAAG,CAAC,WAAW,EAAE,CAAC;gBAC7B,QAAQ,EAAE,CAAC;YACb,CAAC,CAAC;QAHF,CAGE,CAAC;QAEL,OAAO;YACL,WAAW,aAAA;YACX,SAAS,WAAA;SACV,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,oBAAoB,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;AACrF,CAAC"}

package/lib/useReactiveMessagevisor.d.ts

@@ -0,0 +1,31 @@
+import * as React from "react";
+import type { EvaluationOptions, TranslateOptions, MessagePrimitiveValue, Messagevisor } from "@messagevisor/sdk";
+import type { Context, FormatDateTimePresetOptions, FormatNumberPresetOptions, FormatRelativeTimePresetOptions, LocaleDirection, LocaleKey, MessageKey } from "@messagevisor/types";
+import { type ReactRichMessageValues } from "./useRichText";
+export interface LocaleInfo {
+    locale: LocaleKey | null;
+    direction: LocaleDirection | undefined;
+}
+export declare function useLocale(): LocaleKey | null;
+export declare function useDirection(): LocaleDirection | undefined;
+export declare function useLocaleInfo(): LocaleInfo;
+export declare function useMessagevisorContext(): Context;
+export declare function useCurrency(): string | undefined;
+export declare function useTimeZone(): string | undefined;
+export declare function useTranslation(messageKey: MessageKey, values?: Record<string, MessagePrimitiveValue>, options?: TranslateOptions): string;
+export declare function useTranslation(messageKey: MessageKey, values: ReactRichMessageValues, options?: TranslateOptions): React.ReactNode;
+export declare function useFormatMessage(message: string, values?: Record<string, MessagePrimitiveValue>, options?: EvaluationOptions): string;
+export declare function useFormatMessage(message: string, values: ReactRichMessageValues, options?: EvaluationOptions): React.ReactNode;
+export declare function useFormatNumber(value: number, presetOrOptions?: string | FormatNumberPresetOptions, options?: EvaluationOptions): string;
+export declare function useFormatNumberToParts(value: number, presetOrOptions?: string | FormatNumberPresetOptions, options?: EvaluationOptions): Intl.NumberFormatPart[];
+export declare function useFormatDate(value: Date | number | string, presetOrOptions?: string | FormatDateTimePresetOptions, options?: EvaluationOptions): string;
+export declare function useFormatDateToParts(value: Date | number | string, presetOrOptions?: string | FormatDateTimePresetOptions, options?: EvaluationOptions): Intl.DateTimeFormatPart[];
+export declare function useFormatTime(value: Date | number | string, presetOrOptions?: string | FormatDateTimePresetOptions, options?: EvaluationOptions): string;
+export declare function useFormatTimeToParts(value: Date | number | string, presetOrOptions?: string | FormatDateTimePresetOptions, options?: EvaluationOptions): Intl.DateTimeFormatPart[];
+export declare function useFormatDateTimeRange(start: Date | number | string, end: Date | number | string, presetOrOptions?: string | FormatDateTimePresetOptions, options?: EvaluationOptions): string;
+export declare function useFormatRelativeTime(value: number, unit: Intl.RelativeTimeFormatUnit, presetOrOptions?: string | FormatRelativeTimePresetOptions, options?: EvaluationOptions): string;
+export declare function useFormatPlural(value: number, options?: Intl.PluralRulesOptions): Intl.LDMLPluralRule;
+export declare function useFormatList(values: string[], options?: any): any;
+export declare function useFormatListToParts(values: string[], options?: any): any;
+export declare function useFormatDisplayName(value: string, options?: any): any;
+export type ReactiveMessagevisorApi = Pick<Messagevisor, "translate" | "formatMessage" | "formatNumber" | "formatNumberToParts" | "formatDate" | "formatDateToParts" | "formatTime" | "formatTimeToParts" | "formatDateTimeRange" | "formatRelativeTime" | "formatPlural" | "formatList" | "formatListToParts" | "formatDisplayName">;

package/lib/useReactiveMessagevisor.js

@@ -0,0 +1,141 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLocale = useLocale;
+exports.useDirection = useDirection;
+exports.useLocaleInfo = useLocaleInfo;
+exports.useMessagevisorContext = useMessagevisorContext;
+exports.useCurrency = useCurrency;
+exports.useTimeZone = useTimeZone;
+exports.useTranslation = useTranslation;
+exports.useFormatMessage = useFormatMessage;
+exports.useFormatNumber = useFormatNumber;
+exports.useFormatNumberToParts = useFormatNumberToParts;
+exports.useFormatDate = useFormatDate;
+exports.useFormatDateToParts = useFormatDateToParts;
+exports.useFormatTime = useFormatTime;
+exports.useFormatTimeToParts = useFormatTimeToParts;
+exports.useFormatDateTimeRange = useFormatDateTimeRange;
+exports.useFormatRelativeTime = useFormatRelativeTime;
+exports.useFormatPlural = useFormatPlural;
+exports.useFormatList = useFormatList;
+exports.useFormatListToParts = useFormatListToParts;
+exports.useFormatDisplayName = useFormatDisplayName;
+var React = __importStar(require("react"));
+var useMessagevisorSnapshot_1 = require("./useMessagevisorSnapshot");
+var useRichText_1 = require("./useRichText");
+var useSdk_1 = require("./useSdk");
+function useReactiveSdk() {
+    var sdk = (0, useSdk_1.useSdk)();
+    (0, useMessagevisorSnapshot_1.useMessagevisorSnapshot)();
+    return sdk;
+}
+function useLocale() {
+    return (0, useMessagevisorSnapshot_1.useMessagevisorSnapshot)().locale;
+}
+function useDirection() {
+    return (0, useMessagevisorSnapshot_1.useMessagevisorSnapshot)().direction;
+}
+function useLocaleInfo() {
+    var snapshot = (0, useMessagevisorSnapshot_1.useMessagevisorSnapshot)();
+    return React.useMemo(function () { return ({
+        locale: snapshot.locale,
+        direction: snapshot.direction,
+    }); }, [snapshot.locale, snapshot.direction]);
+}
+function useMessagevisorContext() {
+    return (0, useMessagevisorSnapshot_1.useMessagevisorSnapshot)().context;
+}
+function useCurrency() {
+    return (0, useMessagevisorSnapshot_1.useMessagevisorSnapshot)().currency;
+}
+function useTimeZone() {
+    return (0, useMessagevisorSnapshot_1.useMessagevisorSnapshot)().timeZone;
+}
+function useTranslation(messageKey, values, options) {
+    var sdk = useReactiveSdk();
+    var richText = (0, useRichText_1.useRichText)();
+    var message = sdk.getRawTranslation(messageKey, options);
+    var translation = sdk.translate(messageKey, richText.mergeValues(values, message), options);
+    return richText.wrapResult(richText.runModules(translation, {
+        source: "translation",
+        messageKey: messageKey,
+    }));
+}
+function useFormatMessage(message, values, options) {
+    var sdk = useReactiveSdk();
+    var richText = (0, useRichText_1.useRichText)();
+    var translation = sdk.formatMessage(message, richText.mergeValues(values, message), options);
+    return richText.wrapResult(richText.runModules(translation, {
+        source: "formatMessage",
+    }));
+}
+function useFormatNumber(value, presetOrOptions, options) {
+    return useReactiveSdk().formatNumber(value, presetOrOptions, options);
+}
+function useFormatNumberToParts(value, presetOrOptions, options) {
+    return useReactiveSdk().formatNumberToParts(value, presetOrOptions, options);
+}
+function useFormatDate(value, presetOrOptions, options) {
+    return useReactiveSdk().formatDate(value, presetOrOptions, options);
+}
+function useFormatDateToParts(value, presetOrOptions, options) {
+    return useReactiveSdk().formatDateToParts(value, presetOrOptions, options);
+}
+function useFormatTime(value, presetOrOptions, options) {
+    return useReactiveSdk().formatTime(value, presetOrOptions, options);
+}
+function useFormatTimeToParts(value, presetOrOptions, options) {
+    return useReactiveSdk().formatTimeToParts(value, presetOrOptions, options);
+}
+function useFormatDateTimeRange(start, end, presetOrOptions, options) {
+    return useReactiveSdk().formatDateTimeRange(start, end, presetOrOptions, options);
+}
+function useFormatRelativeTime(value, unit, presetOrOptions, options) {
+    return useReactiveSdk().formatRelativeTime(value, unit, presetOrOptions, options);
+}
+function useFormatPlural(value, options) {
+    return useReactiveSdk().formatPlural(value, options);
+}
+function useFormatList(values, options) {
+    return useReactiveSdk().formatList(values, options);
+}
+function useFormatListToParts(values, options) {
+    return useReactiveSdk().formatListToParts(values, options);
+}
+function useFormatDisplayName(value, options) {
+    return useReactiveSdk().formatDisplayName(value, options);
+}
+//# sourceMappingURL=useReactiveMessagevisor.js.map

package/lib/useReactiveMessagevisor.js.map

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