@codee-sh/medusa-plugin-notification-emails 0.1.1 → 0.2.0

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

@@ -143,7 +143,7 @@ const NotificationsDetail = ({ type, data }) => {
   ] });
 };
 const Header = () => {
-  const { t } = reactI18next.useTranslation();
+  const { t: t2 } = reactI18next.useTranslation();
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-between px-6 py-4 border-b", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: "Notifications - Actions" }) });
 };
 const useListNotifications = (params, options) => {
@@ -291,20 +291,20 @@ const config$2 = adminSdk.defineRouteConfig({
 function _extends() {
   return _extends = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+      var t2 = arguments[e];
+      for (var r in t2) ({}).hasOwnProperty.call(t2, r) && (n[r] = t2[r]);
     }
     return n;
   }, _extends.apply(null, arguments);
 }
 function _objectWithoutPropertiesLoose(r, e) {
   if (null == r) return {};
-  var t = {};
+  var t2 = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
     if (-1 !== e.indexOf(n)) continue;
-    t[n] = r[n];
+    t2[n] = r[n];
   }
-  return t;
+  return t2;
 }
 var initialState$5 = {};
 var Context$5 = /* @__PURE__ */ react.createContext(initialState$5);
@@ -769,8 +769,8 @@ var Provider = (_ref) => {
   });
 };
 Provider.displayName = "JVR.Provider";
-function _objectDestructuringEmpty(t) {
-  if (null == t) throw new TypeError("Cannot destructure " + t);
+function _objectDestructuringEmpty(t2) {
+  if (null == t2) throw new TypeError("Cannot destructure " + t2);
 }
 var _excluded$9 = ["isNumber", "value", "parentValue", "keyName", "keys"], _excluded2$5 = ["as", "render"], _excluded3$1 = ["as", "render"], _excluded4$1 = ["as", "render"], _excluded5$1 = ["as", "style", "render"], _excluded6$1 = ["as", "render"], _excluded7$1 = ["as", "render"], _excluded8$1 = ["as", "render"], _excluded9$1 = ["as", "render"];
 var Quote$1 = (props) => {
@@ -2257,10 +2257,10 @@ var NestedOpen = (props) => {
     transition: "all 0.3s"
   };
   var len = Object.keys(value).length;
-  var isObject = typeof value === "object";
+  var isObject2 = typeof value === "object";
   var isArray = Array.isArray(value);
   var isMySet = value instanceof Set;
-  var showArrow = len !== 0 && (isArray || isMySet || isObject);
+  var showArrow = len !== 0 && (isArray || isMySet || isObject2);
   var reset = {
     style
   };
@@ -2622,12 +2622,12 @@ JsonView.KeyName = KeyName;
 JsonView.Row = Row;
 JsonView.displayName = "JVR.JsonView";
 const JsonViewSection = ({ data }) => {
-  const { t } = reactI18next.useTranslation();
+  const { t: t2 } = reactI18next.useTranslation();
   const numberOfKeys = Object.keys(data).length;
   return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "flex items-center justify-between px-6 py-4", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-x-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: t("json.header") }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "2xsmall", rounded: "full", children: t("json.numberOfKeys", {
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: t2("json.header") }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "2xsmall", rounded: "full", children: t2("json.numberOfKeys", {
         count: numberOfKeys
       }) })
     ] }),
@@ -2654,7 +2654,7 @@ const JsonViewSection = ({ data }) => {
                 ]
               }
             ) }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Description, { className: "sr-only", children: t("json.drawer.description") })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Description, { className: "sr-only", children: t2("json.drawer.description") })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-x-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Kbd, { className: "bg-ui-contrast-bg-subtle border-ui-contrast-border-base text-ui-contrast-fg-secondary", children: "esc" }),
@@ -2717,7 +2717,7 @@ const JsonViewSection = ({ data }) => {
                     JsonView.CountInfo,
                     {
                       render: (_props, { value }) => {
-                        return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-contrast-fg-secondary ml-2", children: t("general.items", {
+                        return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-contrast-fg-secondary ml-2", children: t2("general.items", {
                           count: Object.keys(value).length
                         }) });
                       }
@@ -2767,7 +2767,7 @@ const MetadataSection = ({
   data,
   onOpen
 }) => {
-  const { t } = reactI18next.useTranslation();
+  const { t: t2 } = reactI18next.useTranslation();
   if (!data) {
     return null;
   }
@@ -2777,8 +2777,8 @@ const MetadataSection = ({
   const numberOfKeys = data.metadata ? Object.keys(data.metadata).length : 0;
   return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "flex items-center justify-between", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-x-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: t("metadata.header") }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "2xsmall", rounded: "full", children: t("metadata.numberOfKeys", {
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: t2("metadata.header") }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "2xsmall", rounded: "full", children: t2("metadata.numberOfKeys", {
         count: numberOfKeys
       }) })
     ] }),
@@ -3029,220 +3029,140 @@ const usePreview = (params, options) => {
   });
   return { data, ...rest };
 };
-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 }) });
-}
-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);
-}
-function RepeaterBlock({
-  id,
-  props,
-  data
-}) {
-  const array = props.itemBlocks;
-  return /* @__PURE__ */ jsxRuntime.jsx(BlockRenderer, { blocks: array, 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 });
-}
-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 SeparatorBlock({
-  id,
-  props,
-  isLastBlock,
-  isFirstBlock
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(components.Hr, { className: "my-4 border-ui-border" });
+const TEMPLATES_NAMES = {
+  BASE_TEMPLATE: "base-template",
+  INVENTORY_LEVEL: "inventory-level",
+  ORDER_PLACED: "order-placed",
+  ORDER_COMPLETED: "order-completed",
+  ORDER_UPDATED: "order-updated",
+  CONTACT_FORM: "contact-form"
+};
+function isDefined(val) {
+  return typeof val !== "undefined";
 }
-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 isObject(obj) {
+  var _a;
+  return obj != null && ((_a = obj == null ? void 0 : obj.constructor) == null ? void 0 : _a.name) === "Object";
 }
-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 /* @__PURE__ */ jsxRuntime.jsx(
-          RepeaterBlock,
-          {
-            id: blockKey,
-            props: block.props,
-            data
-          },
-          blockKey
-        );
-      default:
-        return null;
+function pickValueFromObject(path, object) {
+  const segments = path.split(".");
+  let result = object;
+  for (let i = 0; i < segments.length; i++) {
+    const segment = segments[i];
+    result = result[segment];
+    if (!isDefined(result)) {
+      return;
     }
-  });
+    if (i === segments.length - 1) {
+      return result;
+    }
+    if (Array.isArray(result)) {
+      const subPath = segments.slice(i + 1).join(".");
+      return result.map((item) => pickValueFromObject(subPath, item)).flat();
+    }
+    if (!isObject(result)) {
+      return result;
+    }
+  }
+  return result;
 }
