@feedmepos/mf-inventory-portal 1.2.11-dev.2 → 1.2.12-dev.1

package/dist/ImportView-CwBeBbXz.js

@@ -0,0 +1,1220 @@
+import { defineComponent as _e, ref as M, computed as z, watch as Te, resolveComponent as X, openBlock as N, createElementBlock as B, createVNode as G, normalizeClass as ie, unref as P, createSlots as Fe, withCtx as se, createElementVNode as o, createBlock as ce, toDisplayString as F, createCommentVNode as W, Fragment as Ee, renderList as we, createTextVNode as le, h as ue } from "vue";
+import { a as ne, aq as Ie, b5 as he, ao as Be, V as De, an as de, l as Ae, z as Ge, B as Pe, C as He, E as Oe } from "./app-DJcCTZjT.js";
+import { useCoreStore as me, useI18n as ke } from "@feedmepos/mf-common";
+import { useDialogChild as Ve, useSnackbar as Re, useDialog as je, useBreakpoints as Ke } from "@feedmepos/ui-library";
+import { s as ze, g as We, b as Le, d as be } from "./import-export.helper-C05Vl6i-.js";
+import { r as pe } from "./random-CSbEbElR.js";
+function Je() {
+  return `unit_${(/* @__PURE__ */ new Date()).toISOString()}_${pe()}`;
+}
+function xe() {
+  return `measurement_${(/* @__PURE__ */ new Date()).toISOString()}_${pe()}`;
+}
+function qe(E) {
+  const [
+    r,
+    _,
+    g,
+    y,
+    h,
+    x,
+    ...s
+  ] = Ie(E);
+  if (!r || !r.length || r.some((a) => a.length && !a.startsWith("system:")))
+    throw new Error("Missing meta header. Excel file does not come from the template.");
+  const e = r.map((a) => a.split(":")[1]), i = ["name", "symbol", "precision"].filter((a) => !e.includes(a));
+  if (i.length)
+    throw new Error(
+      `Missing meta headers (${i.join()}). Excel file does not come from the template.`
+    );
+  return s.map((a, p) => {
+    const l = {};
+    for (const f in e) {
+      const u = e[f];
+      Object.assign(l, { [u]: a[f] });
+    }
+    return {
+      index: p,
+      data: l
+    };
+  });
+}
+function Xe(E) {
+  try {
+    const r = qe(E).filter((s) => {
+      const { name: e, symbol: w, precision: i, measurement_name: m, measurement_symbol: a, measurement_conversion: p } = s.data;
+      return e || w || i || m || a || p;
+    }), g = ne().units, y = [], h = [];
+    let x = {};
+    for (const s of r)
+      if (s.data.name && s.data.symbol)
+        x[s.data.name] = {
+          unit: {
+            _id: Je(),
+            name: s.data.name,
+            abbrev: s.data.symbol,
+            precision: Math.max(0, Math.min(10, Math.floor(s.data.precision || 2))),
+            measurements: []
+          },
+          rowNumber: s.index
+        }, s.data.measurement_name && s.data.measurement_symbol && s.data.measurement_conversion && x[s.data.name].unit.measurements.push({
+          id: xe(),
+          name: s.data.measurement_name,
+          abbrev: s.data.measurement_symbol,
+          conversion: {
+            amount: Math.round(s.data.measurement_conversion * Math.pow(10, x[s.data.name].unit.precision)),
+            precision: x[s.data.name].unit.precision
+          }
+        });
+      else {
+        const e = Object.keys(x)[Object.keys(x).length - 1];
+        e && x[e] && s.data.measurement_name && s.data.measurement_symbol && s.data.measurement_conversion && x[e].unit.measurements.push({
+          id: xe(),
+          name: s.data.measurement_name,
+          abbrev: s.data.measurement_symbol,
+          conversion: {
+            amount: Math.round(s.data.measurement_conversion * Math.pow(10, x[e].unit.precision)),
+            precision: x[e].unit.precision
+          }
+        });
+      }
+    for (const [s, { unit: e, rowNumber: w }] of Object.entries(x)) {
+      const i = g.find((m) => {
+        var a, p;
+        return m.abbrev === e.abbrev && ((a = m.name) == null ? void 0 : a.trim()) === ((p = e.name) == null ? void 0 : p.trim());
+      });
+      i ? h.push({
+        type: "update",
+        original: i,
+        unit: {
+          ...i,
+          name: e.name || i.name,
+          abbrev: e.abbrev || i.abbrev,
+          precision: e.precision !== void 0 ? e.precision : i.precision,
+          measurements: e.measurements.map((m) => {
+            const a = i.measurements.find((p) => p.name === m.name && p.abbrev === m.abbrev);
+            return a ? { ...a, ...m, id: a.id } : m;
+          })
+        },
+        errors: [],
+        excelRowNumber: w
+      }) : y.push({
+        type: "create",
+        unit: e,
+        errors: [],
+        excelRowNumber: w
+      });
+    }
+    return {
+      invalidExcel: !1,
+      importCreateResult: y,
+      importUpdateResult: h
+    };
+  } catch (r) {
+    return {
+      invalidExcel: !0,
+      invalidExcelMessage: (r == null ? void 0 : r.message) ?? "Invalid excel",
+      importCreateResult: [],
+      importUpdateResult: []
+    };
+  }
+}
+function Qe() {
+  return `recipe_${(/* @__PURE__ */ new Date()).toISOString()}_${pe()}`;
+}
+function Ye(E, { ignoreErrors: r = !1 } = {}) {
+  var _, g, y;
+  try {
+    const h = ne(), x = h.skuByCode, s = h.recipeByName, e = h.skuGroupById, w = h.skuGroups, i = h.units, m = [];
+    let a = {};
+    for (const n of E) {
+      const v = [];
+      let U = "";
+      if (n.data.type === "INGREDIENT") {
+        const k = x[n.data.code];
+        k ? U = k._id : v.push(`Ingredient with code '${n.data.code}' not found`);
+      } else if (n.data.type === "RECIPE") {
+        const k = s[n.data.name];
+        k ? U = k._id : v.push(`Recipe with name '${n.data.name}' not found`);
+      } else if (n.data.type === "SKU_GROUP") {
+        const k = w.find((R) => R.ref === n.data.code || R.name === n.data.name);
+        k ? U = k._id : v.push(`SKU Group with ref '${n.data.code}' or name '${n.data.name}' not found`);
+      } else
+        v.push(`Invalid type '${n.data.type}'. Must be 'INGREDIENT', 'RECIPE', or 'SKU_GROUP'`);
+      (!n.data.amount || isNaN(parseFloat(n.data.amount))) && v.push(`Invalid amount '${n.data.amount}'. Must be a valid number`);
+      let A;
+      if ((n.data.unit || n.data.baseUnit) && n.data.type !== "RECIPE" && n.data.type !== "SKU_GROUP" && (A = i.find((k) => {
+        var R, Q;
+        return k.abbrev === n.data.baseUnit && ((R = k.name) == null ? void 0 : R.trim()) === ((Q = n.data.unit) == null ? void 0 : Q.trim());
+      }), A || (n.data.baseUnit && n.data.unit ? v.push(`Cannot find unit with symbol '${n.data.baseUnit}' and name '${n.data.unit}'`) : n.data.baseUnit ? v.push(`Cannot find unit with symbol '${n.data.baseUnit}'`) : n.data.unit && v.push(`Cannot find unit with name '${n.data.unit}'`))), v.length > 0 && m.push(`Row ${n.index + 6}: ${v.join(", ")}`), r || v.length === 0) {
+        let k;
+        if (n.data.type === "RECIPE" || n.data.type === "SKU_GROUP" ? k = void 0 : k = (_ = A == null ? void 0 : A.measurements) == null ? void 0 : _.find((R) => R.abbrev === n.data.measurementName), n.data.recipeName)
+          a[n.data.recipeName] = {
+            _id: Qe(),
+            name: n.data.recipeName,
+            customAttributes: n.data.customAttributes ? ze(n.data.customAttributes) : {},
+            contains: [{
+              type: n.data.type === "INGREDIENT" ? "SKU" : n.data.type,
+              id: U,
+              amount: {
+                amount: parseFloat(n.data.amount) || 0,
+                precision: he(n.data.amount) === !0 && ((g = n.data.amount.split(".")[1]) == null ? void 0 : g.length) || 0
+              },
+              measurement: k || void 0
+            }]
+          }, m[n.data.recipeName] = v.length > 0 ? `Row ${n.index + 6}: ${v.join(", ")}` : [];
+        else {
+          const R = Object.keys(a)[Object.keys(a).length - 1];
+          R && a[R] && (a[R] = {
+            ...a[R],
+            contains: [
+              ...a[R].contains,
+              {
+                type: n.data.type === "INGREDIENT" ? "SKU" : n.data.type,
+                id: U,
+                amount: {
+                  amount: parseFloat(n.data.amount) || 0,
+                  precision: he(n.data.amount) === !0 && ((y = n.data.amount.split(".")[1]) == null ? void 0 : y.length) || 0
+                },
+                measurement: k || void 0
+              }
+            ]
+          }, m[R] = v.length > 0 ? m[R] ? `${m[R]}, Row ${n.index + 6}: ${v.join(", ")}` : `Row ${n.index + 6}: ${v.join(", ")}` : []);
+        }
+      }
+    }
+    const p = Object.values(a), l = p.filter((n) => !s[n.name]), f = p.filter((n) => s[n.name]), u = l.map((n, v) => ({
+      type: "create",
+      recipe: n,
+      errors: m[n.name],
+      excelRowNumber: v + 6
+      // Assuming header rows
+    })), C = f.map((n, v) => {
+      const U = s[n.name];
+      return {
+        type: "update",
+        original: U,
+        recipe: {
+          ...U,
+          name: n.name || U.name,
+          contains: n.contains.length > 0 ? n.contains : U.contains,
+          customAttributes: n.customAttributes || U.customAttributes
+        },
+        errors: m[n.name],
+        excelRowNumber: v + 6
+      };
+    });
+    return {
+      invalidExcel: m.length > 0,
+      invalidExcelMessage: m.length > 0 ? `Import completed with ${m.length} error(s): ${m.join("; ")}` : void 0,
+      importCreateResult: u,
+      importUpdateResult: C
+    };
+  } catch (h) {
+    return {
+      invalidExcel: !0,
+      invalidExcelMessage: h instanceof Error ? h.message : "Unknown error occurred",
+      importCreateResult: [],
+      importUpdateResult: []
+    };
+  }
+}
+function Ze(E) {
+  const [
+    r,
+    _,
+    g,
+    y,
+    h,
+    x,
+    ...s
+  ] = Ie(E);
+  if (!r || !r.length || r.some((a) => a.length && !a.startsWith("system:")))
+    throw new Error("Missing meta header. Excel file does not come from the template.");
+  const e = r.map((a) => a.split(":")[1]), i = ["code", "recipeName", "unit", "baseUnit", "type", "amount"].filter((a) => !e.includes(a));
+  if (i.length)
+    throw new Error(
+      `Missing meta headers (${i.join()}). Excel file does not come from the template.`
+    );
+  return s.map((a, p) => {
+    const l = {};
+    for (const f in e) {
+      const u = e[f];
+      Object.assign(l, { [u]: a[f] });
+    }
+    return {
+      index: p,
+      data: l
+    };
+  }).filter((a) => {
+    const { recipeName: p, type: l, code: f, name: u, amount: C, unit: n, baseUnit: v, measurementName: U, customAttributes: A } = a.data;
+    return p || l || f || u || C || n || v || U || A;
+  });
+}
+function et() {
+  const r = me().currentBusiness.value, _ = ne(), g = [
+    { id: "name", name: "Unit Name" },
+    { id: "symbol", name: "Symbol" },
+    { id: "precision", name: "Precision" },
+    { id: "measurement_name", name: "Measurement Name" },
+    { id: "measurement_symbol", name: "Measurement Symbol" },
+    { id: "measurement_conversion", name: "Measurement Conversion" }
+  ];
+  let y = [];
+  _.units.length > 0 ? _.units.forEach((s) => {
+    if (s.measurements.length === 0)
+      y.push([
+        s.name,
+        s.abbrev,
+        s.precision,
+        "",
+        "",
+        ""
+      ]);
+    else {
+      y.push([
+        s.name,
+        s.abbrev,
+        s.precision,
+        s.measurements[0].name,
+        s.measurements[0].abbrev,
+        s.measurements[0].conversion.amount
+      ]);
+      for (let e = 1; e < s.measurements.length; e++)
+        y.push([
+          "",
+          "",
+          "",
+          s.measurements[e].name,
+          s.measurements[e].abbrev,
+          s.measurements[e].conversion.amount
+        ]);
+    }
+  }) : y = [
+    ["Length", "m", 2, "Meter", "m", 1],
+    ["", "", "", "Centimeter", "cm", 0.01],
+    ["", "", "", "Millimeter", "mm", 1e-3],
+    ["Weight", "kg", 3, "Kilogram", "kg", 1],
+    ["", "", "", "Gram", "g", 1e-3],
+    ["", "", "", "Pound", "lb", 0.453592]
+  ];
+  const h = [
+    ["Business name:", r == null ? void 0 : r.name],
+    ["Business ID:", r == null ? void 0 : r._id],
+    ["Menu version", r == null ? void 0 : r.menuVersion],
+    [],
+    g.map((s) => s.name),
+    ...y
+  ], x = g.map((s) => `system:${s.id}`);
+  return de(h, x);
+}
+function tt() {
+  const r = me().currentBusiness.value, _ = ne(), g = Le();
+  let y = [];
+  _.skus.length > 0 ? y = _.skus.map((s) => {
+    var e, w, i, m, a, p, l, f;
+    return [
+      s.code,
+      s.name,
+      ((e = s.unit) == null ? void 0 : e.name) || "",
+      ((w = s.unit) == null ? void 0 : w.abbrev) || "",
+      ((m = (i = s.unit) == null ? void 0 : i.measurements.find((u) => u.id === s.trackingMeasurement)) == null ? void 0 : m.abbrev) ?? s.unit.abbrev,
+      s.valuation || "WAVG",
+      (a = s.defaultCost) != null && a.costPerUnit ? +Ae((p = s.defaultCost) == null ? void 0 : p.costPerUnit) : 0,
+      ((l = s.thresholds) == null ? void 0 : l.low) ?? be().low,
+      ((f = s.thresholds) == null ? void 0 : f.mid) ?? be().mid,
+      s.customAttributes ? Object.entries(s.customAttributes).map(([u, C]) => `${u}:${C}`).join("|") : ""
+    ];
+  }) : y = [
+    ["EXAMPLE_CODE", "Example Ingredient", "kg", "kg", "Unit Name", "WAVG", 10.5, 5, 10, ""]
+  ];
+  const h = [
+    ["Business name:", r == null ? void 0 : r.name],
+    ["Business ID:", r == null ? void 0 : r._id],
+    ["Menu version", r == null ? void 0 : r.menuVersion],
+    [],
+    g.map((s) => s.name),
+    ...y
+  ], x = g.map((s) => `system:${s.id}`);
+  return de(h, x);
+}
+function rt() {
+  const r = me().currentBusiness.value, _ = ne(), g = [
+    { id: "recipeName", name: "Recipe Name" },
+    { id: "type", name: "Type" },
+    { id: "code", name: "Code" },
+    { id: "name", name: "Item Name" },
+    { id: "amount", name: "Amount" },
+    { id: "unit", name: "Unit" },
+    { id: "baseUnit", name: "Base Unit" },
+    { id: "measurementName", name: "Measurement Name" },
+    { id: "customAttributes", name: "Custom Attributes" }
+  ];
+  let y = [];
+  if (_.recipes.length > 0) {
+    const s = _.recipeById, e = _.skuById, w = _.skuGroupById;
+    y = _.recipes.flatMap((i) => {
+      var a;
+      const m = i.customAttributes ? Object.entries(i.customAttributes).map(([p, l]) => `${p}:${l}`).join("|") : "";
+      if ((a = i.contains) != null && a.length) {
+        const p = i.contains.filter((u) => u.type === "RECIPE"), l = i.contains.filter((u) => u.type === "SKU"), f = i.contains.filter((u) => u.type === "SKU_GROUP");
+        return [
+          ...p.map((u, C) => {
+            var n;
+            return [
+              C === 0 ? i.name : "",
+              "RECIPE",
+              "",
+              ((n = s[u.id]) == null ? void 0 : n.name) || "",
+              u.amount.amount,
+              "",
+              "unit",
+              "Unit",
+              C === 0 ? m : ""
+            ];
+          }),
+          ...l.map((u, C) => {
+            var n, v, U, A, k, R, Q, ae;
+            return [
+              !p.length && C === 0 ? i.name : "",
+              "INGREDIENT",
+              ((n = e[u.id]) == null ? void 0 : n.code) || "",
+              ((v = e[u.id]) == null ? void 0 : v.name) || "",
+              u.amount.amount,
+              u.measurement ? u.measurement.name : ((A = (U = e[u.id]) == null ? void 0 : U.unit) == null ? void 0 : A.name) || "",
+              u.measurement ? u.measurement.abbrev : ((R = (k = e[u.id]) == null ? void 0 : k.unit) == null ? void 0 : R.abbrev) || "",
+              u.measurement ? u.measurement.name : ((ae = (Q = e[u.id]) == null ? void 0 : Q.unit) == null ? void 0 : ae.name) || "",
+              !p.length && C === 0 ? m : ""
+            ];
+          }),
+          ...f.map((u, C) => {
+            var n, v;
+            return [
+              p.length === 0 && l.length === 0 && C === 0 ? i.name : "",
+              "SKU_GROUP",
+              ((n = w[u.id]) == null ? void 0 : n.ref) || "",
+              ((v = w[u.id]) == null ? void 0 : v.name) || "",
+              u.amount.amount,
+              "",
+              "unit",
+              "Unit",
+              p.length === 0 && l.length === 0 && C === 0 ? m : ""
+            ];
+          })
+        ];
+      }
+      return [];
+    });
+  } else
+    y = [
+      ["Pizza Dough", "INGREDIENT", "FLOUR001", "Flour", "500", "Weight", "g", "Gram", "difficulty:easy, category:italian"],
+      ["", "INGREDIENT", "WATER001", "Water", "300", "Volume", "ml", "Milliliter", ""],
+      ["", "INGREDIENT", "SALT001", "Salt", "10", "Weight", "g", "Gram", ""]
+    ];
+  const h = [
+    ["Business name:", r == null ? void 0 : r.name],
+    ["Business ID:", r == null ? void 0 : r._id],
+    ["Menu version", r == null ? void 0 : r.menuVersion],
+    [],
+    g.map((s) => s.name),
+    ...y
+  ], x = g.map((s) => `system:${s.id}`);
+  return de(h, x);
+}
+function st() {
+  const E = Be({
+    unit: et(),
+    ingredient: tt(),
+    recipe: rt()
+  }), r = "FeedMe comprehensive template.xlsx";
+  return De(E, r), r;
+}
+async function nt(E) {
+  if (!E) return null;
+  try {
+    return Xe(E);
+  } catch (r) {
+    throw console.error("Error in processUnitsSheet:", r), r;
+  }
+}
+async function at(E) {
+  if (!E) return null;
+  try {
+    return We(E);
+  } catch (r) {
+    throw console.error("Error in processIngredientsSheet:", r), r;
+  }
+}
+async function ot(E) {
+  if (!E) return null;
+  try {
+    const r = Ze(E);
+    return Ye(r, { ignoreErrors: !0 });
+  } catch (r) {
+    throw console.error("Error in processRecipesSheet:", r), r;
+  }
+}
+const it = { class: "flex flex-col gap-24" }, lt = { class: "flex flex-col gap-8" }, ut = { class: "flex flex-col flex-1 gap-4" }, ct = { class: "fm-typo-en-body-md-600" }, dt = {
+  key: 2,
+  class: "shrink-0"
+}, mt = {
+  key: 0,
+  class: "flex flex-col"
+}, pt = { class: "text-fm-color-system-error-300 fm-typo-en-body-sm-400" }, vt = {
+  key: 0,
+  class: "max-h-[200px] overflow-y-auto flex flex-col gap-8"
+}, ft = { class: "fm-typo-en-body-lg-600" }, gt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, yt = /* @__PURE__ */ _e({
+  __name: "ImportDialog",
+  setup(E) {
+    const r = M(null), _ = Ve();
+    Re();
+    const g = M(!1), y = M(new Array()), h = M(null), x = M([]), s = M([]), e = z(() => !!y.value.length), w = z(() => !!h.value && x.value.length > 0), { t: i } = ke();
+    async function m(l) {
+      y.value = [], h.value = null, x.value = [], s.value = [];
+      try {
+        g.value = !0;
+        const [f] = await Promise.all([
+          Pe(l),
+          // fake buffer for UX
+          new Promise((u) => setTimeout(u, 1e3))
+        ]);
+        h.value = f, a();
+      } catch (f) {
+        console.error("Error parsing Excel file:", f), y.value.push((f == null ? void 0 : f.message) || "Unknown error occurred");
+      } finally {
+        g.value = !1;
+      }
+    }
+    function a() {
+      if (y.value = [], !h.value) return;
+      const f = ["unit", "ingredient", "recipe"].filter((u) => h.value.Sheets[u]);
+      if (f.length === 0) {
+        y.value.push("No valid sheets found. Expected sheets: unit, ingredient, or recipe");
+        return;
+      }
+      x.value = f, _.emitData({ availableSheets: f, workbook: h.value });
+    }
+    Te(r, (l) => {
+      l && m(l);
+    });
+    function p() {
+      if (!h.value || x.value.length === 0) return "";
+      const l = [];
+      return x.value.forEach((f) => {
+        switch (f) {
+          case "unit":
+            l.push("Units sheet found");
+            break;
+          case "ingredient":
+            l.push("Ingredients sheet found");
+            break;
+          case "recipe":
+            l.push("Recipes sheet found");
+            break;
+        }
+      }), l.length > 0 ? `Ready to process: ${l.join(", ")}. Processing will follow dependency order.` : "No valid sheets found";
+    }
+    return (l, f) => {
+      const u = X("FmCircularProgress"), C = X("FmIcon"), n = X("FmButton");
+      return N(), B("div", it, [
+        G(Ge, {
+          class: ie({
+            "w-full": !0,
+            "h-[200px]": !r.value
+          }),
+          accept: ".xlsx,.xls",
+          onFileUpload: f[0] || (f[0] = (v) => r.value = v),
+          label: P(i)("inventory.ingredient.import.uploadTemplate"),
+          "button-label": P(i)("inventory.ingredient.import.selectFile")
+        }, Fe({ _: 2 }, [
+          r.value ? {
+            name: "default",
+            fn: se(({ openFileDialog: v }) => [
+              o("div", lt, [
+                o("div", {
+                  class: ie([
+                    "fm-corner-radius-md p-16 flex items-center gap-16",
+                    {
+                      "border border-fm-color-neutral-gray-100": g.value,
+                      "border border-fm-color-neutral-gray-200": !g.value && !e.value,
+                      "border border-fm-color-system-error-200": e.value
+                    }
+                  ])
+                }, [
+                  g.value ? (N(), ce(u, {
+                    key: 0,
+                    size: "md",
+                    color: "neutral-gray-200"
+                  })) : (N(), ce(C, {
+                    key: 1,
+                    name: e.value ? "error" : "check_circle",
+                    color: e.value ? "system-error-300" : "system-success-400",
+                    size: "lg"
+                  }, null, 8, ["name", "color"])),
+                  o("div", ut, [
+                    o("div", ct, F(r.value.name), 1),
+                    o("div", {
+                      class: ie([
+                        "fm-typo-en-body-sm-400",
+                        {
+                          "text-fm-color-system-error-300": e.value,
+                          "text-fm-color-typo-secondary": !e.value
+                        }
+                      ])
+                    }, F(e.value ? P(i)("inventory.ingredient.import.error.invalidContent") : "File valid"), 3)
+                  ]),
+                  g.value ? W("", !0) : (N(), B("div", dt, [
+                    G(n, {
+                      label: P(i)("inventory.ingredient.import.replaceFile"),
+                      variant: e.value ? "destructive" : "secondary",
+                      "prepend-icon": e.value ? void 0 : "autorenew",
+                      onClick: v
+                    }, null, 8, ["label", "variant", "prepend-icon", "onClick"])
+                  ]))
+                ], 2),
+                y.value.length ? (N(), B("div", mt, [
+                  (N(!0), B(Ee, null, we(y.value, (U, A) => (N(), B("div", {
+                    key: A,
+                    class: "flex gap-8 items-center"
+                  }, [
+                    G(C, {
+                      name: "error",
+                      size: "sm",
+                      color: "system-error-300"
+                    }),
+                    o("div", pt, F(U), 1)
+                  ]))), 128))
+                ])) : W("", !0)
+              ])
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["class", "label", "button-label"]),
+        w.value ? (N(), B("div", vt, [
+          o("div", ft, F(P(i)("inventory.ingredient.import.summary")), 1),
+          o("div", gt, F(p()), 1)
+        ])) : W("", !0)
+      ]);
+    };
+  }
+}), ht = {
+  key: 0,
+  class: "bg-blue-50 border border-blue-200 rounded-lg p-16"
+}, bt = { class: "flex items-start gap-12" }, xt = { class: "flex flex-col gap-8" }, _t = { class: "fm-typo-en-body-md-400 text-blue-800" }, Et = { class: "fm-typo-en-body-sm-400 text-blue-700" }, wt = ["innerHTML"], It = ["innerHTML"], kt = {
+  key: 1,
+  class: "bg-white rounded-lg shadow"
+}, Rt = { class: "flex items-center justify-between p-16 border-b" }, St = { class: "fm-typo-en-body-sm-400 text-gray-600 mt-4" }, Ct = {
+  key: 0,
+  class: "text-red-600"
+}, Ut = {
+  key: 1,
+  class: "text-orange-600"
+}, $t = {
+  key: 2,
+  class: "text-green-600"
+}, Nt = { class: "flex gap-8" }, Mt = { class: "p-16" }, Tt = {
+  key: 2,
+  class: "bg-white rounded-lg shadow"
+}, Ft = { class: "flex items-center justify-between p-16 border-b" }, Bt = { class: "fm-typo-en-body-sm-400 text-gray-600 mt-4" }, Dt = { class: "flex gap-8" }, At = { class: "p-16" }, Gt = {
+  key: 0,
+  class: "flex flex-col gap-16 p-16"
+}, Pt = { class: "grid grid-cols-2 gap-12" }, Ht = { class: "fm-typo-en-body-md-600" }, Ot = { key: 0 }, Vt = { class: "fm-typo-en-body-md-600" }, jt = { class: "fm-typo-en-body-md-600" }, Kt = { class: "fm-typo-en-body-md-600" }, zt = { class: "space-y-8" }, Wt = { class: "fm-typo-en-body-md-400 text-red-800" }, Lt = { class: "bg-gray-50 p-12 rounded border overflow-auto" }, Jt = { class: "text-sm" }, qt = { class: "flex gap-8" }, rr = /* @__PURE__ */ _e({
+  __name: "ImportView",
+  setup(E) {
+    const { t: r } = ke(), _ = je(), g = Re();
+    He();
+    const { breakpoints: y } = Ke(), h = ne(), x = M("");
+    M(!1);
+    const s = M(!1), e = M(null), w = M(!1), i = M(null), m = M(!1), a = M([]), p = M(null), l = M([]), f = M(!1), u = z(() => y.value.xs || y.value.sm), C = z(() => u.value ? 10 : 20), n = z(() => e.value ? !!(e.value.units && [
+      ...e.value.units.create || [],
+      ...e.value.units.update || []
+    ].some((t) => t.errors && t.errors.length > 0) || e.value.skus && [
+      ...e.value.skus.create || [],
+      ...e.value.skus.update || []
+    ].some((t) => t.errors && t.errors.length > 0) || e.value.recipes && [
+      ...e.value.recipes.create || [],
+      ...e.value.recipes.update || []
+    ].some((t) => t.errors && t.errors.length > 0)) : !1), v = z(() => e.value ? !!e.value._invalidExcel : !1), U = z(() => {
+      if (!e.value) return [];
+      const d = [];
+      if (e.value.units) {
+        if (e.value.units.create)
+          for (const t of e.value.units.create) {
+            const I = t.errors && t.errors.length > 0 ? t.errors || "Validation Failed" : e.value._invalidExcel ? e.value._invalidExcelMessage || "Invalid Excel format" : "Ready to Import";
+            d.push({
+              name: t.name || t.abbrev || "Unknown",
+              type: "Unit",
+              operation: "Create",
+              status: I,
+              errors: t.errors || [],
+              details: t
+            });
+          }
+        if (e.value.units.update)
+          for (const t of e.value.units.update) {
+            const I = t.errors && t.errors.length > 0 ? t.errors || "Validation Failed" : e.value._invalidExcel ? e.value._invalidExcelMessage || "Invalid Excel format" : "Ready to Import";
+            d.push({
+              name: t.name || t.abbrev || "Unknown",
+              type: "Unit",
+              operation: "Update",
+              status: I,
+              errors: t.errors || [],
+              details: t
+            });
+          }
+      }
+      if (e.value.skus) {
+        if (e.value.skus.create)
+          for (const t of e.value.skus.create) {
+            const I = t.errors && t.errors.length > 0 ? t.errors || "Validation Failed" : e.value._invalidExcel ? e.value._invalidExcelMessage || "Invalid Excel format" : "Ready to Import";
+            d.push({
+              name: t.name || t.code || "Unknown",
+              type: "Ingredient",
+              operation: "Create",
+              status: I,
+              errors: t.errors || [],
+              details: t
+            });
+          }
+        if (e.value.skus.update)
+          for (const t of e.value.skus.update) {
+            const I = t.errors && t.errors.length > 0 ? t.errors || "Validation Failed" : e.value._invalidExcel ? e.value._invalidExcelMessage || "Invalid Excel format" : "Ready to Import";
+            d.push({
+              name: t.name || t.code || "Unknown",
+              type: "Ingredient",
+              operation: "Update",
+              status: I,
+              errors: t.errors || [],
+              details: t
+            });
+          }
+      }
+      if (e.value.recipes) {
+        if (e.value.recipes.create)
+          for (const t of e.value.recipes.create) {
+            const I = t.errors && t.errors.length > 0 ? t.errors || "Validation Failed" : e.value._invalidExcel ? e.value._invalidExcelMessage || "Invalid Excel format" : "Ready to Import";
+            d.push({
+              name: t.name || t.code || "Unknown",
+              type: "Recipe",
+              operation: "Create",
+              status: I,
+              errors: t.errors || [],
+              details: t
+            });
+          }
+        if (e.value.recipes.update)
+          for (const t of e.value.recipes.update) {
+            const I = t.errors && t.errors.length > 0 ? t.errors || "Validation Failed" : e.value._invalidExcel ? e.value._invalidExcelMessage || "Invalid Excel format" : "Ready to Import";
+            d.push({
+              name: t.name || t.code || "Unknown",
+              type: "Recipe",
+              operation: "Update",
+              status: I,
+              errors: t.errors || [],
+              details: t
+            });
+          }
+      }
+      return d;
+    }), A = z(() => !l.value || l.value.length === 0 ? [] : l.value.map((d, t) => {
+      var b;
+      return {
+        id: t + 1,
+        name: d.error.data.name || "Unknown",
+        type: d.type || "General",
+        message: ((b = d.error) == null ? void 0 : b.message) || JSON.stringify(d.error)
+      };
+    }));
+    function k(d) {
+      switch (d) {
+        case "import":
+          return R();
+      }
+    }
+    M(null);
+    function R() {
+      _.open({
+        title: r("common.import"),
+        contentComponent: yt,
+        overlay: !0,
+        closeButton: !0,
+        primaryActions: {
+          text: r("common.next"),
+          close: !1
+        },
+        secondaryActions: {
+          text: r("common.close"),
+          close: !0
+        },
+        tertiaryActions: {
+          text: r("inventory.ingredient.import.actions.downloadTemplate"),
+          close: !1,
+          variant: "plain"
+        }
+      }).onPrimary(async (d) => {
+        d && d.workbook && d.availableSheets && (await Q(d), _.close()), a.value.length === 0 && _.close();
+      }).onTertiary(() => {
+        try {
+          const d = st();
+          g.open({
+            title: r("common.export") + " " + r("inventory.ingredient.import.actions.downloadTemplate"),
+            message: `Template downloaded: ${d}`,
+            type: "success"
+          });
+        } catch (d) {
+          g.open({
+            title: "Download Failed",
+            message: "Failed to download template. Please try again.",
+            type: "error"
+          }), console.error("Error downloading template:", d);
+        }
+      });
+    }
+    async function Q(d) {
+      e.value || (e.value = {}), p.value = d.workbook, a.value = [...d.availableSheets], await ae();
+    }
+    async function ae() {
+      var t, b, I, L, K, Y;
+      if (!p.value || a.value.length === 0) {
+        w.value = !0;
+        return;
+      }
+      const d = a.value[0];
+      try {
+        e.value || (e.value = {});
+        const T = e.value;
+        switch (d) {
+          case "unit":
+            const O = p.value.Sheets.unit, D = await nt(O);
+            D && (D.invalidExcel && (T._invalidExcel = !0, T._invalidExcelMessage = D.invalidExcelMessage || "Invalid Excel format for Units sheet"), (D.importCreateResult || D.importUpdateResult) && (T.units = {
+              create: ((t = D.importCreateResult) == null ? void 0 : t.map(($) => ({ ...$.unit, errors: $.errors }))) || [],
+              update: ((b = D.importUpdateResult) == null ? void 0 : b.map(($) => ({ ...$.unit, errors: $.errors }))) || []
+            }));
+            break;
+          case "ingredient":
+            const Z = p.value.Sheets.ingredient, H = await at(Z);
+            H && (H.invalidExcel && (T._invalidExcel = !0, T._invalidExcelMessage = H.invalidExcelMessage || "Invalid Excel format for Ingredients sheet"), (H.importCreateResult || H.importUpdateResult) && (T.skus = {
+              create: ((I = H.importCreateResult) == null ? void 0 : I.map(($) => ({ ...$.sku, errors: $.errors }))) || [],
+              update: ((L = H.importUpdateResult) == null ? void 0 : L.map(($) => ({ ...$.sku, errors: $.errors }))) || []
+            }));
+            break;
+          case "recipe":
+            const ee = p.value.Sheets.recipe, j = await ot(ee);
+            j && (j.invalidExcel && (T._invalidExcel = !0, T._invalidExcelMessage = j.invalidExcelMessage || "Invalid Excel format for Recipes sheet"), (j.importCreateResult || j.importUpdateResult) && (T.recipes = {
+              create: ((K = j.importCreateResult) == null ? void 0 : K.map(($) => ({ ...$.recipe, errors: $.errors }))) || [],
+              update: ((Y = j.importUpdateResult) == null ? void 0 : Y.map(($) => ({ ...$.recipe, errors: $.errors }))) || []
+            }));
+            break;
+        }
+        a.value.shift(), w.value = !0;
+      } catch (T) {
+        console.error(`Error processing ${d} sheet:`, T), g.open({
+          title: "Processing Error",
+          message: `Failed to process ${d} sheet`,
+          type: "error"
+        });
+      }
+    }
+    async function Se() {
+      var d, t, b, I, L, K, Y, T, O, D, Z, H, ee, j, $, fe, ge, ye;
+      if (e.value) {
+        if (v.value) {
+          g.open({
+            title: "Invalid Excel Format",
+            message: e.value._invalidExcelMessage || "Invalid Excel format detected",
+            type: "error"
+          });
+          return;
+        }
+        if (n.value) {
+          g.open({
+            title: r("inventory.import.error.invalidContent"),
+            message: r("inventory.ingredient.import.error.hasErrors"),
+            type: "error"
+          });
+          return;
+        }
+        s.value = !0;
+        try {
+          let V = 0, te = "";
+          if (e.value.units && ((d = e.value.units.create) != null && d.length || (t = e.value.units.update) != null && t.length)) {
+            const S = {
+              create: ((b = e.value.units.create) == null ? void 0 : b.filter((c) => !c.errors || c.errors.length === 0)) || [],
+              update: ((I = e.value.units.update) == null ? void 0 : I.filter((c) => !c.errors || c.errors.length === 0)) || []
+            };
+            if (S.create.length || S.update.length) {
+              const c = await h.importUnits(S);
+              c && c.errors && c.errors.length > 0 && l.value.push(...c.errors.map((re) => ({
+                type: "units",
+                error: re
+              })));
+              const J = S.create.length + S.update.length, q = c && c.errors ? c.errors.length : 0;
+              V = J - q, te = "units", e.value.units = null;
+            }
+          } else if (e.value.skus && ((L = e.value.skus.create) != null && L.length || (K = e.value.skus.update) != null && K.length)) {
+            const S = {
+              create: ((Y = e.value.skus.create) == null ? void 0 : Y.filter((c) => !c.errors || c.errors.length === 0)) || [],
+              update: ((T = e.value.skus.update) == null ? void 0 : T.filter((c) => !c.errors || c.errors.length === 0)) || []
+            };
+            if (S.create.length || S.update.length) {
+              const c = await h.importSkus(S);
+              c && c.errors && c.errors.length > 0 && l.value.push(...c.errors.map((re) => ({
+                type: "ingredients",
+                error: re
+              })));
+              const J = S.create.length + S.update.length, q = c && c.errors ? c.errors.length : 0;
+              V = J - q, te = "ingredients", e.value.skus = null;
+            }
+          } else if (e.value.recipes && ((O = e.value.recipes.create) != null && O.length || (D = e.value.recipes.update) != null && D.length)) {
+            const S = {
+              create: ((Z = e.value.recipes.create) == null ? void 0 : Z.filter((c) => !c.errors || c.errors.length === 0)) || [],
+              update: ((H = e.value.recipes.update) == null ? void 0 : H.filter((c) => !c.errors || c.errors.length === 0)) || []
+            };
+            if (S.create.length || S.update.length) {
+              const c = await h.importRecipes(S);
+              c && c.errors && c.errors.length > 0 && l.value.push(...c.errors.map((re) => ({
+                type: "recipes",
+                error: re
+              })));
+              const J = S.create.length + S.update.length, q = c && c.errors ? c.errors.length : 0;
+              V = J - q, te = "recipes", e.value.recipes = null;
+            }
+          }
+          if (V > 0) {
+            const S = l.value.filter((c) => c.type === te);
+            S.length > 0 ? g.open({
+              title: "Import Completed with Issues",
+              message: `Successfully imported ${V} ${te}, failed ${S.length} ${te}`,
+              type: "warning"
+            }) : g.open({
+              title: r("inventory.ingredient.import.success"),
+              message: `Successfully imported ${V} ${te}`,
+              type: "success"
+            });
+          }
+          if (a.value.length > 0)
+            await ae();
+          else if (!(e.value.units && (((ee = e.value.units.create) == null ? void 0 : ee.length) || ((j = e.value.units.update) == null ? void 0 : j.length)) || e.value.skus && ((($ = e.value.skus.create) == null ? void 0 : $.length) || ((fe = e.value.skus.update) == null ? void 0 : fe.length)) || e.value.recipes && (((ge = e.value.recipes.create) == null ? void 0 : ge.length) || ((ye = e.value.recipes.update) == null ? void 0 : ye.length))))
+            if (ve(), l.value.length > 0) {
+              const c = l.value.filter((oe) => oe.type === "units").length, J = l.value.filter((oe) => oe.type === "ingredients").length, q = l.value.filter((oe) => oe.type === "recipes").length, re = c + J + q;
+              f.value = !0, g.open({
+                title: "Import Completed with Issues",
+                message: `Import finished with ${re} failed items (${c} units, ${J} ingredients, ${q} recipes failed). Check the error details below.`,
+                type: "warning"
+              }), console.error("Import errors:", l.value);
+            } else
+              g.open({
+                title: "Import Complete",
+                message: "All data has been successfully imported!",
+                type: "success"
+              });
+        } catch (V) {
+          g.open({
+            title: r("inventory.ingredient.import.error.failed"),
+            message: (V == null ? void 0 : V.message) || "Unknown error occurred",
+            type: "error"
+          }), console.error("Error during import:", V);
+        } finally {
+          s.value = !1;
+        }
+      }
+    }
+    function ve() {
+      w.value = !1, f.value = !1, e.value = null, a.value = [], p.value = null;
+    }
+    function Ce() {
+      f.value = !1, l.value = [];
+    }
+    function Ue() {
+      m.value = !1, i.value = null;
+    }
+    const $e = z(() => [
+      {
+        label: r("common.import"),
+        value: "import",
+        isPrimary: !1,
+        prependIcon: "upload"
+      }
+    ]), Ne = [
+      {
+        id: "name",
+        accessorKey: "name",
+        header: () => "Name",
+        size: 200
+      },
+      {
+        id: "type",
+        accessorKey: "type",
+        header: () => "Type",
+        size: 120
+      },
+      {
+        id: "operation",
+        accessorKey: "operation",
+        header: () => "Operation",
+        size: 100
+      },
+      {
+        id: "status",
+        accessorKey: "status",
+        header: () => "Status",
+        size: 120,
+        cell: (d) => {
+          const t = d.row.original.status;
+          let b = "px-8 py-4 rounded";
+          return t === "Ready to Import" ? b += " bg-blue-100 text-blue-800 border border-blue-200" : t === "Imported" || t === "Successfully Imported" ? b += " bg-green-100 text-green-800 border border-green-200" : t === "Failed" ? b += " bg-red-100 text-red-800 border border-red-200" : t === "Validation Failed" ? b += " bg-orange-100 text-orange-800 border border-orange-200" : (t.includes("Invalid Excel"), b += " bg-red-100 text-red-800 border border-red-200"), ue("div", {
+            class: b,
+            title: t
+            // Add title attribute for hover tooltip
+          }, t);
+        }
+      }
+    ], Me = [
+      {
+        id: "name",
+        accessorKey: "name",
+        header: () => "Name",
+        cell: (d) => {
+          const t = d.row.original.name || "Unknown";
+          return ue("div", {
+            class: "text-gray-800 text-sm py-2"
+          }, t);
+        }
+      },
+      {
+        id: "type",
+        accessorKey: "type",
+        header: () => "Error Type",
+        cell: (d) => {
+          const t = d.row.original.type;
+          let b = "";
+          return t === "units" ? b = "Unit" : t === "ingredients" ? b = "Ingredient" : t === "recipes" ? b = "Recipe" : b = "Unknown", ue("div", {
+            class: "text-gray-800 text-sm py-2"
+          }, b);
+        }
+      },
+      {
+        id: "message",
+        accessorKey: "message",
+        header: () => "Error Message",
+        cell: (d) => {
+          const t = d.row.original.message;
+          return ue("div", {
+            class: "text-red-800 text-sm py-2",
+            title: t
+            // Add tooltip for long messages
+          }, t);
+        }
+      }
+    ];
+    return (d, t) => {
+      const b = X("FmIcon"), I = X("FmButton"), L = X("FmTable"), K = X("FmCard"), Y = X("FmSideSheet");
+      return N(), ce(Oe, {
+        title: P(r)("inventory.common.import"),
+        actions: $e.value,
+        "onClick:action": k
+      }, {
+        default: se(() => {
+          var T;
+          return [
+            o("div", {
+              class: ie([
+                "flex flex-col gap-8 max-h-full",
+                {
+                  "p-0": u.value,
+                  "px-24": !u.value
+                }
+              ])
+            }, [
+              w.value ? W("", !0) : (N(), B("div", ht, [
+                o("div", bt, [
+                  G(b, {
+                    name: "info",
+                    class: "text-blue-600 mt-2"
+                  }),
+                  o("div", xt, [
+                    o("div", _t, F(P(r)("inventory.ingredient.import.multiUploadTemplateInstruction")), 1),
+                    o("div", Et, [
+                      t[1] || (t[1] = le(" 1. ")),
+                      o("span", {
+                        innerHTML: P(r)("inventory.ingredient.import.importInstructions.step1")
+                      }, null, 8, wt),
+                      t[2] || (t[2] = o("br", null, null, -1)),
+                      t[3] || (t[3] = le(" 2. ")),
+                      o("span", {
+                        innerHTML: P(r)("inventory.ingredient.import.importInstructions.step2")
+                      }, null, 8, It),
+                      t[4] || (t[4] = o("br", null, null, -1)),
+                      le(" 3. " + F(P(r)("inventory.ingredient.import.importInstructions.step3")), 1),
+                      t[5] || (t[5] = o("br", null, null, -1)),
+                      le(" 4. " + F(P(r)("inventory.ingredient.import.importInstructions.step4")), 1)
+                    ])
+                  ])
+                ])
+              ])),
+              w.value ? (N(), B("div", kt, [
+                o("div", Rt, [
+                  o("div", null, [
+                    t[6] || (t[6] = o("div", { class: "fm-typo-en-title-md-600" }, "Import Preview", -1)),
+                    o("div", St, [
+                      v.value ? (N(), B("span", Ct, " Error exist: " + F(e.value._invalidExcelMessage), 1)) : n.value ? (N(), B("span", Ut, " Some items have validation errors. Only valid items will be imported. ")) : (N(), B("span", $t, " All items are valid and ready to import. "))
+                    ])
+                  ]),
+                  o("div", Nt, [
+                    G(I, {
+                      variant: "secondary",
+                      onClick: ve,
+                      label: P(r)("common.cancel")
+                    }, null, 8, ["label"]),
+                    G(I, {
+                      variant: "primary",
+                      onClick: Se,
+                      loading: s.value,
+                      disabled: s.value || n.value || v.value,
+                      label: P(r)("common.import")
+                    }, null, 8, ["loading", "disabled", "label"])
+                  ])
+                ]),
+                o("div", Mt, [
+                  G(L, {
+                    "column-defs": Ne,
+                    "row-data": U.value,
+                    "page-size": C.value,
+                    "search-value": x.value,
+                    loading: !1,
+                    "row-hover": ""
+                  }, null, 8, ["row-data", "page-size", "search-value"])
+                ])
+              ])) : W("", !0),
+              f.value && l.value.length > 0 ? (N(), B("div", Tt, [
+                o("div", Ft, [
+                  o("div", null, [
+                    t[7] || (t[7] = o("div", { class: "fm-typo-en-title-md-600 text-red-800" }, "Import Errors", -1)),
+                    o("div", Bt, F(l.value.length) + " items failed to import. Review the errors below: ", 1)
+                  ]),
+                  o("div", Dt, [
+                    G(I, {
+                      variant: "secondary",
+                      onClick: Ce,
+                      label: P(r)("common.close")
+                    }, null, 8, ["label"])
+                  ])
+                ]),
+                o("div", At, [
+                  G(L, {
+                    "column-defs": Me,
+                    "row-data": A.value,
+                    "page-size": C.value,
+                    "search-value": x.value,
+                    loading: !1,
+                    "row-hover": ""
+                  }, null, 8, ["row-data", "page-size", "search-value"])
+                ])
+              ])) : W("", !0)
+            ], 2),
+            G(Y, {
+              "model-value": m.value,
+              "onUpdate:modelValue": t[0] || (t[0] = (O) => m.value = O),
+              header: `${(T = i.value) == null ? void 0 : T.type} Details`,
+              "max-width": 600,
+              "dismiss-away": ""
+            }, {
+              "side-sheet-footer": se(() => [
+                o("div", qt, [
+                  G(I, {
+                    label: "Close",
+                    variant: "tertiary",
+                    onClick: Ue
+                  })
+                ])
+              ]),
+              default: se(() => [
+                i.value != null ? (N(), B("div", Gt, [
+                  G(K, {
+                    variant: "outlined",
+                    class: "p-16"
+                  }, {
+                    default: se(() => {
+                      var O, D, Z, H, ee;
+                      return [
+                        t[13] || (t[13] = o("div", { class: "fm-typo-en-title-sm-600 mb-12" }, "Basic Information", -1)),
+                        o("div", Pt, [
+                          o("div", null, [
+                            t[8] || (t[8] = o("div", { class: "fm-typo-en-body-sm-400 text-gray-600" }, "Name", -1)),
+                            o("div", Ht, F(((D = (O = i.value) == null ? void 0 : O.details) == null ? void 0 : D.name) || ((Z = i.value) == null ? void 0 : Z.name)), 1)
+                          ]),
+                          (ee = (H = i.value) == null ? void 0 : H.details) != null && ee.code ? (N(), B("div", Ot, [
+                            t[9] || (t[9] = o("div", { class: "fm-typo-en-body-sm-400 text-gray-600" }, "Code", -1)),
+                            o("div", Vt, F(i.value.details.code), 1)
+                          ])) : W("", !0),
+                          o("div", null, [
+                            t[10] || (t[10] = o("div", { class: "fm-typo-en-body-sm-400 text-gray-600" }, "Type", -1)),
+                            o("div", jt, F(i.value.type), 1)
+                          ]),
+                          o("div", null, [
+                            t[11] || (t[11] = o("div", { class: "fm-typo-en-body-sm-400 text-gray-600" }, "Operation", -1)),
+                            o("div", Kt, F(i.value.operation), 1)
+                          ]),
+                          o("div", null, [
+                            t[12] || (t[12] = o("div", { class: "fm-typo-en-body-sm-400 text-gray-600" }, "Status", -1)),
+                            o("div", {
+                              class: ie([
+                                "inline-block px-8 py-4 rounded text-sm",
+                                i.value.status !== "Ready to Import" ? "bg-red-100 text-red-800 border border-red-200" : "bg-green-100 text-green-800 border border-green-200"
+                              ])
+                            }, F(i.value.status), 3)
+                          ])
+                        ])
+                      ];
+                    }),
+                    _: 1
+                  }),
+                  i.value.errors && i.value.errors.length > 0 ? (N(), ce(K, {
+                    key: 0,
+                    variant: "outlined",
+                    class: "p-16"
+                  }, {
+                    default: se(() => [
+                      t[14] || (t[14] = o("div", { class: "fm-typo-en-title-sm-600 mb-12 text-red-800" }, "Validation Errors", -1)),
+                      o("div", zt, [
+                        (N(!0), B(Ee, null, we(i.value.errors, (O, D) => (N(), B("div", {
+                          key: D,
+                          class: "flex items-start gap-8 p-12 bg-red-50 border border-red-200 rounded"
+                        }, [
+                          G(b, {
+                            name: "error",
+                            class: "text-red-600 mt-2",
+                            size: "sm"
+                          }),
+                          o("div", Wt, F(O), 1)
+                        ]))), 128))
+                      ])
+                    ]),
+                    _: 1
+                  })) : W("", !0),
+                  G(K, {
+                    variant: "outlined",
+                    class: "p-16"
+                  }, {
+                    default: se(() => [
+                      t[15] || (t[15] = o("div", { class: "fm-typo-en-title-sm-600 mb-12" }, "Raw Data", -1)),
+                      o("div", Lt, [
+                        o("pre", Jt, F(JSON.stringify(i.value.details, null, 2)), 1)
+                      ])
+                    ]),
+                    _: 1
+                  })
+                ])) : W("", !0)
+              ]),
+              _: 1
+            }, 8, ["model-value", "header"])
+          ];
+        }),
+        _: 1
+      }, 8, ["title", "actions"]);
+    };
+  }
+});
+export {
+  rr as default
+};