@feedmepos/mf-brand-app-builder 0.5.28-prod → 0.5.30-dev.0

package/dist/{BuilderView-CeBhUmEZ.js → BuilderView-ByQ3ibzf.js}

@@ -1,19 +1,19 @@
 import { resolveComponent as V, TransitionGroup as qn, defineComponent as se, nextTick as rn, h as ma, isRef as Qn, isReactive as eo, isProxy as to, toRaw as ao, ref as q, computed as ie, createElementBlock as Z, openBlock as N, Fragment as Le, renderList as vt, createElementVNode as I, createVNode as w, createBlock as ae, createCommentVNode as Q, toDisplayString as j, unref as v, withCtx as M, normalizeClass as ye, watch as tt, withDirectives as Gt, withModifiers as ba, vShow as Xt, createTextVNode as no, onMounted as ln, resolveDynamicComponent as Ma, mergeProps as oo, normalizeProps as ro, guardReactiveProps as io, normalizeStyle as lo, renderSlot as wa, provide as so, inject as co, markRaw as uo } from "vue";
-import { T as po, u as Ge } from "./index-CPs0rWCO.js";
+import { T as po, u as Ge } from "./index-Bk6TOZrx.js";
 import { defineStore as mo, storeToRefs as bo } from "pinia";
 import { p as fo } from "./views-BDWw3w14.js";
-import { A as go } from "./index-C6_vWPi0.js";
+import { A as go } from "./index-D0LOMBBD.js";
 import { v as Ra } from "./v4-CKwdnpQf.js";
 import { _ as ho } from "./Icon.vue_vue_type_style_index_0_lang-BcRjQndc.js";
 import { B as sn } from "./BaDivider-Cp9gfB4r.js";
 import { useI18n as Ze, useCoreStore as We } from "@feedmepos/mf-common";
-import { C as $a, _ as yo, a as vo } from "./main-TiuQoOa_.js";
+import { C as $a, _ as yo, a as vo } from "./main-LSAkXdRX.js";
 import { useDialog as To, components as xo, useSnackbar as Co } from "@feedmepos/ui-library";
 import { useRouter as dn } from "vue-router";
-import { u as Ia, a as _o, b as wo } from "./brandkit-OeLZ05mv.js";
-import { u as Ea } from "./index-CawZ03Z8.js";
+import { u as Ia, a as _o, b as wo } from "./brandkit-CyhkM7H0.js";
+import { u as Ea } from "./index-C1rSMuKA.js";
 import { K as Io, V as Eo } from "./vue-sonner-CBFYmm8_.js";
-import { F as So, a as Ao } from "./app-Bh_S4QSD.js";
+import { F as So, a as Ao } from "./app-Box0RGix.js";
 /**!
  * Sortable 1.14.0
  * @author	RubaXa   <trash@rubaxa.org>
@@ -6605,7 +6605,7 @@ const ai = { class: "mb-24" }, ni = { class: "fm-typo-en-title-lg-700 text-fm-co
     }
     async function g() {
       var y;
-      const f = `${"https://{slug}.feedme.vip".replace("{slug}", `${r.currentBusiness.value.url ?? ((y = r.currentBusiness.value) == null ? void 0 : y.id)}`)}`;
+      const f = `${"https://{slug}.feedmedev.vip".replace("{slug}", `${r.currentBusiness.value.url ?? ((y = r.currentBusiness.value) == null ? void 0 : y.id)}`)}`;
       l.promise(
         async () => {
           var x;
@@ -8171,7 +8171,7 @@ _t.toString = Oa.bind(null, function(t, e, a) {
 const xl = { class: "flex items-center justify-center" }, Cl = { class: "w-full flex gap-8 justify-end items-center" }, _l = /* @__PURE__ */ se({
   __name: "PreviewQrCode",
   setup(t) {
-    const e = q(), a = We(), n = Ge(), { t: o } = Ze(), r = q(!1), l = ie(() => `${`${"https://{slug}.feedme.vip".replace("{slug}", `${a.currentBusiness.value.url ?? a.currentBusiness.value._id}`)}`}/preview/${n.state.selectedTemplate.templateId}`);
+    const e = q(), a = We(), n = Ge(), { t: o } = Ze(), r = q(!1), l = ie(() => `${`${"https://{slug}.feedmedev.vip".replace("{slug}", `${a.currentBusiness.value.url ?? a.currentBusiness.value._id}`)}`}/preview/${n.state.selectedTemplate.templateId}`);
     function i() {
       Io.promise(navigator.clipboard.writeText(l.value), {
         loading: o("brand.template.shareMenu.copying"),

package/dist/{ImageUpload-odamvjyc.js → ImageUpload-C1GXh8yx.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 d, Fragment as C, createElementVNode as i, unref as u } from "vue";
-import { r as g, I as h } from "./image-S7-2rbQS.js";
+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-TiuQoOa_.js";
+import "./main-LSAkXdRX.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";
@@ -22,12 +22,12 @@ const B = { class: "w-full h-[210px] relative" }, P = { class: "absolute z-[1] t
         o
       ).then((m) => {
         var p;
-        const l = `https://image.feedme.cc/business/${a.currentBusiness.value._id}/${m.imagePath}`;
+        const l = `https://image.feedmedev.cc/business/${a.currentBusiness.value._id}/${m.imagePath}`;
         e.context.node.input(l);
         const n = new Image();
         (p = e.context) != null && p.ignoreUpdate || (n.onload = () => {
-          var f;
-          ((f = e.context.node.at("$root")) == null ? void 0 : f._value).containerStyles.height = `${Math.min(n.height, 400)}px`;
+          var d;
+          ((d = e.context.node.at("$root")) == null ? void 0 : d._value).containerStyles.height = `${Math.min(n.height, 400)}px`;
         }), n.src = g(l);
       }).finally(() => t.value = !1);
     }
@@ -60,10 +60,10 @@ const B = { class: "w-full h-[210px] relative" }, P = { class: "absolute z-[1] t
               class: "!text-[16px] text-fm-color-typo-white"
             })
           ])
-        ], 64)) : d("", !0),
+        ], 64)) : f("", !0),
         t.value ? (s(), r("div", z, [
           c(u(k))
-        ])) : d("", !0)
+        ])) : f("", !0)
       ]);
     };
   }

