@feedmepos/mf-kitchen 1.0.4 → 1.0.5-beta.0

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

@@ -1,27 +1,27 @@
-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({
+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 M, createBlock as w, createCommentVNode as S } from "vue";
+import { u as B, _ as C, I as $, r as T, a as I, T as E, P as N, g as D } from "./TemplateHeader-3a3b15b3.js";
+import { useI18n as P, useCoreStore as z } from "@feedmepos/mf-common";
+import { useSnackbar as A } from "@feedmepos/ui-library";
+import "./app-70a6f50f.js";
+const H = { class: "flex flex-col w-[420px]" }, Q = { class: "flex flex-col px-[24px] py-[16px] overflow-y-auto gap-24" }, R = { class: "flex flex-col gap-2" }, W = { class: "fm-typo-en-body-lg-600" }, j = { class: "gap" }, O = { class: "flex flex-row gap-[24px]" }, q = { class: "p-[16px] fm-shadow-light-300" }, G = /* @__PURE__ */ F({
   __name: "NormalModeEditor",
   props: {
     modelValue: {}
   },
   emits: ["update:model-value", "reset"],
-  setup(b, { emit: V }) {
-    const c = b, m = V, { t: a } = P();
+  setup(g, { emit: V }) {
+    const c = g, r = V, { t: a } = P();
     function d(n) {
-      m("update:model-value", n(c.modelValue));
+      r("update:model-value", n(c.modelValue));
     }
-    const s = C(() => {
-      m("reset");
+    const s = B(() => {
+      r("reset");
     });
     return (n, l) => {
-      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, {
+      const b = p("FmTextarea"), f = p("FmTextField"), v = p("FmStepperField"), m = p("FmSwitch"), k = p("FmButton");
+      return x(), U("div", H, [
+        u("div", Q, [
+          i(b, {
             "model-value": n.modelValue.headerText,
             label: t(a)("mf-kitchen.editor.headerText"),
             placeholder: t(a)("mf-kitchen.headerTextPlaceholder"),
@@ -45,37 +45,37 @@ const A = { class: "flex flex-col w-[420px]" }, H = { class: "flex flex-col px-[
               d((h) => ({ ...h, fontSize: o }));
             })
           }, null, 8, ["model-value", "label", "rules"]),
-          u("div", Q, [
-            u("label", R, _(t(a)("mf-kitchen.receiptSetting")), 1),
-            u("div", W, [
-              i(r, {
+          u("div", R, [
+            u("label", W, _(t(a)("mf-kitchen.receiptSetting")), 1),
+            u("div", j, [
+              i(m, {
                 "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(r, {
+              i(m, {
                 "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(r, {
+              i(m, {
                 "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(M, {
+              i(C, {
                 "model-value": n.modelValue,
-                "onUpdate:modelValue": l[6] || (l[6] = (e) => m("update:model-value", e))
+                "onUpdate:modelValue": l[6] || (l[6] = (e) => r("update:model-value", e))
               }, null, 8, ["model-value"])
             ])
           ]),
-          i(k, {
+          i(b, {
             "model-value": n.modelValue.footerText,
             label: t(a)("mf-kitchen.editor.footerText"),
             placeholder: t(a)("mf-kitchen.footerTextPlaceholder"),
@@ -92,7 +92,7 @@ const A = { class: "flex flex-col w-[420px]" }, H = { class: "flex flex-col px-[
             title: t(a)("mf-kitchen.editor.logoImage"),
             "onUpdate:modelValue": l[9] || (l[9] = (e) => d((o) => ({ ...o, imgData: e })))
           }, null, 8, ["model-value", "title"]),
-          u("div", j, [
+          u("div", O, [
             i(v, {
               "model-value": n.modelValue.imgHeight ?? 160,
               max: 999,
@@ -119,8 +119,8 @@ const A = { class: "flex flex-col w-[420px]" }, H = { class: "flex flex-col px-[
             }, null, 8, ["model-value", "label", "rules"])
           ])
         ]),
-        u("div", O, [
-          i(g, {
+        u("div", q, [
+          i(k, {
             class: "w-full",
             variant: "secondary",
             label: t(a)("mf-kitchen.resetToDefault"),
@@ -131,7 +131,7 @@ const A = { class: "flex flex-col w-[420px]" }, H = { class: "flex flex-col px-[
       ]);
     };
   }
-}), 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({
+}), J = { class: "h-full flex flex-col" }, K = { class: "flex flex-row min-h-0" }, L = { class: "flex flex-col flex-1" }, X = { class: "templateBuilderHeader" }, Y = { class: "fm-typo-en-body-lg-600" }, Z = { class: "flex h-full justify-center py-10 overflow-y-auto bg-fm-color-neutral-gray-100" }, ne = /* @__PURE__ */ F({
   __name: "NormalModeView",
   props: {
     profile: {
@@ -140,23 +140,24 @@ const A = { class: "flex flex-col w-[420px]" }, H = { class: "flex flex-col px-[
     }
   },
   emits: ["change-mode"],
-  setup(b, { emit: V }) {
-    const c = z(), { t: m } = P(), a = E(), d = y(), s = y();
+  setup(g, { emit: V }) {
+    const c = A(), { t: r } = P(), a = z(), d = y(), s = y();
     async function n() {
       if (s.value)
         try {
-          const r = await T.updateInfo(s.value);
-          f(r), c.open(
+          const m = await T.updateInfo(s.value);
+          f(m), c.open(
             {
-              title: m("mf-kitchen.template.save.success", { file: m("mf-kitchen.receiptTemplate") }),
+              title: r("mf-kitchen.template.save.success", { file: r("mf-kitchen.receiptTemplate") }),
               type: "success"
             },
             2e3
           );
-        } catch {
+        } catch (m) {
           c.open(
             {
-              title: m("mf-kitchen.template.save.failed", { file: m("mf-kitchen.receiptTemplate") }),
+              title: r("mf-kitchen.template.save.failed", { file: r("mf-kitchen.receiptTemplate") }),
+              message: D(m),
               type: "error"
             },
             3e3
@@ -164,57 +165,57 @@ const A = { class: "flex flex-col w-[420px]" }, H = { class: "flex flex-col px-[
         }
     }
     const l = V;
-    function k() {
+    function b() {
       l("change-mode", "advance");
     }
-    function f(r) {
-      d.value = r, s.value = r;
+    function f(m) {
+      d.value = m, s.value = m;
     }
     function v() {
       s.value = d.value;
     }
-    return B(async () => {
+    return M(async () => {
       try {
         await a.readRestaurants(), f(await T.readInfo());
-      } catch (r) {
+      } catch (m) {
         c.open(
           {
-            title: m("mf-kitchen.template.load.fail", { file: m("mf-kitchen.receiptTemplate") }),
-            message: `${r}`,
+            title: r("mf-kitchen.template.load.fail", { file: r("mf-kitchen.receiptTemplate") }),
+            message: `${m}`,
             type: "error"
           },
           1e3
         );
       }
-    }), (r, g) => {
+    }), (m, k) => {
       const e = p("FmButton");
-      return x(), U("div", G, [
+      return x(), U("div", J, [
         i(I),
-        i(N, { onUpdateTemplate: n }),
-        u("div", J, [
-          s.value ? (x(), w(q, {
+        i(E, { onUpdateTemplate: n }),
+        u("div", K, [
+          s.value ? (x(), w(G, {
             key: 0,
             modelValue: s.value,
-            "onUpdate:modelValue": g[0] || (g[0] = (o) => s.value = o),
+            "onUpdate:modelValue": k[0] || (k[0] = (o) => s.value = o),
             onReset: v
           }, null, 8, ["modelValue"])) : S("", !0),
-          u("div", K, [
-            u("div", L, [
-              u("label", X, _(t(m)("mf-kitchen.templateBuilder")), 1),
+          u("div", L, [
+            u("div", X, [
+              u("label", Y, _(t(r)("mf-kitchen.templateBuilder")), 1),
               i(e, {
                 variant: "secondary",
-                label: t(m)("mf-kitchen.advanceBuilder"),
+                label: t(r)("mf-kitchen.advanceBuilder"),
                 "text-color": "primary",
                 bgColor: "typo-white",
                 "border-color": "primary",
-                onClick: k
+                onClick: b
               }, null, 8, ["label"])
             ]),
-            u("div", Y, [
-              s.value && b.profile ? (x(), w(D, {
+            u("div", Z, [
+              s.value && g.profile ? (x(), w(N, {
                 key: 0,
                 "receipt-info": s.value,
-                profile: b.profile
+                profile: g.profile
               }, null, 8, ["receipt-info", "profile"])) : S("", !0)
             ])
           ])
@@ -224,5 +225,5 @@ const A = { class: "flex flex-col w-[420px]" }, H = { class: "flex flex-col px-[
   }
 });
 export {
-  ae as default
+  ne as default
 };

package/dist/ReceiptTemplate-aed86f36.js

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