@feedmepos/mf-kitchen 1.0.3-beta.0 → 1.0.3

package/dist/{NormalModeView-5ae53fb1.js → NormalModeView-9c657951.js}

@@ -1,39 +1,39 @@
-import { defineComponent as _, resolveComponent as c, openBlock as k, createElementBlock as F, createElementVNode as r, createVNode as i, unref as t, toDisplayString as U, computed as C, ref as y, onMounted as M, createBlock as w, createCommentVNode as S } from "vue";
-import { useSnackbar as $ } from "@feedmepos/ui-library";
-import { useI18n as P, useCoreStore as I } from "@feedmepos/mf-common";
-import { u as N, _ as D, I as E, a as z, r as T, b as A, T as H, P as R } from "./restaurant-a106b257.js";
-import "pinia";
-const Q = { class: "flex flex-col w-[420px]" }, W = { class: "flex flex-col px-[24px] py-[16px] overflow-y-auto gap-24" }, j = { class: "flex flex-col gap-2" }, O = { class: "fm-typo-en-body-lg-600" }, q = { class: "gap" }, G = { class: "flex flex-row gap-[24px]" }, J = { class: "p-[16px] fm-shadow-light-300" }, K = /* @__PURE__ */ _({
+import { defineComponent as F, resolveComponent as p, openBlock as x, createElementBlock as U, createElementVNode as u, createVNode as i, unref as t, toDisplayString as _, ref as y, onMounted as B, createBlock as w, createCommentVNode as S } from "vue";
+import { u as C, _ as M, I as $, r as T, a as I, T as N, P as D } from "./TemplateHeader-88f309d9.js";
+import { useI18n as P, useCoreStore as E } from "@feedmepos/mf-common";
+import { useSnackbar as z } from "@feedmepos/ui-library";
+import "./app-57cd590d.js";
+const A = { class: "flex flex-col w-[420px]" }, H = { class: "flex flex-col px-[24px] py-[16px] overflow-y-auto gap-24" }, Q = { class: "flex flex-col gap-2" }, R = { class: "fm-typo-en-body-lg-600" }, W = { class: "gap" }, j = { class: "flex flex-row gap-[24px]" }, O = { class: "p-[16px] fm-shadow-light-300" }, q = /* @__PURE__ */ F({
   __name: "NormalModeEditor",
   props: {
     modelValue: {}
   },
   emits: ["update:model-value", "reset"],
-  setup(V, { emit: g }) {
-    const p = V, m = g, { t: a } = P();
+  setup(b, { emit: V }) {
+    const c = b, m = V, { t: a } = P();
     function d(n) {
-      m("update:model-value", n(p.modelValue));
+      m("update:model-value", n(c.modelValue));
     }
-    const v = N(() => {
+    const s = C(() => {
       m("reset");
     });
     return (n, l) => {
-      const h = c("FmTextarea"), b = c("FmTextField"), f = c("FmStepperField"), u = c("FmSwitch"), x = c("FmButton");
-      return k(), F("div", Q, [
-        r("div", W, [
-          i(h, {
+      const k = p("FmTextarea"), f = p("FmTextField"), v = p("FmStepperField"), r = p("FmSwitch"), g = p("FmButton");
+      return x(), U("div", A, [
+        u("div", H, [
+          i(k, {
             "model-value": n.modelValue.headerText,
             label: t(a)("mf-kitchen.editor.headerText"),
             placeholder: t(a)("mf-kitchen.headerTextPlaceholder"),
             "onUpdate:modelValue": l[0] || (l[0] = (e) => d((o) => ({ ...o, headerText: e })))
           }, null, 8, ["model-value", "label", "placeholder"]),
-          i(b, {
+          i(f, {
             "model-value": n.modelValue.invoicePrefix,
             label: t(a)("mf-kitchen.editor.invoicePrefix"),
             placeholder: t(a)("mf-kitchen.invoicePrefixPlaceholder"),
             "onUpdate:modelValue": l[1] || (l[1] = (e) => d((o) => ({ ...o, invoicePrefix: e })))
           }, null, 8, ["model-value", "label", "placeholder"]),
-          i(f, {
+          i(v, {
             "model-value": n.modelValue.fontSize ?? 16,
             max: 40,
             min: 1,
@@ -42,58 +42,58 @@ const Q = { class: "flex flex-col w-[420px]" }, W = { class: "flex flex-col px-[
             rules: [(e) => e <= 40 || t(a)("mf-kitchen.editor.validation.fontSizeMax")],
             "onUpdate:modelValue": l[2] || (l[2] = (e) => {
               const o = Math.min(e, 40);
-              d((s) => ({ ...s, fontSize: o }));
+              d((h) => ({ ...h, fontSize: o }));
             })
           }, null, 8, ["model-value", "label", "rules"]),
-          r("div", j, [
-            r("label", O, U(t(a)("mf-kitchen.receiptSetting")), 1),
-            r("div", q, [
-              i(u, {
+          u("div", Q, [
+            u("label", R, _(t(a)("mf-kitchen.receiptSetting")), 1),
+            u("div", W, [
+              i(r, {
                 "model-value": n.modelValue.needPhoneNo,
                 label: t(a)("mf-kitchen.editor.showContact"),
                 "label-placement": "left",
                 class: "receiptSettingSwitch",
                 "onUpdate:modelValue": l[3] || (l[3] = (e) => d((o) => ({ ...o, needPhoneNo: e })))
               }, null, 8, ["model-value", "label"]),
-              i(u, {
+              i(r, {
                 "model-value": n.modelValue.needAddress,
                 label: t(a)("mf-kitchen.editor.showAddress"),
                 "label-placement": "left",
                 class: "receiptSettingSwitch",
                 "onUpdate:modelValue": l[4] || (l[4] = (e) => d((o) => ({ ...o, needAddress: e })))
               }, null, 8, ["model-value", "label"]),
-              i(u, {
+              i(r, {
                 "model-value": n.modelValue.needEmail,
                 label: t(a)("mf-kitchen.editor.showEmail"),
                 "label-placement": "left",
                 class: "receiptSettingSwitch",
                 "onUpdate:modelValue": l[5] || (l[5] = (e) => d((o) => ({ ...o, needEmail: e })))
               }, null, 8, ["model-value", "label"]),
-              i(D, {
+              i(M, {
                 "model-value": n.modelValue,
                 "onUpdate:modelValue": l[6] || (l[6] = (e) => m("update:model-value", e))
               }, null, 8, ["model-value"])
             ])
           ]),
-          i(h, {
+          i(k, {
             "model-value": n.modelValue.footerText,
             label: t(a)("mf-kitchen.editor.footerText"),
             placeholder: t(a)("mf-kitchen.footerTextPlaceholder"),
             "onUpdate:modelValue": l[7] || (l[7] = (e) => d((o) => ({ ...o, footerText: e })))
           }, null, 8, ["model-value", "label", "placeholder"]),
-          i(b, {
+          i(f, {
             "model-value": n.modelValue.footerQr ?? "",
             label: t(a)("mf-kitchen.editor.footerQr"),
             placeholder: t(a)("mf-kitchen.footerQrPlaceholder"),
             "onUpdate:modelValue": l[8] || (l[8] = (e) => d((o) => ({ ...o, footerQr: e })))
           }, null, 8, ["model-value", "label", "placeholder"]),
-          i(E, {
+          i($, {
             "model-value": n.modelValue.imgData,
             title: t(a)("mf-kitchen.editor.logoImage"),
             "onUpdate:modelValue": l[9] || (l[9] = (e) => d((o) => ({ ...o, imgData: e })))
           }, null, 8, ["model-value", "title"]),
-          r("div", G, [
-            i(f, {
+          u("div", j, [
+            i(v, {
               "model-value": n.modelValue.imgHeight ?? 160,
               max: 999,
               min: 0,
@@ -102,10 +102,10 @@ const Q = { class: "flex flex-col w-[420px]" }, W = { class: "flex flex-col px-[
               rules: [(e) => e <= 999 || "More than 999"],
               "onUpdate:modelValue": l[10] || (l[10] = (e) => {
                 const o = Math.min(e, 999);
-                d((s) => ({ ...s, imgHeight: o }));
+                d((h) => ({ ...h, imgHeight: o }));
               })
             }, null, 8, ["model-value", "label", "rules"]),
-            i(f, {
+            i(v, {
               "model-value": n.modelValue.imgWidth ?? 160,
               max: 999,
               min: 0,
@@ -114,33 +114,39 @@ const Q = { class: "flex flex-col w-[420px]" }, W = { class: "flex flex-col px-[
               rules: [(e) => e <= 999 || "More than 999"],
               "onUpdate:modelValue": l[11] || (l[11] = (e) => {
                 const o = Math.min(e, 999);
-                d((s) => ({ ...s, imgWidth: o }));
+                d((h) => ({ ...h, imgWidth: o }));
               })
             }, null, 8, ["model-value", "label", "rules"])
           ])
         ]),
-        r("div", J, [
-          i(x, {
+        u("div", O, [
+          i(g, {
             class: "w-full",
             variant: "secondary",
             label: t(a)("mf-kitchen.resetToDefault"),
             size: "md",
-            onClick: t(v)
+            onClick: t(s)
           }, null, 8, ["label", "onClick"])
         ])
       ]);
     };
   }
-}), L = { class: "h-full flex flex-col" }, X = { class: "flex flex-row min-h-0" }, Y = { class: "flex flex-col flex-1" }, Z = { class: "templateBuilderHeader" }, ee = { class: "fm-typo-en-body-lg-600" }, le = { class: "flex h-full justify-center py-10 overflow-y-auto bg-fm-color-neutral-gray-100" }, de = /* @__PURE__ */ _({
+}), G = { class: "h-full flex flex-col" }, J = { class: "flex flex-row min-h-0" }, K = { class: "flex flex-col flex-1" }, L = { class: "templateBuilderHeader" }, X = { class: "fm-typo-en-body-lg-600" }, Y = { class: "flex h-full justify-center py-10 overflow-y-auto bg-fm-color-neutral-gray-100" }, ae = /* @__PURE__ */ F({
   __name: "NormalModeView",
+  props: {
+    profile: {
+      type: Object,
+      required: !0
+    }
+  },
   emits: ["change-mode"],
-  setup(V, { emit: g }) {
-    const p = $(), { t: m } = P(), a = I(), d = z(), v = C(() => d.profile.value), n = y(), l = y();
-    async function h() {
-      if (l.value)
+  setup(b, { emit: V }) {
+    const c = z(), { t: m } = P(), a = E(), d = y(), s = y();
+    async function n() {
+      if (s.value)
         try {
-          const e = await T.updateInfo(l.value);
-          u(e), p.open(
+          const r = await T.updateInfo(s.value);
+          f(r), c.open(
             {
               title: m("mf-kitchen.template.save.success", { file: m("mf-kitchen.receiptTemplate") }),
               type: "success"
@@ -148,7 +154,7 @@ const Q = { class: "flex flex-col w-[420px]" }, W = { class: "flex flex-col px-[
             2e3
           );
         } catch {
-          p.open(
+          c.open(
             {
               title: m("mf-kitchen.template.save.failed", { file: m("mf-kitchen.receiptTemplate") }),
               type: "error"
@@ -157,58 +163,58 @@ const Q = { class: "flex flex-col w-[420px]" }, W = { class: "flex flex-col px-[
           );
         }
     }
-    const b = g;
-    function f() {
-      b("change-mode", "advance");
+    const l = V;
+    function k() {
+      l("change-mode", "advance");
     }
-    function u(e) {
-      n.value = e, l.value = e;
+    function f(r) {
+      d.value = r, s.value = r;
     }
-    function x() {
-      l.value = n.value;
+    function v() {
+      s.value = d.value;
     }
-    return M(async () => {
+    return B(async () => {
       try {
-        await a.readRestaurants(), u(await T.readInfo());
-      } catch (e) {
-        p.open(
+        await a.readRestaurants(), f(await T.readInfo());
+      } catch (r) {
+        c.open(
           {
             title: m("mf-kitchen.template.load.fail", { file: m("mf-kitchen.receiptTemplate") }),
-            message: `${e}`,
+            message: `${r}`,
             type: "error"
           },
           1e3
         );
       }
-    }), (e, o) => {
-      const s = c("FmButton");
-      return k(), F("div", L, [
-        i(A),
-        i(H, { onUpdateTemplate: h }),
-        r("div", X, [
-          l.value ? (k(), w(K, {
+    }), (r, g) => {
+      const e = p("FmButton");
+      return x(), U("div", G, [
+        i(I),
+        i(N, { onUpdateTemplate: n }),
+        u("div", J, [
+          s.value ? (x(), w(q, {
             key: 0,
-            modelValue: l.value,
-            "onUpdate:modelValue": o[0] || (o[0] = (B) => l.value = B),
-            onReset: x
+            modelValue: s.value,
+            "onUpdate:modelValue": g[0] || (g[0] = (o) => s.value = o),
+            onReset: v
           }, null, 8, ["modelValue"])) : S("", !0),
-          r("div", Y, [
-            r("div", Z, [
-              r("label", ee, U(t(m)("mf-kitchen.templateBuilder")), 1),
-              i(s, {
+          u("div", K, [
+            u("div", L, [
+              u("label", X, _(t(m)("mf-kitchen.templateBuilder")), 1),
+              i(e, {
                 variant: "secondary",
                 label: t(m)("mf-kitchen.advanceBuilder"),
                 "text-color": "primary",
                 bgColor: "typo-white",
                 "border-color": "primary",
-                onClick: f
+                onClick: k
               }, null, 8, ["label"])
             ]),
-            r("div", le, [
-              l.value && v.value ? (k(), w(R, {
+            u("div", Y, [
+              s.value && b.profile ? (x(), w(D, {
                 key: 0,
-                "receipt-info": l.value,
-                profile: v.value
+                "receipt-info": s.value,
+                profile: b.profile
               }, null, 8, ["receipt-info", "profile"])) : S("", !0)
             ])
           ])
@@ -218,5 +224,5 @@ const Q = { class: "flex flex-col w-[420px]" }, W = { class: "flex flex-col px-[
   }
 });
 export {
-  de as default
+  ae as default
 };

package/dist/ReceiptTemplate-9d2103ec.js

@@ -0,0 +1,111 @@
+import { defineComponent as d, defineAsyncComponent as s, computed as a, openBlock as h, createBlock as f, resolveDynamicComponent as R } from "vue";
+import { useCoreStore as _ } from "@feedmepos/mf-common";
+import { useRoute as v, useRouter as A } from "vue-router";
+const N = "mProfile_2021-08-11T03:00:54.471Z", g = "25-b8e114a8abdd0f62619314e6e057ee7a", b = "Mock Receipt Template", O = {
+  line1: "NO. 99, JALAN CONTOH",
+  line2: "TAMAN CONTOH JAYA",
+  state: "JOHOR",
+  city: "JOHOR BAHRU",
+  postcode: "81300",
+  country: "MALAYSIA",
+  coordinates: []
+}, P = "+60123456789", y = "-", M = "", T = !0, C = [], H = [], k = {
+  0: {
+    enable: !0,
+    hours: [
+      {
+        start: "12:00",
+        end: "19:00"
+      }
+    ]
+  },
+  1: {
+    enable: !1,
+    hours: []
+  },
+  2: {
+    enable: !0,
+    hours: [
+      {
+        start: "12:00",
+        end: "19:00"
+      }
+    ]
+  },
+  3: {
+    enable: !0,
+    hours: [
+      {
+        start: "12:00",
+        end: "07:00"
+      }
+    ]
+  },
+  4: {
+    enable: !0,
+    hours: [
+      {
+        start: "12:00",
+        end: "19:00"
+      }
+    ]
+  },
+  5: {
+    enable: !0,
+    hours: [
+      {
+        start: "12:00",
+        end: "19:00"
+      }
+    ]
+  },
+  6: {
+    enable: !0,
+    hours: [
+      {
+        start: "12:00",
+        end: "19:00"
+      }
+    ]
+  }
+}, J = "", B = "Mock Receipt Template", S = null, q = "mockReceiptTemplate", x = "", L = "", Y = {
+  _id: N,
+  _rev: g,
+  name: b,
+  address: O,
+  phoneNo: P,
+  regNo: y,
+  email: M,
+  type_mProfile: T,
+  photos: C,
+  tags: H,
+  operatingHours: k,
+  description: J,
+  legalName: B,
+  sstRegNo: S,
+  url: q,
+  coverPhoto: x,
+  thumbnailPhoto: L
+}, j = /* @__PURE__ */ d({
+  __name: "ReceiptTemplate",
+  setup(D) {
+    const c = v(), u = s(() => import("./NormalModeView-9c657951.js")), l = s(() => import("./AdvanceModeView-4fbb592c.js")), i = a(() => c.query.mode === "advance" ? l : u), o = _(), p = a(() => {
+      var r;
+      const e = o.currentRestaurant.value, [n] = o.restaurants.value;
+      return ((r = e ?? n) == null ? void 0 : r.profile) || Y;
+    }), t = A();
+    function m(e) {
+      t.replace({
+        name: t.currentRoute.value.name,
+        query: { mode: e }
+      });
+    }
+    return (e, n) => (h(), f(R(i.value), {
+      onChangeMode: m,
+      profile: p.value
+    }, null, 40, ["profile"]));
+  }
+});
+export {
+  j as default
+};