@workos-inc/widgets-i18n 0.1.0

package/dist/cjs/lib/locale-provider.cjs

@@ -0,0 +1,92 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var locale_provider_exports = {};
+__export(locale_provider_exports, {
+  WorkOsLocaleProvider: () => WorkOsLocaleProvider
+});
+module.exports = __toCommonJS(locale_provider_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+var import_react_intl = require("react-intl");
+var import_dictionaries = require("./dictionaries.js");
+var import_widgets = require("@workos-inc/widgets");
+function IntlContextProvider({ children }) {
+  const intl = (0, import_react_intl.useIntl)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_widgets.internal_IntlContext.Provider,
+    {
+      value: {
+        locale: intl.locale,
+        formatMessage: React.useCallback(
+          (...args) => intl.formatMessage(...args),
+          [intl]
+        )
+      },
+      children
+    }
+  );
+}
+function WorkOsLocaleProvider({
+  children,
+  locale,
+  initialMessages
+}) {
+  const [messages, setMessages] = React.useState(
+    initialMessages ?? null
+  );
+  React.useEffect(() => {
+    let isCurrent = true;
+    (0, import_dictionaries.getDictionary)(locale).then((messages2) => {
+      if (isCurrent) {
+        setMessages(messages2);
+      }
+    });
+    return () => {
+      isCurrent = false;
+    };
+  }, [locale]);
+  if (!messages) {
+    return children;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_intl.IntlProvider,
+    {
+      defaultLocale: import_dictionaries.DEFAULT_LOCALE,
+      locale,
+      messages,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IntlContextProvider, { children })
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WorkOsLocaleProvider
+});
+//# sourceMappingURL=locale-provider.cjs.map

package/dist/cjs/lib/locale-provider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/locale-provider.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  IntlProvider as ReactIntlProvider,\n  useIntl as useReactIntl,\n} from \"react-intl\";\nimport {\n  DEFAULT_LOCALE,\n  getDictionary,\n  type LocaleCode,\n  type Dictionary,\n} from \"./dictionaries.js\";\nimport { internal_IntlContext as IntlContext } from \"@workos-inc/widgets\";\n\nfunction IntlContextProvider({ children }: { children: React.ReactNode }) {\n  const intl = useReactIntl();\n  return (\n    <IntlContext.Provider\n      value={{\n        locale: intl.locale,\n        formatMessage: React.useCallback(\n          (...args) => intl.formatMessage(...args),\n          [intl],\n        ),\n      }}\n    >\n      {children}\n    </IntlContext.Provider>\n  );\n}\n\nexport interface WorkOsLocaleProviderProps {\n  children: React.ReactNode;\n  locale: LocaleCode;\n  initialMessages?: Dictionary;\n}\n\nexport function WorkOsLocaleProvider({\n  children,\n  locale,\n  initialMessages,\n}: WorkOsLocaleProviderProps) {\n  // TODO: When we decide we want to force a dependency on React 19, we can\n  // remove the state and effect here and unwrap the promise via React.use +\n  // Suspense. In the meantime we will do this client-side via useEffect, but\n  // for users on React 19 who want to handle this on the server, we expose an\n  // `initialMessages` prop and export the `getDictionary` function. So they can\n  // do this themselves and get the same optimized behavior (minus the minor\n  // overhead of `useEffect`). Example:\n  //\n  // import { getDictionary, WorkOsLocaleProvider } from \"@workos-inc/widgets-i18n\";\n  // function UserApp ({ children }) {\n  //   const messages = React.use(getDictionary('fr-FR'));\n  //   return (\n  //     <React.Suspense fallback={<Loading />}>\n  //       <WorkOsLocaleProvider locale={locale}>\n  //         {children}\n  //       </WorkOsLocaleProvider>\n  //     </React.Suspense>\n  //   );\n  //}\n\n  const [messages, setMessages] = React.useState<Dictionary | null>(\n    initialMessages ?? null,\n  );\n\n  React.useEffect(() => {\n    let isCurrent = true;\n    getDictionary(locale).then((messages) => {\n      if (isCurrent) {\n        setMessages(messages);\n      }\n    });\n    return () => {\n      isCurrent = false;\n    };\n  }, [locale]);\n\n  if (!messages) {\n    return children;\n  }\n\n  return (\n    <ReactIntlProvider\n      defaultLocale={DEFAULT_LOCALE}\n      locale={locale}\n      messages={messages}\n    >\n      <IntlContextProvider>{children}</IntlContextProvider>\n    </ReactIntlProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBI;AAhBJ,YAAuB;AACvB,wBAGO;AACP,0BAKO;AACP,qBAAoD;AAEpD,SAAS,oBAAoB,EAAE,SAAS,GAAkC;AACxE,QAAM,WAAO,kBAAAA,SAAa;AAC1B,SACE;AAAA,IAAC,eAAAC,qBAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,QAAQ,KAAK;AAAA,QACb,eAAe,MAAM;AAAA,UACnB,IAAI,SAAS,KAAK,cAAc,GAAG,IAAI;AAAA,UACvC,CAAC,IAAI;AAAA,QACP;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAQO,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACF,GAA8B;AAqB5B,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM;AAAA,IACpC,mBAAmB;AAAA,EACrB;AAEA,QAAM,UAAU,MAAM;AACpB,QAAI,YAAY;AAChB,2CAAc,MAAM,EAAE,KAAK,CAACC,cAAa;AACvC,UAAI,WAAW;AACb,oBAAYA,SAAQ;AAAA,MACtB;AAAA,IACF,CAAC;AACD,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC,kBAAAC;AAAA,IAAA;AAAA,MACC,eAAe;AAAA,MACf;AAAA,MACA;AAAA,MAEA,sDAAC,uBAAqB,UAAS;AAAA;AAAA,EACjC;AAEJ;","names":["useReactIntl","IntlContext","messages","ReactIntlProvider"]}

