@feedmepos/mf-brand-app-builder 0.5.29-dev → 0.5.30-dev.1

package/dist/{ImageUpload-Bzo-UenE.js → ImageUpload-C2wOd8nP.js}

@@ -1,7 +1,7 @@
 import { defineComponent as y, ref as b, resolveComponent as w, createElementBlock as r, openBlock as s, createVNode as c, createCommentVNode as f, Fragment as C, createElementVNode as i, unref as u } from "vue";
 import { r as g, I as h } from "./image-D_Djf1PS.js";
 import { useCoreStore as I } from "@feedmepos/mf-common";
-import "./main-CFlu_mRA.js";
+import "./main-DhPWix66.js";
 import { _ as $ } from "./Icon.vue_vue_type_style_index_0_lang-BcRjQndc.js";
 import { C as k } from "./CircularProgress-DdblYCtV.js";
 import { v as F } from "./v4-CKwdnpQf.js";

package/dist/{ListRepeater-CYEnIU4D.js → ListRepeater-DhTjznuL.js}

@@ -1,5 +1,5 @@
 import { defineComponent as b, resolveComponent as y, createBlock as s, openBlock as c, unref as u, withCtx as i, createElementBlock as m, Fragment as x, renderList as g, createElementVNode as p, createVNode as n, resolveDynamicComponent as F } from "vue";
