@feedmepos/mf-inventory-portal 0.0.16 → 0.0.17-dev.2

package/dist/RecipeView-4I-OWCb6.js

@@ -0,0 +1,581 @@
+import { defineComponent as N, ref as R, onMounted as se, resolveComponent as x, openBlock as w, createElementBlock as A, Fragment as le, createElementVNode as _, toDisplayString as ie, createVNode as p, createCommentVNode as H, computed as k, watch as re, createBlock as T, withCtx as $, unref as b, isRef as X, normalizeStyle as ce, Teleport as de, normalizeProps as ue, guardReactiveProps as me } from "vue";
+import { u as P, c as q, S as pe, b as Z, f as fe } from "./app-B4nF7QvC.js";
+import { useDialog as ve, useSnackbar as ne, useProxiedModel as ee, useBreakpoints as _e } from "@feedmepos/ui-library";
+import { i as ye, _ as ge } from "./is-linked-ingredient-error-C6AghEwR.js";
+import { F as h, D as te, R as z } from "./row-action.enum-BwQbURNh.js";
+import { _ as ae, t as be, d as he } from "./xlsx.util-DxDZloWT.js";
+import { c as we, _ as xe, F as oe, u as Re } from "./layout-8DgajRcn.js";
+import { a as j, f as Ce } from "./date2-BwR5G9qy.js";
+import { _ as Ee } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-Dov3Uq2z.js";
+import { R as Fe, U as ke } from "./rules-Dq4Ee_PT.js";
+import { _ as Se } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-GinKxaoG.js";
+const Ve = {
+  key: 0,
+  class: "flex flex-col items-center w-full h-full gap-24"
+}, De = /* @__PURE__ */ _("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary pl-8" }, "Loading...", -1), Ae = { key: 1 }, $e = /* @__PURE__ */ _("br", null, null, -1), Pe = { key: 0 }, Ie = /* @__PURE__ */ _("p", { class: "fm-typo-en-body-lg-600" }, "Affected menu items:", -1), Te = /* @__PURE__ */ N({
+  __name: "DeleteDialog",
+  props: {
+    type: {},
+    data: {},
+    message: {},
+    bindedItems: {}
+  },
+  setup(y) {
+    const u = y, v = R(u.bindedItems || []), n = R(!1);
+    se(() => {
+      l();
+    });
+    async function l() {
+      var a, m;
+      !n.value && ((a = u.data) != null && a._id) && (n.value = !0, v.value = await P().getAffectedMenu((m = u.data) == null ? void 0 : m._id), n.value = !1);
+    }
+    return (a, m) => {
+      const i = x("FmSpacer"), d = x("FmCircularProgress");
+      return w(), A(le, null, [
+        _("p", null, ie(a.message), 1),
+        n.value ? (w(), A("div", Ve, [
+          p(i),
+          _("div", null, [
+            p(d, { size: "xl" })
+          ]),
+          De,
+          p(i)
+        ])) : (w(), A("div", Ae, [
+          $e,
+          v.value.length > 0 ? (w(), A("div", Pe, [
+            Ie,
+            p(ae, {
+              name: "Menu",
+              bindings: v.value
+            }, null, 8, ["bindings"])
+          ])) : H("", !0)
+        ]))
+      ], 64);
+    };
+  }
+});
+function Me() {
+  const y = ve(), u = ne(), v = P(), n = R(!1), l = R();
+  function a() {
+    const t = {
+      recipe: {},
+      mode: h.CREATE,
+      show: !0,
+      "onUpdate:show"(r) {
+        l.value.show = r;
+      }
+    };
+    l.value = t;
+  }
+  async function m(t) {
+    const r = {
+      recipe: q(t),
+      mode: h.UPDATE,
+      show: !0,
+      "onUpdate:show"(g) {
+        l.value.show = g;
+      }
+    };
+    l.value = r;
+  }
+  async function i(t) {
+    n.value = !0;
+    try {
+      await v.deleteRecipe(t), u.open({
+        title: "Success",
+        message: `Deleted ${t.name}`,
+        type: "success"
+      });
+    } catch (r) {
+      r instanceof pe && ye(r) ? y.open({
+        title: "Cannot delete recipe",
+        contentComponent: ge,
+        contentComponentProps: {
+          subject: (t == null ? void 0 : t.name) ?? "",
+          items: r.errorResponse.message
+        },
+        secondaryActions: {
+          text: "Close",
+          close: !0
+        }
+      }) : console.log("unable to delete recipe", r), u.open({
+        title: `Cannot delete ${t == null ? void 0 : t.name}`,
+        message: "Please try again.",
+        type: "error"
+      }), console.error("failed to delete recipe", r);
+    } finally {
+      n.value = !1;
+    }
+  }
+  function d(t) {
+    y.open({
+      title: `Delete ${(t == null ? void 0 : t.name) ?? "recipe"}?`,
+      closeButton: !1,
+      primaryActions: {
+        text: "Delete",
+        close: !0,
+        variant: "destructive"
+      },
+      secondaryActions: {
+        text: "Cancel",
+        close: !0
+      },
+      contentComponent: Te,
+      contentComponentProps: {
+        type: "menu",
+        data: t,
+        message: "You may not be able to delete this recipe if it is linked in any of the inventory modules."
+      }
+    }).onPrimary(() => i(t));
+  }
+  return {
+    createRecipe: a,
+    updateRecipe: m,
+    deleteRecipe: d,
+    recipeDialogProps: l,
+    recipeViewLoading: n
+  };
+}
+function Ue({
+  updateRecipe: y,
+  deleteRecipe: u
+}) {
+  async function v(a, m) {
+    const i = q(m);
+    if (a === z.Edit) {
+      await y(i);
+      return;
+    }
+    if (a === z.Delete) {
+      await u(i);
+      return;
+    }
+  }
+  const n = [
+    {
+      accessorKey: "recipe",
+      header: "Recipe",
+      size: 400
+    },
+    {
+      accessorKey: "ingredients",
+      header: "Ingredients",
+      size: "auto"
+    },
+    {
+      id: "action",
+      header: "",
+      cell(a) {
+        return we(
+          [te[z.Edit], te[z.Delete]],
+          (m) => {
+            v(m, a.row.original.original);
+          }
+        );
+      },
+      enableSorting: !1,
+      size: 40,
+      meta: {
+        cellClass: "",
+        headerClass: ""
+      }
+    }
+  ];
+  function l(a) {
+    const m = P();
+    return a.map((i) => ({
+      recipe: i.name,
+      ingredients: i.contains.map((d) => {
+        var r, g;
+        const t = m.skuById[d.id];
+        return t ? `${t.name} (${j(d.amount)}${((r = d.measurement) == null ? void 0 : r.abbrev) ?? ((g = t == null ? void 0 : t.unit) == null ? void 0 : g.abbrev)})` : null;
+      }).filter((d) => d).join(", "),
+      original: i
+    }));
+  }
+  return { columnDefs: n, formatRowData: l };
+}
+const Be = { class: "flex flex-col gap-40" }, Le = {
+  key: 0,
+  class: "col-span-2 mt-16 border-1 border-fm-color-neutral-gray-200 fm-corner-radius-lg flex flex-col p-16 gap-16"
+}, ze = {
+  key: 0,
+  class: "flex flex-col items-center w-full h-full gap-24"
+}, Ne = /* @__PURE__ */ _("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary pl-8" }, "Loading...", -1), Ye = { key: 1 }, He = /* @__PURE__ */ N({
+  __name: "RecipeForm",
+  props: {
+    mode: {},
+    modelValue: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue", "click:submit"],
+  setup(y, { expose: u, emit: v }) {
+    var E;
+    const n = y, l = v, a = k({
+      get() {
+        var e;
+        return ((e = n.modelValue) == null ? void 0 : e.name) ?? "";
+      },
+      set(e) {
+        const o = n.modelValue ?? {};
+        o.name = e, l("update:modelValue", o);
+      }
+    }), m = k({
+      get() {
+        var e;
+        return ((e = n.modelValue) == null ? void 0 : e.contains) ?? [];
+      },
+      set(e) {
+        const o = n.modelValue ?? {};
+        o.contains = e, l("update:modelValue", o);
+      }
+    });
+    function i() {
+      l("click:submit");
+    }
+    const d = R();
+    u({
+      validateInputs: () => {
+        var e, o;
+        (o = (e = d.value) == null ? void 0 : e.validateInputs) == null || o.call(e);
+      },
+      resetInputsValidation: () => {
+        var e, o;
+        (o = (e = d.value) == null ? void 0 : e.resetInputsValidation) == null || o.call(e);
+      },
+      resetInputs: () => {
+        var e, o;
+        (o = (e = d.value) == null ? void 0 : e.resetInputs) == null || o.call(e);
+      }
+    });
+    const t = P(), r = R([]), g = R(!1), c = R(!1);
+    re(g, async (e) => {
+      C(e);
+    });
+    async function C(e) {
+      var o, V;
+      e && !c.value && ((o = n.modelValue) != null && o._id) && (c.value = !0, r.value = await t.getAffectedMenu((V = n.modelValue) == null ? void 0 : V._id), c.value = !1);
+    }
+    const s = k(
+      () => t.recipes.map((e) => ({ label: e.name, value: e.name }))
+    ), f = R((E = n.modelValue) == null ? void 0 : E.name);
+    return (e, o) => {
+      const V = x("FmTextField"), I = x("FmCard"), Y = x("FmSwitch"), M = x("FmSpacer"), D = x("FmCircularProgress"), S = x("FmForm");
+      return w(), T(S, {
+        ref_key: "formRef",
+        ref: d,
+        onValidationSuccess: i
+      }, {
+        default: $(() => [
+          _("div", Be, [
+            p(V, {
+              disabled: e.disabled,
+              label: "Name",
+              "model-value": a.value,
+              "onUpdate:modelValue": o[0] || (o[0] = (F) => a.value = F),
+              rules: [
+                b(Fe)(),
+                b(ke)(s.value, f.value, (F) => `[${F.value}] already exists`)
+              ],
+              "label-mark": "required"
+            }, null, 8, ["disabled", "model-value", "rules"]),
+            p(I, {
+              variant: "outlined",
+              class: "p-16"
+            }, {
+              default: $(() => {
+                var F;
+                return [
+                  p(Se, {
+                    id: (F = e.modelValue) == null ? void 0 : F._id,
+                    disabled: e.disabled,
+                    "model-value": m.value,
+                    "onUpdate:modelValue": o[1] || (o[1] = (U) => m.value = U)
+                  }, null, 8, ["id", "disabled", "model-value"])
+                ];
+              }),
+              _: 1
+            })
+          ]),
+          e.mode !== b(h).CREATE ? (w(), A("div", Le, [
+            _("div", null, [
+              p(Y, {
+                label: "Show binded items",
+                modelValue: g.value,
+                "onUpdate:modelValue": o[2] || (o[2] = (F) => g.value = F),
+                "label-placement": "right",
+                disabled: c.value
+              }, null, 8, ["modelValue", "disabled"])
+            ]),
+            c.value ? (w(), A("div", ze, [
+              p(M),
+              _("div", null, [
+                p(D, { size: "xl" })
+              ]),
+              Ne,
+              p(M)
+            ])) : (w(), A("div", Ye, [
+              g.value && r.value.length ? (w(), T(ae, {
+                key: 0,
+                name: "Menu",
+                bindings: r.value
+              }, null, 8, ["bindings"])) : H("", !0)
+            ]))
+          ])) : H("", !0)
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), je = { class: "flex gap-4" }, qe = /* @__PURE__ */ N({
+  __name: "RecipeDialog",
+  props: {
+    show: { type: Boolean },
+    recipe: {},
+    mode: { default: h.READ }
+  },
+  emits: ["update:show"],
+  setup(y) {
+    const u = y, v = P(), n = ne(), l = ee(u, "show"), a = ee(u, "recipe"), m = k(() => {
+      switch (u.mode) {
+        case h.READ:
+          return "View recipe";
+        case h.UPDATE:
+          return "Edit recipe";
+        case h.CREATE:
+          return "Add recipe";
+      }
+      return "";
+    }), i = k(() => {
+      switch (u.mode) {
+        case h.READ:
+          return "";
+        case h.UPDATE:
+          return "Save";
+        case h.CREATE:
+          return "Add";
+      }
+      return "";
+    }), d = R(), t = R(!1);
+    async function r() {
+      t.value = !0;
+      try {
+        const s = q(a.value);
+        s.precision ?? (s.precision = 0), s.measurements ?? (s.measurements = []), await v.createRecipe(s), l.value = !1, n.open({
+          title: "Success",
+          message: "Created " + a.value.name,
+          type: "success"
+        });
+      } catch (s) {
+        s instanceof Z || n.open({
+          title: "Failed to create recipe",
+          message: "Please try again",
+          type: "error"
+        });
+      } finally {
+        t.value = !1;
+      }
+    }
+    async function g() {
+      t.value = !0;
+      try {
+        await v.updateRecipe(a.value), l.value = !1, n.open({
+          title: "Success",
+          message: "Updated " + a.value.name,
+          type: "success"
+        });
+      } catch (s) {
+        s instanceof Z || n.open({
+          title: "Failed to update recipe",
+          message: "Please try again",
+          type: "error"
+        });
+      } finally {
+        t.value = !1;
+      }
+    }
+    function c() {
+      var s, f;
+      (f = (s = d.value) == null ? void 0 : s.validateInputs) == null || f.call(s);
+    }
+    function C() {
+      switch (u.mode) {
+        case h.READ:
+          return;
+        case h.UPDATE:
+          return g();
+        case h.CREATE:
+          return r();
+      }
+    }
+    return (s, f) => {
+      const E = x("FmButton"), e = x("FmSideSheet");
+      return w(), T(e, {
+        "model-value": b(l),
+        "onUpdate:modelValue": f[3] || (f[3] = (o) => X(l) ? l.value = o : null),
+        header: m.value,
+        "close-button": "",
+        "dismiss-away": "",
+        "max-width": 500
+      }, {
+        "side-sheet-footer": $(() => [
+          _("div", je, [
+            p(E, {
+              loading: t.value,
+              label: i.value,
+              onClick: c
+            }, null, 8, ["loading", "label"]),
+            p(E, {
+              disabled: t.value,
+              label: "Close",
+              variant: "tertiary",
+              onClick: f[2] || (f[2] = (o) => l.value = !1)
+            }, null, 8, ["disabled"])
+          ])
+        ]),
+        default: $(() => [
+          p(He, {
+            class: "w-full",
+            ref_key: "hasValidationExpose",
+            ref: d,
+            modelValue: b(a),
+            "onUpdate:modelValue": f[0] || (f[0] = (o) => X(a) ? a.value = o : null),
+            mode: s.mode,
+            disabled: t.value,
+            "onClick:submit": f[1] || (f[1] = (o) => C())
+          }, null, 8, ["modelValue", "mode", "disabled"])
+        ]),
+        _: 1
+      }, 8, ["model-value", "header"]);
+    };
+  }
+});
+function Ke() {
+  const y = P(), u = y.recipes, v = y.recipeById, n = y.skuById, l = u.flatMap((i, d) => {
+    var t;
+    if ((t = i.contains) != null && t.length) {
+      const r = i.contains.filter((c) => c.type === "RECIPE"), g = i.contains.filter((c) => c.type === "SKU");
+      return [
+        ...d === 0 ? [] : [["", "", "", "", "", ""]],
+        ...r.map(
+          (c, C) => {
+            var s;
+            return [
+              C === 0 ? i.name : "",
+              "RECIPE",
+              "",
+              (s = v[c.id]) == null ? void 0 : s.name,
+              j(c.amount),
+              "UNIT"
+            ];
+          }
+        ),
+        ...g.map(
+          (c, C) => {
+            var s, f, E, e;
+            return [
+              !r.length && C === 0 ? i.name : "",
+              "INGREDIENT",
+              (s = n[c.id]) == null ? void 0 : s.code,
+              (f = n[c.id]) == null ? void 0 : f.name,
+              j(c.amount),
+              c.measurement ? c.measurement.abbrev : (e = (E = n[c.id]) == null ? void 0 : E.unit) == null ? void 0 : e.abbrev
+            ];
+          }
+        )
+      ];
+    }
+    return [
+      ...d === 0 ? [] : [["", "", "", "", "", ""]],
+      [i.name, "No bindings", "", "", "", ""]
+    ];
+  }), m = be(l, ["Name", "Type", "Code", "Item", "Amount", "Unit"]);
+  he(m, `RECIPE_${Ce(/* @__PURE__ */ new Date(), "-", "-")}.xlsx`);
+}
+const Ge = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, Je = { class: "px-8 flex items-center xs:gap-0 xs:flex-col-reverse sm:gap-0 sm:flex-col-reverse" }, Oe = { class: "flex-1 w-full" }, Qe = { class: "flex flex-col py-8" }, We = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Xe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, dt = /* @__PURE__ */ N({
+  __name: "RecipeView",
+  setup(y) {
+    const u = P(), v = k(() => u.recipes), n = fe(), { createRecipe: l, updateRecipe: a, deleteRecipe: m, recipeDialogProps: i, recipeViewLoading: d } = Me(), { columnDefs: t, formatRowData: r } = Ue({
+      updateRecipe: a,
+      deleteRecipe: m
+    }), g = k(() => r(v.value));
+    function c(V) {
+      V === "add" && l();
+    }
+    const C = R(""), s = k(() => d.value), f = {
+      label: "Export",
+      icon: "ios_share",
+      key: "export"
+    }, { breakpoints: E } = _e(), e = k(() => E.value.xs || E.value.sm ? 10 : 20), o = Re();
+    return (V, I) => {
+      const Y = x("FmTableToolbar"), M = x("FmTable");
+      return w(), T(Ee, {
+        title: "Recipe",
+        actions: [{ label: "Add recipe", value: "add", isPrimary: !0, prependIcon: "add" }],
+        "onClick:action": c
+      }, {
+        default: $(() => [
+          _("div", Ge, [
+            _("div", Je, [
+              _("div", Oe, [
+                p(Y, {
+                  searchable: "",
+                  "search-model": C.value,
+                  "onUpdate:searchModel": I[0] || (I[0] = (D) => C.value = D),
+                  actions: [f],
+                  "onClick:actionExport": b(Ke)
+                }, null, 8, ["search-model", "actions", "onClick:actionExport"])
+              ])
+            ]),
+            (w(), T(M, {
+              style: ce(b(o).tableHeight),
+              "column-defs": b(t),
+              "row-data": g.value,
+              "search-value": C.value,
+              loading: !b(n)._currentLocation || s.value,
+              onRowClick: I[1] || (I[1] = (D) => b(a)(D.original.original)),
+              key: v.value.length,
+              "page-size": e.value
+            }, {
+              "list-row": $((D) => [
+                p(xe, {
+                  row: D,
+                  onRowClick: (S) => b(a)(S.original)
+                }, {
+                  default: $((S) => {
+                    var F, U, K, B, G, J, O, Q, L, W;
+                    return [
+                      _("div", Qe, [
+                        _("div", We, [
+                          p(b(oe), {
+                            render: (K = (U = (F = S.recipe) == null ? void 0 : F.column) == null ? void 0 : U.columnDef) == null ? void 0 : K.cell,
+                            props: (G = (B = S.recipe) == null ? void 0 : B.getContext) == null ? void 0 : G.call(B)
+                          }, null, 8, ["render", "props"])
+                        ]),
+                        _("div", Xe, [
+                          p(b(oe), {
+                            render: (Q = (O = (J = S.ingredients) == null ? void 0 : J.column) == null ? void 0 : O.columnDef) == null ? void 0 : Q.cell,
+                            props: (W = (L = S.ingredients) == null ? void 0 : L.getContext) == null ? void 0 : W.call(L)
+                          }, null, 8, ["render", "props"])
+                        ])
+                      ])
+                    ];
+                  }),
+                  _: 2
+                }, 1032, ["row", "onRowClick"])
+              ]),
+              _: 1
+            }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"]))
+          ]),
+          (w(), T(de, { to: "body" }, [
+            p(qe, ue(me(b(i))), null, 16)
+          ]))
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  dt as default
+};

package/dist/SingleColumnLayout.vue_vue_type_script_setup_true_lang-Dov3Uq2z.js

@@ -0,0 +1,64 @@
+import { defineComponent as h, computed as v, resolveComponent as x, openBlock as l, createElementBlock as r, Fragment as f, createElementVNode as o, toDisplayString as g, renderList as B, createBlock as b, createCommentVNode as d, unref as s, createVNode as k, renderSlot as C, Teleport as w } from "vue";
+import { FmButtonVariant as F, useBreakpoints as V } from "@feedmepos/ui-library";
+const $ = { class: "flex flex-col w-full bg-white h-full" }, I = { class: "flex items-center px-24 py-16 xs:p-12 sm:p-12 gap-4 h-[68px]" }, N = { class: "flex-1 fm-typo-en-title-md-800 flex items-center h-[36px] bg-white" }, P = { key: 0 }, S = { key: 1 }, T = { class: "bg-white flex-1" }, A = { class: "fixed bottom-96 right-16" }, j = /* @__PURE__ */ h({
+  __name: "SingleColumnLayout",
+  props: {
+    actions: { default: () => [] },
+    title: { default: "Title" },
+    description: {},
+    showBackButton: { type: Boolean },
+    defaultPadding: { type: Boolean },
+    breadcrumbs: { default: () => [] }
+  },
+  emits: ["click:action"],
+  setup(_, { emit: y }) {
+    const u = _, c = y, t = v(() => u.actions.find((e) => e.isPrimary)), m = v(
+      () => u.actions.filter((e) => !e.isPrimary).map((e) => ({ ...e, variant: e.variant ?? F.Tertiary }))
+    ), { breakpoints: i } = V();
+    return (e, a) => {
+      const p = x("FmButton");
+      return l(), r(f, null, [
+        o("div", $, [
+          o("div", I, [
+            o("div", N, g(e.title), 1),
+            m.value.length ? (l(), r("div", P, [
+              (l(!0), r(f, null, B(m.value, (n) => (l(), b(p, {
+                key: n.value,
+                label: n.label,
+                "prepend-icon": n.prependIcon,
+                variant: n.variant,
+                onClick: (E) => c("click:action", n.value)
+              }, null, 8, ["label", "prepend-icon", "variant", "onClick"]))), 128))
+            ])) : d("", !0),
+            t.value && (s(i).lg || s(i).md) ? (l(), r("div", S, [
+              k(p, {
+                label: t.value.label,
+                "prepend-icon": t.value.prependIcon,
+                onClick: a[0] || (a[0] = (n) => c("click:action", t.value.value))
+              }, null, 8, ["label", "prepend-icon"])
+            ])) : d("", !0)
+          ]),
+          o("div", T, [
+            C(e.$slots, "default")
+          ])
+        ]),
+        t.value && (s(i).sm || s(i).xs) ? (l(), b(w, {
+          key: 0,
+          to: "body"
+        }, [
+          o("div", A, [
+            k(p, {
+              label: t.value.label,
+              "prepend-icon": t.value.prependIcon,
+              onClick: a[1] || (a[1] = (n) => c("click:action", t.value.value)),
+              variant: "fab"
+            }, null, 8, ["label", "prepend-icon"])
+          ])
+        ])) : d("", !0)
+      ], 64);
+    };
+  }
+});
+export {
+  j as _
+};

package/dist/StockForecast.vue_vue_type_style_index_0_lang-B5EK101t.js

@@ -0,0 +1,58 @@
+import { defineComponent as d, computed as f, openBlock as i, createElementBlock as l, createElementVNode as r, normalizeClass as c, toDisplayString as m } from "vue";
+function _(e, o = !1) {
+  var t;
+  return e ? [
+    {
+      label: o ? e.abbrev : `1 ${e.name} (${e.abbrev})`,
+      abbrev: e.abbrev,
+      value: null
+    },
+    ...((t = e.measurements) == null ? void 0 : t.map((a) => ({
+      label: o ? a.abbrev : `1 ${a.name} (${a.abbrev})`,
+      abbrev: a.abbrev,
+      value: a.id
+    }))) ?? []
+  ] : [];
+}
+var n = /* @__PURE__ */ ((e) => (e.noInfo = "no-info", e.low = "low", e.mid = "mid", e.high = "high", e))(n || {});
+const p = {
+  key: 0,
+  class: "flex"
+}, b = {
+  key: 1,
+  class: "flex"
+}, y = /* @__PURE__ */ r("div", { class: "flex px-8 py-4 bg-fm-color-neutral-gray-100 fm-corner-radius-md gap-8" }, [
+  /* @__PURE__ */ r("p", { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, "No data")
+], -1), u = [
+  y
+], g = /* @__PURE__ */ d({
+  __name: "StockForecast",
+  props: {
+    days: {},
+    level: {}
+  },
+  setup(e) {
+    const o = e, s = f(() => o.level ? o.level : typeof o.days != "number" ? n.noInfo : o.days > 14 ? n.high : o.days >= 7 && o.days <= 14 ? n.mid : n.low);
+    return (t, a) => typeof o.days == "number" ? (i(), l("div", p, [
+      r("div", {
+        class: c([
+          `fm-forecast-notification-${s.value}`,
+          "flex items-center gap-8 p-4 fm-corner-radius-md fm-typo-en-body-md-600"
+        ])
+      }, [
+        r("div", {
+          class: c([
+            "fm-forecast-notification-indicator",
+            `fm-forecast-notification-indicator-${s.value}`
+          ])
+        }, null, 2),
+        r("div", null, m(o.days) + " days", 1)
+      ], 2)
+    ])) : (i(), l("div", b, u));
+  }
+});
+export {
+  n as S,
+  g as _,
+  _ as g
+};