package/dist/{LinkButton-DNXBKGCn.js → LinkButton-De-YNclu.js}

@@ -1,7 +1,7 @@
 import { defineComponent as I, ref as f, computed as k, onBeforeMount as L, resolveComponent as c, createBlock as v, openBlock as u, withCtx as m, createElementVNode as a, createVNode as r, createElementBlock as x, Fragment as M, renderList as F, toDisplayString as P, withModifiers as R } from "vue";
 import { B as y } from "./BaDivider-Cp9gfB4r.js";
 import { _ as W } from "./Icon.vue_vue_type_style_index_0_lang-BcRjQndc.js";
-import { u as $ } from "./index-CPs0rWCO.js";
+import { u as $ } from "./index-Bk6TOZrx.js";
 import "@feedmepos/mf-common";
 const j = {
   key: 1,

package/dist/{ListRepeater-Cwbdyrr4.js → ListRepeater-DN84BgE2.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-Bh_S4QSD.js";
+import { F as f } from "./app-Box0RGix.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/{ManagementSettings-DHh2g_XJ.js → ManagementSettings-CueLn4v_.js}

@@ -1,8 +1,8 @@
 import { defineComponent as C, ref as y, computed as S, watch as $, resolveComponent as d, createElementBlock as k, openBlock as g, createElementVNode as o, createVNode as u, toDisplayString as _, unref as i, createBlock as F, withCtx as U } from "vue";
 import { useCoreStore as P, useI18n as V } from "@feedmepos/mf-common";
-import { B as h } from "./index-BUEKCOG0.js";
+import { B as h } from "./index-C4vwWvn_.js";
 import { K as q } from "./vue-sonner-CBFYmm8_.js";
-import { r as I, I as T } from "./image-S7-2rbQS.js";
+import { r as I, I as T } from "./image-D_Djf1PS.js";
 import { useSnackbar as A } from "@feedmepos/ui-library";
 const E = new RegExp(/^[a-z0-9][a-z0-9\-]{4,}[a-z0-9]$/), N = [
   "brand",
@@ -510,12 +510,12 @@ const E = new RegExp(/^[a-z0-9][a-z0-9\-]{4,}[a-z0-9]$/), N = [
       url: "",
       thumbnail: ""
     }), x = S(
-      () => "https://{slug}.feedme.vip".replace("https://{slug}", "")
+      () => "https://{slug}.feedmedev.vip".replace("https://{slug}", "")
     );
     function B() {
       var t, e;
       navigator.clipboard.writeText(
-        "https://{slug}.feedme.vip".replace(
+        "https://{slug}.feedmedev.vip".replace(
           "{slug}",
           ((t = s.currentBusiness.value) == null ? void 0 : t.url) ?? ((e = s.currentBusiness.value) == null ? void 0 : e._id)
         )
@@ -574,9 +574,9 @@ const E = new RegExp(/^[a-z0-9][a-z0-9\-]{4,}[a-z0-9]$/), N = [
         await h.updateBusinessProfile(s.currentBusiness.value._id, {
           name: a.value.name,
           url: a.value.url,
-          thumbnail: `https://image.feedme.cc/business/${s.currentBusiness.value._id}/${c.imagePath}`,
+          thumbnail: `https://image.feedmedev.cc/business/${s.currentBusiness.value._id}/${c.imagePath}`,
           coverPhoto: s.currentBusiness.value.coverPhoto
-        }), a.value.thumbnail = `https://image.feedme.cc/business/${s.currentBusiness.value._id}/${c.imagePath}`;
+        }), a.value.thumbnail = `https://image.feedmedev.cc/business/${s.currentBusiness.value._id}/${c.imagePath}`;
       });
     }
     return $(

package/dist/{ProjectView-DKXRpIC6.js → ProjectView-ByxaVBFb.js}

@@ -1,5 +1,5 @@
 import { defineComponent as S, createElementBlock as D, openBlock as I, normalizeClass as m, createElementVNode as E, toDisplayString as C, ref as x, computed as J, watch as K, resolveComponent as l, unref as h, Fragment as v, renderList as W, createVNode as B, createCommentVNode as s, createBlock as r, withCtx as P, h as L } from "vue";
-import { u as Z } from "./index-CPs0rWCO.js";
+import { u as Z } from "./index-Bk6TOZrx.js";
 import { useCoreStore as q, useI18n as X } from "@feedmepos/mf-common";
 import { p as y } from "./views-BDWw3w14.js";
 import { useRouter as b } from "vue-router";

package/dist/{app-Bh_S4QSD.js → app-Box0RGix.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,12 +7109,12 @@ const wn = {
   {
     path: "/",
     name: "brandkit",
-    component: H(() => import("./BrandkitView-DoW1oGaQ.js"))
+    component: H(() => import("./BrandkitView-DyMY_wX_.js"))
   },
   {
     path: "/projects",
     name: "projects",
-    component: H(() => import("./ProjectView-DKXRpIC6.js"))
+    component: H(() => import("./ProjectView-ByxaVBFb.js"))
   },
   {
     path: "/builder",
@@ -7130,7 +7124,7 @@ const wn = {
         path: ":templateId(.*)*",
         name: "builder",
         component: H(
-          () => import("./BuilderView-CeBhUmEZ.js")
+          () => import("./BuilderView-ByQ3ibzf.js")
         )
       }
     ]
@@ -7145,14 +7139,14 @@ const wn = {
         path: "assets",
         name: "settings-assets",
         component: H(
-          () => import("./AssetsSettings-DJOCXmyp.js")
+          () => import("./AssetsSettings-DhprCc4v.js")
         )
       },
       {
         path: "management",
         name: "settings-management",
         component: H(
-          () => import("./ManagementSettings-DHh2g_XJ.js")
+          () => import("./ManagementSettings-CueLn4v_.js")
         )
       }
     ]
@@ -11831,7 +11825,7 @@ const Ac = (e) => {
         ),
         BaListRepeater: K(
           H(
-            () => import("./ListRepeater-Cwbdyrr4.js")
+            () => import("./ListRepeater-DN84BgE2.js")
           )
         ),
         BaTextStyleList: K(
@@ -11851,13 +11845,13 @@ const Ac = (e) => {
         ),
         BaImageUpload: K(
           H(
-            () => import("./ImageUpload-odamvjyc.js")
+            () => import("./ImageUpload-C1GXh8yx.js")
           ),
           { props: ["ignoreUpdate"] }
         ),
         BaLinkButton: K(
           H(
-            () => import("./LinkButton-DNXBKGCn.js")
+            () => import("./LinkButton-De-YNclu.js")
           )
         ),
         BaSwitch: K(
@@ -11879,7 +11873,7 @@ const Ac = (e) => {
   "th-TH": { ...Dn, ...yr },
   "ko-KR": { ...Bn, ...wr },
   "vi-VN": { ...zn, ...Mr }
-}, Pc = H(() => import("./App-BjzhfhpF.js"));
+}, Pc = H(() => import("./App-a34dXdKR.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-Bh_S4QSD.js";
+import { c as i, d as o, i as e, r as m } from "./app-Box0RGix.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,8 +87,58 @@ 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;
 };

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/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;