@codee-sh/medusa-plugin-notification-emails 0.0.2 → 0.1.0

package/.medusa/server/src/admin/index.js

@@ -5,11 +5,11 @@ const ui = require("@medusajs/ui");
 const reactI18next = require("react-i18next");
 const reactQuery = require("@tanstack/react-query");
 const Medusa = require("@medusajs/js-sdk");
-const React = require("react");
+const react = require("react");
 const icons = require("@medusajs/icons");
 const reactRouterDom = require("react-router-dom");
-require("@react-email/render");
-require("@react-email/components");
+const components = require("@react-email/components");
+const render = require("@react-email/render");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const Medusa__default = /* @__PURE__ */ _interopDefault(Medusa);
 const sdk = new Medusa__default.default({
@@ -54,7 +54,7 @@ const Actions$1 = ({ onSend, isPending, isError, eventsData }) => {
   ] });
 };
 const SelectAction$1 = ({ onSend, isPending }) => {
-  const [selectedEvent, setSelectedEvent] = React.useState("order.placed");
+  const [selectedEvent, setSelectedEvent] = react.useState("order.placed");
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row items-center gap-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { className: "flex-shrink-0", children: "Select event:" }),
@@ -100,7 +100,7 @@ const Actions = ({ onSend, isPending, isError, eventsData }) => {
   ] });
 };
 const SelectAction = ({ onSend, isPending }) => {
-  const [selectedEvent, setSelectedEvent] = React.useState("payment.captured");
+  const [selectedEvent, setSelectedEvent] = react.useState("payment.captured");
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row items-center gap-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { className: "flex-shrink-0", children: "Select event:" }),
@@ -182,12 +182,12 @@ const useListNotifications = (params, options) => {
   return { data, ...rest };
 };
 const NotificationsList = ({ entityId, entityType }) => {
-  const [pagination, setPagination] = React.useState({
+  const [pagination, setPagination] = react.useState({
     pageSize: 8,
     pageIndex: 0
   });
   const limit = 8;
-  const offset = React.useMemo(() => {
+  const offset = react.useMemo(() => {
     return pagination.pageIndex * limit;
   }, [pagination]);
   const { data: notificationsData, isLoading: isNotificationsLoading } = useListNotifications({
@@ -307,19 +307,19 @@ function _objectWithoutPropertiesLoose(r, e) {
   return t;
 }
 var initialState$5 = {};
-var Context$5 = /* @__PURE__ */ React.createContext(initialState$5);
+var Context$5 = /* @__PURE__ */ react.createContext(initialState$5);
 var reducer$5 = (state, action) => _extends({}, state, action);
 var useShowToolsStore = () => {
-  return React.useContext(Context$5);
+  return react.useContext(Context$5);
 };
-var DispatchShowTools = /* @__PURE__ */ React.createContext(() => {
+var DispatchShowTools = /* @__PURE__ */ react.createContext(() => {
 });
 DispatchShowTools.displayName = "JVR.DispatchShowTools";
 function useShowTools() {
-  return React.useReducer(reducer$5, initialState$5);
+  return react.useReducer(reducer$5, initialState$5);
 }
 function useShowToolsDispatch() {
-  return React.useContext(DispatchShowTools);
+  return react.useContext(DispatchShowTools);
 }
 var ShowTools = (_ref) => {
   var {
@@ -337,19 +337,19 @@ var ShowTools = (_ref) => {
 };
 ShowTools.displayName = "JVR.ShowTools";
 var initialState$4 = {};
-var Context$4 = /* @__PURE__ */ React.createContext(initialState$4);
+var Context$4 = /* @__PURE__ */ react.createContext(initialState$4);
 var reducer$4 = (state, action) => _extends({}, state, action);
 var useExpandsStore = () => {
-  return React.useContext(Context$4);
+  return react.useContext(Context$4);
 };
-var DispatchExpands = /* @__PURE__ */ React.createContext(() => {
+var DispatchExpands = /* @__PURE__ */ react.createContext(() => {
 });
 DispatchExpands.displayName = "JVR.DispatchExpands";
 function useExpands() {
-  return React.useReducer(reducer$4, initialState$4);
+  return react.useReducer(reducer$4, initialState$4);
 }
 function useExpandsDispatch() {
-  return React.useContext(DispatchExpands);
+  return react.useContext(DispatchExpands);
 }
 var Expands = (_ref) => {
   var {
@@ -487,19 +487,19 @@ var initialState$3 = {
     children: "date"
   }
 };
-var Context$3 = /* @__PURE__ */ React.createContext(initialState$3);
+var Context$3 = /* @__PURE__ */ react.createContext(initialState$3);
 var reducer$3 = (state, action) => _extends({}, state, action);
 var useTypesStore = () => {
-  return React.useContext(Context$3);
+  return react.useContext(Context$3);
 };
-var DispatchTypes = /* @__PURE__ */ React.createContext(() => {
+var DispatchTypes = /* @__PURE__ */ react.createContext(() => {
 });
 DispatchTypes.displayName = "JVR.DispatchTypes";
 function useTypes() {
-  return React.useReducer(reducer$3, initialState$3);
+  return react.useReducer(reducer$3, initialState$3);
 }
 function useTypesDispatch() {
-  return React.useContext(DispatchTypes);
+  return react.useContext(DispatchTypes);
 }
 function Types(_ref) {
   var {
@@ -608,19 +608,19 @@ var initialState$2 = {
     children: "}"
   }
 };
-var Context$2 = /* @__PURE__ */ React.createContext(initialState$2);
+var Context$2 = /* @__PURE__ */ react.createContext(initialState$2);
 var reducer$2 = (state, action) => _extends({}, state, action);
 var useSymbolsStore = () => {
-  return React.useContext(Context$2);
+  return react.useContext(Context$2);
 };
-var DispatchSymbols = /* @__PURE__ */ React.createContext(() => {
+var DispatchSymbols = /* @__PURE__ */ react.createContext(() => {
 });
 DispatchSymbols.displayName = "JVR.DispatchSymbols";
 function useSymbols() {
-  return React.useReducer(reducer$2, initialState$2);
+  return react.useReducer(reducer$2, initialState$2);
 }
 function useSymbolsDispatch() {
-  return React.useContext(DispatchSymbols);
+  return react.useContext(DispatchSymbols);
 }
 var Symbols = (_ref) => {
   var {
@@ -683,19 +683,19 @@ var initialState$1 = {
     className: "w-rjv-object-key"
   }
 };
-var Context$1 = /* @__PURE__ */ React.createContext(initialState$1);
+var Context$1 = /* @__PURE__ */ react.createContext(initialState$1);
 var reducer$1 = (state, action) => _extends({}, state, action);
 var useSectionStore = () => {
-  return React.useContext(Context$1);
+  return react.useContext(Context$1);
 };
-var DispatchSection = /* @__PURE__ */ React.createContext(() => {
+var DispatchSection = /* @__PURE__ */ react.createContext(() => {
 });
 DispatchSection.displayName = "JVR.DispatchSection";
 function useSection() {
-  return React.useReducer(reducer$1, initialState$1);
+  return react.useReducer(reducer$1, initialState$1);
 }
 function useSectionDispatch() {
-  return React.useContext(DispatchSection);
+  return react.useContext(DispatchSection);
 }
 var Section = (_ref) => {
   var {
@@ -716,16 +716,16 @@ var initialState = {
   objectSortKeys: false,
   indentWidth: 15
 };
-var Context = /* @__PURE__ */ React.createContext(initialState);
+var Context = /* @__PURE__ */ react.createContext(initialState);
 Context.displayName = "JVR.Context";
-var DispatchContext = /* @__PURE__ */ React.createContext(() => {
+var DispatchContext = /* @__PURE__ */ react.createContext(() => {
 });
 DispatchContext.displayName = "JVR.DispatchContext";
 function reducer(state, action) {
   return _extends({}, state, action);
 }
 var useStore = () => {
-  return React.useContext(Context);
+  return react.useContext(Context);
 };
 var Provider = (_ref) => {
   var {
@@ -733,13 +733,13 @@ var Provider = (_ref) => {
     initialState: init,
     initialTypes
   } = _ref;
-  var [state, dispatch] = React.useReducer(reducer, Object.assign({}, initialState, init));
+  var [state, dispatch] = react.useReducer(reducer, Object.assign({}, initialState, init));
   var [showTools, showToolsDispatch] = useShowTools();
   var [expands, expandsDispatch] = useExpands();
   var [types, typesDispatch] = useTypes();
   var [symbols, symbolsDispatch] = useSymbols();
   var [section, sectionDispatch] = useSection();
-  React.useEffect(() => dispatch(_extends({}, init)), [init]);
+  react.useEffect(() => dispatch(_extends({}, init)), [init]);
   return /* @__PURE__ */ jsxRuntime.jsx(Context.Provider, {
     value: state,
     children: /* @__PURE__ */ jsxRuntime.jsx(DispatchContext.Provider, {
@@ -787,7 +787,7 @@ var Quote$1 = (props) => {
   if (isNumber) return null;
   var {
     as,
-    render
+    render: render2
   } = Comp, reset = _objectWithoutPropertiesLoose(Comp, _excluded2$5);
   var Elm = as || "span";
   var elmProps = _extends({}, other, reset);
@@ -797,7 +797,7 @@ var Quote$1 = (props) => {
     keyName,
     keys: keys || (keyName ? [keyName] : [])
   };
-  var child = render && typeof render === "function" && render(elmProps, result);
+  var child = render2 && typeof render2 === "function" && render2(elmProps, result);
   if (child) return child;
   return /* @__PURE__ */ jsxRuntime.jsx(Elm, _extends({}, elmProps));
 };
@@ -809,11 +809,11 @@ var ValueQuote$1 = (props) => {
   var other = _extends({}, (_objectDestructuringEmpty(props), props));
   var {
     as,
-    render
+    render: render2
   } = Comp, reset = _objectWithoutPropertiesLoose(Comp, _excluded3$1);
   var Elm = as || "span";
   var elmProps = _extends({}, other, reset);
-  var child = render && typeof render === "function" && render(elmProps, {});
+  var child = render2 && typeof render2 === "function" && render2(elmProps, {});
   if (child) return child;
   return /* @__PURE__ */ jsxRuntime.jsx(Elm, _extends({}, elmProps));
 };
@@ -830,10 +830,10 @@ var Colon$1 = (props) => {
   } = useSymbolsStore();
   var {
     as,
-    render
+    render: render2
   } = Comp, reset = _objectWithoutPropertiesLoose(Comp, _excluded4$1);
   var Elm = as || "span";
-  var child = render && typeof render === "function" && render(reset, {
+  var child = render2 && typeof render2 === "function" && render2(reset, {
     value,
     parentValue,
     keyName,
@@ -860,10 +860,10 @@ var Arrow$1 = (props) => {
   var {
     as,
     style,
-    render
+    render: render2
   } = Comp, reset = _objectWithoutPropertiesLoose(Comp, _excluded5$1);
   var Elm = as || "span";
-  var isRender = render && typeof render === "function";
+  var isRender = render2 && typeof render2 === "function";
   var elmProps = _extends({}, reset, {
     "data-expanded": isExpanded,
     style: _extends({}, style, resetStyle)
@@ -874,7 +874,7 @@ var Arrow$1 = (props) => {
     keyName,
     keys: keys || (keyName ? [keyName] : [])
   };
-  var child = isRender && render(elmProps, result);
+  var child = isRender && render2(elmProps, result);
   if (child) return child;
   return /* @__PURE__ */ jsxRuntime.jsx(Elm, _extends({}, reset, {
     style: _extends({}, style, resetStyle)
@@ -911,10 +911,10 @@ var BracketsOpen = (props) => {
   }
   var {
     as: elm,
-    render
+    render: render2
   } = BraceLeft2, resetProps = _objectWithoutPropertiesLoose(BraceLeft2, _excluded7$1);
   var BraceLeftComp = elm || "span";
-  var child = render && typeof render === "function" && render(resetProps, result);
+  var child = render2 && typeof render2 === "function" && render2(resetProps, result);
   if (child) return child;
   return /* @__PURE__ */ jsxRuntime.jsx(BraceLeftComp, _extends({}, resetProps));
 };
@@ -951,10 +951,10 @@ var BracketsClose = (props) => {
   }
   var {
     as: elm,
-    render
+    render: render2
   } = BraceRight2, reset = _objectWithoutPropertiesLoose(BraceRight2, _excluded9$1);
   var BraceRightComp = elm || "span";
-  var child = render && typeof render === "function" && render(reset, result);
+  var child = render2 && typeof render2 === "function" && render2(reset, result);
   if (child) return child;
   return /* @__PURE__ */ jsxRuntime.jsx(BraceRightComp, _extends({}, reset));
 };
@@ -1037,10 +1037,10 @@ var SetComp = (_ref) => {
   if (!isSet || !displayDataTypes) return null;
   var {
     as,
-    render
+    render: render2
   } = Comp, reset = _objectWithoutPropertiesLoose(Comp, _excluded$8);
-  var isRender = render && typeof render === "function";
-  var type = isRender && render(reset, {
+  var isRender = render2 && typeof render2 === "function";
+  var type = isRender && render2(reset, {
     type: "type",
     value,
     keyName
@@ -1063,10 +1063,10 @@ var MapComp = (_ref2) => {
   if (!isMap || !displayDataTypes) return null;
   var {
     as,
-    render
+    render: render2
   } = Comp, reset = _objectWithoutPropertiesLoose(Comp, _excluded2$4);
-  var isRender = render && typeof render === "function";
-  var type = isRender && render(reset, {
+  var isRender = render2 && typeof render2 === "function";
+  var type = isRender && render2(reset, {
     type: "type",
     value,
     keyName
@@ -1096,11 +1096,11 @@ var TypeString = (_ref3) => {
   } = useStore();
   var {
     as,
-    render
+    render: render2
   } = Str, reset = _objectWithoutPropertiesLoose(Str, _excluded3);
   var childrenStr = children;
-  var [shorten, setShorten] = React.useState(length && childrenStr.length > length);
-  React.useEffect(() => setShorten(length && childrenStr.length > length), [length]);
+  var [shorten, setShorten] = react.useState(length && childrenStr.length > length);
+  react.useEffect(() => setShorten(length && childrenStr.length > length), [length]);
   var Comp = as || "span";
   var style = _extends({}, defalutStyle, Str.style || {});
   if (length > 0) {
@@ -1114,8 +1114,8 @@ var TypeString = (_ref3) => {
     }
   }
   var text = shorten ? "" + childrenStr.slice(0, length) + stringEllipsis : childrenStr;
-  var isRender = render && typeof render === "function";
-  var type = isRender && render(_extends({}, reset, {
+  var isRender = render2 && typeof render2 === "function";
+  var type = isRender && render2(_extends({}, reset, {
     style
   }), {
     type: "type",
@@ -1124,7 +1124,7 @@ var TypeString = (_ref3) => {
     keys
   });
   var cls = shorten ? "w-rjv-value w-rjv-value-short" : "w-rjv-value";
-  var child = isRender && render(_extends({}, reset, {
+  var child = isRender && render2(_extends({}, reset, {
     children: text,
     className: cls
   }), {
@@ -1133,10 +1133,10 @@ var TypeString = (_ref3) => {
     keyName,
     keys
   });
-  return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, {
+  return /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, {
     children: [displayDataTypes && (type || /* @__PURE__ */ jsxRuntime.jsx(Comp, _extends({}, reset, {
       style
-    }))), child || /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, {
+    }))), child || /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, {
       children: [/* @__PURE__ */ jsxRuntime.jsx(ValueQuote$1, {}), /* @__PURE__ */ jsxRuntime.jsx(Comp, _extends({}, reset, {
         className: cls,
         children: text
@@ -1157,12 +1157,12 @@ var TypeTrue = (_ref4) => {
   } = useTypesStore();
   var {
     as,
-    render
+    render: render2
   } = True2, reset = _objectWithoutPropertiesLoose(True2, _excluded4);
   var Comp = as || "span";
   var style = _extends({}, defalutStyle, True2.style || {});
-  var isRender = render && typeof render === "function";
-  var type = isRender && render(_extends({}, reset, {
+  var isRender = render2 && typeof render2 === "function";
+  var type = isRender && render2(_extends({}, reset, {
     style
   }), {
     type: "type",
@@ -1170,7 +1170,7 @@ var TypeTrue = (_ref4) => {
     keyName,
     keys
   });
-  var child = isRender && render(_extends({}, reset, {
+  var child = isRender && render2(_extends({}, reset, {
     children,
     className: "w-rjv-value"
   }), {
@@ -1179,7 +1179,7 @@ var TypeTrue = (_ref4) => {
     keyName,
     keys
   });
-  return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, {
+  return /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, {
     children: [displayDataTypes && (type || /* @__PURE__ */ jsxRuntime.jsx(Comp, _extends({}, reset, {
       style
     }))), child || /* @__PURE__ */ jsxRuntime.jsx(Comp, _extends({}, reset, {
@@ -1201,12 +1201,12 @@ var TypeFalse = (_ref5) => {
   } = useTypesStore();
   var {
     as,
-    render
+    render: render2
   } = False2, reset = _objectWithoutPropertiesLoose(False2, _excluded5);
   var Comp = as || "span";
   var style = _extends({}, defalutStyle, False2.style || {});
-  var isRender = render && typeof render === "function";
-  var type = isRender && render(_extends({}, reset, {
+  var isRender = render2 && typeof render2 === "function";
+  var type = isRender && render2(_extends({}, reset, {
     style
   }), {
     type: "type",
@@ -1214,7 +1214,7 @@ var TypeFalse = (_ref5) => {
     keyName,
     keys
   });
-  var child = isRender && render(_extends({}, reset, {
+  var child = isRender && render2(_extends({}, reset, {
     children,
     className: "w-rjv-value"
   }), {
@@ -1223,7 +1223,7 @@ var TypeFalse = (_ref5) => {
     keyName,
     keys
   });
-  return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, {
+  return /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, {
     children: [displayDataTypes && (type || /* @__PURE__ */ jsxRuntime.jsx(Comp, _extends({}, reset, {
       style
     }))), child || /* @__PURE__ */ jsxRuntime.jsx(Comp, _extends({}, reset, {
@@ -1245,12 +1245,12 @@ var TypeFloat = (_ref6) => {
   } = useTypesStore();
   var {
     as,
-    render
+    render: render2
   } = Float2, reset = _objectWithoutPropertiesLoose(Float2, _excluded6);
   var Comp = as || "span";
   var style = _extends({}, defalutStyle, Float2.style || {});
-  var isRender = render && typeof render === "function";
-  var type = isRender && render(_extends({}, reset, {
+  var isRender = render2 && typeof render2 === "function";
+  var type = isRender && render2(_extends({}, reset, {
     style
   }), {
     type: "type",
@@ -1258,7 +1258,7 @@ var TypeFloat = (_ref6) => {
     keyName,
     keys
   });
-  var child = isRender && render(_extends({}, reset, {
+  var child = isRender && render2(_extends({}, reset, {
     children,
     className: "w-rjv-value"
   }), {
@@ -1267,7 +1267,7 @@ var TypeFloat = (_ref6) => {
     keyName,
     keys
   });
-  return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, {
+  return /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, {
     children: [displayDataTypes && (type || /* @__PURE__ */ jsxRuntime.jsx(Comp, _extends({}, reset, {
       style
     }))), child || /* @__PURE__ */ jsxRuntime.jsx(Comp, _extends({}, reset, {
@@ -1289,12 +1289,12 @@ var TypeInt = (_ref7) => {
   } = useTypesStore();
   var {
     as,
-    render
+    render: render2
   } = Int2, reset = _objectWithoutPropertiesLoose(Int2, _excluded7);
   var Comp = as || "span";
   var style = _extends({}, defalutStyle, Int2.style || {});
-  var isRender = render && typeof render === "function";
-  var type = isRender && render(_extends({}, reset, {
+  var isRender = render2 && typeof render2 === "function";
+  var type = isRender && render2(_extends({}, reset, {
     style
   }), {
     type: "type",
@@ -1302,7 +1302,7 @@ var TypeInt = (_ref7) => {
     keyName,
     keys
   });
-  var child = isRender && render(_extends({}, reset, {
+  var child = isRender && render2(_extends({}, reset, {
     children,
     className: "w-rjv-value"
   }), {
@@ -1311,7 +1311,7 @@ var TypeInt = (_ref7) => {
     keyName,
     keys
   });
-  return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, {
+  return /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, {
     children: [displayDataTypes && (type || /* @__PURE__ */ jsxRuntime.jsx(Comp, _extends({}, reset, {
       style
     }))), child || /* @__PURE__ */ jsxRuntime.jsx(Comp, _extends({}, reset, {
@@ -1333,12 +1333,12 @@ var TypeBigint = (_ref8) => {
   } = useTypesStore();
   var {
     as,
-    render
+    render: render2
   } = CompBigint, reset = _objectWithoutPropertiesLoose(CompBigint, _excluded8);
   var Comp = as || "span";
   var style = _extends({}, defalutStyle, CompBigint.style || {});
-  var isRender = render && typeof render === "function";
-  var type = isRender && render(_extends({}, reset, {
+  var isRender = render2 && typeof render2 === "function";
+  var type = isRender && render2(_extends({}, reset, {
     style
   }), {
     type: "type",
@@ -1346,7 +1346,7 @@ var TypeBigint = (_ref8) => {
     keyName,
     keys
   });
-  var child = isRender && render(_extends({}, reset, {
+  var child = isRender && render2(_extends({}, reset, {
     children,
     className: "w-rjv-value"
   }), {
@@ -1355,7 +1355,7 @@ var TypeBigint = (_ref8) => {
     keyName,
     keys
   });
-  return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, {
+  return /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, {
     children: [displayDataTypes && (type || /* @__PURE__ */ jsxRuntime.jsx(Comp, _extends({}, reset, {
       style
     }))), child || /* @__PURE__ */ jsxRuntime.jsx(Comp, _extends({}, reset, {
@@ -1377,12 +1377,12 @@ var TypeUrl = (_ref9) => {
   } = useTypesStore();
   var {
     as,
-    render
+    render: render2
   } = Url2, reset = _objectWithoutPropertiesLoose(Url2, _excluded9);
   var Comp = as || "span";
   var style = _extends({}, defalutStyle, Url2.style);
-  var isRender = render && typeof render === "function";
-  var type = isRender && render(_extends({}, reset, {
+  var isRender = render2 && typeof render2 === "function";
+  var type = isRender && render2(_extends({}, reset, {
     style
   }), {
     type: "type",
@@ -1390,7 +1390,7 @@ var TypeUrl = (_ref9) => {
     keyName,
     keys
   });
-  var child = isRender && render(_extends({}, reset, {
+  var child = isRender && render2(_extends({}, reset, {
     children: children == null ? void 0 : children.href,
     className: "w-rjv-value"
   }), {
@@ -1399,7 +1399,7 @@ var TypeUrl = (_ref9) => {
     keyName,
     keys
   });
-  return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, {
+  return /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, {
     children: [displayDataTypes && (type || /* @__PURE__ */ jsxRuntime.jsx(Comp, _extends({}, reset, {
       style
     }))), child || /* @__PURE__ */ jsxRuntime.jsxs("a", _extends({
@@ -1424,12 +1424,12 @@ var TypeDate = (_ref0) => {
   } = useTypesStore();
   var {
     as,
-    render
+    render: render2
   } = CompData, reset = _objectWithoutPropertiesLoose(CompData, _excluded0);
   var Comp = as || "span";
   var style = _extends({}, defalutStyle, CompData.style || {});
-  var isRender = render && typeof render === "function";
-  var type = isRender && render(_extends({}, reset, {
+  var isRender = render2 && typeof render2 === "function";
+  var type = isRender && render2(_extends({}, reset, {
     style
   }), {
     type: "type",
@@ -1438,7 +1438,7 @@ var TypeDate = (_ref0) => {
     keys
   });
   var childStr = children instanceof Date ? children.toLocaleString() : children;
-  var child = isRender && render(_extends({}, reset, {
+  var child = isRender && render2(_extends({}, reset, {
     children: childStr,
     className: "w-rjv-value"
   }), {
@@ -1447,7 +1447,7 @@ var TypeDate = (_ref0) => {
     keyName,
     keys
   });
-  return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, {
+  return /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, {
     children: [displayDataTypes && (type || /* @__PURE__ */ jsxRuntime.jsx(Comp, _extends({}, reset, {
       style
     }))), child || /* @__PURE__ */ jsxRuntime.jsx(Comp, _extends({}, reset, {
@@ -1469,12 +1469,12 @@ var TypeUndefined = (_ref1) => {
   } = useTypesStore();
   var {
     as,
-    render
+    render: render2
   } = Undefined2, reset = _objectWithoutPropertiesLoose(Undefined2, _excluded1);
   var Comp = as || "span";
   var style = _extends({}, defalutStyle, Undefined2.style || {});
-  var isRender = render && typeof render === "function";
-  var type = isRender && render(_extends({}, reset, {
+  var isRender = render2 && typeof render2 === "function";
+  var type = isRender && render2(_extends({}, reset, {
     style
   }), {
     type: "type",
@@ -1482,7 +1482,7 @@ var TypeUndefined = (_ref1) => {
     keyName,
     keys
   });
-  var child = isRender && render(_extends({}, reset, {
+  var child = isRender && render2(_extends({}, reset, {
     children,
     className: "w-rjv-value"
   }), {
@@ -1491,7 +1491,7 @@ var TypeUndefined = (_ref1) => {
     keyName,
     keys
   });
-  return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, {
+  return /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, {
     children: [displayDataTypes && (type || /* @__PURE__ */ jsxRuntime.jsx(Comp, _extends({}, reset, {
       style
     }))), child]
@@ -1510,12 +1510,12 @@ var TypeNull = (_ref10) => {
   } = useTypesStore();
   var {
     as,
-    render
+    render: render2
   } = Null2, reset = _objectWithoutPropertiesLoose(Null2, _excluded10);
   var Comp = as || "span";
   var style = _extends({}, defalutStyle, Null2.style || {});
-  var isRender = render && typeof render === "function";
-  var type = isRender && render(_extends({}, reset, {
+  var isRender = render2 && typeof render2 === "function";
+  var type = isRender && render2(_extends({}, reset, {
     style
   }), {
     type: "type",
@@ -1523,7 +1523,7 @@ var TypeNull = (_ref10) => {
     keyName,
     keys
   });
-  var child = isRender && render(_extends({}, reset, {
+  var child = isRender && render2(_extends({}, reset, {
     children,
     className: "w-rjv-value"
   }), {
@@ -1532,7 +1532,7 @@ var TypeNull = (_ref10) => {
     keyName,
     keys
   });
-  return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, {
+  return /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, {
     children: [displayDataTypes && (type || /* @__PURE__ */ jsxRuntime.jsx(Comp, _extends({}, reset, {
       style
     }))), child]
@@ -1551,12 +1551,12 @@ var TypeNan = (_ref11) => {
   } = useTypesStore();
   var {
     as,
-    render
+    render: render2
   } = Nan2, reset = _objectWithoutPropertiesLoose(Nan2, _excluded11);
   var Comp = as || "span";
   var style = _extends({}, defalutStyle, Nan2.style || {});
-  var isRender = render && typeof render === "function";
-  var type = isRender && render(_extends({}, reset, {
+  var isRender = render2 && typeof render2 === "function";
+  var type = isRender && render2(_extends({}, reset, {
     style
   }), {
     type: "type",
@@ -1564,7 +1564,7 @@ var TypeNan = (_ref11) => {
     keyName,
     keys
   });
-  var child = isRender && render(_extends({}, reset, {
+  var child = isRender && render2(_extends({}, reset, {
     children: children == null ? void 0 : children.toString(),
     className: "w-rjv-value"
   }), {
@@ -1573,7 +1573,7 @@ var TypeNan = (_ref11) => {
     keyName,
     keys
   });
-  return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, {
+  return /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, {
     children: [displayDataTypes && (type || /* @__PURE__ */ jsxRuntime.jsx(Comp, _extends({}, reset, {
       style
     }))), child]
@@ -1654,7 +1654,7 @@ function useSymbolsRender(currentProps, props, key) {
     style: _extends({}, currentProps.style, props.style),
     children: props.children || currentProps.children
   });
-  React.useEffect(() => dispatch({
+  react.useEffect(() => dispatch({
     [key]: reset
   }), [props]);
 }
@@ -1666,7 +1666,7 @@ function useTypesRender(currentProps, props, key) {
     style: _extends({}, currentProps.style, props.style),
     children: props.children || currentProps.children
   });
-  React.useEffect(() => dispatch({
+  react.useEffect(() => dispatch({
     [key]: reset
   }), [props]);
 }
@@ -1678,7 +1678,7 @@ function useSectionRender(currentProps, props, key) {
     style: _extends({}, currentProps.style, props.style),
     children: props.children || currentProps.children
   });
-  React.useEffect(() => dispatch({
+  react.useEffect(() => dispatch({
     [key]: reset
   }), [props]);
 }
@@ -1708,11 +1708,11 @@ var KeyNameComp = (props) => {
   } = useSectionStore();
   var {
     as,
-    render
+    render: render2
   } = Comp, reset = _objectWithoutPropertiesLoose(Comp, _excluded$7);
   reset.style = _extends({}, reset.style, style);
   var Elm = as || "span";
-  var child = render && typeof render === "function" && render(_extends({}, reset, {
+  var child = render2 && typeof render2 === "function" && render2(_extends({}, reset, {
     children
   }), {
     value,
@@ -1748,10 +1748,10 @@ var RowComp = (props) => {
   } = useSectionStore();
   var {
     as,
-    render
+    render: render2
   } = Comp, reset = _objectWithoutPropertiesLoose(Comp, _excluded2$3);
   var Elm = as || "div";
-  var child = render && typeof render === "function" && render(_extends({}, other, reset, {
+  var child = render2 && typeof render2 === "function" && render2(_extends({}, other, reset, {
     children
   }), {
     value,
@@ -1766,8 +1766,8 @@ var RowComp = (props) => {
 };
 RowComp.displayName = "JVR.RowComp";
 function usePrevious(value) {
-  var ref = React.useRef();
-  React.useEffect(() => {
+  var ref = react.useRef();
+  react.useEffect(() => {
     ref.current = value;
   });
   return ref.current;
@@ -1779,7 +1779,7 @@ function useHighlight(_ref) {
     highlightContainer
   } = _ref;
   var prevValue = usePrevious(value);
-  var isHighlight = React.useMemo(() => {
+  var isHighlight = react.useMemo(() => {
     if (!highlightUpdates || prevValue === void 0) return false;
     if (typeof value !== typeof prevValue) {
       return true;
@@ -1798,7 +1798,7 @@ function useHighlight(_ref) {
       return true;
     }
   }, [highlightUpdates, value]);
-  React.useEffect(() => {
+  react.useEffect(() => {
     if (highlightContainer && highlightContainer.current && isHighlight && "animate" in highlightContainer.current) {
       highlightContainer.current.animate([{
         backgroundColor: "var(--w-rjv-update-color, #ebcb8b)"
@@ -1828,7 +1828,7 @@ var Copied$2 = (props) => {
   } = useStore();
   var showTools = useShowToolsStore();
   var isShowTools = showTools[expandKey];
-  var [copied, setCopied] = React.useState(false);
+  var [copied, setCopied] = react.useState(false);
   var {
     Copied: Comp = {}
   } = useSectionStore();
@@ -1889,13 +1889,13 @@ var Copied$2 = (props) => {
     onClick: click
   };
   var {
-    render
+    render: render2
   } = Comp, reset = _objectWithoutPropertiesLoose(Comp, _excluded2$2);
   var elmProps = _extends({}, reset, other, svgProps, {
     style: _extends({}, reset.style, other.style, svgProps.style)
   });
-  var isRender = render && typeof render === "function";
-  var child = isRender && render(_extends({}, elmProps, {
+  var isRender = render2 && typeof render2 === "function";
+  var child = isRender && render2(_extends({}, elmProps, {
     "data-copied": copied
   }), {
     value,
@@ -1923,7 +1923,7 @@ var Copied$2 = (props) => {
 };
 Copied$2.displayName = "JVR.Copied";
 function useIdCompat() {
-  var idRef = React.useRef(null);
+  var idRef = react.useRef(null);
   if (idRef.current === null) {
     idRef.current = "custom-id-" + Math.random().toString(36).substr(2, 9);
   }
@@ -2006,7 +2006,7 @@ var KayName = (props) => {
     highlightUpdates
   } = useStore();
   var isNumber = typeof keyName === "number";
-  var highlightContainer = React.useRef(null);
+  var highlightContainer = react.useRef(null);
   useHighlight({
     value,
     highlightUpdates,
@@ -2018,7 +2018,7 @@ var KayName = (props) => {
     keys,
     parentValue
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, {
+  return /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, {
     children: [/* @__PURE__ */ jsxRuntime.jsxs("span", {
       ref: highlightContainer,
       children: [/* @__PURE__ */ jsxRuntime.jsx(Quote$1, _extends({
@@ -2115,13 +2115,13 @@ var CountInfoExtraComps = (props) => {
   } = useSectionStore();
   var {
     as,
-    render
+    render: render2
   } = Comp, reset = _objectWithoutPropertiesLoose(Comp, _excluded2$1);
-  if (!render && !reset.children) return null;
+  if (!render2 && !reset.children) return null;
   var Elm = as || "span";
-  var isRender = render && typeof render === "function";
+  var isRender = render2 && typeof render2 === "function";
   var elmProps = _extends({}, reset, other);
-  var child = isRender && render(elmProps, {
+  var child = isRender && render2(elmProps, {
     value,
     keyName
   });
@@ -2152,7 +2152,7 @@ var CountInfoComp = (props) => {
   if (!displayObjectSize) return null;
   var {
     as,
-    render
+    render: render2
   } = Comp, reset = _objectWithoutPropertiesLoose(Comp, _excluded2);
   var Elm = as || "span";
   reset.style = _extends({}, reset.style, props.style);
@@ -2161,8 +2161,8 @@ var CountInfoComp = (props) => {
     reset.children = len + " item" + (len === 1 ? "" : "s");
   }
   var elmProps = _extends({}, reset, other);
-  var isRender = render && typeof render === "function";
-  var child = isRender && render(_extends({}, elmProps, {
+  var isRender = render2 && typeof render2 === "function";
+  var child = isRender && render2(_extends({}, elmProps, {
     "data-length": len
   }), {
     value,
@@ -2192,10 +2192,10 @@ var EllipsisComp = (_ref) => {
   } = useSectionStore();
   var {
     as,
-    render
+    render: render2
   } = Comp, reset = _objectWithoutPropertiesLoose(Comp, _excluded$2);
   var Elm = as || "span";
-  var child = render && typeof render === "function" && render(_extends({}, reset, {
+  var child = render2 && typeof render2 === "function" && render2(_extends({}, reset, {
     "data-expanded": isExpanded
   }), {
     value,
@@ -2309,7 +2309,7 @@ var NestedOpen = (props) => {
 };
 NestedOpen.displayName = "JVR.NestedOpen";
 var _excluded$1 = ["className", "children", "parentValue", "keyid", "level", "value", "initialValue", "keys", "keyName"];
-var Container = /* @__PURE__ */ React.forwardRef((props, ref) => {
+var Container = /* @__PURE__ */ react.forwardRef((props, ref) => {
   var {
     className = "",
     parentValue,
@@ -2537,7 +2537,7 @@ var Copied$1 = (props) => {
 };
 Copied$1.displayName = "JVR.Copied";
 var _excluded = ["className", "style", "value", "children", "collapsed", "shouldExpandNodeInitially", "indentWidth", "displayObjectSize", "shortenTextAfterLength", "stringEllipsis", "highlightUpdates", "enableClipboard", "displayDataTypes", "objectSortKeys", "onExpand", "onCopied", "beforeCopy"];
-var JsonView = /* @__PURE__ */ React.forwardRef((props, ref) => {
+var JsonView = /* @__PURE__ */ react.forwardRef((props, ref) => {
   var {
     className = "",
     style,
@@ -2670,7 +2670,7 @@ const JsonViewSection = ({ data }) => {
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Body, { className: "flex flex-1 flex-col overflow-hidden px-[5px] py-0 pb-[5px]", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-ui-contrast-bg-subtle flex-1 overflow-auto rounded-b-[4px] rounded-t-lg p-3", children: /* @__PURE__ */ jsxRuntime.jsx(
-          React.Suspense,
+          react.Suspense,
           {
             fallback: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-full flex-col" }),
             children: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2743,7 +2743,7 @@ const JsonViewSection = ({ data }) => {
   ] });
 };
 const Copied = ({ style, value }) => {
-  const [copied, setCopied] = React.useState(false);
+  const [copied, setCopied] = react.useState(false);
   const handler = (e) => {
     e.stopPropagation();
     setCopied(true);
@@ -2834,11 +2834,11 @@ const SingleColumnPage = ({
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-3", children: [
     before.map((Component, i) => {
-      return /* @__PURE__ */ React.createElement(Component, { ...widgetProps, key: i });
+      return /* @__PURE__ */ react.createElement(Component, { ...widgetProps, key: i });
     }),
     children,
     after.map((Component, i) => {
-      return /* @__PURE__ */ React.createElement(Component, { ...widgetProps, key: i });
+      return /* @__PURE__ */ react.createElement(Component, { ...widgetProps, key: i });
     }),
     showMetadata && /* @__PURE__ */ jsxRuntime.jsx(MetadataSection, { data }),
     showJSON && /* @__PURE__ */ jsxRuntime.jsx(JsonViewSection, { data }),
@@ -2846,12 +2846,12 @@ const SingleColumnPage = ({
   ] });
 };
 const NotificationsFullList = () => {
-  const [pagination, setPagination] = React.useState({
+  const [pagination, setPagination] = react.useState({
     pageSize: 8,
     pageIndex: 0
   });
   const limit = 8;
-  const offset = React.useMemo(() => {
+  const offset = react.useMemo(() => {
     return pagination.pageIndex * limit;
   }, [pagination]);
   const { data: notificationsData, isLoading: isNotificationsLoading } = useListNotifications({
@@ -2949,7 +2949,7 @@ const config$1 = adminSdk.defineRouteConfig({
   icon: icons.ListBullet
 });
 const useOrders = (params = {}, options) => {
-  const { limit = 100, offset = 0, extraKey = [], enabled, fields = "id,display_id" } = params;
+  const { limit = 100, offset = 0, extraKey = [], enabled, fields = "id,display_id", order = "-created_at" } = params;
   const queryKey = [
     "orders",
     ...extraKey
@@ -2957,7 +2957,8 @@ const useOrders = (params = {}, options) => {
   const query = {
     limit,
     offset,
-    fields
+    fields,
+    order
   };
   const { data, ...rest } = reactQuery.useQuery({
     queryKey,
@@ -7376,2238 +7377,259 @@ const getTotalCaptured = (paymentCollections) => paymentCollections.reduce((acc,
   acc = acc + (paymentCollection.captured_amount - paymentCollection.refunded_amount);
   return acc;
 }, 0);
-const TEMPLATES_NAMES = {
-  ORDER_PLACED: "order-placed",
-  CONTACT_FORM: "contact-form"
-};
-const isString = (obj) => typeof obj === "string";
-const defer = () => {
-  let res;
-  let rej;
-  const promise = new Promise((resolve, reject) => {
-    res = resolve;
-    rej = reject;
-  });
-  promise.resolve = res;
-  promise.reject = rej;
-  return promise;
-};
-const makeString = (object) => {
-  if (object == null) return "";
-  return "" + object;
-};
-const copy = (a, s, t) => {
-  a.forEach((m) => {
-    if (s[m]) t[m] = s[m];
-  });
-};
-const lastOfPathSeparatorRegExp = /###/g;
-const cleanKey = (key) => key && key.indexOf("###") > -1 ? key.replace(lastOfPathSeparatorRegExp, ".") : key;
-const canNotTraverseDeeper = (object) => !object || isString(object);
-const getLastOfPath = (object, path, Empty) => {
-  const stack = !isString(path) ? path : path.split(".");
-  let stackIndex = 0;
-  while (stackIndex < stack.length - 1) {
-    if (canNotTraverseDeeper(object)) return {};
-    const key = cleanKey(stack[stackIndex]);
-    if (!object[key] && Empty) object[key] = new Empty();
-    if (Object.prototype.hasOwnProperty.call(object, key)) {
-      object = object[key];
-    } else {
-      object = {};
-    }
-    ++stackIndex;
-  }
-  if (canNotTraverseDeeper(object)) return {};
-  return {
-    obj: object,
-    k: cleanKey(stack[stackIndex])
-  };
-};
-const setPath = (object, path, newValue) => {
-  const {
-    obj,
-    k
-  } = getLastOfPath(object, path, Object);
-  if (obj !== void 0 || path.length === 1) {
-    obj[k] = newValue;
-    return;
-  }
-  let e = path[path.length - 1];
-  let p = path.slice(0, path.length - 1);
-  let last = getLastOfPath(object, p, Object);
-  while (last.obj === void 0 && p.length) {
-    e = `${p[p.length - 1]}.${e}`;
-    p = p.slice(0, p.length - 1);
-    last = getLastOfPath(object, p, Object);
-    if ((last == null ? void 0 : last.obj) && typeof last.obj[`${last.k}.${e}`] !== "undefined") {
-      last.obj = void 0;
-    }
-  }
-  last.obj[`${last.k}.${e}`] = newValue;
-};
-const pushPath = (object, path, newValue, concat) => {
-  const {
-    obj,
-    k
-  } = getLastOfPath(object, path, Object);
-  obj[k] = obj[k] || [];
-  obj[k].push(newValue);
-};
-const getPath = (object, path) => {
-  const {
-    obj,
-    k
-  } = getLastOfPath(object, path);
-  if (!obj) return void 0;
-  if (!Object.prototype.hasOwnProperty.call(obj, k)) return void 0;
-  return obj[k];
-};
-const getPathWithDefaults = (data, defaultData, key) => {
-  const value = getPath(data, key);
-  if (value !== void 0) {
-    return value;
-  }
-  return getPath(defaultData, key);
-};
-const deepExtend = (target, source, overwrite) => {
-  for (const prop in source) {
-    if (prop !== "__proto__" && prop !== "constructor") {
-      if (prop in target) {
-        if (isString(target[prop]) || target[prop] instanceof String || isString(source[prop]) || source[prop] instanceof String) {
-          if (overwrite) target[prop] = source[prop];
-        } else {
-          deepExtend(target[prop], source[prop], overwrite);
-        }
-      } else {
-        target[prop] = source[prop];
-      }
-    }
-  }
-  return target;
-};
-const regexEscape = (str) => str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
-var _entityMap = {
-  "&": "&amp;",
-  "<": "&lt;",
-  ">": "&gt;",
-  '"': "&quot;",
-  "'": "&#39;",
-  "/": "&#x2F;"
-};
-const escape = (data) => {
-  if (isString(data)) {
-    return data.replace(/[&<>"'\/]/g, (s) => _entityMap[s]);
-  }
-  return data;
-};
-class RegExpCache {
-  constructor(capacity) {
-    this.capacity = capacity;
-    this.regExpMap = /* @__PURE__ */ new Map();
-    this.regExpQueue = [];
-  }
-  getRegExp(pattern) {
-    const regExpFromCache = this.regExpMap.get(pattern);
-    if (regExpFromCache !== void 0) {
-      return regExpFromCache;
-    }
-    const regExpNew = new RegExp(pattern);
-    if (this.regExpQueue.length === this.capacity) {
-      this.regExpMap.delete(this.regExpQueue.shift());
-    }
-    this.regExpMap.set(pattern, regExpNew);
-    this.regExpQueue.push(pattern);
-    return regExpNew;
-  }
+function SectionBlock({
+  id,
+  props,
+  data,
+  isLastBlock,
+  isFirstBlock
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(components.Section, { className: "m-0 p-0", children: /* @__PURE__ */ jsxRuntime.jsx(BlockRenderer, { blocks: props.blocks || [], data }) });
 }
-const chars = [" ", ",", "?", "!", ";"];
-const looksLikeObjectPathRegExpCache = new RegExpCache(20);
-const looksLikeObjectPath = (key, nsSeparator, keySeparator) => {
-  nsSeparator = nsSeparator || "";
-  keySeparator = keySeparator || "";
-  const possibleChars = chars.filter((c) => nsSeparator.indexOf(c) < 0 && keySeparator.indexOf(c) < 0);
-  if (possibleChars.length === 0) return true;
-  const r = looksLikeObjectPathRegExpCache.getRegExp(`(${possibleChars.map((c) => c === "?" ? "\\?" : c).join("|")})`);
-  let matched = !r.test(key);
-  if (!matched) {
-    const ki = key.indexOf(keySeparator);
-    if (ki > 0 && !r.test(key.substring(0, ki))) {
-      matched = true;
-    }
-  }
-  return matched;
-};
-const deepFind = (obj, path, keySeparator = ".") => {
-  if (!obj) return void 0;
-  if (obj[path]) {
-    if (!Object.prototype.hasOwnProperty.call(obj, path)) return void 0;
-    return obj[path];
-  }
-  const tokens = path.split(keySeparator);
-  let current = obj;
-  for (let i = 0; i < tokens.length; ) {
-    if (!current || typeof current !== "object") {
-      return void 0;
-    }
-    let next;
-    let nextPath = "";
-    for (let j = i; j < tokens.length; ++j) {
-      if (j !== i) {
-        nextPath += keySeparator;
-      }
-      nextPath += tokens[j];
-      next = current[nextPath];
-      if (next !== void 0) {
-        if (["string", "number", "boolean"].indexOf(typeof next) > -1 && j < tokens.length - 1) {
-          continue;
-        }
-        i += j - i + 1;
-        break;
-      }
-    }
-    current = next;
-  }
-  return current;
-};
-const getCleanedCode = (code) => code == null ? void 0 : code.replace("_", "-");
-const consoleLogger = {
-  type: "logger",
-  log(args) {
-    this.output("log", args);
-  },
-  warn(args) {
-    this.output("warn", args);
-  },
-  error(args) {
-    this.output("error", args);
-  },
-  output(type, args) {
-    var _a, _b;
-    (_b = (_a = console == null ? void 0 : console[type]) == null ? void 0 : _a.apply) == null ? void 0 : _b.call(_a, console, args);
-  }
-};
-class Logger {
-  constructor(concreteLogger, options = {}) {
-    this.init(concreteLogger, options);
-  }
-  init(concreteLogger, options = {}) {
-    this.prefix = options.prefix || "i18next:";
-    this.logger = concreteLogger || consoleLogger;
-    this.options = options;
-    this.debug = options.debug;
-  }
-  log(...args) {
-    return this.forward(args, "log", "", true);
-  }
-  warn(...args) {
-    return this.forward(args, "warn", "", true);
-  }
-  error(...args) {
-    return this.forward(args, "error", "");
-  }
-  deprecate(...args) {
-    return this.forward(args, "warn", "WARNING DEPRECATED: ", true);
-  }
-  forward(args, lvl, prefix, debugOnly) {
-    if (debugOnly && !this.debug) return null;
-    if (isString(args[0])) args[0] = `${prefix}${this.prefix} ${args[0]}`;
-    return this.logger[lvl](args);
-  }
-  create(moduleName) {
-    return new Logger(this.logger, {
-      ...{
-        prefix: `${this.prefix}:${moduleName}:`
-      },
-      ...this.options
-    });
-  }
-  clone(options) {
-    options = options || this.options;
-    options.prefix = options.prefix || this.prefix;
-    return new Logger(this.logger, options);
-  }
+function TextBlock({
+  id,
+  props,
+  isLastBlock,
+  isFirstBlock
+}) {
+  const className = ui.clx(
+    isLastBlock ? "mb-0" : "mb-4",
+    isFirstBlock && "mt-0"
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(components.Text, { className, children: typeof props.value === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { dangerouslySetInnerHTML: { __html: props.value } }) : props.value }, id);
 }
-var baseLogger = new Logger();
-class EventEmitter {
-  constructor() {
-    this.observers = {};
-  }
-  on(events, listener) {
-    events.split(" ").forEach((event) => {
-      if (!this.observers[event]) this.observers[event] = /* @__PURE__ */ new Map();
-      const numListeners = this.observers[event].get(listener) || 0;
-      this.observers[event].set(listener, numListeners + 1);
-    });
-    return this;
-  }
-  off(event, listener) {
-    if (!this.observers[event]) return;
-    if (!listener) {
-      delete this.observers[event];
-      return;
-    }
-    this.observers[event].delete(listener);
-  }
-  emit(event, ...args) {
-    if (this.observers[event]) {
-      const cloned = Array.from(this.observers[event].entries());
-      cloned.forEach(([observer, numTimesAdded]) => {
-        for (let i = 0; i < numTimesAdded; i++) {
-          observer(...args);
-        }
-      });
-    }
-    if (this.observers["*"]) {
-      const cloned = Array.from(this.observers["*"].entries());
-      cloned.forEach(([observer, numTimesAdded]) => {
-        for (let i = 0; i < numTimesAdded; i++) {
-          observer.apply(observer, [event, ...args]);
-        }
-      });
-    }
-  }
+function RepeaterBlock({
+  id,
+  props,
+  data
+}) {
+  const array = props.itemBlocks;
+  return /* @__PURE__ */ jsxRuntime.jsx(BlockRenderer, { blocks: array, data });
 }
-class ResourceStore extends EventEmitter {
-  constructor(data, options = {
-    ns: ["translation"],
-    defaultNS: "translation"
-  }) {
-    super();
-    this.data = data || {};
-    this.options = options;
-    if (this.options.keySeparator === void 0) {
-      this.options.keySeparator = ".";
-    }
-    if (this.options.ignoreJSONStructure === void 0) {
-      this.options.ignoreJSONStructure = true;
-    }
-  }
-  addNamespaces(ns) {
-    if (this.options.ns.indexOf(ns) < 0) {
-      this.options.ns.push(ns);
-    }
-  }
-  removeNamespaces(ns) {
-    const index = this.options.ns.indexOf(ns);
-    if (index > -1) {
-      this.options.ns.splice(index, 1);
-    }
-  }
-  getResource(lng, ns, key, options = {}) {
-    var _a, _b;
-    const keySeparator = options.keySeparator !== void 0 ? options.keySeparator : this.options.keySeparator;
-    const ignoreJSONStructure = options.ignoreJSONStructure !== void 0 ? options.ignoreJSONStructure : this.options.ignoreJSONStructure;
-    let path;
-    if (lng.indexOf(".") > -1) {
-      path = lng.split(".");
-    } else {
-      path = [lng, ns];
-      if (key) {
-        if (Array.isArray(key)) {
-          path.push(...key);
-        } else if (isString(key) && keySeparator) {
-          path.push(...key.split(keySeparator));
-        } else {
-          path.push(key);
-        }
-      }
-    }
-    const result = getPath(this.data, path);
-    if (!result && !ns && !key && lng.indexOf(".") > -1) {
-      lng = path[0];
-      ns = path[1];
-      key = path.slice(2).join(".");
-    }
-    if (result || !ignoreJSONStructure || !isString(key)) return result;
-    return deepFind((_b = (_a = this.data) == null ? void 0 : _a[lng]) == null ? void 0 : _b[ns], key, keySeparator);
-  }
-  addResource(lng, ns, key, value, options = {
-    silent: false
-  }) {
-    const keySeparator = options.keySeparator !== void 0 ? options.keySeparator : this.options.keySeparator;
-    let path = [lng, ns];
-    if (key) path = path.concat(keySeparator ? key.split(keySeparator) : key);
-    if (lng.indexOf(".") > -1) {
-      path = lng.split(".");
-      value = ns;
-      ns = path[1];
-    }
-    this.addNamespaces(ns);
-    setPath(this.data, path, value);
-    if (!options.silent) this.emit("added", lng, ns, key, value);
-  }
-  addResources(lng, ns, resources, options = {
-    silent: false
-  }) {
-    for (const m in resources) {
-      if (isString(resources[m]) || Array.isArray(resources[m])) this.addResource(lng, ns, m, resources[m], {
-        silent: true
-      });
-    }
-    if (!options.silent) this.emit("added", lng, ns, resources);
-  }
-  addResourceBundle(lng, ns, resources, deep, overwrite, options = {
-    silent: false,
-    skipCopy: false
-  }) {
-    let path = [lng, ns];
-    if (lng.indexOf(".") > -1) {
-      path = lng.split(".");
-      deep = resources;
-      resources = ns;
-      ns = path[1];
-    }
-    this.addNamespaces(ns);
-    let pack = getPath(this.data, path) || {};
-    if (!options.skipCopy) resources = JSON.parse(JSON.stringify(resources));
-    if (deep) {
-      deepExtend(pack, resources, overwrite);
-    } else {
-      pack = {
-        ...pack,
-        ...resources
-      };
-    }
-    setPath(this.data, path, pack);
-    if (!options.silent) this.emit("added", lng, ns, resources);
-  }
-  removeResourceBundle(lng, ns) {
-    if (this.hasResourceBundle(lng, ns)) {
-      delete this.data[lng][ns];
-    }
-    this.removeNamespaces(ns);
-    this.emit("removed", lng, ns);
-  }
-  hasResourceBundle(lng, ns) {
-    return this.getResource(lng, ns) !== void 0;
-  }
-  getResourceBundle(lng, ns) {
-    if (!ns) ns = this.options.defaultNS;
-    return this.getResource(lng, ns);
-  }
-  getDataByLanguage(lng) {
-    return this.data[lng];
-  }
-  hasLanguageSomeTranslations(lng) {
-    const data = this.getDataByLanguage(lng);
-    const n = data && Object.keys(data) || [];
-    return !!n.find((v) => data[v] && Object.keys(data[v]).length > 0);
-  }
-  toJSON() {
-    return this.data;
-  }
+function HeadingBlock({
+  id,
+  props,
+  data,
+  isLastBlock,
+  isFirstBlock
+}) {
+  const className = ui.clx(
+    "text-xl",
+    "font-bold",
+    isLastBlock ? "mb-0" : "mb-4",
+    isFirstBlock ? "mt-0" : "mt-4"
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(components.Heading, { className, children: props.value });
 }
-var postProcessor = {
-  processors: {},
-  addPostProcessor(module2) {
-    this.processors[module2.name] = module2;
-  },
-  handle(processors, value, key, options, translator) {
-    processors.forEach((processor) => {
-      var _a;
-      value = ((_a = this.processors[processor]) == null ? void 0 : _a.process(value, key, options, translator)) ?? value;
-    });
-    return value;
-  }
-};
-const PATH_KEY = Symbol("i18next/PATH_KEY");
-function createProxy() {
-  const state = [];
-  const handler = /* @__PURE__ */ Object.create(null);
-  let proxy;
-  handler.get = (target, key) => {
-    var _a;
-    (_a = proxy == null ? void 0 : proxy.revoke) == null ? void 0 : _a.call(proxy);
-    if (key === PATH_KEY) return state;
-    state.push(key);
-    proxy = Proxy.revocable(target, handler);
-    return proxy.proxy;
-  };
-  return Proxy.revocable(/* @__PURE__ */ Object.create(null), handler).proxy;
+function RowBlock({
+  id,
+  props,
+  data,
+  isLastBlock,
+  isFirstBlock
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(components.Row, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(components.Column, { className: "font-semibold", children: props.label }),
+    /* @__PURE__ */ jsxRuntime.jsx(components.Column, { className: "text-right", children: typeof props.value === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { dangerouslySetInnerHTML: { __html: props.value } }) : props.value })
+  ] });
 }
-function keysFromSelector(selector, opts) {
-  const {
-    [PATH_KEY]: path
-  } = selector(createProxy());
-  return path.join((opts == null ? void 0 : opts.keySeparator) ?? ".");
+function SeparatorBlock({
+  id,
+  props,
+  isLastBlock,
+  isFirstBlock
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(components.Hr, { className: "my-4 border-ui-border" });
 }
-const checkedLoadedFor = {};
-const shouldHandleAsObject = (res) => !isString(res) && typeof res !== "boolean" && typeof res !== "number";
-class Translator extends EventEmitter {
-  constructor(services, options = {}) {
-    super();
-    copy(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], services, this);
-    this.options = options;
-    if (this.options.keySeparator === void 0) {
-      this.options.keySeparator = ".";
-    }
-    this.logger = baseLogger.create("translator");
-  }
-  changeLanguage(lng) {
-    if (lng) this.language = lng;
-  }
-  exists(key, o = {
-    interpolation: {}
-  }) {
-    const opt = {
-      ...o
-    };
-    if (key == null) return false;
-    const resolved = this.resolve(key, opt);
-    if ((resolved == null ? void 0 : resolved.res) === void 0) return false;
-    const isObject = shouldHandleAsObject(resolved.res);
-    if (opt.returnObjects === false && isObject) {
-      return false;
-    }
-    return true;
-  }
-  extractFromKey(key, opt) {
-    let nsSeparator = opt.nsSeparator !== void 0 ? opt.nsSeparator : this.options.nsSeparator;
-    if (nsSeparator === void 0) nsSeparator = ":";
-    const keySeparator = opt.keySeparator !== void 0 ? opt.keySeparator : this.options.keySeparator;
-    let namespaces = opt.ns || this.options.defaultNS || [];
-    const wouldCheckForNsInKey = nsSeparator && key.indexOf(nsSeparator) > -1;
-    const seemsNaturalLanguage = !this.options.userDefinedKeySeparator && !opt.keySeparator && !this.options.userDefinedNsSeparator && !opt.nsSeparator && !looksLikeObjectPath(key, nsSeparator, keySeparator);
-    if (wouldCheckForNsInKey && !seemsNaturalLanguage) {
-      const m = key.match(this.interpolator.nestingRegexp);
-      if (m && m.length > 0) {
-        return {
-          key,
-          namespaces: isString(namespaces) ? [namespaces] : namespaces
-        };
-      }
-      const parts = key.split(nsSeparator);
-      if (nsSeparator !== keySeparator || nsSeparator === keySeparator && this.options.ns.indexOf(parts[0]) > -1) namespaces = parts.shift();
-      key = parts.join(keySeparator);
-    }
-    return {
-      key,
-      namespaces: isString(namespaces) ? [namespaces] : namespaces
-    };
-  }
-  translate(keys, o, lastKey) {
-    let opt = typeof o === "object" ? {
-      ...o
-    } : o;
-    if (typeof opt !== "object" && this.options.overloadTranslationOptionHandler) {
-      opt = this.options.overloadTranslationOptionHandler(arguments);
-    }
-    if (typeof opt === "object") opt = {
-      ...opt
-    };
-    if (!opt) opt = {};
-    if (keys == null) return "";
-    if (typeof keys === "function") keys = keysFromSelector(keys, {
-      ...this.options,
-      ...opt
-    });
-    if (!Array.isArray(keys)) keys = [String(keys)];
-    const returnDetails = opt.returnDetails !== void 0 ? opt.returnDetails : this.options.returnDetails;
-    const keySeparator = opt.keySeparator !== void 0 ? opt.keySeparator : this.options.keySeparator;
-    const {
-      key,
-      namespaces
-    } = this.extractFromKey(keys[keys.length - 1], opt);
-    const namespace = namespaces[namespaces.length - 1];
-    let nsSeparator = opt.nsSeparator !== void 0 ? opt.nsSeparator : this.options.nsSeparator;
-    if (nsSeparator === void 0) nsSeparator = ":";
-    const lng = opt.lng || this.language;
-    const appendNamespaceToCIMode = opt.appendNamespaceToCIMode || this.options.appendNamespaceToCIMode;
-    if ((lng == null ? void 0 : lng.toLowerCase()) === "cimode") {
-      if (appendNamespaceToCIMode) {
-        if (returnDetails) {
-          return {
-            res: `${namespace}${nsSeparator}${key}`,
-            usedKey: key,
-            exactUsedKey: key,
-            usedLng: lng,
-            usedNS: namespace,
-            usedParams: this.getUsedParamsDetails(opt)
-          };
-        }
-        return `${namespace}${nsSeparator}${key}`;
-      }
-      if (returnDetails) {
-        return {
-          res: key,
-          usedKey: key,
-          exactUsedKey: key,
-          usedLng: lng,
-          usedNS: namespace,
-          usedParams: this.getUsedParamsDetails(opt)
-        };
-      }
-      return key;
-    }
-    const resolved = this.resolve(keys, opt);
-    let res = resolved == null ? void 0 : resolved.res;
-    const resUsedKey = (resolved == null ? void 0 : resolved.usedKey) || key;
-    const resExactUsedKey = (resolved == null ? void 0 : resolved.exactUsedKey) || key;
-    const noObject = ["[object Number]", "[object Function]", "[object RegExp]"];
-    const joinArrays = opt.joinArrays !== void 0 ? opt.joinArrays : this.options.joinArrays;
-    const handleAsObjectInI18nFormat = !this.i18nFormat || this.i18nFormat.handleAsObject;
-    const needsPluralHandling = opt.count !== void 0 && !isString(opt.count);
-    const hasDefaultValue = Translator.hasDefaultValue(opt);
-    const defaultValueSuffix = needsPluralHandling ? this.pluralResolver.getSuffix(lng, opt.count, opt) : "";
-    const defaultValueSuffixOrdinalFallback = opt.ordinal && needsPluralHandling ? this.pluralResolver.getSuffix(lng, opt.count, {
-      ordinal: false
-    }) : "";
-    const needsZeroSuffixLookup = needsPluralHandling && !opt.ordinal && opt.count === 0;
-    const defaultValue = needsZeroSuffixLookup && opt[`defaultValue${this.options.pluralSeparator}zero`] || opt[`defaultValue${defaultValueSuffix}`] || opt[`defaultValue${defaultValueSuffixOrdinalFallback}`] || opt.defaultValue;
-    let resForObjHndl = res;
-    if (handleAsObjectInI18nFormat && !res && hasDefaultValue) {
-      resForObjHndl = defaultValue;
-    }
-    const handleAsObject = shouldHandleAsObject(resForObjHndl);
-    const resType = Object.prototype.toString.apply(resForObjHndl);
-    if (handleAsObjectInI18nFormat && resForObjHndl && handleAsObject && noObject.indexOf(resType) < 0 && !(isString(joinArrays) && Array.isArray(resForObjHndl))) {
-      if (!opt.returnObjects && !this.options.returnObjects) {
-        if (!this.options.returnedObjectHandler) {
-          this.logger.warn("accessing an object - but returnObjects options is not enabled!");
-        }
-        const r = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(resUsedKey, resForObjHndl, {
-          ...opt,
-          ns: namespaces
-        }) : `key '${key} (${this.language})' returned an object instead of string.`;
-        if (returnDetails) {
-          resolved.res = r;
-          resolved.usedParams = this.getUsedParamsDetails(opt);
-          return resolved;
-        }
-        return r;
-      }
-      if (keySeparator) {
-        const resTypeIsArray = Array.isArray(resForObjHndl);
-        const copy2 = resTypeIsArray ? [] : {};
-        const newKeyToUse = resTypeIsArray ? resExactUsedKey : resUsedKey;
-        for (const m in resForObjHndl) {
-          if (Object.prototype.hasOwnProperty.call(resForObjHndl, m)) {
-            const deepKey = `${newKeyToUse}${keySeparator}${m}`;
-            if (hasDefaultValue && !res) {
-              copy2[m] = this.translate(deepKey, {
-                ...opt,
-                defaultValue: shouldHandleAsObject(defaultValue) ? defaultValue[m] : void 0,
-                ...{
-                  joinArrays: false,
-                  ns: namespaces
-                }
-              });
-            } else {
-              copy2[m] = this.translate(deepKey, {
-                ...opt,
-                ...{
-                  joinArrays: false,
-                  ns: namespaces
-                }
-              });
-            }
-            if (copy2[m] === deepKey) copy2[m] = resForObjHndl[m];
-          }
-        }
-        res = copy2;
-      }
-    } else if (handleAsObjectInI18nFormat && isString(joinArrays) && Array.isArray(res)) {
-      res = res.join(joinArrays);
-      if (res) res = this.extendTranslation(res, keys, opt, lastKey);
-    } else {
-      let usedDefault = false;
-      let usedKey = false;
-      if (!this.isValidLookup(res) && hasDefaultValue) {
-        usedDefault = true;
-        res = defaultValue;
-      }
-      if (!this.isValidLookup(res)) {
-        usedKey = true;
-        res = key;
-      }
-      const missingKeyNoValueFallbackToKey = opt.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey;
-      const resForMissing = missingKeyNoValueFallbackToKey && usedKey ? void 0 : res;
-      const updateMissing = hasDefaultValue && defaultValue !== res && this.options.updateMissing;
-      if (usedKey || usedDefault || updateMissing) {
-        this.logger.log(updateMissing ? "updateKey" : "missingKey", lng, namespace, key, updateMissing ? defaultValue : res);
-        if (keySeparator) {
-          const fk = this.resolve(key, {
-            ...opt,
-            keySeparator: false
-          });
-          if (fk && fk.res) this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.");
-        }
-        let lngs = [];
-        const fallbackLngs = this.languageUtils.getFallbackCodes(this.options.fallbackLng, opt.lng || this.language);
-        if (this.options.saveMissingTo === "fallback" && fallbackLngs && fallbackLngs[0]) {
-          for (let i = 0; i < fallbackLngs.length; i++) {
-            lngs.push(fallbackLngs[i]);
-          }
-        } else if (this.options.saveMissingTo === "all") {
-          lngs = this.languageUtils.toResolveHierarchy(opt.lng || this.language);
-        } else {
-          lngs.push(opt.lng || this.language);
-        }
-        const send = (l, k, specificDefaultValue) => {
-          var _a;
-          const defaultForMissing = hasDefaultValue && specificDefaultValue !== res ? specificDefaultValue : resForMissing;
-          if (this.options.missingKeyHandler) {
-            this.options.missingKeyHandler(l, namespace, k, defaultForMissing, updateMissing, opt);
-          } else if ((_a = this.backendConnector) == null ? void 0 : _a.saveMissing) {
-            this.backendConnector.saveMissing(l, namespace, k, defaultForMissing, updateMissing, opt);
-          }
-          this.emit("missingKey", l, namespace, k, res);
-        };
-        if (this.options.saveMissing) {
-          if (this.options.saveMissingPlurals && needsPluralHandling) {
-            lngs.forEach((language) => {
-              const suffixes = this.pluralResolver.getSuffixes(language, opt);
-              if (needsZeroSuffixLookup && opt[`defaultValue${this.options.pluralSeparator}zero`] && suffixes.indexOf(`${this.options.pluralSeparator}zero`) < 0) {
-                suffixes.push(`${this.options.pluralSeparator}zero`);
-              }
-              suffixes.forEach((suffix) => {
-                send([language], key + suffix, opt[`defaultValue${suffix}`] || defaultValue);
-              });
-            });
-          } else {
-            send(lngs, key, defaultValue);
-          }
-        }
-      }
-      res = this.extendTranslation(res, keys, opt, resolved, lastKey);
-      if (usedKey && res === key && this.options.appendNamespaceToMissingKey) {
-        res = `${namespace}${nsSeparator}${key}`;
-      }
-      if ((usedKey || usedDefault) && this.options.parseMissingKeyHandler) {
-        res = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${namespace}${nsSeparator}${key}` : key, usedDefault ? res : void 0, opt);
-      }
-    }
-    if (returnDetails) {
-      resolved.res = res;
-      resolved.usedParams = this.getUsedParamsDetails(opt);
-      return resolved;
-    }
-    return res;
-  }
-  extendTranslation(res, key, opt, resolved, lastKey) {
-    var _a, _b;
-    if ((_a = this.i18nFormat) == null ? void 0 : _a.parse) {
-      res = this.i18nFormat.parse(res, {
-        ...this.options.interpolation.defaultVariables,
-        ...opt
-      }, opt.lng || this.language || resolved.usedLng, resolved.usedNS, resolved.usedKey, {
-        resolved
-      });
-    } else if (!opt.skipInterpolation) {
-      if (opt.interpolation) this.interpolator.init({
-        ...opt,
-        ...{
-          interpolation: {
-            ...this.options.interpolation,
-            ...opt.interpolation
-          }
-        }
-      });
-      const skipOnVariables = isString(res) && (((_b = opt == null ? void 0 : opt.interpolation) == null ? void 0 : _b.skipOnVariables) !== void 0 ? opt.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables);
-      let nestBef;
-      if (skipOnVariables) {
-        const nb = res.match(this.interpolator.nestingRegexp);
-        nestBef = nb && nb.length;
-      }
-      let data = opt.replace && !isString(opt.replace) ? opt.replace : opt;
-      if (this.options.interpolation.defaultVariables) data = {
-        ...this.options.interpolation.defaultVariables,
-        ...data
-      };
-      res = this.interpolator.interpolate(res, data, opt.lng || this.language || resolved.usedLng, opt);
-      if (skipOnVariables) {
-        const na = res.match(this.interpolator.nestingRegexp);
-        const nestAft = na && na.length;
-        if (nestBef < nestAft) opt.nest = false;
-      }
-      if (!opt.lng && resolved && resolved.res) opt.lng = this.language || resolved.usedLng;
-      if (opt.nest !== false) res = this.interpolator.nest(res, (...args) => {
-        if ((lastKey == null ? void 0 : lastKey[0]) === args[0] && !opt.context) {
-          this.logger.warn(`It seems you are nesting recursively key: ${args[0]} in key: ${key[0]}`);
+function ProductItemBlock({
+  props,
+  data,
+  isLastBlock,
+  isFirstBlock
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(components.Row, { children: [
+    props.thumbnail && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(components.Column, { className: "w-[50px]", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: props.thumbnail, width: 50, height: 50 }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(components.Column, { className: "w-[12px]" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(components.Column, { className: "text-left", children: typeof props.value === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { dangerouslySetInnerHTML: { __html: props.value } }) : props.value })
+  ] });
+}
+function BlockRenderer({ blocks, data }) {
+  return blocks.map((block, index) => {
+    const blockKey = block.id || `block-${index}`;
+    const isLastBlock = index === blocks.length - 1;
+    const isFirstBlock = index === 0;
+    switch (block.type) {
+      case "section":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          SectionBlock,
+          {
+            id: blockKey,
+            props: block.props,
+            data,
+            isLastBlock,
+            isFirstBlock
+          },
+          blockKey
+        );
+      case "row":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          RowBlock,
+          {
+            id: blockKey,
+            props: block.props,
+            data,
+            isLastBlock,
+            isFirstBlock
+          },
+          blockKey
+        );
+      case "product-item":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          ProductItemBlock,
+          {
+            id: blockKey,
+            props: block.props,
+            data,
+            isLastBlock,
+            isFirstBlock
+          },
+          blockKey
+        );
+      case "heading":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          HeadingBlock,
+          {
+            id: blockKey,
+            props: block.props,
+            data,
+            isLastBlock,
+            isFirstBlock
+          },
+          blockKey
+        );
+      case "text":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          TextBlock,
+          {
+            id: blockKey,
+            props: block.props,
+            isLastBlock,
+            isFirstBlock
+          },
+          blockKey
+        );
+      case "separator":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          SeparatorBlock,
+          {
+            id: blockKey,
+            props: block.props,
+            isLastBlock,
+            isFirstBlock
+          },
+          blockKey
+        );
+      case "repeater":
+        if (!data) {
+          console.warn("RepeaterBlock requires data prop");
           return null;
         }
-        return this.translate(...args, key);
-      }, opt);
-      if (opt.interpolation) this.interpolator.reset();
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          RepeaterBlock,
+          {
+            id: blockKey,
+            props: block.props,
+            data
+          },
+          blockKey
+        );
+      default:
+        return null;
     }
-    const postProcess = opt.postProcess || this.options.postProcess;
-    const postProcessorNames = isString(postProcess) ? [postProcess] : postProcess;
-    if (res != null && (postProcessorNames == null ? void 0 : postProcessorNames.length) && opt.applyPostProcessor !== false) {
-      res = postProcessor.handle(postProcessorNames, res, key, this.options && this.options.postProcessPassResolved ? {
-        i18nResolved: {
-          ...resolved,
-          usedParams: this.getUsedParamsDetails(opt)
+  });
+}
+function renderHTMLReact(data, options) {
+  const theme = options.theme || {};
+  const blocks = options.blocks || [];
+  return /* @__PURE__ */ jsxRuntime.jsxs(components.Html, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(components.Head, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      components.Tailwind,
+      {
+        config: {
+          presets: [components.pixelBasedPreset],
+          theme
         },
-        ...opt
-      } : opt, this);
-    }
-    return res;
-  }
-  resolve(keys, opt = {}) {
-    let found;
-    let usedKey;
-    let exactUsedKey;
-    let usedLng;
-    let usedNS;
-    if (isString(keys)) keys = [keys];
-    keys.forEach((k) => {
-      if (this.isValidLookup(found)) return;
-      const extracted = this.extractFromKey(k, opt);
-      const key = extracted.key;
-      usedKey = key;
-      let namespaces = extracted.namespaces;
-      if (this.options.fallbackNS) namespaces = namespaces.concat(this.options.fallbackNS);
-      const needsPluralHandling = opt.count !== void 0 && !isString(opt.count);
-      const needsZeroSuffixLookup = needsPluralHandling && !opt.ordinal && opt.count === 0;
-      const needsContextHandling = opt.context !== void 0 && (isString(opt.context) || typeof opt.context === "number") && opt.context !== "";
-      const codes = opt.lngs ? opt.lngs : this.languageUtils.toResolveHierarchy(opt.lng || this.language, opt.fallbackLng);
-      namespaces.forEach((ns) => {
-        var _a, _b;
-        if (this.isValidLookup(found)) return;
-        usedNS = ns;
-        if (!checkedLoadedFor[`${codes[0]}-${ns}`] && ((_a = this.utils) == null ? void 0 : _a.hasLoadedNamespace) && !((_b = this.utils) == null ? void 0 : _b.hasLoadedNamespace(usedNS))) {
-          checkedLoadedFor[`${codes[0]}-${ns}`] = true;
-          this.logger.warn(`key "${usedKey}" for languages "${codes.join(", ")}" won't get resolved as namespace "${usedNS}" was not yet loaded`, "This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!");
-        }
-        codes.forEach((code) => {
-          var _a2;
-          if (this.isValidLookup(found)) return;
-          usedLng = code;
-          const finalKeys = [key];
-          if ((_a2 = this.i18nFormat) == null ? void 0 : _a2.addLookupKeys) {
-            this.i18nFormat.addLookupKeys(finalKeys, key, code, ns, opt);
-          } else {
-            let pluralSuffix;
-            if (needsPluralHandling) pluralSuffix = this.pluralResolver.getSuffix(code, opt.count, opt);
-            const zeroSuffix = `${this.options.pluralSeparator}zero`;
-            const ordinalPrefix = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
-            if (needsPluralHandling) {
-              if (opt.ordinal && pluralSuffix.indexOf(ordinalPrefix) === 0) {
-                finalKeys.push(key + pluralSuffix.replace(ordinalPrefix, this.options.pluralSeparator));
-              }
-              finalKeys.push(key + pluralSuffix);
-              if (needsZeroSuffixLookup) {
-                finalKeys.push(key + zeroSuffix);
-              }
-            }
-            if (needsContextHandling) {
-              const contextKey = `${key}${this.options.contextSeparator || "_"}${opt.context}`;
-              finalKeys.push(contextKey);
-              if (needsPluralHandling) {
-                if (opt.ordinal && pluralSuffix.indexOf(ordinalPrefix) === 0) {
-                  finalKeys.push(contextKey + pluralSuffix.replace(ordinalPrefix, this.options.pluralSeparator));
-                }
-                finalKeys.push(contextKey + pluralSuffix);
-                if (needsZeroSuffixLookup) {
-                  finalKeys.push(contextKey + zeroSuffix);
-                }
-              }
-            }
-          }
-          let possibleKey;
-          while (possibleKey = finalKeys.pop()) {
-            if (!this.isValidLookup(found)) {
-              exactUsedKey = possibleKey;
-              found = this.getResource(code, ns, possibleKey, opt);
-            }
-          }
-        });
-      });
-    });
-    return {
-      res: found,
-      usedKey,
-      exactUsedKey,
-      usedLng,
-      usedNS
-    };
-  }
-  isValidLookup(res) {
-    return res !== void 0 && !(!this.options.returnNull && res === null) && !(!this.options.returnEmptyString && res === "");
-  }
-  getResource(code, ns, key, options = {}) {
-    var _a;
-    if ((_a = this.i18nFormat) == null ? void 0 : _a.getResource) return this.i18nFormat.getResource(code, ns, key, options);
-    return this.resourceStore.getResource(code, ns, key, options);
-  }
-  getUsedParamsDetails(options = {}) {
-    const optionsKeys = ["defaultValue", "ordinal", "context", "replace", "lng", "lngs", "fallbackLng", "ns", "keySeparator", "nsSeparator", "returnObjects", "returnDetails", "joinArrays", "postProcess", "interpolation"];
-    const useOptionsReplaceForData = options.replace && !isString(options.replace);
-    let data = useOptionsReplaceForData ? options.replace : options;
-    if (useOptionsReplaceForData && typeof options.count !== "undefined") {
-      data.count = options.count;
-    }
-    if (this.options.interpolation.defaultVariables) {
-      data = {
-        ...this.options.interpolation.defaultVariables,
-        ...data
-      };
-    }
-    if (!useOptionsReplaceForData) {
-      data = {
-        ...data
-      };
-      for (const key of optionsKeys) {
-        delete data[key];
+        children: /* @__PURE__ */ jsxRuntime.jsx(components.Body, { className: "mx-auto my-auto px-4 font-arial font-normal text-base bg-ui-bg text-ui-text", children: /* @__PURE__ */ jsxRuntime.jsx(components.Container, { className: "py-4", children: /* @__PURE__ */ jsxRuntime.jsx(BlockRenderer, { blocks, data }) }) })
       }
-    }
-    return data;
-  }
-  static hasDefaultValue(options) {
-    const prefix = "defaultValue";
-    for (const option in options) {
-      if (Object.prototype.hasOwnProperty.call(options, option) && prefix === option.substring(0, prefix.length) && void 0 !== options[option]) {
-        return true;
-      }
-    }
-    return false;
-  }
+    )
+  ] });
 }
-class LanguageUtil {
-  constructor(options) {
-    this.options = options;
-    this.supportedLngs = this.options.supportedLngs || false;
-    this.logger = baseLogger.create("languageUtils");
-  }
-  getScriptPartFromCode(code) {
-    code = getCleanedCode(code);
-    if (!code || code.indexOf("-") < 0) return null;
-    const p = code.split("-");
-    if (p.length === 2) return null;
-    p.pop();
-    if (p[p.length - 1].toLowerCase() === "x") return null;
-    return this.formatLanguageCode(p.join("-"));
-  }
-  getLanguagePartFromCode(code) {
-    code = getCleanedCode(code);
-    if (!code || code.indexOf("-") < 0) return code;
-    const p = code.split("-");
-    return this.formatLanguageCode(p[0]);
-  }
-  formatLanguageCode(code) {
-    if (isString(code) && code.indexOf("-") > -1) {
-      let formattedCode;
-      try {
-        formattedCode = Intl.getCanonicalLocales(code)[0];
-      } catch (e) {
-      }
-      if (formattedCode && this.options.lowerCaseLng) {
-        formattedCode = formattedCode.toLowerCase();
-      }
-      if (formattedCode) return formattedCode;
-      if (this.options.lowerCaseLng) {
-        return code.toLowerCase();
-      }
-      return code;
-    }
-    return this.options.cleanCode || this.options.lowerCaseLng ? code.toLowerCase() : code;
-  }
-  isSupportedCode(code) {
-    if (this.options.load === "languageOnly" || this.options.nonExplicitSupportedLngs) {
-      code = this.getLanguagePartFromCode(code);
-    }
-    return !this.supportedLngs || !this.supportedLngs.length || this.supportedLngs.indexOf(code) > -1;
-  }
-  getBestMatchFromCodes(codes) {
-    if (!codes) return null;
-    let found;
-    codes.forEach((code) => {
-      if (found) return;
-      const cleanedLng = this.formatLanguageCode(code);
-      if (!this.options.supportedLngs || this.isSupportedCode(cleanedLng)) found = cleanedLng;
-    });
-    if (!found && this.options.supportedLngs) {
-      codes.forEach((code) => {
-        if (found) return;
-        const lngScOnly = this.getScriptPartFromCode(code);
-        if (this.isSupportedCode(lngScOnly)) return found = lngScOnly;
-        const lngOnly = this.getLanguagePartFromCode(code);
-        if (this.isSupportedCode(lngOnly)) return found = lngOnly;
-        found = this.options.supportedLngs.find((supportedLng) => {
-          if (supportedLng === lngOnly) return supportedLng;
-          if (supportedLng.indexOf("-") < 0 && lngOnly.indexOf("-") < 0) return;
-          if (supportedLng.indexOf("-") > 0 && lngOnly.indexOf("-") < 0 && supportedLng.substring(0, supportedLng.indexOf("-")) === lngOnly) return supportedLng;
-          if (supportedLng.indexOf(lngOnly) === 0 && lngOnly.length > 1) return supportedLng;
-        });
-      });
-    }
-    if (!found) found = this.getFallbackCodes(this.options.fallbackLng)[0];
-    return found;
-  }
-  getFallbackCodes(fallbacks, code) {
-    if (!fallbacks) return [];
-    if (typeof fallbacks === "function") fallbacks = fallbacks(code);
-    if (isString(fallbacks)) fallbacks = [fallbacks];
-    if (Array.isArray(fallbacks)) return fallbacks;
-    if (!code) return fallbacks.default || [];
-    let found = fallbacks[code];
-    if (!found) found = fallbacks[this.getScriptPartFromCode(code)];
-    if (!found) found = fallbacks[this.formatLanguageCode(code)];
-    if (!found) found = fallbacks[this.getLanguagePartFromCode(code)];
-    if (!found) found = fallbacks.default;
-    return found || [];
-  }
-  toResolveHierarchy(code, fallbackCode) {
-    const fallbackCodes = this.getFallbackCodes((fallbackCode === false ? [] : fallbackCode) || this.options.fallbackLng || [], code);
-    const codes = [];
-    const addCode = (c) => {
-      if (!c) return;
-      if (this.isSupportedCode(c)) {
-        codes.push(c);
-      } else {
-        this.logger.warn(`rejecting language code not found in supportedLngs: ${c}`);
-      }
-    };
-    if (isString(code) && (code.indexOf("-") > -1 || code.indexOf("_") > -1)) {
-      if (this.options.load !== "languageOnly") addCode(this.formatLanguageCode(code));
-      if (this.options.load !== "languageOnly" && this.options.load !== "currentOnly") addCode(this.getScriptPartFromCode(code));
-      if (this.options.load !== "currentOnly") addCode(this.getLanguagePartFromCode(code));
-    } else if (isString(code)) {
-      addCode(this.formatLanguageCode(code));
-    }
-    fallbackCodes.forEach((fc) => {
-      if (codes.indexOf(fc) < 0) addCode(this.formatLanguageCode(fc));
-    });
-    return codes;
-  }
+async function renderHTML(data, options) {
+  return await render.pretty(await render.render(renderHTMLReact(data, options)));
 }
-const suffixesOrder = {
-  zero: 0,
-  one: 1,
-  two: 2,
-  few: 3,
-  many: 4,
-  other: 5
-};
-const dummyRule = {
-  select: (count) => count === 1 ? "one" : "other",
-  resolvedOptions: () => ({
-    pluralCategories: ["one", "other"]
-  })
-};
-class PluralResolver {
-  constructor(languageUtils, options = {}) {
-    this.languageUtils = languageUtils;
-    this.options = options;
-    this.logger = baseLogger.create("pluralResolver");
-    this.pluralRulesCache = {};
-  }
-  addRule(lng, obj) {
-    this.rules[lng] = obj;
-  }
-  clearCache() {
-    this.pluralRulesCache = {};
-  }
-  getRule(code, options = {}) {
-    const cleanedCode = getCleanedCode(code === "dev" ? "en" : code);
-    const type = options.ordinal ? "ordinal" : "cardinal";
-    const cacheKey = JSON.stringify({
-      cleanedCode,
-      type
-    });
-    if (cacheKey in this.pluralRulesCache) {
-      return this.pluralRulesCache[cacheKey];
-    }
-    let rule;
-    try {
-      rule = new Intl.PluralRules(cleanedCode, {
-        type
-      });
-    } catch (err) {
-      if (!Intl) {
-        this.logger.error("No Intl support, please use an Intl polyfill!");
-        return dummyRule;
-      }
-      if (!code.match(/-|_/)) return dummyRule;
-      const lngPart = this.languageUtils.getLanguagePartFromCode(code);
-      rule = this.getRule(lngPart, options);
-    }
-    this.pluralRulesCache[cacheKey] = rule;
-    return rule;
-  }
-  needsPlural(code, options = {}) {
-    let rule = this.getRule(code, options);
-    if (!rule) rule = this.getRule("dev", options);
-    return (rule == null ? void 0 : rule.resolvedOptions().pluralCategories.length) > 1;
-  }
-  getPluralFormsOfKey(code, key, options = {}) {
-    return this.getSuffixes(code, options).map((suffix) => `${key}${suffix}`);
-  }
-  getSuffixes(code, options = {}) {
-    let rule = this.getRule(code, options);
-    if (!rule) rule = this.getRule("dev", options);
-    if (!rule) return [];
-    return rule.resolvedOptions().pluralCategories.sort((pluralCategory1, pluralCategory2) => suffixesOrder[pluralCategory1] - suffixesOrder[pluralCategory2]).map((pluralCategory) => `${this.options.prepend}${options.ordinal ? `ordinal${this.options.prepend}` : ""}${pluralCategory}`);
-  }
-  getSuffix(code, count, options = {}) {
-    const rule = this.getRule(code, options);
-    if (rule) {
-      return `${this.options.prepend}${options.ordinal ? `ordinal${this.options.prepend}` : ""}${rule.select(count)}`;
-    }
-    this.logger.warn(`no plural rule found for: ${code}`);
-    return this.getSuffix("dev", count, options);
-  }
+async function renderText(data, options) {
+  const html = await render.render(renderHTMLReact(data, options));
+  return render.toPlainText(html);
 }
-const deepFindWithDefaults = (data, defaultData, key, keySeparator = ".", ignoreJSONStructure = true) => {
-  let path = getPathWithDefaults(data, defaultData, key);
-  if (!path && ignoreJSONStructure && isString(key)) {
-    path = deepFind(data, key, keySeparator);
-    if (path === void 0) path = deepFind(defaultData, key, keySeparator);
-  }
-  return path;
-};
-const regexSafe = (val) => val.replace(/\$/g, "$$$$");
-class Interpolator {
-  constructor(options = {}) {
-    var _a;
-    this.logger = baseLogger.create("interpolator");
-    this.options = options;
-    this.format = ((_a = options == null ? void 0 : options.interpolation) == null ? void 0 : _a.format) || ((value) => value);
-    this.init(options);
-  }
-  init(options = {}) {
-    if (!options.interpolation) options.interpolation = {
-      escapeValue: true
-    };
-    const {
-      escape: escape$1,
-      escapeValue,
-      useRawValueToEscape,
-      prefix,
-      prefixEscaped,
-      suffix,
-      suffixEscaped,
-      formatSeparator,
-      unescapeSuffix,
-      unescapePrefix,
-      nestingPrefix,
-      nestingPrefixEscaped,
-      nestingSuffix,
-      nestingSuffixEscaped,
-      nestingOptionsSeparator,
-      maxReplaces,
-      alwaysFormat
-    } = options.interpolation;
-    this.escape = escape$1 !== void 0 ? escape$1 : escape;
-    this.escapeValue = escapeValue !== void 0 ? escapeValue : true;
-    this.useRawValueToEscape = useRawValueToEscape !== void 0 ? useRawValueToEscape : false;
-    this.prefix = prefix ? regexEscape(prefix) : prefixEscaped || "{{";
-    this.suffix = suffix ? regexEscape(suffix) : suffixEscaped || "}}";
-    this.formatSeparator = formatSeparator || ",";
-    this.unescapePrefix = unescapeSuffix ? "" : unescapePrefix || "-";
-    this.unescapeSuffix = this.unescapePrefix ? "" : unescapeSuffix || "";
-    this.nestingPrefix = nestingPrefix ? regexEscape(nestingPrefix) : nestingPrefixEscaped || regexEscape("$t(");
-    this.nestingSuffix = nestingSuffix ? regexEscape(nestingSuffix) : nestingSuffixEscaped || regexEscape(")");
-    this.nestingOptionsSeparator = nestingOptionsSeparator || ",";
-    this.maxReplaces = maxReplaces || 1e3;
-    this.alwaysFormat = alwaysFormat !== void 0 ? alwaysFormat : false;
-    this.resetRegExp();
-  }
-  reset() {
-    if (this.options) this.init(this.options);
-  }
-  resetRegExp() {
-    const getOrResetRegExp = (existingRegExp, pattern) => {
-      if ((existingRegExp == null ? void 0 : existingRegExp.source) === pattern) {
-        existingRegExp.lastIndex = 0;
-        return existingRegExp;
-      }
-      return new RegExp(pattern, "g");
-    };
-    this.regexp = getOrResetRegExp(this.regexp, `${this.prefix}(.+?)${this.suffix}`);
-    this.regexpUnescape = getOrResetRegExp(this.regexpUnescape, `${this.prefix}${this.unescapePrefix}(.+?)${this.unescapeSuffix}${this.suffix}`);
-    this.nestingRegexp = getOrResetRegExp(this.nestingRegexp, `${this.nestingPrefix}((?:[^()"']+|"[^"]*"|'[^']*'|\\((?:[^()]|"[^"]*"|'[^']*')*\\))*?)${this.nestingSuffix}`);
-  }
-  interpolate(str, data, lng, options) {
-    var _a;
-    let match2;
-    let value;
-    let replaces;
-    const defaultData = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {};
-    const handleFormat = (key) => {
-      if (key.indexOf(this.formatSeparator) < 0) {
-        const path = deepFindWithDefaults(data, defaultData, key, this.options.keySeparator, this.options.ignoreJSONStructure);
-        return this.alwaysFormat ? this.format(path, void 0, lng, {
-          ...options,
-          ...data,
-          interpolationkey: key
-        }) : path;
-      }
-      const p = key.split(this.formatSeparator);
-      const k = p.shift().trim();
-      const f = p.join(this.formatSeparator).trim();
-      return this.format(deepFindWithDefaults(data, defaultData, k, this.options.keySeparator, this.options.ignoreJSONStructure), f, lng, {
-        ...options,
-        ...data,
-        interpolationkey: k
-      });
-    };
-    this.resetRegExp();
-    const missingInterpolationHandler = (options == null ? void 0 : options.missingInterpolationHandler) || this.options.missingInterpolationHandler;
-    const skipOnVariables = ((_a = options == null ? void 0 : options.interpolation) == null ? void 0 : _a.skipOnVariables) !== void 0 ? options.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables;
-    const todos = [{
-      regex: this.regexpUnescape,
-      safeValue: (val) => regexSafe(val)
-    }, {
-      regex: this.regexp,
-      safeValue: (val) => this.escapeValue ? regexSafe(this.escape(val)) : regexSafe(val)
-    }];
-    todos.forEach((todo) => {
-      replaces = 0;
-      while (match2 = todo.regex.exec(str)) {
-        const matchedVar = match2[1].trim();
-        value = handleFormat(matchedVar);
-        if (value === void 0) {
-          if (typeof missingInterpolationHandler === "function") {
-            const temp = missingInterpolationHandler(str, match2, options);
-            value = isString(temp) ? temp : "";
-          } else if (options && Object.prototype.hasOwnProperty.call(options, matchedVar)) {
-            value = "";
-          } else if (skipOnVariables) {
-            value = match2[0];
-            continue;
-          } else {
-            this.logger.warn(`missed to pass in variable ${matchedVar} for interpolating ${str}`);
-            value = "";
-          }
-        } else if (!isString(value) && !this.useRawValueToEscape) {
-          value = makeString(value);
-        }
-        const safeValue = todo.safeValue(value);
-        str = str.replace(match2[0], safeValue);
-        if (skipOnVariables) {
-          todo.regex.lastIndex += value.length;
-          todo.regex.lastIndex -= match2[0].length;
-        } else {
-          todo.regex.lastIndex = 0;
-        }
-        replaces++;
-        if (replaces >= this.maxReplaces) {
-          break;
-        }
-      }
-    });
-    return str;
-  }
-  nest(str, fc, options = {}) {
-    let match2;
-    let value;
-    let clonedOptions;
-    const handleHasOptions = (key, inheritedOptions) => {
-      const sep = this.nestingOptionsSeparator;
-      if (key.indexOf(sep) < 0) return key;
-      const c = key.split(new RegExp(`${sep}[ ]*{`));
-      let optionsString = `{${c[1]}`;
-      key = c[0];
-      optionsString = this.interpolate(optionsString, clonedOptions);
-      const matchedSingleQuotes = optionsString.match(/'/g);
-      const matchedDoubleQuotes = optionsString.match(/"/g);
-      if (((matchedSingleQuotes == null ? void 0 : matchedSingleQuotes.length) ?? 0) % 2 === 0 && !matchedDoubleQuotes || matchedDoubleQuotes.length % 2 !== 0) {
-        optionsString = optionsString.replace(/'/g, '"');
-      }
-      try {
-        clonedOptions = JSON.parse(optionsString);
-        if (inheritedOptions) clonedOptions = {
-          ...inheritedOptions,
-          ...clonedOptions
-        };
-      } catch (e) {
-        this.logger.warn(`failed parsing options string in nesting for key ${key}`, e);
-        return `${key}${sep}${optionsString}`;
-      }
-      if (clonedOptions.defaultValue && clonedOptions.defaultValue.indexOf(this.prefix) > -1) delete clonedOptions.defaultValue;
-      return key;
-    };
-    while (match2 = this.nestingRegexp.exec(str)) {
-      let formatters2 = [];
-      clonedOptions = {
-        ...options
-      };
-      clonedOptions = clonedOptions.replace && !isString(clonedOptions.replace) ? clonedOptions.replace : clonedOptions;
-      clonedOptions.applyPostProcessor = false;
-      delete clonedOptions.defaultValue;
-      const keyEndIndex = /{.*}/.test(match2[1]) ? match2[1].lastIndexOf("}") + 1 : match2[1].indexOf(this.formatSeparator);
-      if (keyEndIndex !== -1) {
-        formatters2 = match2[1].slice(keyEndIndex).split(this.formatSeparator).map((elem) => elem.trim()).filter(Boolean);
-        match2[1] = match2[1].slice(0, keyEndIndex);
-      }
-      value = fc(handleHasOptions.call(this, match2[1].trim(), clonedOptions), clonedOptions);
-      if (value && match2[0] === str && !isString(value)) return value;
-      if (!isString(value)) value = makeString(value);
-      if (!value) {
-        this.logger.warn(`missed to resolve ${match2[1]} for nesting ${str}`);
-        value = "";
-      }
-      if (formatters2.length) {
-        value = formatters2.reduce((v, f) => this.format(v, f, options.lng, {
-          ...options,
-          interpolationkey: match2[1].trim()
-        }), value.trim());
-      }
-      str = str.replace(match2[0], value);
-      this.regexp.lastIndex = 0;
-    }
-    return str;
-  }
+async function getBaseTemplateHtml(data, options) {
+  return await renderHTML(data, options);
 }
-const parseFormatStr = (formatStr) => {
-  let formatName = formatStr.toLowerCase().trim();
-  const formatOptions = {};
-  if (formatStr.indexOf("(") > -1) {
-    const p = formatStr.split("(");
-    formatName = p[0].toLowerCase().trim();
-    const optStr = p[1].substring(0, p[1].length - 1);
-    if (formatName === "currency" && optStr.indexOf(":") < 0) {
-      if (!formatOptions.currency) formatOptions.currency = optStr.trim();
-    } else if (formatName === "relativetime" && optStr.indexOf(":") < 0) {
-      if (!formatOptions.range) formatOptions.range = optStr.trim();
-    } else {
-      const opts = optStr.split(";");
-      opts.forEach((opt) => {
-        if (opt) {
-          const [key, ...rest] = opt.split(":");
-          const val = rest.join(":").trim().replace(/^'+|'+$/g, "");
-          const trimmedKey = key.trim();
-          if (!formatOptions[trimmedKey]) formatOptions[trimmedKey] = val;
-          if (val === "false") formatOptions[trimmedKey] = false;
-          if (val === "true") formatOptions[trimmedKey] = true;
-          if (!isNaN(val)) formatOptions[trimmedKey] = parseInt(val, 10);
-        }
-      });
-    }
-  }
-  return {
-    formatName,
-    formatOptions
-  };
-};
-const createCachedFormatter = (fn) => {
-  const cache = {};
-  return (v, l, o) => {
-    let optForCache = o;
-    if (o && o.interpolationkey && o.formatParams && o.formatParams[o.interpolationkey] && o[o.interpolationkey]) {
-      optForCache = {
-        ...optForCache,
-        [o.interpolationkey]: void 0
-      };
-    }
-    const key = l + JSON.stringify(optForCache);
-    let frm = cache[key];
-    if (!frm) {
-      frm = fn(getCleanedCode(l), o);
-      cache[key] = frm;
-    }
-    return frm(v);
-  };
-};
-const createNonCachedFormatter = (fn) => (v, l, o) => fn(getCleanedCode(l), o)(v);
-class Formatter {
-  constructor(options = {}) {
-    this.logger = baseLogger.create("formatter");
-    this.options = options;
-    this.init(options);
-  }
-  init(services, options = {
-    interpolation: {}
-  }) {
-    this.formatSeparator = options.interpolation.formatSeparator || ",";
-    const cf = options.cacheInBuiltFormats ? createCachedFormatter : createNonCachedFormatter;
-    this.formats = {
-      number: cf((lng, opt) => {
-        const formatter = new Intl.NumberFormat(lng, {
-          ...opt
-        });
-        return (val) => formatter.format(val);
-      }),
-      currency: cf((lng, opt) => {
-        const formatter = new Intl.NumberFormat(lng, {
-          ...opt,
-          style: "currency"
-        });
-        return (val) => formatter.format(val);
-      }),
-      datetime: cf((lng, opt) => {
-        const formatter = new Intl.DateTimeFormat(lng, {
-          ...opt
-        });
-        return (val) => formatter.format(val);
-      }),
-      relativetime: cf((lng, opt) => {
-        const formatter = new Intl.RelativeTimeFormat(lng, {
-          ...opt
-        });
-        return (val) => formatter.format(val, opt.range || "day");
-      }),
-      list: cf((lng, opt) => {
-        const formatter = new Intl.ListFormat(lng, {
-          ...opt
-        });
-        return (val) => formatter.format(val);
-      })
-    };
-  }
-  add(name, fc) {
-    this.formats[name.toLowerCase().trim()] = fc;
-  }
-  addCached(name, fc) {
-    this.formats[name.toLowerCase().trim()] = createCachedFormatter(fc);
-  }
-  format(value, format2, lng, options = {}) {
-    const formats = format2.split(this.formatSeparator);
-    if (formats.length > 1 && formats[0].indexOf("(") > 1 && formats[0].indexOf(")") < 0 && formats.find((f) => f.indexOf(")") > -1)) {
-      const lastIndex = formats.findIndex((f) => f.indexOf(")") > -1);
-      formats[0] = [formats[0], ...formats.splice(1, lastIndex)].join(this.formatSeparator);
-    }
-    const result = formats.reduce((mem, f) => {
-      var _a;
-      const {
-        formatName,
-        formatOptions
-      } = parseFormatStr(f);
-      if (this.formats[formatName]) {
-        let formatted = mem;
-        try {
-          const valOptions = ((_a = options == null ? void 0 : options.formatParams) == null ? void 0 : _a[options.interpolationkey]) || {};
-          const l = valOptions.locale || valOptions.lng || options.locale || options.lng || lng;
-          formatted = this.formats[formatName](mem, l, {
-            ...formatOptions,
-            ...options,
-            ...valOptions
-          });
-        } catch (error) {
-          this.logger.warn(error);
-        }
-        return formatted;
-      } else {
-        this.logger.warn(`there was no format function for ${formatName}`);
-      }
-      return mem;
-    }, value);
-    return result;
-  }
+async function getBaseTemplateText(data, options) {
+  return await renderText(data, options);
 }
-const removePending = (q, name) => {
-  if (q.pending[name] !== void 0) {
-    delete q.pending[name];
-    q.pendingCount--;
-  }
-};
-class Connector extends EventEmitter {
-  constructor(backend, store, services, options = {}) {
-    var _a, _b;
-    super();
-    this.backend = backend;
-    this.store = store;
-    this.services = services;
-    this.languageUtils = services.languageUtils;
-    this.options = options;
-    this.logger = baseLogger.create("backendConnector");
-    this.waitingReads = [];
-    this.maxParallelReads = options.maxParallelReads || 10;
-    this.readingCalls = 0;
-    this.maxRetries = options.maxRetries >= 0 ? options.maxRetries : 5;
-    this.retryTimeout = options.retryTimeout >= 1 ? options.retryTimeout : 350;
-    this.state = {};
-    this.queue = [];
-    (_b = (_a = this.backend) == null ? void 0 : _a.init) == null ? void 0 : _b.call(_a, services, options.backend, options);
-  }
-  queueLoad(languages, namespaces, options, callback) {
-    const toLoad = {};
-    const pending = {};
-    const toLoadLanguages = {};
-    const toLoadNamespaces = {};
-    languages.forEach((lng) => {
-      let hasAllNamespaces = true;
-      namespaces.forEach((ns) => {
-        const name = `${lng}|${ns}`;
-        if (!options.reload && this.store.hasResourceBundle(lng, ns)) {
-          this.state[name] = 2;
-        } else if (this.state[name] < 0) ;
-        else if (this.state[name] === 1) {
-          if (pending[name] === void 0) pending[name] = true;
-        } else {
-          this.state[name] = 1;
-          hasAllNamespaces = false;
-          if (pending[name] === void 0) pending[name] = true;
-          if (toLoad[name] === void 0) toLoad[name] = true;
-          if (toLoadNamespaces[ns] === void 0) toLoadNamespaces[ns] = true;
-        }
-      });
-      if (!hasAllNamespaces) toLoadLanguages[lng] = true;
-    });
-    if (Object.keys(toLoad).length || Object.keys(pending).length) {
-      this.queue.push({
-        pending,
-        pendingCount: Object.keys(pending).length,
-        loaded: {},
-        errors: [],
-        callback
-      });
-    }
-    return {
-      toLoad: Object.keys(toLoad),
-      pending: Object.keys(pending),
-      toLoadLanguages: Object.keys(toLoadLanguages),
-      toLoadNamespaces: Object.keys(toLoadNamespaces)
-    };
-  }
-  loaded(name, err, data) {
-    const s = name.split("|");
-    const lng = s[0];
-    const ns = s[1];
-    if (err) this.emit("failedLoading", lng, ns, err);
-    if (!err && data) {
-      this.store.addResourceBundle(lng, ns, data, void 0, void 0, {
-        skipCopy: true
-      });
-    }
-    this.state[name] = err ? -1 : 2;
-    if (err && data) this.state[name] = 0;
-    const loaded = {};
-    this.queue.forEach((q) => {
-      pushPath(q.loaded, [lng], ns);
-      removePending(q, name);
-      if (err) q.errors.push(err);
-      if (q.pendingCount === 0 && !q.done) {
-        Object.keys(q.loaded).forEach((l) => {
-          if (!loaded[l]) loaded[l] = {};
-          const loadedKeys = q.loaded[l];
-          if (loadedKeys.length) {
-            loadedKeys.forEach((n) => {
-              if (loaded[l][n] === void 0) loaded[l][n] = true;
-            });
-          }
-        });
-        q.done = true;
-        if (q.errors.length) {
-          q.callback(q.errors);
-        } else {
-          q.callback();
-        }
-      }
-    });
-    this.emit("loaded", loaded);
-    this.queue = this.queue.filter((q) => !q.done);
-  }
-  read(lng, ns, fcName, tried = 0, wait = this.retryTimeout, callback) {
-    if (!lng.length) return callback(null, {});
-    if (this.readingCalls >= this.maxParallelReads) {
-      this.waitingReads.push({
-        lng,
-        ns,
-        fcName,
-        tried,
-        wait,
-        callback
-      });
-      return;
-    }
-    this.readingCalls++;
-    const resolver = (err, data) => {
-      this.readingCalls--;
-      if (this.waitingReads.length > 0) {
-        const next = this.waitingReads.shift();
-        this.read(next.lng, next.ns, next.fcName, next.tried, next.wait, next.callback);
-      }
-      if (err && data && tried < this.maxRetries) {
-        setTimeout(() => {
-          this.read.call(this, lng, ns, fcName, tried + 1, wait * 2, callback);
-        }, wait);
-        return;
-      }
-      callback(err, data);
-    };
-    const fc = this.backend[fcName].bind(this.backend);
-    if (fc.length === 2) {
-      try {
-        const r = fc(lng, ns);
-        if (r && typeof r.then === "function") {
-          r.then((data) => resolver(null, data)).catch(resolver);
-        } else {
-          resolver(null, r);
-        }
-      } catch (err) {
-        resolver(err);
-      }
-      return;
-    }
-    return fc(lng, ns, resolver);
-  }
-  prepareLoading(languages, namespaces, options = {}, callback) {
-    if (!this.backend) {
-      this.logger.warn("No backend was added via i18next.use. Will not load resources.");
-      return callback && callback();
-    }
-    if (isString(languages)) languages = this.languageUtils.toResolveHierarchy(languages);
-    if (isString(namespaces)) namespaces = [namespaces];
-    const toLoad = this.queueLoad(languages, namespaces, options, callback);
-    if (!toLoad.toLoad.length) {
-      if (!toLoad.pending.length) callback();
-      return null;
-    }
-    toLoad.toLoad.forEach((name) => {
-      this.loadOne(name);
-    });
-  }
-  load(languages, namespaces, callback) {
-    this.prepareLoading(languages, namespaces, {}, callback);
-  }
-  reload(languages, namespaces, callback) {
-    this.prepareLoading(languages, namespaces, {
-      reload: true
-    }, callback);
-  }
-  loadOne(name, prefix = "") {
-    const s = name.split("|");
-    const lng = s[0];
-    const ns = s[1];
-    this.read(lng, ns, "read", void 0, void 0, (err, data) => {
-      if (err) this.logger.warn(`${prefix}loading namespace ${ns} for language ${lng} failed`, err);
-      if (!err && data) this.logger.log(`${prefix}loaded namespace ${ns} for language ${lng}`, data);
-      this.loaded(name, err, data);
-    });
-  }
-  saveMissing(languages, namespace, key, fallbackValue, isUpdate, options = {}, clb = () => {
-  }) {
-    var _a, _b, _c, _d, _e;
-    if (((_b = (_a = this.services) == null ? void 0 : _a.utils) == null ? void 0 : _b.hasLoadedNamespace) && !((_d = (_c = this.services) == null ? void 0 : _c.utils) == null ? void 0 : _d.hasLoadedNamespace(namespace))) {
-      this.logger.warn(`did not save key "${key}" as the namespace "${namespace}" was not yet loaded`, "This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!");
-      return;
-    }
-    if (key === void 0 || key === null || key === "") return;
-    if ((_e = this.backend) == null ? void 0 : _e.create) {
-      const opts = {
-        ...options,
-        isUpdate
-      };
-      const fc = this.backend.create.bind(this.backend);
-      if (fc.length < 6) {
-        try {
-          let r;
-          if (fc.length === 5) {
-            r = fc(languages, namespace, key, fallbackValue, opts);
-          } else {
-            r = fc(languages, namespace, key, fallbackValue);
-          }
-          if (r && typeof r.then === "function") {
-            r.then((data) => clb(null, data)).catch(clb);
-          } else {
-            clb(null, r);
-          }
-        } catch (err) {
-          clb(err);
-        }
-      } else {
-        fc(languages, namespace, key, fallbackValue, clb, opts);
-      }
-    }
-    if (!languages || !languages[0]) return;
-    this.store.addResource(languages[0], namespace, key, fallbackValue);
-  }
+function getBaseTemplateReactNode(data, options) {
+  return renderHTMLReact(data, options);
 }
-const get = () => ({
-  debug: false,
-  initAsync: true,
-  ns: ["translation"],
-  defaultNS: ["translation"],
-  fallbackLng: ["dev"],
-  fallbackNS: false,
-  supportedLngs: false,
-  nonExplicitSupportedLngs: false,
-  load: "all",
-  preload: false,
-  simplifyPluralSuffix: true,
-  keySeparator: ".",
-  nsSeparator: ":",
-  pluralSeparator: "_",
-  contextSeparator: "_",
-  partialBundledLanguages: false,
-  saveMissing: false,
-  updateMissing: false,
-  saveMissingTo: "fallback",
-  saveMissingPlurals: true,
-  missingKeyHandler: false,
-  missingInterpolationHandler: false,
-  postProcess: false,
-  postProcessPassResolved: false,
-  returnNull: false,
-  returnEmptyString: true,
-  returnObjects: false,
-  joinArrays: false,
-  returnedObjectHandler: false,
-  parseMissingKeyHandler: false,
-  appendNamespaceToMissingKey: false,
-  appendNamespaceToCIMode: false,
-  overloadTranslationOptionHandler: (args) => {
-    let ret = {};
-    if (typeof args[1] === "object") ret = args[1];
-    if (isString(args[1])) ret.defaultValue = args[1];
-    if (isString(args[2])) ret.tDescription = args[2];
-    if (typeof args[2] === "object" || typeof args[3] === "object") {
-      const options = args[3] || args[2];
-      Object.keys(options).forEach((key) => {
-        ret[key] = options[key];
-      });
-    }
-    return ret;
-  },
-  interpolation: {
-    escapeValue: true,
-    format: (value) => value,
-    prefix: "{{",
-    suffix: "}}",
-    formatSeparator: ",",
-    unescapePrefix: "-",
-    nestingPrefix: "$t(",
-    nestingSuffix: ")",
-    nestingOptionsSeparator: ",",
-    maxReplaces: 1e3,
-    skipOnVariables: true
-  },
-  cacheInBuiltFormats: true
-});
-const transformOptions = (options) => {
-  var _a, _b;
-  if (isString(options.ns)) options.ns = [options.ns];
-  if (isString(options.fallbackLng)) options.fallbackLng = [options.fallbackLng];
-  if (isString(options.fallbackNS)) options.fallbackNS = [options.fallbackNS];
-  if (((_b = (_a = options.supportedLngs) == null ? void 0 : _a.indexOf) == null ? void 0 : _b.call(_a, "cimode")) < 0) {
-    options.supportedLngs = options.supportedLngs.concat(["cimode"]);
-  }
-  if (typeof options.initImmediate === "boolean") options.initAsync = options.initImmediate;
-  return options;
-};
-const noop = () => {
-};
-const bindMemberFunctions = (inst) => {
-  const mems = Object.getOwnPropertyNames(Object.getPrototypeOf(inst));
-  mems.forEach((mem) => {
-    if (typeof inst[mem] === "function") {
-      inst[mem] = inst[mem].bind(inst);
-    }
-  });
+const TEMPLATES_NAMES = {
+  BASE_TEMPLATE: "base-template",
+  INVENTORY_LEVEL: "inventory-level",
+  ORDER_PLACED: "order-placed",
+  ORDER_COMPLETED: "order-completed",
+  CONTACT_FORM: "contact-form"
 };
-class I18n extends EventEmitter {
-  constructor(options = {}, callback) {
-    super();
-    this.options = transformOptions(options);
-    this.services = {};
-    this.logger = baseLogger;
-    this.modules = {
-      external: []
-    };
-    bindMemberFunctions(this);
-    if (callback && !this.isInitialized && !options.isClone) {
-      if (!this.options.initAsync) {
-        this.init(options, callback);
-        return this;
-      }
-      setTimeout(() => {
-        this.init(options, callback);
-      }, 0);
-    }
-  }
-  init(options = {}, callback) {
-    this.isInitializing = true;
-    if (typeof options === "function") {
-      callback = options;
-      options = {};
-    }
-    if (options.defaultNS == null && options.ns) {
-      if (isString(options.ns)) {
-        options.defaultNS = options.ns;
-      } else if (options.ns.indexOf("translation") < 0) {
-        options.defaultNS = options.ns[0];
-      }
-    }
-    const defOpts = get();
-    this.options = {
-      ...defOpts,
-      ...this.options,
-      ...transformOptions(options)
-    };
-    this.options.interpolation = {
-      ...defOpts.interpolation,
-      ...this.options.interpolation
-    };
-    if (options.keySeparator !== void 0) {
-      this.options.userDefinedKeySeparator = options.keySeparator;
-    }
-    if (options.nsSeparator !== void 0) {
-      this.options.userDefinedNsSeparator = options.nsSeparator;
-    }
-    const createClassOnDemand = (ClassOrObject) => {
-      if (!ClassOrObject) return null;
-      if (typeof ClassOrObject === "function") return new ClassOrObject();
-      return ClassOrObject;
-    };
-    if (!this.options.isClone) {
-      if (this.modules.logger) {
-        baseLogger.init(createClassOnDemand(this.modules.logger), this.options);
-      } else {
-        baseLogger.init(null, this.options);
-      }
-      let formatter;
-      if (this.modules.formatter) {
-        formatter = this.modules.formatter;
-      } else {
-        formatter = Formatter;
-      }
-      const lu = new LanguageUtil(this.options);
-      this.store = new ResourceStore(this.options.resources, this.options);
-      const s = this.services;
-      s.logger = baseLogger;
-      s.resourceStore = this.store;
-      s.languageUtils = lu;
-      s.pluralResolver = new PluralResolver(lu, {
-        prepend: this.options.pluralSeparator,
-        simplifyPluralSuffix: this.options.simplifyPluralSuffix
-      });
-      const usingLegacyFormatFunction = this.options.interpolation.format && this.options.interpolation.format !== defOpts.interpolation.format;
-      if (usingLegacyFormatFunction) {
-        this.logger.deprecate(`init: you are still using the legacy format function, please use the new approach: https://www.i18next.com/translation-function/formatting`);
-      }
-      if (formatter && (!this.options.interpolation.format || this.options.interpolation.format === defOpts.interpolation.format)) {
-        s.formatter = createClassOnDemand(formatter);
-        if (s.formatter.init) s.formatter.init(s, this.options);
-        this.options.interpolation.format = s.formatter.format.bind(s.formatter);
-      }
-      s.interpolator = new Interpolator(this.options);
-      s.utils = {
-        hasLoadedNamespace: this.hasLoadedNamespace.bind(this)
-      };
-      s.backendConnector = new Connector(createClassOnDemand(this.modules.backend), s.resourceStore, s, this.options);
-      s.backendConnector.on("*", (event, ...args) => {
-        this.emit(event, ...args);
-      });
-      if (this.modules.languageDetector) {
-        s.languageDetector = createClassOnDemand(this.modules.languageDetector);
-        if (s.languageDetector.init) s.languageDetector.init(s, this.options.detection, this.options);
-      }
-      if (this.modules.i18nFormat) {
-        s.i18nFormat = createClassOnDemand(this.modules.i18nFormat);
-        if (s.i18nFormat.init) s.i18nFormat.init(this);
-      }
-      this.translator = new Translator(this.services, this.options);
-      this.translator.on("*", (event, ...args) => {
-        this.emit(event, ...args);
-      });
-      this.modules.external.forEach((m) => {
-        if (m.init) m.init(this);
-      });
-    }
-    this.format = this.options.interpolation.format;
-    if (!callback) callback = noop;
-    if (this.options.fallbackLng && !this.services.languageDetector && !this.options.lng) {
-      const codes = this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);
-      if (codes.length > 0 && codes[0] !== "dev") this.options.lng = codes[0];
-    }
-    if (!this.services.languageDetector && !this.options.lng) {
-      this.logger.warn("init: no languageDetector is used and no lng is defined");
-    }
-    const storeApi = ["getResource", "hasResourceBundle", "getResourceBundle", "getDataByLanguage"];
-    storeApi.forEach((fcName) => {
-      this[fcName] = (...args) => this.store[fcName](...args);
-    });
-    const storeApiChained = ["addResource", "addResources", "addResourceBundle", "removeResourceBundle"];
-    storeApiChained.forEach((fcName) => {
-      this[fcName] = (...args) => {
-        this.store[fcName](...args);
-        return this;
-      };
-    });
-    const deferred = defer();
-    const load = () => {
-      const finish = (err, t) => {
-        this.isInitializing = false;
-        if (this.isInitialized && !this.initializedStoreOnce) this.logger.warn("init: i18next is already initialized. You should call init just once!");
-        this.isInitialized = true;
-        if (!this.options.isClone) this.logger.log("initialized", this.options);
-        this.emit("initialized", this.options);
-        deferred.resolve(t);
-        callback(err, t);
-      };
-      if (this.languages && !this.isInitialized) return finish(null, this.t.bind(this));
-      this.changeLanguage(this.options.lng, finish);
-    };
-    if (this.options.resources || !this.options.initAsync) {
-      load();
-    } else {
-      setTimeout(load, 0);
-    }
-    return deferred;
-  }
-  loadResources(language, callback = noop) {
-    var _a, _b;
-    let usedCallback = callback;
-    const usedLng = isString(language) ? language : this.language;
-    if (typeof language === "function") usedCallback = language;
-    if (!this.options.resources || this.options.partialBundledLanguages) {
-      if ((usedLng == null ? void 0 : usedLng.toLowerCase()) === "cimode" && (!this.options.preload || this.options.preload.length === 0)) return usedCallback();
-      const toLoad = [];
-      const append = (lng) => {
-        if (!lng) return;
-        if (lng === "cimode") return;
-        const lngs = this.services.languageUtils.toResolveHierarchy(lng);
-        lngs.forEach((l) => {
-          if (l === "cimode") return;
-          if (toLoad.indexOf(l) < 0) toLoad.push(l);
-        });
-      };
-      if (!usedLng) {
-        const fallbacks = this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);
-        fallbacks.forEach((l) => append(l));
-      } else {
-        append(usedLng);
-      }
-      (_b = (_a = this.options.preload) == null ? void 0 : _a.forEach) == null ? void 0 : _b.call(_a, (l) => append(l));
-      this.services.backendConnector.load(toLoad, this.options.ns, (e) => {
-        if (!e && !this.resolvedLanguage && this.language) this.setResolvedLanguage(this.language);
-        usedCallback(e);
-      });
-    } else {
-      usedCallback(null);
-    }
-  }
-  reloadResources(lngs, ns, callback) {
-    const deferred = defer();
-    if (typeof lngs === "function") {
-      callback = lngs;
-      lngs = void 0;
-    }
-    if (typeof ns === "function") {
-      callback = ns;
-      ns = void 0;
-    }
-    if (!lngs) lngs = this.languages;
-    if (!ns) ns = this.options.ns;
-    if (!callback) callback = noop;
-    this.services.backendConnector.reload(lngs, ns, (err) => {
-      deferred.resolve();
-      callback(err);
-    });
-    return deferred;
-  }
-  use(module2) {
-    if (!module2) throw new Error("You are passing an undefined module! Please check the object you are passing to i18next.use()");
-    if (!module2.type) throw new Error("You are passing a wrong module! Please check the object you are passing to i18next.use()");
-    if (module2.type === "backend") {
-      this.modules.backend = module2;
-    }
-    if (module2.type === "logger" || module2.log && module2.warn && module2.error) {
-      this.modules.logger = module2;
-    }
-    if (module2.type === "languageDetector") {
-      this.modules.languageDetector = module2;
-    }
-    if (module2.type === "i18nFormat") {
-      this.modules.i18nFormat = module2;
-    }
-    if (module2.type === "postProcessor") {
-      postProcessor.addPostProcessor(module2);
-    }
-    if (module2.type === "formatter") {
-      this.modules.formatter = module2;
-    }
-    if (module2.type === "3rdParty") {
-      this.modules.external.push(module2);
-    }
-    return this;
-  }
-  setResolvedLanguage(l) {
-    if (!l || !this.languages) return;
-    if (["cimode", "dev"].indexOf(l) > -1) return;
-    for (let li = 0; li < this.languages.length; li++) {
-      const lngInLngs = this.languages[li];
-      if (["cimode", "dev"].indexOf(lngInLngs) > -1) continue;
-      if (this.store.hasLanguageSomeTranslations(lngInLngs)) {
-        this.resolvedLanguage = lngInLngs;
-        break;
-      }
-    }
-    if (!this.resolvedLanguage && this.languages.indexOf(l) < 0 && this.store.hasLanguageSomeTranslations(l)) {
-      this.resolvedLanguage = l;
-      this.languages.unshift(l);
-    }
-  }
-  changeLanguage(lng, callback) {
-    this.isLanguageChangingTo = lng;
-    const deferred = defer();
-    this.emit("languageChanging", lng);
-    const setLngProps = (l) => {
-      this.language = l;
-      this.languages = this.services.languageUtils.toResolveHierarchy(l);
-      this.resolvedLanguage = void 0;
-      this.setResolvedLanguage(l);
-    };
-    const done = (err, l) => {
-      if (l) {
-        if (this.isLanguageChangingTo === lng) {
-          setLngProps(l);
-          this.translator.changeLanguage(l);
-          this.isLanguageChangingTo = void 0;
-          this.emit("languageChanged", l);
-          this.logger.log("languageChanged", l);
-        }
-      } else {
-        this.isLanguageChangingTo = void 0;
-      }
-      deferred.resolve((...args) => this.t(...args));
-      if (callback) callback(err, (...args) => this.t(...args));
-    };
-    const setLng = (lngs) => {
-      var _a, _b;
-      if (!lng && !lngs && this.services.languageDetector) lngs = [];
-      const fl = isString(lngs) ? lngs : lngs && lngs[0];
-      const l = this.store.hasLanguageSomeTranslations(fl) ? fl : this.services.languageUtils.getBestMatchFromCodes(isString(lngs) ? [lngs] : lngs);
-      if (l) {
-        if (!this.language) {
-          setLngProps(l);
-        }
-        if (!this.translator.language) this.translator.changeLanguage(l);
-        (_b = (_a = this.services.languageDetector) == null ? void 0 : _a.cacheUserLanguage) == null ? void 0 : _b.call(_a, l);
-      }
-      this.loadResources(l, (err) => {
-        done(err, l);
-      });
-    };
-    if (!lng && this.services.languageDetector && !this.services.languageDetector.async) {
-      setLng(this.services.languageDetector.detect());
-    } else if (!lng && this.services.languageDetector && this.services.languageDetector.async) {
-      if (this.services.languageDetector.detect.length === 0) {
-        this.services.languageDetector.detect().then(setLng);
-      } else {
-        this.services.languageDetector.detect(setLng);
-      }
-    } else {
-      setLng(lng);
-    }
-    return deferred;
-  }
-  getFixedT(lng, ns, keyPrefix) {
-    const fixedT = (key, opts, ...rest) => {
-      let o;
-      if (typeof opts !== "object") {
-        o = this.options.overloadTranslationOptionHandler([key, opts].concat(rest));
-      } else {
-        o = {
-          ...opts
-        };
-      }
-      o.lng = o.lng || fixedT.lng;
-      o.lngs = o.lngs || fixedT.lngs;
-      o.ns = o.ns || fixedT.ns;
-      if (o.keyPrefix !== "") o.keyPrefix = o.keyPrefix || keyPrefix || fixedT.keyPrefix;
-      const keySeparator = this.options.keySeparator || ".";
-      let resultKey;
-      if (o.keyPrefix && Array.isArray(key)) {
-        resultKey = key.map((k) => {
-          if (typeof k === "function") k = keysFromSelector(k, {
-            ...this.options,
-            ...opts
-          });
-          return `${o.keyPrefix}${keySeparator}${k}`;
-        });
-      } else {
-        if (typeof key === "function") key = keysFromSelector(key, {
-          ...this.options,
-          ...opts
-        });
-        resultKey = o.keyPrefix ? `${o.keyPrefix}${keySeparator}${key}` : key;
-      }
-      return this.t(resultKey, o);
-    };
-    if (isString(lng)) {
-      fixedT.lng = lng;
-    } else {
-      fixedT.lngs = lng;
-    }
-    fixedT.ns = ns;
-    fixedT.keyPrefix = keyPrefix;
-    return fixedT;
-  }
-  t(...args) {
-    var _a;
-    return (_a = this.translator) == null ? void 0 : _a.translate(...args);
-  }
-  exists(...args) {
-    var _a;
-    return (_a = this.translator) == null ? void 0 : _a.exists(...args);
-  }
-  setDefaultNamespace(ns) {
-    this.options.defaultNS = ns;
-  }
-  hasLoadedNamespace(ns, options = {}) {
-    if (!this.isInitialized) {
-      this.logger.warn("hasLoadedNamespace: i18next was not initialized", this.languages);
-      return false;
-    }
-    if (!this.languages || !this.languages.length) {
-      this.logger.warn("hasLoadedNamespace: i18n.languages were undefined or empty", this.languages);
-      return false;
-    }
-    const lng = options.lng || this.resolvedLanguage || this.languages[0];
-    const fallbackLng = this.options ? this.options.fallbackLng : false;
-    const lastLng = this.languages[this.languages.length - 1];
-    if (lng.toLowerCase() === "cimode") return true;
-    const loadNotPending = (l, n) => {
-      const loadState = this.services.backendConnector.state[`${l}|${n}`];
-      return loadState === -1 || loadState === 0 || loadState === 2;
-    };
-    if (options.precheck) {
-      const preResult = options.precheck(this, loadNotPending);
-      if (preResult !== void 0) return preResult;
-    }
-    if (this.hasResourceBundle(lng, ns)) return true;
-    if (!this.services.backendConnector.backend || this.options.resources && !this.options.partialBundledLanguages) return true;
-    if (loadNotPending(lng, ns) && (!fallbackLng || loadNotPending(lastLng, ns))) return true;
-    return false;
-  }
-  loadNamespaces(ns, callback) {
-    const deferred = defer();
-    if (!this.options.ns) {
-      if (callback) callback();
-      return Promise.resolve();
-    }
-    if (isString(ns)) ns = [ns];
-    ns.forEach((n) => {
-      if (this.options.ns.indexOf(n) < 0) this.options.ns.push(n);
-    });
-    this.loadResources((err) => {
-      deferred.resolve();
-      if (callback) callback(err);
-    });
-    return deferred;
-  }
-  loadLanguages(lngs, callback) {
-    const deferred = defer();
-    if (isString(lngs)) lngs = [lngs];
-    const preloaded = this.options.preload || [];
-    const newLngs = lngs.filter((lng) => preloaded.indexOf(lng) < 0 && this.services.languageUtils.isSupportedCode(lng));
-    if (!newLngs.length) {
-      if (callback) callback();
-      return Promise.resolve();
-    }
-    this.options.preload = preloaded.concat(newLngs);
-    this.loadResources((err) => {
-      deferred.resolve();
-      if (callback) callback(err);
-    });
-    return deferred;
-  }
-  dir(lng) {
-    var _a, _b;
-    if (!lng) lng = this.resolvedLanguage || (((_a = this.languages) == null ? void 0 : _a.length) > 0 ? this.languages[0] : this.language);
-    if (!lng) return "rtl";
-    try {
-      const l = new Intl.Locale(lng);
-      if (l && l.getTextInfo) {
-        const ti = l.getTextInfo();
-        if (ti && ti.direction) return ti.direction;
-      }
-    } catch (e) {
-    }
-    const rtlLngs = ["ar", "shu", "sqr", "ssh", "xaa", "yhd", "yud", "aao", "abh", "abv", "acm", "acq", "acw", "acx", "acy", "adf", "ads", "aeb", "aec", "afb", "ajp", "apc", "apd", "arb", "arq", "ars", "ary", "arz", "auz", "avl", "ayh", "ayl", "ayn", "ayp", "bbz", "pga", "he", "iw", "ps", "pbt", "pbu", "pst", "prp", "prd", "ug", "ur", "ydd", "yds", "yih", "ji", "yi", "hbo", "men", "xmn", "fa", "jpr", "peo", "pes", "prs", "dv", "sam", "ckb"];
-    const languageUtils = ((_b = this.services) == null ? void 0 : _b.languageUtils) || new LanguageUtil(get());
-    if (lng.toLowerCase().indexOf("-latn") > 1) return "ltr";
-    return rtlLngs.indexOf(languageUtils.getLanguagePartFromCode(lng)) > -1 || lng.toLowerCase().indexOf("-arab") > 1 ? "rtl" : "ltr";
-  }
-  static createInstance(options = {}, callback) {
-    const instance2 = new I18n(options, callback);
-    instance2.createInstance = I18n.createInstance;
-    return instance2;
-  }
-  cloneInstance(options = {}, callback = noop) {
-    const forkResourceStore = options.forkResourceStore;
-    if (forkResourceStore) delete options.forkResourceStore;
-    const mergedOptions = {
-      ...this.options,
-      ...options,
-      ...{
-        isClone: true
-      }
-    };
-    const clone = new I18n(mergedOptions);
-    if (options.debug !== void 0 || options.prefix !== void 0) {
-      clone.logger = clone.logger.clone(options);
-    }
-    const membersToCopy = ["store", "services", "language"];
-    membersToCopy.forEach((m) => {
-      clone[m] = this[m];
-    });
-    clone.services = {
-      ...this.services
-    };
-    clone.services.utils = {
-      hasLoadedNamespace: clone.hasLoadedNamespace.bind(clone)
-    };
-    if (forkResourceStore) {
-      const clonedData = Object.keys(this.store.data).reduce((prev, l) => {
-        prev[l] = {
-          ...this.store.data[l]
-        };
-        prev[l] = Object.keys(prev[l]).reduce((acc, n) => {
-          acc[n] = {
-            ...prev[l][n]
-          };
-          return acc;
-        }, prev[l]);
-        return prev;
-      }, {});
-      clone.store = new ResourceStore(clonedData, mergedOptions);
-      clone.services.resourceStore = clone.store;
+const baseTemplateConfig = {
+  [TEMPLATES_NAMES.BASE_TEMPLATE]: {
+    getHtml: async (data, options) => {
+      return await getBaseTemplateHtml(data, options);
+    },
+    getText: async (data, options) => {
+      return await getBaseTemplateText(data, options);
+    },
+    getReactNode: (data, options) => {
+      return getBaseTemplateReactNode(data, options);
     }
-    clone.translator = new Translator(clone.services, mergedOptions);
-    clone.translator.on("*", (event, ...args) => {
-      clone.emit(event, ...args);
-    });
-    clone.init(mergedOptions, callback);
-    clone.translator.options = mergedOptions;
-    clone.translator.backendConnector.services.utils = {
-      hasLoadedNamespace: clone.hasLoadedNamespace.bind(clone)
-    };
-    return clone;
   }
-  toJSON() {
-    return {
-      options: this.options,
-      store: this.store,
-      language: this.language,
-      languages: this.languages,
-      resolvedLanguage: this.resolvedLanguage
-    };
+};
+({
+  [TEMPLATES_NAMES.CONTACT_FORM]: {
+    ...baseTemplateConfig[TEMPLATES_NAMES.BASE_TEMPLATE]
+  },
+  [TEMPLATES_NAMES.ORDER_PLACED]: {
+    ...baseTemplateConfig[TEMPLATES_NAMES.BASE_TEMPLATE]
+  },
+  [TEMPLATES_NAMES.ORDER_COMPLETED]: {
+    ...baseTemplateConfig[TEMPLATES_NAMES.BASE_TEMPLATE]
+  },
+  [TEMPLATES_NAMES.INVENTORY_LEVEL]: {
+    ...baseTemplateConfig[TEMPLATES_NAMES.BASE_TEMPLATE]
   }
-}
-const instance = I18n.createInstance();
-instance.createInstance;
-instance.dir;
-instance.init;
-instance.loadResources;
-instance.reloadResources;
-instance.use;
-instance.changeLanguage;
-instance.getFixedT;
-instance.t;
-instance.exists;
-instance.setDefaultNamespace;
-instance.hasLoadedNamespace;
-instance.loadNamespaces;
-instance.loadLanguages;
+});
 const OrderPlacedTemplate = ({ orderId }) => {
-  const [templateData, setTemplateData] = React.useState(null);
-  const [previewData, setPreviewData] = React.useState(null);
+  const [templateData, setTemplateData] = react.useState(null);
+  const [previewData, setPreviewData] = react.useState(null);
   const { data: order, isLoading: isOrderLoading } = useOrder({
     order_id: orderId,
     enabled: !!orderId
   });
-  React.useEffect(() => {
+  react.useEffect(() => {
     var _a, _b;
     if (order == null ? void 0 : order.display_id) {
       const shippingAddressText = getFormattedAddress({ address: order.shipping_address }).join("<br/>");
       const billingAddressText = getFormattedAddress({ address: order.billing_address }).join("<br/>");
       const templateData2 = {
-        // subject: `#${order.display_id} - Zamówienie zostało złożone`,
         orderNumber: `#${order.display_id}`,
         customerName: order.email,
         customerEmail: order.email,
@@ -9616,9 +7638,9 @@ const OrderPlacedTemplate = ({ orderId }) => {
           var _a2, _b2, _c;
           return acc + (((_c = (_b2 = (_a2 = item.variant) == null ? void 0 : _a2.prices) == null ? void 0 : _b2[0]) == null ? void 0 : _c.amount) || 0) * item.quantity;
         }, 0),
-        currency: order.currency_code,
+        currency_code: order.currency_code,
         items: order.items.map((item) => ({
-          thumbnail: item.thumbnail,
+          thumbnail: item.thumbnail == null ? "" : item.thumbnail,
           title: item.title,
           quantity: item.quantity,
           price: getLocaleAmount(item.unit_price, order.currency_code)
@@ -9629,8 +7651,7 @@ const OrderPlacedTemplate = ({ orderId }) => {
           total: getLocaleAmount(order.summary.original_order_total, order.currency_code),
           paid_total: getLocaleAmount(getTotalCaptured(order.payment_collections || []), order.currency_code),
           tax_total: getLocaleAmount(order.tax_total, order.currency_code),
-          discount_total: getLocaleAmount(order.discount_total, order.currency_code),
-          currency: order.currency_code
+          discount_total: getLocaleAmount(order.discount_total, order.currency_code)
         },
         sales_channel: {
           name: (_a = order == null ? void 0 : order.sales_channel) == null ? void 0 : _a.name,
@@ -9648,12 +7669,12 @@ const OrderPlacedTemplate = ({ orderId }) => {
     enabled: !!templateData,
     extraKey: [templateData, orderId]
   });
-  React.useEffect(() => {
+  react.useEffect(() => {
     if (isOrderLoading) {
       setPreviewData(null);
     }
   }, [isOrderLoading]);
-  React.useEffect(() => {
+  react.useEffect(() => {
     if (preview) {
       setPreviewData(preview);
     }
@@ -9676,7 +7697,7 @@ const OrderPlacedTemplate = ({ orderId }) => {
 };
 const OrderTemplateGroup = () => {
   var _a;
-  const [selectedOrder, setSelectedOrder] = React.useState("");
+  const [selectedOrder, setSelectedOrder] = react.useState("");
   const { data: orders, isLoading: isOrdersLoading } = useOrders({
     fields: "id,display_id",
     enabled: true
@@ -9710,9 +7731,9 @@ const contactFormMockData = {
   message: "Test messages"
 };
 const ContactFormTemplate = () => {
-  const [templateData, setTemplateData] = React.useState(null);
-  const [previewData, setPreviewData] = React.useState(null);
-  React.useEffect(() => {
+  const [templateData, setTemplateData] = react.useState(null);
+  const [previewData, setPreviewData] = react.useState(null);
+  react.useEffect(() => {
     setTemplateData(contactFormMockData);
   }, []);
   const { data: preview, isLoading: isPreviewLoading } = usePreview({
@@ -9722,7 +7743,7 @@ const ContactFormTemplate = () => {
     enabled: !!templateData,
     extraKey: [templateData]
   });
-  React.useEffect(() => {
+  react.useEffect(() => {
     if (preview) {
       setPreviewData(preview);
     }
@@ -9744,7 +7765,7 @@ const ContactFormTemplateGroup = () => {
 };
 const PreviewTemplatePage = () => {
   const templateName = "";
-  const [selectedTemplate, setSelectedTemplate] = React.useState(templateName);
+  const [selectedTemplate, setSelectedTemplate] = react.useState(templateName);
   const templates = [
     { label: "Contact Form", value: TEMPLATES_NAMES.CONTACT_FORM },
     { label: "Order", value: "order" }