-import { F as f } from "./app-Dv1xHBP_.js";
+import { F as f } from "./app-CV1GhLxi.js";
 const h = { class: "flex justify-end gap-4 items-center w-full py-16 px-12 border-b" }, z = { class: "flex flex-col gap-4 w-full p-12" }, I = /* @__PURE__ */ b({
   __name: "ListRepeater",
   props: {

package/dist/{app-Dv1xHBP_.js → app-CV1GhLxi.js}

@@ -4418,7 +4418,6 @@ const wn = {
       titles: "{count} titles: {names}",
       pointsPrice: "{points} points",
       or: "or",
-      discount: "Save {discount}",
       redeemSuccess: "{name} successfully redeemed",
       purchaseCompleted: "Purchase Completed",
       purchaseSuccessful: "Your purchase was successful!",
@@ -4892,9 +4891,6 @@ const wn = {
     emptyTitle: "商店套餐将显示在这里！",
     emptySubtitle: "目前没有可兑换的套餐。请稍后查看！",
     bundle: {
-      pointsPrice: "{points}点数",
-      or: "或",
-      discount: "节省 {discount}",
       stripeLabel: "使用Stripe订阅",
       pointsLabel: "点数",
       redeemTitle: "兑换",
@@ -4923,6 +4919,8 @@ const wn = {
       credit: "积分：{count}积分",
       vouchers: "{count}张优惠券：{names}",
       titles: "{count}个称号：{names}",
+      pointsPrice: "{points}点数",
+      or: "或",
       redeemSuccess: "{name}兑换成功",
       purchaseCompleted: "购买完成",
       purchaseSuccessful: "您的购买已成功！",
@@ -5425,9 +5423,6 @@ const wn = {
     emptyTitle: "商店套餐將顯示在這裡！",
     emptySubtitle: "目前沒有可兌換的套餐。請稍後查看！",
     bundle: {
-      pointsPrice: "{points}點數",
-      or: "或",
-      discount: "節省 {discount}",
       stripeLabel: "使用Stripe訂閱",
       pointsLabel: "點數",
       redeemTitle: "兌換",
@@ -5456,6 +5451,8 @@ const wn = {
       credit: "積分：{count}積分",
       vouchers: "{count}張優惠券：{names}",
       titles: "{count}個稱號：{names}",
+      pointsPrice: "{points}點數",
+      or: "或",
       redeemSuccess: "{name}兌換成功",
       purchaseCompleted: "購買完成",
       purchaseSuccessful: "您的購買已成功！",
@@ -5935,9 +5932,6 @@ const wn = {
     emptyTitle: "แพ็คเกจร้านค้าจะปรากฏที่นี่!",
     emptySubtitle: "ไม่มีแพ็คเกจที่สามารถแลกได้ในขณะนี้ กลับมาดูใหม่ภายหลัง!",
     bundle: {
-      pointsPrice: "{points} คะแนน",
-      or: "หรือ",
-      discount: "ประหยัด {discount}",
       stripeLabel: "สมัครด้วย Stripe",
       pointsLabel: "คะแนน",
       redeemTitle: "แลก",
@@ -5966,6 +5960,8 @@ const wn = {
       credit: "เครดิต: {count} เครดิต",
       vouchers: "{count} คูปอง: {names}",
       titles: "{count} ตำแหน่ง: {names}",
+      pointsPrice: "{points} คะแนน",
+      or: "หรือ",
       redeemSuccess: "แลก {name} สำเร็จ",
       purchaseCompleted: "การซื้อเสร็จสิ้น",
       purchaseSuccessful: "การซื้อของคุณสำเร็จแล้ว!",
@@ -6485,9 +6481,6 @@ const wn = {
     emptyTitle: "스토어 번들이 여기에 표시됩니다!",
     emptySubtitle: "현재 교환 가능한 번들이 없습니다. 나중에 다시 확인해주세요!",
     bundle: {
-      pointsPrice: "{points} 포인트",
-      or: "또는",
-      discount: "{discount} 할인",
       stripeLabel: "Stripe로 구독",
       pointsLabel: "포인트",
       redeemTitle: "교환",
@@ -6516,6 +6509,8 @@ const wn = {
       credit: "크레딧: {count} 크레딧",
       vouchers: "{count} 쿠폰: {names}",
       titles: "{count} 칭호: {names}",
+      pointsPrice: "{points} 포인트",
+      or: "또는",
       redeemSuccess: "{name} 교환 성공",
       purchaseCompleted: "구매 완료",
       purchaseSuccessful: "구매가 성공적으로 완료되었습니다!",
@@ -7027,9 +7022,6 @@ const wn = {
     emptyTitle: "Các gói cửa hàng sẽ xuất hiện ở đây!",
     emptySubtitle: "Hiện không có gói nào có thể đổi. Hãy kiểm tra lại sau!",
     bundle: {
-      pointsPrice: "{points} điểm",
-      or: "hoặc",
-      discount: "Tiết kiệm {discount}",
       stripeLabel: "Đăng ký với Stripe",
       pointsLabel: "Điểm",
       redeemTitle: "Đổi",
@@ -7058,6 +7050,8 @@ const wn = {
       credit: "Tín dụng: {count} tín dụng",
       vouchers: "{count} phiếu giảm giá: {names}",
       titles: "{count} danh hiệu: {names}",
+      pointsPrice: "{points} điểm",
+      or: "hoặc",
       redeemSuccess: "Đổi {name} thành công",
       purchaseCompleted: "Giao dịch hoàn tất",
       purchaseSuccessful: "Giao dịch của bạn đã thành công!",
@@ -7115,7 +7109,7 @@ const wn = {
   {
     path: "/",
     name: "brandkit",
-    component: H(() => import("./BrandkitView-DVGcxme0.js"))
+    component: H(() => import("./BrandkitView-BUGkciSJ.js"))
   },
   {
     path: "/projects",
@@ -7130,7 +7124,7 @@ const wn = {
         path: ":templateId(.*)*",
         name: "builder",
         component: H(
-          () => import("./BuilderView-Dtm0i4NK.js")
+          () => import("./BuilderView-CDwF4Uku.js")
         )
       }
     ]
@@ -11831,7 +11825,7 @@ const Ac = (e) => {
         ),
         BaListRepeater: K(
           H(
-            () => import("./ListRepeater-CYEnIU4D.js")
+            () => import("./ListRepeater-DhTjznuL.js")
           )
         ),
         BaTextStyleList: K(
@@ -11851,7 +11845,7 @@ const Ac = (e) => {
         ),
         BaImageUpload: K(
           H(
-            () => import("./ImageUpload-Bzo-UenE.js")
+            () => import("./ImageUpload-C2wOd8nP.js")
           ),
           { props: ["ignoreUpdate"] }
         ),
@@ -11879,7 +11873,7 @@ const Ac = (e) => {
   "th-TH": { ...Dn, ...yr },
   "ko-KR": { ...Bn, ...wr },
   "vi-VN": { ...zn, ...Mr }
-}, Pc = H(() => import("./App-CqQBBVF-.js"));
+}, Pc = H(() => import("./App-0SZzUMIa.js"));
 export {
   hn as F,
   pn as a,

package/dist/app.js

@@ -1,5 +1,5 @@
 import "vue";
-import { c as i, d as o, i as e, r as m } from "./app-Dv1xHBP_.js";
+import { c as i, d as o, i as e, r as m } from "./app-CV1GhLxi.js";
 export {
   i as FmApp,
   o as FormKitPlugin,

package/dist/brand-core/src/brandkit.d.ts

@@ -1,4 +1,4 @@
-import type { BrandKit } from './entity';
+import type { ApplyBrandKitOptions, BrandKit } from './entity';
 export declare const brandkit: {
     colors: {
         primary: string;
@@ -45,5 +45,5 @@ export declare const brandkit: {
     fontFamilies: never[];
 };
 export declare function applyBrandKitFromAPI(url: string): Promise<void>;
-export declare function applyBrandKit(kit?: BrandKit, target?: HTMLElement): void;
+export declare function applyBrandKit(kit?: BrandKit, targetOrOptions?: HTMLElement | ApplyBrandKitOptions, maybeOptions?: ApplyBrandKitOptions): void;
 export declare function applyBrandkitFeedmeUI(kit?: BrandKit, target?: HTMLElement): void;

package/dist/brand-core/src/entity.d.ts

@@ -87,20 +87,69 @@ export type BrandKit = BaseBrandKit & {
         app?: LayoutConfig;
         kiosk?: LayoutConfig;
     };
+    ods?: {
+        brandkitOverride?: RecursivePartial<BaseBrandKit>;
+        layout?: OdsLayoutConfig;
+        display?: OdsDisplayConfig;
+    };
 };
 export type BrandkitOverrideBy = 'app' | 'kiosk';
+export type OrderGroupingMode = 'type' | 'status';
+export type OrderStatusBoardLayout = 'horizontal' | 'vertical';
+export type OdsLayoutConfig = {
+    /** Background image covering the full screen, behind everything. */
+    background?: {
+        url: string;
+        /** CSS background-size. default: 'cover' */
+        size?: string;
+        /** CSS background-position. default: 'center' */
+        position?: string;
+    } | null;
+    /**
+     * Decorative image panel beside the board.
+     * Reduces available board space by its width.
+     */
+    sidePanel?: {
+        url: string;
+        /** Which side the panel sits on. default: 'left' */
+        position: 'left' | 'right';
+        /** Width as % of full screen. default: 30 */
+        widthPercent: number;
+        /** CSS object-fit for the image. default: 'cover' */
+        objectFit?: string;
+    } | null;
+    /**
+     * Board width as % of available space (full screen minus side panel).
+     * default: 100
+     */
+    boardWidthPercent?: number;
+    /**
+     * Board alignment when boardWidthPercent < 100.
+     * default: 'left'
+     */
+    boardAlign?: 'left' | 'right' | 'center';
+};
+export type OdsDisplayConfig = {
+    groupBy: OrderGroupingMode;
+    statusLayout: OrderStatusBoardLayout;
+    statusSlidingPeriod: number;
+    showProgressBar: boolean;
+    /** Number of order-code columns within each status section (preparing / ready). 1, 2, or 3. */
+    statusColumnCount: number;
+    /** Show delivery platform icon next to order numbers in status board. */
+    showDeliveryIcons: boolean;
+};
 export type ApplyBrandKitOptions = {
     overrideBy?: BrandkitOverrideBy;
 };
 export type FdoMetadata = {
     type: 'BUSINESS' | 'RESTAURANT';
     country: string;
-    businessId?: string;
-    pwaConfig?: {
+    pwaConfig: {
         short_name: string;
         name: string;
         background_color: string;
         theme_color: string;
     };
-    brandkit?: BrandKit | null;
+    brandkit: BrandKit | null;
 };

package/dist/brandkit-CyhkM7H0.js

@@ -0,0 +1,127 @@
+import { useSnackbar as O } from "@feedmepos/ui-library";
+function R() {
+  const a = O();
+  function f(u, y) {
+    const { loading: o, success: n, error: e, duration: t } = y, s = a.open(
+      {
+        message: typeof o == "function" ? o() : o,
+        type: "info",
+        spinner: !0,
+        dismissable: !1
+      },
+      null
+    );
+    return (typeof u == "function" ? u() : u).then((c) => (a.close(s), n && a.open(
+      {
+        message: typeof n == "function" ? n() : n,
+        type: "success",
+        spinner: !1,
+        dismissable: !0
+      },
+      t ?? 2e3
+    ), c)).catch((c) => {
+      throw e && (a.close(s), a.open(
+        {
+          message: typeof e == "function" ? e(c) : e,
+          type: "error",
+          spinner: !1,
+          dismissable: !0
+        },
+        t ?? 2e3
+      )), c;
+    });
+  }
+  return {
+    promise: f
+  };
+}
+const S = /* @__PURE__ */ new Set(), T = {
+  colors: {
+    primary: "#ff7823",
+    secondary: "#fff3e6",
+    accent: "#fff3e6",
+    background: {
+      base: "#F8F8F8",
+      elevated: "#FFFFFF"
+    },
+    neutral: {
+      light: "#ECF0F0",
+      mid: "#555555",
+      dark: "#1C1C1E"
+    },
+    text: {
+      onPrimary: "#FFFFFF",
+      primary: "#1C1C1E",
+      secondary: "#555555",
+      tertiary: "#A2A09E"
+    },
+    status: {
+      success: "#10B981",
+      warning: "#F59E0B",
+      error: "#EF4444",
+      info: "#3B82F6"
+      // Add info if missing previously
+    }
+  },
+  fonts: {
+    brand: "'Inter', sans-serif",
+    heading: "'Inter', sans-serif",
+    body: "'Roboto', sans-serif"
+  },
+  ordering: {
+    app: {
+      category: "VERTICAL",
+      items: "LIST",
+      singleCategory: !1
+    },
+    kiosk: {
+      category: "VERTICAL",
+      singleCategory: !1
+    }
+  },
+  fontFamilies: []
+};
+function V(a = T, f, u) {
+  var c, d, m, p, g, b, F, h, x, E, w, k, B, I, P, A;
+  const y = {}, o = document.documentElement, n = (i, r) => {
+    r && o.style.setProperty(`--brand-${i}`, r);
+  }, { fonts: e } = a, t = y.overrideBy ? (m = (d = (c = a.ordering) == null ? void 0 : c[y.overrideBy]) == null ? void 0 : d.brandkitOverride) == null ? void 0 : m.colors : void 0, s = {
+    primary: (t == null ? void 0 : t.primary) ?? a.colors.primary,
+    secondary: (t == null ? void 0 : t.secondary) ?? a.colors.secondary,
+    accent: (t == null ? void 0 : t.accent) ?? a.colors.accent,
+    background: {
+      base: ((p = t == null ? void 0 : t.background) == null ? void 0 : p.base) ?? a.colors.background.base,
+      elevated: ((g = t == null ? void 0 : t.background) == null ? void 0 : g.elevated) ?? a.colors.background.elevated
+    },
+    neutral: {
+      light: ((b = t == null ? void 0 : t.neutral) == null ? void 0 : b.light) ?? a.colors.neutral.light,
+      mid: ((F = t == null ? void 0 : t.neutral) == null ? void 0 : F.mid) ?? a.colors.neutral.mid,
+      dark: ((h = t == null ? void 0 : t.neutral) == null ? void 0 : h.dark) ?? a.colors.neutral.dark
+    },
+    status: {
+      success: ((x = t == null ? void 0 : t.status) == null ? void 0 : x.success) ?? a.colors.status.success,
+      warning: ((E = t == null ? void 0 : t.status) == null ? void 0 : E.warning) ?? a.colors.status.warning,
+      error: ((w = t == null ? void 0 : t.status) == null ? void 0 : w.error) ?? a.colors.status.error,
+      info: ((k = t == null ? void 0 : t.status) == null ? void 0 : k.info) ?? a.colors.status.info
+    },
+    text: {
+      onPrimary: ((B = t == null ? void 0 : t.text) == null ? void 0 : B.onPrimary) ?? a.colors.text.onPrimary,
+      primary: ((I = t == null ? void 0 : t.text) == null ? void 0 : I.primary) ?? a.colors.text.primary,
+      secondary: ((P = t == null ? void 0 : t.text) == null ? void 0 : P.secondary) ?? a.colors.text.secondary,
+      tertiary: ((A = t == null ? void 0 : t.text) == null ? void 0 : A.tertiary) ?? a.colors.text.tertiary
+    }
+  };
+  n("color-primary", s.primary), n("color-secondary", s.secondary), n("color-accent", s.accent), n("color-background-base", s.background.base), n("color-background-elevated", s.background.elevated), n("color-neutral-light", s.neutral.light), n("color-neutral-mid", s.neutral.mid), n("color-neutral-dark", s.neutral.dark), n("color-typo-on-primary", s.text.onPrimary), n("color-typo-primary", s.text.primary), n("color-typo-secondary", s.text.secondary), n("color-typo-tertiary", s.text.tertiary), n("color-status-success", s.status.success), n("color-status-warning", s.status.warning), n("color-status-error", s.status.error), n("color-status-info", s.status.info), n("font-family-brand", e.brand), n("font-family-heading", e.heading ?? e.brand), n("font-family-body", e.body ?? e.brand);
+  for (const i of a.fontFamilies ?? []) {
+    const r = i.stylesheet;
+    if (!r || S.has(r) || document.querySelector(`link[href="${r}"]`))
+      continue;
+    const l = document.createElement("link");
+    l.rel = "stylesheet", l.href = r, l.setAttribute("data-brand-font", r), document.head.appendChild(l), S.add(r);
+  }
+}
+export {
+  V as a,
+  T as b,
+  R as u
+};

package/dist/client/merchant/src/Entry.vue.d.ts

@@ -1,3 +1,2 @@
-import '@feedmepos/mf-remy-panel/style.css';
 declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/client/merchant/src/app.d.ts

@@ -462,7 +462,6 @@ export declare const i18nMessages: {
                     titles: string;
                     pointsPrice: string;
                     or: string;
-                    discount: string;
                     redeemSuccess: string;
                     purchaseCompleted: string;
                     purchaseSuccessful: string;
@@ -1540,9 +1539,6 @@ export declare const i18nMessages: {
                 emptyTitle: string;
                 emptySubtitle: string;
                 bundle: {
-                    pointsPrice: string;
-                    or: string;
-                    discount: string;
                     stripeLabel: string;
                     pointsLabel: string;
                     redeemTitle: string;
@@ -1571,6 +1567,8 @@ export declare const i18nMessages: {
                     credit: string;
                     vouchers: string;
                     titles: string;
+                    pointsPrice: string;
+                    or: string;
                     redeemSuccess: string;
                     purchaseCompleted: string;
                     purchaseSuccessful: string;
@@ -2678,9 +2676,6 @@ export declare const i18nMessages: {
                 emptyTitle: string;
                 emptySubtitle: string;
                 bundle: {
-                    pointsPrice: string;
-                    or: string;
-                    discount: string;
                     stripeLabel: string;
                     pointsLabel: string;
                     redeemTitle: string;
@@ -2709,6 +2704,8 @@ export declare const i18nMessages: {
                     credit: string;
                     vouchers: string;
                     titles: string;
+                    pointsPrice: string;
+                    or: string;
                     redeemSuccess: string;
                     purchaseCompleted: string;
                     purchaseSuccessful: string;
@@ -3793,9 +3790,6 @@ export declare const i18nMessages: {
                 emptyTitle: string;
                 emptySubtitle: string;
                 bundle: {
-                    pointsPrice: string;
-                    or: string;
-                    discount: string;
                     stripeLabel: string;
                     pointsLabel: string;
                     redeemTitle: string;
@@ -3824,6 +3818,8 @@ export declare const i18nMessages: {
                     credit: string;
                     vouchers: string;
                     titles: string;
+                    pointsPrice: string;
+                    or: string;
                     redeemSuccess: string;
                     purchaseCompleted: string;
                     purchaseSuccessful: string;
@@ -4948,9 +4944,6 @@ export declare const i18nMessages: {
                 emptyTitle: string;
                 emptySubtitle: string;
                 bundle: {
-                    pointsPrice: string;
-                    or: string;
-                    discount: string;
                     stripeLabel: string;
                     pointsLabel: string;
                     redeemTitle: string;
@@ -4979,6 +4972,8 @@ export declare const i18nMessages: {
                     credit: string;
                     vouchers: string;
                     titles: string;
+                    pointsPrice: string;
+                    or: string;
                     redeemSuccess: string;
                     purchaseCompleted: string;
                     purchaseSuccessful: string;
@@ -6257,9 +6252,6 @@ export declare const i18nMessages: {
                 emptyTitle: string;
                 emptySubtitle: string;
                 bundle: {
-                    pointsPrice: string;
-                    or: string;
-                    discount: string;
                     stripeLabel: string;
                     pointsLabel: string;
                     redeemTitle: string;
@@ -6288,6 +6280,8 @@ export declare const i18nMessages: {
                     credit: string;
                     vouchers: string;
                     titles: string;
+                    pointsPrice: string;
+                    or: string;
                     redeemSuccess: string;
                     purchaseCompleted: string;
                     purchaseSuccessful: string;