package/dist/cjs/lib/locale-provider.d.cts

@@ -0,0 +1,12 @@
+import { LocaleCode, Dictionary } from './dictionaries.cjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface WorkOsLocaleProviderProps {
+    children: React.ReactNode;
+    locale: LocaleCode;
+    initialMessages?: Dictionary;
+}
+declare function WorkOsLocaleProvider({ children, locale, initialMessages, }: WorkOsLocaleProviderProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
+
+export { WorkOsLocaleProvider, type WorkOsLocaleProviderProps };

package/dist/cjs/lib/types/react.d.cjs

@@ -0,0 +1,3 @@
+"use strict";
+var import_react = require("react");
+//# sourceMappingURL=react.d.cjs.map

package/dist/cjs/lib/types/react.d.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/lib/types/react.d.ts"],"sourcesContent":["import \"react\";\n\ndeclare module \"react\" {\n  interface CSSProperties {\n    [key: `--${string}`]: string | number;\n  }\n}\n"],"mappings":";AAAA,mBAAO;","names":[]}

package/dist/cjs/lib/types/react.d.d.cts

@@ -0,0 +1,5 @@
+declare module "react" {
+  interface CSSProperties {
+    [key: `--${string}`]: string | number;
+  }
+}

package/dist/esm/index.d.ts

@@ -0,0 +1,4 @@
+export { LocaleCode, getDictionary, getDir, getLocaleCodes, isValidLocale } from './lib/dictionaries.js';
+export { WorkOsLocaleProvider, WorkOsLocaleProviderProps } from './lib/locale-provider.js';
+import 'react/jsx-runtime';
+import 'react';

package/dist/esm/index.js

@@ -0,0 +1,15 @@
+import {
+  isValidLocale,
+  getDictionary,
+  getDir,
+  getLocaleCodes
+} from "./lib/dictionaries.js";
+import { WorkOsLocaleProvider } from "./lib/locale-provider.js";
+export {
+  WorkOsLocaleProvider,
+  getDictionary,
+  getDir,
+  getLocaleCodes,
+  isValidLocale
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export {\n  isValidLocale,\n  getDictionary,\n  getDir,\n  getLocaleCodes,\n  type LocaleCode,\n} from \"./lib/dictionaries.js\";\nexport { WorkOsLocaleProvider } from \"./lib/locale-provider.js\";\nexport type { WorkOsLocaleProviderProps } from \"./lib/locale-provider.js\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,4BAA4B;","names":[]}