-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
-        },
-        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 }) }) })
-      }
-    )
-  ] });
+function flattenTranslations(translations2) {
+  if (!isObject(translations2) || !translations2.general) {
+    return translations2;
+  }
+  const { general: general2, ...rest } = translations2;
+  return { ...general2, ...rest };
 }
-async function renderHTML(data, options) {
-  return await render.pretty(await render.render(renderHTMLReact(data, options)));
+function getVariableValue(text) {
+  if (!text || typeof text !== "string") {
+    return { replaced: text, original: text };
+  }
+  return {
+    replaced: text.replace(
+      /\{\{(\w+(?:\.\w+)*)\}\}/g,
+      (match, key) => {
+        return key;
+      }
+    ),
+    original: text
+  };
 }
-async function renderText(data, options) {
-  const html = await render.render(renderHTMLReact(data, options));
-  return render.toPlainText(html);
+function multiInterpolate(text, data = {}, translator, config2) {
+  if (!text || typeof text !== "string") {
+    return text;
+  }
+  const variableRegex = /\{\{((?:data\.|translations\.)?\w+(?:\.\w+)*)\}\}/g;
+  const matches = Array.from(text.matchAll(variableRegex));
+  if (matches.length === 0) {
+    return text;
+  }
+  const dataPrefix = (config2 == null ? void 0 : config2.arrayPath) ? ["data", config2.arrayPath] : ["data"];
+  const dataPrefixString = dataPrefix.join(".");
+  let result = text;
+  for (const match of matches) {
+    const fullMatch = match[0];
+    const variable = match[1];
+    let replacement;
+    if (variable.startsWith(`${dataPrefixString}.`)) {
+      const escapedPrefix = dataPrefixString.replace(/\./g, "\\.");
+      const dataPath = variable.replace(new RegExp(`^${escapedPrefix}\\.`), "");
+      const value = pickValueFromObject(dataPath, data);
+      if (value === void 0 || value === null) {
+        replacement = void 0;
+      } else {
+        replacement = String(value);
+      }
+    } else if (variable.startsWith("translations.")) {
+      const translationKey = variable.replace(/^translations\./, "");
+      replacement = translator.t(translationKey, data);
+      replacement = multiInterpolate(replacement, data, translator);
+    }
+    if (replacement !== void 0) {
+      result = result.replace(fullMatch, replacement);
+    }
+  }
+  return result;
 }
-async function getBaseTemplateHtml(data, options) {
-  return await renderHTML(data, options);
+function t(locale, translations2, key) {
+  const localeTranslations = translations2[locale] || translations2["pl"] || {};
+  const flatTranslations = flattenTranslations(
+    localeTranslations
+  );
+  const { replaced, original } = getVariableValue(key);
+  const translation = pickValueFromObject(replaced, flatTranslations);
+  const text = translation || original;
+  return text;
 }
-async function getBaseTemplateText(data, options) {
-  return await renderText(data, options);
+function createTranslator(locale, translations2) {
+  return {
+    t: (key, data = {}) => {
+      return t(locale, translations2, key);
+    }
+  };
 }
-function getBaseTemplateReactNode(data, options) {
-  return renderHTMLReact(data, options);
+function mergeTranslations(baseTranslations, customTranslations) {
+  var _a;
+  if (!customTranslations || !isObject(customTranslations)) {
+    return baseTranslations;
+  }
+  const merged = {
+    ...baseTranslations
+  };
+  for (const [lang, custom] of Object.entries(
+    customTranslations
+  )) {
+    if (isObject(custom)) {
+      merged[lang] = {
+        ...baseTranslations[lang],
+        general: {
+          ...((_a = baseTranslations[lang]) == null ? void 0 : _a.general) || {},
+          ...(custom == null ? void 0 : custom.general) || custom
+        }
+      };
+    }
+  }
+  return merged;
 }
-const TEMPLATES_NAMES = {
-  BASE_TEMPLATE: "base-template",
-  INVENTORY_LEVEL: "inventory-level",
-  ORDER_PLACED: "order-placed",
-  ORDER_COMPLETED: "order-completed",
-  ORDER_UPDATED: "order-updated",
-  CONTACT_FORM: "contact-form"
-};
 const ORDER_ATTRIBUTES = [
   // Basic fields
   {
@@ -3649,36 +3569,1538 @@ const ORDER_ATTRIBUTES = [
   "order.summary.*",
   "order.payment_collections.*"
 ];
-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);
+class AbstractTemplateService {
+  constructor() {
+    this.templateRegistry = /* @__PURE__ */ new Map();
+  }
+  /**
+   * Register a template
+   * 
+   * @param name - Template name
+   * @param renderer - Template renderer configuration
+   */
+  registerTemplate(name, renderer) {
+    this.templateRegistry.set(name, renderer);
+  }
+  /**
+   * Get template by name
+   * 
+   * @param name - Template name
+   * @returns Template renderer
+   * @throws Error if template not found
+   */
+  getTemplate(name) {
+    const template = this.templateRegistry.get(name);
+    if (!template) {
+      throw new Error(
+        `Template "${name}" not found. Available templates: ${Array.from(
+          this.templateRegistry.keys()
+        ).join(", ")}`
+      );
     }
+    return template;
   }
-};
-({
-  [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.ORDER_UPDATED]: {
-    ...baseTemplateConfig[TEMPLATES_NAMES.BASE_TEMPLATE]
-  },
-  [TEMPLATES_NAMES.INVENTORY_LEVEL]: {
-    ...baseTemplateConfig[TEMPLATES_NAMES.BASE_TEMPLATE]
+  /**
+   * Check if template exists
+   * 
+   * @param name - Template name
+   * @returns True if template exists
+   */
+  hasTemplate(name) {
+    return this.templateRegistry.has(name);
   }
-});
+  /**
+   * List all registered template names
+   * 
+   * @returns Array of template names
+   */
+  listTemplates() {
+    return Array.from(this.templateRegistry.keys());
+  }
+  /**
+   * Get base template configuration
+   * 
+   * @returns Base template config
+   */
+  getBaseTemplate() {
+    return this.baseTemplateConfig;
+  }
+  /**
+   * Prepare template data.
+   * 
+   * This method prepares the data for the template renderer.
+   * Merge translations from template config and options (if provided), 
+   * then interpolate blocks using the interpolate function.
+   * 
+   * @param params - Parameters object
+   * @returns Prepared template data
+   */
+  prepareData(params) {
+    var _a, _b, _c, _d;
+    const locale = ((_a = params.options) == null ? void 0 : _a.locale) || "en";
+    const template = this.getTemplate(params.templateName);
+    const config2 = ((_b = template.getConfig) == null ? void 0 : _b.call(template)) || {};
+    const configTranslations = (config2 == null ? void 0 : config2.translations) || {};
+    const configBlocks = (config2 == null ? void 0 : config2.blocks) || [];
+    const optionsBlocks = ((_c = params.options) == null ? void 0 : _c.blocks) || [];
+    const optionsTranslations = (_d = params.options) == null ? void 0 : _d.translations;
+    const blocks = optionsBlocks.length > 0 ? optionsBlocks : configBlocks;
+    const mergedTranslations = mergeTranslations(
+      configTranslations,
+      optionsTranslations
+    );
+    const translator = createTranslator(locale, mergedTranslations);
+    const interpolatedBlocks = blocks.length > 0 ? this.interpolateFunction(blocks, params.data, translator) : blocks;
+    return {
+      template,
+      translator,
+      blocks: interpolatedBlocks
+    };
+  }
+}
+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 }) });
+}
+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);
+}
+function RepeaterBlock({
+  id,
+  props,
+  data
+}) {
+  const array = props.itemBlocks;
+  return /* @__PURE__ */ jsxRuntime.jsx(BlockRenderer, { blocks: array, 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 });
+}
+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 SeparatorBlock({
+  id,
+  props,
+  isLastBlock,
+  isFirstBlock
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(components.Hr, { className: "my-4 border-ui-border" });
+}
+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 /* @__PURE__ */ jsxRuntime.jsx(
+          RepeaterBlock,
+          {
+            id: blockKey,
+            props: block.props,
+            data
+          },
+          blockKey
+        );
+      default:
+        return null;
+    }
+  });
+}
+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
+        },
+        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 }) }) })
+      }
+    )
+  ] });
+}
+async function renderHTML(data, options) {
+  return await render.pretty(await render.render(renderHTMLReact(data, options)));
+}
+async function renderText(data, options) {
+  const html = await render.render(renderHTMLReact(data, options));
+  return render.toPlainText(html);
+}
+async function getBaseTemplateHtml(data, options) {
+  return await renderHTML(data, options);
+}
+async function getBaseTemplateText(data, options) {
+  return await renderText(data, options);
+}
+function getBaseTemplateReactNode(data, options) {
+  return renderHTMLReact(data, options);
+}
+const headerTitle$2 = "Nowa wiadomość z formularza kontaktowego";
+const labels$2 = {
+  name: "Imię i nazwisko",
+  email: "Email",
+  phone: "Telefon",
+  message: "Wiadomość"
+};
+const footer$2 = "Ta wiadomość została wysłana automatycznie z formularza kontaktowego";
+const pl$4 = {
+  headerTitle: headerTitle$2,
+  labels: labels$2,
+  footer: footer$2
+};
+const headerTitle$1 = "New message from contact form";
+const labels$1 = {
+  name: "Name",
+  email: "Email",
+  phone: "Phone",
+  message: "Message"
+};
+const header$1 = {
+  title: "New message from contact form",
+  description: "This message was sent automatically from the contact form"
+};
+const footer$1 = "This message was sent automatically from the contact form";
+const en$4 = {
+  headerTitle: headerTitle$1,
+  labels: labels$1,
+  header: header$1,
+  footer: footer$1
+};
+const headerTitle = "New message from contact form";
+const labels = {
+  name: "Name",
+  email: "Email",
+  phone: "Phone",
+  message: "Message"
+};
+const header = {
+  title: "New message from contact form",
+  description: "This message was sent automatically from the contact form"
+};
+const footer = "This message was sent automatically from the contact form";
+const de = {
+  headerTitle,
+  labels,
+  header,
+  footer
+};
+const translations$4 = {
+  pl: pl$4,
+  en: en$4,
+  de
+};
+const templateBlocks$4 = [
+  {
+    type: "section",
+    id: "section-1",
+    props: {
+      blocks: [
+        {
+          id: "heading-1",
+          type: "heading",
+          props: {
+            value: "{{translations.headerTitle}}"
+          }
+        }
+      ]
+    }
+  },
+  {
+    id: "separator-1",
+    type: "separator"
+  },
+  {
+    type: "section",
+    id: "section-1",
+    props: {
+      blocks: [
+        {
+          id: "row-1",
+          type: "row",
+          props: {
+            label: "{{translations.labels.email}}",
+            value: "{{data.contact_form.email}}"
+          }
+        },
+        {
+          id: "separator-1",
+          type: "separator"
+        },
+        {
+          id: "row-2",
+          type: "row",
+          props: {
+            label: "{{translations.labels.phone}}",
+            value: "{{data.contact_form.phone}}"
+          }
+        },
+        {
+          id: "separator-2",
+          type: "separator"
+        },
+        {
+          id: "row-3",
+          type: "row",
+          props: {
+            label: "{{translations.labels.message}}",
+            value: "{{data.contact_form.message}}"
+          }
+        }
+      ]
+    }
+  }
+];
+const general$7 = {
+  headerTitle: "Poziom magazynowy został zmieniony",
+  headerDescription: "Poziom magazynowy został zmieniony. Sprawdź szczegóły.",
+  labels: {
+    inventoryLevelId: "ID",
+    inventoryLevelLocation: "Lokalizacja",
+    inventoryLevelStockedQuantity: "Ilość na stanie",
+    inventoryLevelReservedQuantity: "Ilość zarezerwowana",
+    inventoryLevelAvailableQuantity: "Ilość dostępna"
+  },
+  footer: "Jeśli masz pytania dotyczące poziomu magazynowego, skontaktuj się z nami."
+};
+const pl$3 = {
+  general: general$7
+};
+const general$6 = {
+  headerTitle: "#{{inventoryLevelId}} - Inventory level has been updated",
+  headerDescription: "Inventory level has been updated. Check the details.",
+  labels: {
+    inventoryLevelId: "Inventory Level ID",
+    inventoryLevelLocation: "Inventory Level Location",
+    inventoryLevelDate: "Inventory Level Date"
+  },
+  footer: "If you have any questions, please contact us."
+};
+const en$3 = {
+  general: general$6
+};
+const translations$3 = {
+  pl: pl$3,
+  en: en$3
+};
+const templateBlocks$3 = [
+  {
+    type: "section",
+    id: "section-1",
+    props: {
+      blocks: [
+        {
+          id: "heading-1",
+          type: "heading",
+          props: {
+            value: "{{translations.headerTitle}}"
+          }
+        },
+        {
+          id: "text-1",
+          type: "text",
+          props: {
+            value: "{{translations.headerDescription}}"
+          }
+        }
+      ]
+    }
+  },
+  {
+    id: "separator-1",
+    type: "separator"
+  },
+  {
+    type: "section",
+    id: "section-2",
+    props: {
+      blocks: [
+        {
+          id: "row-1",
+          type: "row",
+          props: {
+            label: "{{translations.labels.inventoryLevelId}}",
+            value: "{{data.inventory_level.id}}"
+          }
+        },
+        {
+          id: "separator-1",
+          type: "separator"
+        },
+        {
+          id: "row-2",
+          type: "row",
+          props: {
+            label: "{{translations.labels.inventoryLevelLocation}}",
+            value: "{{data.inventory_level.location_id}}"
+          }
+        },
+        {
+          id: "separator-2",
+          type: "separator"
+        },
+        {
+          id: "row-3",
+          type: "row",
+          props: {
+            label: "{{translations.labels.inventoryLevelStockedQuantity}}",
+            value: "{{data.inventory_level.stocked_quantity}}"
+          }
+        },
+        {
+          id: "separator-3",
+          type: "separator"
+        },
+        {
+          id: "row-4",
+          type: "row",
+          props: {
+            label: "{{translations.labels.inventoryLevelReservedQuantity}}",
+            value: "{{data.inventory_level.reserved_quantity}}"
+          }
+        },
+        {
+          id: "separator-4",
+          type: "separator"
+        },
+        {
+          id: "row-5",
+          type: "row",
+          props: {
+            label: "{{translations.labels.inventoryLevelAvailableQuantity}}",
+            value: "{{data.inventory_level.available_quantity}}"
+          }
+        }
+      ]
+    }
+  },
+  {
+    id: "separator-1",
+    type: "separator"
+  },
+  {
+    type: "section",
+    id: "section-3",
+    props: {
+      blocks: [
+        {
+          id: "text-2",
+          type: "text",
+          props: {
+            value: "{{translations.footer}}"
+          }
+        }
+      ]
+    }
+  }
+];
+const general$5 = {
+  headerTitle: "{{data.order.transformed.order_number}} - Zamówienie zostało złożone",
+  headerDescription: "Twoje zamówienie zostało przyjęte i jest w trakcie realizacji. Wkrótce otrzymasz e-mail z informacją o statusie zamówienia.",
+  labels: {
+    salesChannel: "Kanał sprzedaży",
+    salesChannelDescription: "Opis kanału sprzedaży",
+    orderNumber: "Numer zamówienia",
+    orderDate: "Data zamówienia",
+    products: "Produkty",
+    shippingAddress: "Adres dostawy",
+    orderTotal: "Wartość zamówienia",
+    taxTotal: "VAT",
+    discountTotal: "Rabat",
+    paidTotal: "Zapłacone",
+    currency: "Waluta",
+    currencyCode: "Kod waluty",
+    currencySymbol: "Symbol waluty"
+  },
+  noData: "Brak danych",
+  viewOrderButton: "Zobacz szczegóły zamówienia",
+  footer: "Jeśli masz pytania dotyczące zamówienia, skontaktuj się z nami."
+};
+const pl$2 = {
+  general: general$5
+};
+const general$4 = {
+  headerTitle: "{{data.orderNumber}} - Order placed",
+  headerDescription: "Your order has been received and is being processed. You will receive an email with information about the status of your order shortly.",
+  labels: {
+    salesChannel: "Sales Channel",
+    salesChannelDescription: "Sales Channel Description",
+    orderNumber: "Order Number",
+    orderDate: "Order Date",
+    products: "Products",
+    shippingAddress: "Shipping Address",
+    orderTotal: "Order Total",
+    taxTotal: "VAT",
+    discountTotal: "Discount",
+    paidTotal: "Paid",
+    currency: "Currency",
+    currencyCode: "Currency Code",
+    currencySymbol: "Currency Symbol"
+  },
+  noData: "No data",
+  viewOrderButton: "View Order Details",
+  footer: "If you have any questions about your order, please contact us."
+};
+const en$2 = {
+  general: general$4
+};
+const translations$2 = {
+  pl: pl$2,
+  en: en$2
+};
+const templateBlocks$2 = [
+  {
+    type: "section",
+    id: "section-1",
+    props: {
+      blocks: [
+        {
+          id: "heading-1",
+          type: "heading",
+          props: {
+            value: "{{translations.headerTitle}}"
+          }
+        },
+        {
+          id: "text-1",
+          type: "text",
+          props: {
+            value: "{{translations.headerDescription}}"
+          }
+        }
+      ]
+    }
+  },
+  {
+    id: "separator-1",
+    type: "separator"
+  },
+  {
+    type: "section",
+    id: "section-2",
+    props: {
+      blocks: [
+        {
+          id: "row-1",
+          type: "row",
+          props: {
+            label: "{{translations.labels.salesChannel}}",
+            value: "{{data.order.sales_channel.name}}"
+          }
+        },
+        {
+          id: "separator-1",
+          type: "separator"
+        },
+        {
+          id: "row-2",
+          type: "row",
+          props: {
+            label: "{{translations.labels.orderNumber}}",
+            value: "{{data.order.transformed.order_number}}"
+          }
+        },
+        {
+          id: "separator-2",
+          type: "separator"
+        },
+        {
+          id: "row-3",
+          type: "row",
+          props: {
+            label: "{{translations.labels.orderDate}}",
+            value: "{{data.order.transformed.order_date}}"
+          }
+        }
+      ]
+    }
+  },
+  {
+    id: "separator-1",
+    type: "separator"
+  },
+  {
+    type: "section",
+    id: "section-3",
+    props: {
+      blocks: [
+        {
+          id: "heading-2",
+          type: "heading",
+          props: {
+            value: "{{translations.labels.products}}"
+          }
+        },
+        {
+          id: "repeater-1",
+          type: "repeater",
+          props: {
+            arrayPath: "order.transformed.items",
+            itemBlocks: [
+              {
+                id: "product-item",
+                type: "product-item",
+                props: {
+                  label: "{{translations.labels.product}}",
+                  thumbnail: "{{data.order.transformed.items.thumbnail}}",
+                  value: "{{data.order.transformed.items.title}} - {{data.order.transformed.items.quantity}}x {{data.order.transformed.items.price}}"
+                }
+              }
+            ]
+          }
+        }
+      ]
+    }
+  },
+  {
+    id: "separator-1",
+    type: "separator"
+  },
+  {
+    type: "section",
+    id: "section-4",
+    props: {
+      blocks: [
+        {
+          id: "heading-3",
+          type: "heading",
+          props: {
+            value: "{{translations.labels.shippingAddress}}"
+          }
+        },
+        {
+          id: "text-2",
+          type: "text",
+          props: {
+            value: "{{data.order.transformed.shipping_address_text}}"
+          }
+        }
+      ]
+    }
+  },
+  {
+    id: "separator-1",
+    type: "separator"
+  },
+  {
+    type: "section",
+    id: "section-5",
+    props: {
+      blocks: [
+        {
+          id: "row-4",
+          type: "row",
+          props: {
+            label: "{{translations.labels.discountTotal}}",
+            value: "{{data.order.transformed.summary.discount_total}}"
+          }
+        },
+        {
+          id: "separator-3",
+          type: "separator"
+        },
+        {
+          id: "row-5",
+          type: "row",
+          props: {
+            label: "{{translations.labels.orderTotal}}",
+            value: "{{data.order.transformed.summary.total}}"
+          }
+        },
+        {
+          id: "separator-4",
+          type: "separator"
+        },
+        {
+          id: "row-6",
+          type: "row",
+          props: {
+            label: "{{translations.labels.paidTotal}}",
+            value: "{{data.order.transformed.summary.paid_total}}"
+          }
+        },
+        {
+          id: "separator-5",
+          type: "separator"
+        },
+        {
+          id: "row-7",
+          type: "row",
+          props: {
+            label: "{{translations.labels.taxTotal}}",
+            value: "{{data.order.transformed.summary.tax_total}}"
+          }
+        }
+      ]
+    }
+  },
+  {
+    id: "separator-1",
+    type: "separator"
+  },
+  {
+    type: "section",
+    id: "section-6",
+    props: {
+      blocks: [
+        {
+          id: "text-3",
+          type: "text",
+          props: {
+            value: "{{translations.footer}}"
+          }
+        }
+      ]
+    }
+  }
+];
+const general$3 = {
+  headerTitle: "{{data.order.transformed.order_number}} - Zamówienie zostało zrealizowane",
+  headerDescription: "Twoje zamówienie zostało zrealizowane i wysłane. Dziękujemy za zakupy!",
+  labels: {
+    product: "Produkt",
+    salesChannel: "Kanał sprzedaży",
+    salesChannelDescription: "Opis kanału sprzedaży",
+    orderNumber: "Numer zamówienia",
+    orderDate: "Data zamówienia",
+    completedDate: "Data realizacji",
+    products: "Produkty",
+    shippingAddress: "Adres dostawy",
+    orderTotal: "Wartość zamówienia",
+    taxTotal: "VAT",
+    discountTotal: "Rabat",
+    paidTotal: "Zapłacone",
+    currency: "Waluta",
+    currencyCode: "Kod waluty",
+    currencySymbol: "Symbol waluty"
+  },
+  noData: "Brak danych",
+  viewOrderButton: "Zobacz szczegóły zamówienia",
+  footer: "Jeśli masz pytania dotyczące zamówienia, skontaktuj się z nami."
+};
+const pl$1 = {
+  general: general$3
+};
+const general$2 = {
+  headerTitle: "{{data.order.transformed.order_number}} - Order completed",
+  headerDescription: "Your order has been completed and shipped. Thank you for your purchase!",
+  labels: {
+    product: "Product",
+    salesChannel: "Sales Channel",
+    salesChannelDescription: "Sales Channel Description",
+    orderNumber: "Order Number",
+    orderDate: "Order Date",
+    completedDate: "Completion Date",
+    products: "Products",
+    shippingAddress: "Shipping Address",
+    orderTotal: "Order Total",
+    taxTotal: "VAT",
+    discountTotal: "Discount",
+    paidTotal: "Paid",
+    currency: "Currency",
+    currencyCode: "Currency Code",
+    currencySymbol: "Currency Symbol"
+  },
+  noData: "No data",
+  viewOrderButton: "View Order Details",
+  footer: "If you have any questions about your order, please contact us."
+};
+const en$1 = {
+  general: general$2
+};
+const translations$1 = {
+  pl: pl$1,
+  en: en$1
+};
+const templateBlocks$1 = [
+  {
+    type: "section",
+    id: "section-1",
+    props: {
+      blocks: [
+        {
+          id: "heading-1",
+          type: "heading",
+          props: {
+            value: "{{translations.headerTitle}}"
+          }
+        },
+        {
+          id: "text-1",
+          type: "text",
+          props: {
+            value: "{{translations.headerDescription}}"
+          }
+        }
+      ]
+    }
+  },
+  {
+    id: "separator-1",
+    type: "separator"
+  },
+  {
+    type: "section",
+    id: "section-2",
+    props: {
+      blocks: [
+        {
+          id: "row-1",
+          type: "row",
+          props: {
+            label: "{{translations.labels.salesChannel}}",
+            value: "{{data.order.sales_channel.name}}"
+          }
+        },
+        {
+          id: "separator-1",
+          type: "separator"
+        },
+        {
+          id: "row-2",
+          type: "row",
+          props: {
+            label: "{{translations.labels.orderNumber}}",
+            value: "{{data.order.transformed.order_number}}"
+          }
+        },
+        {
+          id: "separator-2",
+          type: "separator"
+        },
+        {
+          id: "row-3",
+          type: "row",
+          props: {
+            label: "{{translations.labels.orderDate}}",
+            value: "{{data.order.transformed.order_date}}"
+          }
+        }
+      ]
+    }
+  },
+  {
+    id: "separator-1",
+    type: "separator"
+  },
+  {
+    type: "section",
+    id: "section-3",
+    props: {
+      blocks: [
+        {
+          id: "heading-2",
+          type: "heading",
+          props: {
+            value: "{{translations.labels.products}}"
+          }
+        },
+        {
+          id: "repeater-1",
+          type: "repeater",
+          props: {
+            arrayPath: "order.transformed.items",
+            itemBlocks: [
+              {
+                id: "product-item",
+                type: "product-item",
+                props: {
+                  label: "{{translations.labels.product}}",
+                  thumbnail: "{{data.order.transformed.items.thumbnail}}",
+                  value: "{{data.order.transformed.items.title}} - {{data.order.transformed.items.quantity}}x {{data.order.transformed.items.price}}"
+                }
+              }
+            ]
+          }
+        }
+      ]
+    }
+  },
+  {
+    id: "separator-1",
+    type: "separator"
+  },
+  {
+    type: "section",
+    id: "section-4",
+    props: {
+      blocks: [
+        {
+          id: "heading-3",
+          type: "heading",
+          props: {
+            value: "{{translations.labels.shippingAddress}}"
+          }
+        },
+        {
+          id: "text-2",
+          type: "text",
+          props: {
+            value: "{{data.order.transformed.shipping_address_text}}"
+          }
+        }
+      ]
+    }
+  },
+  {
+    id: "separator-1",
+    type: "separator"
+  },
+  {
+    type: "section",
+    id: "section-5",
+    props: {
+      blocks: [
+        {
+          id: "row-4",
+          type: "row",
+          props: {
+            label: "{{translations.labels.discountTotal}}",
+            value: "{{data.order.transformed.summary.discount_total}}"
+          }
+        },
+        {
+          id: "separator-3",
+          type: "separator"
+        },
+        {
+          id: "row-5",
+          type: "row",
+          props: {
+            label: "{{translations.labels.orderTotal}}",
+            value: "{{data.order.transformed.summary.total}}"
+          }
+        },
+        {
+          id: "separator-4",
+          type: "separator"
+        },
+        {
+          id: "row-6",
+          type: "row",
+          props: {
+            label: "{{translations.labels.paidTotal}}",
+            value: "{{data.order.transformed.summary.paid_total}}"
+          }
+        },
+        {
+          id: "separator-5",
+          type: "separator"
+        },
+        {
+          id: "row-7",
+          type: "row",
+          props: {
+            label: "{{translations.labels.taxTotal}}",
+            value: "{{data.order.transformed.summary.tax_total}}"
+          }
+        }
+      ]
+    }
+  },
+  {
+    id: "separator-1",
+    type: "separator"
+  },
+  {
+    type: "section",
+    id: "section-6",
+    props: {
+      blocks: [
+        {
+          id: "text-3",
+          type: "text",
+          props: {
+            value: "{{translations.footer}}"
+          }
+        }
+      ]
+    }
+  }
+];
+const general$1 = {
+  headerTitle: "{{data.order.transformed.order_number}} - Zamówienie zostało zaktualizowane",
+  headerDescription: "Twoje zamówienie zostało zaktualizowane. Sprawdź szczegóły zamówienia.",
+  labels: {
+    salesChannel: "Kanał sprzedaży",
+    salesChannelDescription: "Opis kanału sprzedaży",
+    orderNumber: "Numer zamówienia",
+    orderDate: "Data zamówienia",
+    products: "Produkty",
+    shippingAddress: "Adres dostawy",
+    orderTotal: "Wartość zamówienia",
+    taxTotal: "VAT",
+    discountTotal: "Rabat",
+    paidTotal: "Zapłacone",
+    currency: "Waluta",
+    currencyCode: "Kod waluty",
+    currencySymbol: "Symbol waluty"
+  },
+  noData: "Brak danych",
+  viewOrderButton: "Zobacz szczegóły zamówienia",
+  footer: "Jeśli masz pytania dotyczące zamówienia, skontaktuj się z nami."
+};
+const pl = {
+  general: general$1
+};
+const general = {
+  headerTitle: "{{data.order.transformed.order_number}} - Order placed",
+  headerDescription: "Your order has been received and is being processed. You will receive an email with information about the status of your order shortly.",
+  labels: {
+    salesChannel: "Sales Channel",
+    salesChannelDescription: "Sales Channel Description",
+    orderNumber: "Order Number",
+    orderDate: "Order Date",
+    products: "Products",
+    shippingAddress: "Shipping Address",
+    orderTotal: "Order Total",
+    taxTotal: "VAT",
+    discountTotal: "Discount",
+    paidTotal: "Paid",
+    currency: "Currency",
+    currencyCode: "Currency Code",
+    currencySymbol: "Currency Symbol"
+  },
+  noData: "No data",
+  viewOrderButton: "View Order Details",
+  footer: "If you have any questions about your order, please contact us."
+};
+const en = {
+  general
+};
+const translations = {
+  pl,
+  en
+};
+const templateBlocks = [
+  {
+    type: "section",
+    id: "section-1",
+    props: {
+      blocks: [
+        {
+          id: "heading-1",
+          type: "heading",
+          props: {
+            value: "{{translations.headerTitle}}"
+          }
+        },
+        {
+          id: "text-1",
+          type: "text",
+          props: {
+            value: "{{translations.headerDescription}}"
+          }
+        }
+      ]
+    }
+  },
+  {
+    id: "separator-1",
+    type: "separator"
+  },
+  {
+    type: "section",
+    id: "section-2",
+    props: {
+      blocks: [
+        {
+          id: "row-1",
+          type: "row",
+          props: {
+            label: "{{translations.labels.salesChannel}}",
+            value: "{{data.order.sales_channel.name}}"
+          }
+        },
+        {
+          id: "separator-1",
+          type: "separator"
+        },
+        {
+          id: "row-2",
+          type: "row",
+          props: {
+            label: "{{translations.labels.orderNumber}}",
+            value: "{{data.order.transformed.order_number}}"
+          }
+        },
+        {
+          id: "separator-2",
+          type: "separator"
+        },
+        {
+          id: "row-3",
+          type: "row",
+          props: {
+            label: "{{translations.labels.orderDate}}",
+            value: "{{data.order.transformed.order_date}}"
+          }
+        }
+      ]
+    }
+  },
+  {
+    id: "separator-1",
+    type: "separator"
+  },
+  {
+    type: "section",
+    id: "section-3",
+    props: {
+      blocks: [
+        {
+          id: "heading-2",
+          type: "heading",
+          props: {
+            value: "{{translations.labels.products}}"
+          }
+        },
+        {
+          id: "repeater-1",
+          type: "repeater",
+          props: {
+            arrayPath: "order.transformed.items",
+            itemBlocks: [
+              {
+                id: "product-item",
+                type: "product-item",
+                props: {
+                  label: "{{translations.labels.product}}",
+                  thumbnail: "{{data.order.transformed.items.thumbnail}}",
+                  value: "{{data.order.transformed.items.title}} - {{data.order.transformed.items.quantity}}x {{data.order.transformed.items.price}}"
+                }
+              }
+            ]
+          }
+        }
+      ]
+    }
+  },
+  {
+    id: "separator-1",
+    type: "separator"
+  },
+  {
+    type: "section",
+    id: "section-4",
+    props: {
+      blocks: [
+        {
+          id: "heading-3",
+          type: "heading",
+          props: {
+            value: "{{translations.labels.shippingAddress}}"
+          }
+        },
+        {
+          id: "text-2",
+          type: "text",
+          props: {
+            value: "{{data.order.transformed.shipping_address_text}}"
+          }
+        }
+      ]
+    }
+  },
+  {
+    id: "separator-1",
+    type: "separator"
+  },
+  {
+    type: "section",
+    id: "section-5",
+    props: {
+      blocks: [
+        {
+          id: "row-4",
+          type: "row",
+          props: {
+            label: "{{translations.labels.discountTotal}}",
+            value: "{{data.order.transformed.summary.discount_total}}"
+          }
+        },
+        {
+          id: "separator-3",
+          type: "separator"
+        },
+        {
+          id: "row-5",
+          type: "row",
+          props: {
+            label: "{{translations.labels.orderTotal}}",
+            value: "{{data.order.transformed.summary.total}}"
+          }
+        },
+        {
+          id: "separator-4",
+          type: "separator"
+        },
+        {
+          id: "row-6",
+          type: "row",
+          props: {
+            label: "{{translations.labels.paidTotal}}",
+            value: "{{data.order.transformed.summary.paid_total}}"
+          }
+        },
+        {
+          id: "separator-5",
+          type: "separator"
+        },
+        {
+          id: "row-7",
+          type: "row",
+          props: {
+            label: "{{translations.labels.taxTotal}}",
+            value: "{{data.order.transformed.summary.tax_total}}"
+          }
+        }
+      ]
+    }
+  },
+  {
+    id: "separator-1",
+    type: "separator"
+  },
+  {
+    type: "section",
+    id: "section-6",
+    props: {
+      blocks: [
+        {
+          id: "text-3",
+          type: "text",
+          props: {
+            value: "{{translations.footer}}"
+          }
+        }
+      ]
+    }
+  }
+];
+class EmailTemplateService extends AbstractTemplateService {
+  constructor() {
+    super();
+    this.baseTemplateConfig = {
+      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);
+      }
+    };
+    this.interpolateFunction = this.interpolateBlocks.bind(this);
+    this.registerTemplate(
+      TEMPLATES_NAMES.BASE_TEMPLATE,
+      this.baseTemplateConfig
+    );
+    this.initializeDefaultTemplates();
+  }
+  /**
+   * Initialize default email templates
+   */
+  initializeDefaultTemplates() {
+    this.registerTemplate(TEMPLATES_NAMES.CONTACT_FORM, {
+      ...this.baseTemplateConfig,
+      getConfig: () => {
+        return {
+          blocks: templateBlocks$4,
+          translations: translations$4
+        };
+      }
+    });
+    this.registerTemplate(TEMPLATES_NAMES.ORDER_PLACED, {
+      ...this.baseTemplateConfig,
+      getConfig: () => {
+        return {
+          blocks: templateBlocks$2,
+          translations: translations$2
+        };
+      }
+    });
+    this.registerTemplate(TEMPLATES_NAMES.ORDER_COMPLETED, {
+      ...this.baseTemplateConfig,
+      getConfig: () => {
+        return {
+          blocks: templateBlocks$1,
+          translations: translations$1
+        };
+      }
+    });
+    this.registerTemplate(TEMPLATES_NAMES.ORDER_UPDATED, {
+      ...this.baseTemplateConfig,
+      getConfig: () => {
+        return {
+          blocks: templateBlocks,
+          translations
+        };
+      }
+    });
+    this.registerTemplate(TEMPLATES_NAMES.INVENTORY_LEVEL, {
+      ...this.baseTemplateConfig,
+      getConfig: () => {
+        return {
+          blocks: templateBlocks$3,
+          translations: translations$3
+        };
+      }
+    });
+  }
+  /**
+   * Recursively interpolate text in blocks using the multiInterpolate function
+   * Processes props.[property] in each block and nested blocks
+   * 
+   * @param blocks - Blocks to interpolate
+   * @param data - Data object for interpolation
+   * @param translator - Translator instance with t method (created using createTranslator function)
+   * @param config - Configuration object
+   * @returns Interpolated blocks
+   * 
+   * @example
+   * 
+   * const blocks = [ { type: "text", props: { value: "Order {{data.order.id}} - {{translations.headerTitle}}" } } ]
+   * const data = { order: { id: "123" } }
+   * const translator = translator instance (created using createTranslator function)
+   * const config = {}
+   * 
+   * const interpolatedBlocks = interpolateBlocks(blocks, data, translator, config)
+   * 
+   * Return: [ { type: "text", props: { value: "Order 123 - Order Confirmation" } } ]
+   * 
+   */
+  interpolateBlocks(blocks, data, translator, config2) {
+    return blocks.map((block) => {
+      var _a;
+      const processedBlock = { ...block };
+      if (processedBlock.props && typeof processedBlock.props === "object") {
+        const processedProps = { ...processedBlock.props };
+        for (const [key, value] of Object.entries(processedProps)) {
+          if (typeof value === "string" && key !== "blocks" && key !== "itemBlocks" && key !== "arrayPath") {
+            processedProps[key] = multiInterpolate(
+              value,
+              data,
+              translator,
+              config2
+            );
+          }
+        }
+        processedBlock.props = processedProps;
+      }
+      if (((_a = processedBlock.props) == null ? void 0 : _a.blocks) && Array.isArray(processedBlock.props.blocks)) {
+        processedBlock.props = {
+          ...processedBlock.props,
+          blocks: this.interpolateBlocks(
+            processedBlock.props.blocks,
+            data,
+            translator
+          )
+        };
+      }
+      if (processedBlock.type === "repeater") {
+        const { arrayPath, itemBlocks } = processedBlock.props || {};
+        if (arrayPath && itemBlocks) {
+          const array = pickValueFromObject(arrayPath, data);
+          if (Array.isArray(array) && array.length > 0) {
+            const interpolatedItemBlocks = array.map(
+              (item) => this.interpolateBlocks(itemBlocks, item, translator, {
+                arrayPath
+              })[0]
+            );
+            processedBlock.props = {
+              ...processedBlock.props,
+              itemBlocks: interpolatedItemBlocks
+            };
+          }
+        }
+      }
+      return processedBlock;
+    });
+  }
+  /**
+   * Render email template
+   * 
+   * @param params - Render parameters
+   * @returns Rendered email with html, text, and subject
+   */
+  async render(params) {
+    if (!params.templateName) {
+      throw new Error("Template name is required");
+    }
+    const { template, blocks, translator } = this.prepareData({
+      templateName: params.templateName,
+      data: params.data,
+      options: params.options
+    });
+    const options = {
+      ...params.options,
+      blocks
+    };
+    return {
+      html: await template.getHtml(params.data, options),
+      text: await template.getText(params.data, options),
+      subject: multiInterpolate(
+        "{{translations.headerTitle}}",
+        params.data,
+        translator
+      )
+    };
+  }
+  /**
+   * Render email template synchronously (for previews)
+   * 
+   * @param params - Render parameters
+   * @returns React node
+   */
+  renderSync(params) {
+    if (!params.templateName) {
+      throw new Error("Template name is required");
+    }
+    const { template, blocks } = this.prepareData({
+      templateName: params.templateName,
+      data: params.data,
+      options: params.options
+    });
+    const options = {
+      ...params.options,
+      blocks
+    };
+    return {
+      reactNode: template.getReactNode ? template.getReactNode(params.data, options) : void 0
+    };
+  }
+}
+new EmailTemplateService();
 const OrderPlacedTemplate = ({ orderId }) => {
   const [context, setContext] = react.useState(null);
   const [previewContext, setPreviewData] = react.useState(null);
@@ -3757,18 +5179,18 @@ const OrderTemplateGroup = () => {
   ] });
 };
 const contactFormMockData = {
-  name: "Test Name",
-  email: "test@test.com",
-  phone: "1234567890",
-  message: "Test messages"
+  contact_form: {
+    name: "Test Name",
+    email: "test@test.com",
+    phone: "1234567890",
+    message: "Test messages"
+  }
 };
 const ContactFormTemplate = () => {
   const [context, setContext] = react.useState(null);
   const [previewContext, setPreviewData] = react.useState(null);
   react.useEffect(() => {
-    setContext({
-      contact_form: contactFormMockData
-    });
+    setContext(contactFormMockData);
   }, []);
   const { data: preview, isLoading: isPreviewLoading } = usePreview({
     templateName: TEMPLATES_NAMES.CONTACT_FORM,
@@ -3873,17 +5295,17 @@ const menuItemModule = {
       path: "/notifications-emails",
       nested: void 0
     },
-    {
-      label: config.label,
-      icon: config.icon,
-      path: "/notifications-emails/render",
-      nested: void 0
-    },
     {
       label: config$1.label,
       icon: config$1.icon,
       path: "/notifications-emails/list",
       nested: void 0
+    },
+    {
+      label: config.label,
+      icon: config.icon,
+      path: "/notifications-emails/render",
+      nested: void 0
     }
   ]
 };