@pushwoosh/dumb-components 1.1.135 → 1.1.136

package/polyglot/liquid/render.js

@@ -1,4 +1,5 @@
-import React from 'react';
+import { createElement as _createElement } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import styled from 'styled-components';
 import { Color } from '@pushwoosh/kit-constants';
 import { variants } from '@pushwoosh/kit-typography/map';
@@ -105,21 +106,21 @@ export function renderToReact(ast, context) {
     const TagName = tagNode.name;
     const props = Object.fromEntries(Object.entries(tagNode.params).map(([key, value]) => [key, unpackScalarOrValue(value, context)]));
     if (TagName === 'text') {
-      return [React.createElement(Txt, {
+      return [_jsx(Txt, {
         "$variant": props.variant,
         "$color": props.color && getColor(props.color),
         "$opacity": props.opacity,
         "$transform": props.transform,
-        key: key
-      }, children)];
+        children: children
+      }, key)];
     }
     if (voidTags.has(TagName)) {
-      return [React.createElement(TagName, {
+      return [_createElement(TagName, {
         ...props,
         key: key
       })];
     }
-    return [React.createElement(TagName, {
+    return [_createElement(TagName, {
       ...props,
       key: key
     }, children)];

package/polyglot/react.js

@@ -1,4 +1,5 @@
-import React, { createContext, useContext, useMemo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo } from 'react';
 import { stringToAst } from './liquid/parser';
 import { renderToReact, renderToString } from './liquid/render';
 const createLangPack = (language, timezone) => {
@@ -68,9 +69,10 @@ export const LangProvider = ({
     pack.register(languages);
     return pack;
   }, [languages, language, timezone]);
-  return React.createElement(LangContext.Provider, {
-    value: langFnPack
-  }, children);
+  return _jsx(LangContext.Provider, {
+    value: langFnPack,
+    children: children
+  });
 };
 export const LangBase = props => {
   return useContext(LangContext).langReact(props);
@@ -90,7 +92,7 @@ export const useLangLib = languages => {
   return ctx.lang;
 };
 export const createLang = languages => ({
-  Lang: props => React.createElement(LangLib, {
+  Lang: props => _jsx(LangLib, {
     "$languages": languages,
     ...props
   }),