@feedmepos/mf-brand-app-builder 0.5.21-dev.0 → 0.5.22-dev.0

package/dist/{client/merchant → merchant}/src/api/business/index.d.ts

@@ -1,5 +1,5 @@
 import { type IBaResponse } from '..';
-import type { BrandKit } from '../../../../../brand-core/src/entity';
+import type { BrandKit } from '@feedmepos/brand-core';
 /**
  * Get all business and country info from top-level slug
  * @param slug

package/dist/{client/merchant → merchant}/src/app.d.ts

@@ -98,6 +98,7 @@ export declare const i18nMessages: {
                 showMemberQr: string;
                 memberTier: string;
                 collectMoreExperience: string;
+                noTier: string;
                 maxTier: string;
                 unlockLevel: string;
                 congratulations: string;
@@ -385,6 +386,8 @@ export declare const i18nMessages: {
                 transferVoucher: string;
                 transferExpire: string;
                 notOwner: string;
+                claimSuccess: string;
+                claimFailed: string;
             };
             card: {
                 bindCard: {
@@ -751,6 +754,18 @@ export declare const i18nMessages: {
                     addNewTemplate: string;
                     addMemberTemplate: string;
                 };
+                selection: {
+                    title: string;
+                    description: string;
+                    defaultTitle: string;
+                    defaultDescription: string;
+                    defaultPreview: string;
+                    blankTitle: string;
+                    blankDescription: string;
+                    blankPreview: string;
+                    cancel: string;
+                    create: string;
+                };
                 nodeConfig: {
                     pageSetting: string;
                     style: string;
@@ -968,7 +983,6 @@ export declare const i18nMessages: {
                     landingPageDesign: string;
                     memberFeaturesPages: string;
                     memberReferral: string;
-                    ordering: string;
                 };
                 dialog: {
                     renameTemplate: {
@@ -1143,6 +1157,7 @@ export declare const i18nMessages: {
                 showMemberQr: string;
                 memberTier: string;
                 collectMoreExperience: string;
+                noTier: string;
                 maxTier: string;
                 unlockLevel: string;
                 congratulations: string;
@@ -1422,6 +1437,8 @@ export declare const i18nMessages: {
                 transferVoucher: string;
                 transferExpire: string;
                 notOwner: string;
+                claimSuccess: string;
+                claimFailed: string;
             };
             card: {
                 bindCard: {
@@ -1820,6 +1837,18 @@ export declare const i18nMessages: {
                     addNewTemplate: string;
                     addMemberTemplate: string;
                 };
+                selection: {
+                    title: string;
+                    description: string;
+                    defaultTitle: string;
+                    defaultDescription: string;
+                    defaultPreview: string;
+                    blankTitle: string;
+                    blankDescription: string;
+                    blankPreview: string;
+                    cancel: string;
+                    create: string;
+                };
                 nodeConfig: {
                     pageSetting: string;
                     style: string;
@@ -2037,7 +2066,6 @@ export declare const i18nMessages: {
                     landingPageDesign: string;
                     memberFeaturesPages: string;
                     memberReferral: string;
-                    ordering: string;
                 };
                 dialog: {
                     renameTemplate: {
@@ -2104,8 +2132,13 @@ export declare const i18nMessages: {
                     currentSelection: string;
                     saveSettings: string;
                     settingsSaved: string;
+                    movedToBrandkit: string;
+                    goToBrandkit: string;
                 };
             };
+            app: {
+                runningVersion: string;
+            };
         };
     };
     'zh-TW': {
@@ -2207,6 +2240,7 @@ export declare const i18nMessages: {
                 showMemberQr: string;
                 memberTier: string;
                 collectMoreExperience: string;
+                noTier: string;
                 maxTier: string;
                 unlockLevel: string;
                 congratulations: string;
@@ -2484,6 +2518,8 @@ export declare const i18nMessages: {
                 transferVoucher: string;
                 transferExpire: string;
                 notOwner: string;
+                claimSuccess: string;
+                claimFailed: string;
             };
             card: {
                 bindCard: {
@@ -2859,6 +2895,18 @@ export declare const i18nMessages: {
                     addNewTemplate: string;
                     addMemberTemplate: string;
                 };
+                selection: {
+                    title: string;
+                    description: string;
+                    defaultTitle: string;
+                    defaultDescription: string;
+                    defaultPreview: string;
+                    blankTitle: string;
+                    blankDescription: string;
+                    blankPreview: string;
+                    cancel: string;
+                    create: string;
+                };
                 nodeConfig: {
                     pageSetting: string;
                     style: string;
@@ -3076,7 +3124,6 @@ export declare const i18nMessages: {
                     landingPageDesign: string;
                     memberFeaturesPages: string;
                     memberReferral: string;
-                    ordering: string;
                 };
                 dialog: {
                     renameTemplate: {
@@ -3143,8 +3190,13 @@ export declare const i18nMessages: {
                     currentSelection: string;
                     saveSettings: string;
                     settingsSaved: string;
+                    movedToBrandkit: string;
+                    goToBrandkit: string;
                 };
             };
+            app: {
+                runningVersion: string;
+            };
         };
     };
     'th-TH': {
@@ -3246,6 +3298,7 @@ export declare const i18nMessages: {
                 showMemberQr: string;
                 memberTier: string;
                 collectMoreExperience: string;
+                noTier: string;
                 maxTier: string;
                 unlockLevel: string;
                 congratulations: string;
@@ -3525,6 +3578,8 @@ export declare const i18nMessages: {
                 transferVoucher: string;
                 transferExpire: string;
                 notOwner: string;
+                claimSuccess: string;
+                claimFailed: string;
             };
             card: {
                 bindCard: {
@@ -3854,6 +3909,18 @@ export declare const i18nMessages: {
                     addNewTemplate: string;
                     addMemberTemplate: string;
                 };
+                selection: {
+                    title: string;
+                    description: string;
+                    defaultTitle: string;
+                    defaultDescription: string;
+                    defaultPreview: string;
+                    blankTitle: string;
+                    blankDescription: string;
+                    blankPreview: string;
+                    cancel: string;
+                    create: string;
+                };
                 nodeConfig: {
                     pageSetting: string;
                     style: string;
@@ -4071,7 +4138,6 @@ export declare const i18nMessages: {
                     landingPageDesign: string;
                     memberFeaturesPages: string;
                     memberReferral: string;
-                    ordering: string;
                 };
                 dialog: {
                     renameTemplate: {
@@ -4120,6 +4186,27 @@ export declare const i18nMessages: {
                     delete: string;
                     unpublish: string;
                 };
+                ordering: {
+                    title: string;
+                    subtitle: string;
+                    kioskSettings: string;
+                    kioskSettingsDescription: string;
+                    orderAppSettings: string;
+                    orderAppDescription: string;
+                    categoryLayout: string;
+                    categoryLayoutDescription: string;
+                    horizontal: string;
+                    vertical: string;
+                    menuLayout: string;
+                    menuLayoutDescription: string;
+                    grid: string;
+                    list: string;
+                    currentSelection: string;
+                    saveSettings: string;
+                    settingsSaved: string;
+                    movedToBrandkit: string;
+                    goToBrandkit: string;
+                };
             };
             settings: {
                 title: string;

package/dist/merchant/src/components/modals/TemplateSelectionModal.vue.d.ts

@@ -0,0 +1,18 @@
+export interface TemplateTypeOption {
+    type: 'default' | 'blank';
+    title: string;
+    description: string;
+    previewImage?: string;
+}
+interface Props {
+    show: boolean;
+    templateOptions: TemplateTypeOption[];
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    close: () => any;
+    select: (templateType: "default" | "blank") => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onSelect?: ((templateType: "default" | "blank") => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/{client/merchant → merchant}/src/composables/useNode/index.d.ts

@@ -4,6 +4,7 @@
  */
 export declare function useNodeManager(): {
     buildNewNode: (nodeType: string, data: any, props?: any) => INodeComponent;
+    generateId: () => string;
     copyNode: (node: INodeComponent) => void;
     pasteNode: () => void;
 };

package/dist/merchant/src/config/defaultTemplateConfig.d.ts

@@ -0,0 +1,18 @@
+import { type INodeComponent } from '../composables/useNode';
+/**
+ * Default template configuration extracted from DefaultTemplate.vue
+ * This provides a starting point for new templates with pre-built components
+ */
+export declare const defaultTemplateConfig: INodeComponent[];
+/**
+ * Default member template configuration extracted from DefaultMemberTemplate.vue
+ * This provides member-specific components for member templates
+ */
+export declare const defaultMemberTemplateConfig: INodeComponent[];
+/**
+ * Creates a default homepage node with pre-configured components
+ * @param nodeManager - Node manager instance to create nodes
+ * @param isMemberTemplate - Whether this is a member template
+ * @returns Configured homepage node
+ */
+export declare function createDefaultTemplate(nodeManager: any, isMemberTemplate?: boolean): INodeComponent;

package/dist/{client/merchant → merchant}/src/node-configs/member-card/mock-data.d.ts

@@ -4,6 +4,7 @@ export declare const MemberCard: {
     memberTierName: string;
     memberCredit: number;
     memberPoints: number;
+    memberCoins: number;
     memberTitles: string[];
     memberCurrentTierTotal: number;
     memberPointToNextTier: number;

package/dist/{client/merchant → merchant}/src/node-configs/member-card/props.d.ts

@@ -5,6 +5,7 @@ export declare const MemberCard: {
         memberTierName: string;
         memberCredit: number;
         memberPoints: number;
+        memberCoins: number;
         memberTitles: string[];
         memberCurrentTierTotal: number;
         memberPointToNextTier: number;

package/dist/{client/merchant → merchant}/src/stores/business/index.d.ts

@@ -1,4 +1,4 @@
-import type { BrandKit } from '../../../../../brand-core/src/entity';
+import type { BrandKit } from '@feedmepos/brand-core';
 export declare const useBusinessStore: import("pinia").StoreDefinition<"business", Pick<{
     state: import("vue").Ref<{
         multiCountrySlug: {
@@ -37,10 +37,14 @@ export declare const useBusinessStore: import("pinia").StoreDefinition<"business
                 heading?: string | undefined;
                 body?: string | undefined;
             };
+            fontFamilies: {
+                stylesheet: string;
+            }[];
             ordering?: {
                 app: {
                     category: "HORIZONTAL" | "VERTICAL";
                     items: "LIST" | "GRID";
+                    singleCategory: boolean;
                 };
                 kiosk: {
                     category: "HORIZONTAL" | "VERTICAL";
@@ -84,10 +88,14 @@ export declare const useBusinessStore: import("pinia").StoreDefinition<"business
                 heading?: string | undefined;
                 body?: string | undefined;
             };
+            fontFamilies: {
+                stylesheet: string;
+            }[];
             ordering?: {
                 app: {
                     category: "HORIZONTAL" | "VERTICAL";
                     items: "LIST" | "GRID";
+                    singleCategory: boolean;
                 };
                 kiosk: {
                     category: "HORIZONTAL" | "VERTICAL";
@@ -136,10 +144,14 @@ export declare const useBusinessStore: import("pinia").StoreDefinition<"business
                 heading?: string | undefined;
                 body?: string | undefined;
             };
+            fontFamilies: {
+                stylesheet: string;
+            }[];
             ordering?: {
                 app: {
                     category: "HORIZONTAL" | "VERTICAL";
                     items: "LIST" | "GRID";
+                    singleCategory: boolean;
                 };
                 kiosk: {
                     category: "HORIZONTAL" | "VERTICAL";
@@ -183,10 +195,14 @@ export declare const useBusinessStore: import("pinia").StoreDefinition<"business
                 heading?: string | undefined;
                 body?: string | undefined;
             };
+            fontFamilies: {
+                stylesheet: string;
+            }[];
             ordering?: {
                 app: {
                     category: "HORIZONTAL" | "VERTICAL";
                     items: "LIST" | "GRID";
+                    singleCategory: boolean;
                 };
                 kiosk: {
                     category: "HORIZONTAL" | "VERTICAL";
@@ -235,10 +251,14 @@ export declare const useBusinessStore: import("pinia").StoreDefinition<"business
                 heading?: string | undefined;
                 body?: string | undefined;
             };
+            fontFamilies: {
+                stylesheet: string;
+            }[];
             ordering?: {
                 app: {
                     category: "HORIZONTAL" | "VERTICAL";
                     items: "LIST" | "GRID";
+                    singleCategory: boolean;
                 };
                 kiosk: {
                     category: "HORIZONTAL" | "VERTICAL";
@@ -282,10 +302,14 @@ export declare const useBusinessStore: import("pinia").StoreDefinition<"business
                 heading?: string | undefined;
                 body?: string | undefined;
             };
+            fontFamilies: {
+                stylesheet: string;
+            }[];
             ordering?: {
                 app: {
                     category: "HORIZONTAL" | "VERTICAL";
                     items: "LIST" | "GRID";
+                    singleCategory: boolean;
                 };
                 kiosk: {
                     category: "HORIZONTAL" | "VERTICAL";

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/mf-brand-app-builder",
-  "version": "0.5.21-dev.0",
+  "version": "0.5.22-dev.0",
   "type": "module",
   "files": [
     "dist"
@@ -32,7 +32,7 @@
     "deploy:npm:prod": "pnpm run build-only:prod && pnpm publish --no-git-checks --access public ."
   },
   "dependencies": {
-    "@feedmepos/brand-core": "0.0.1-beta.2",
+    "@feedmepos/brand-core": "0.0.2-alpha.1",
     "@feedmepos/mf-common": "^1.26.3",
     "@feedmepos/ui-library": "1.5.5",
     "@formkit/core": "^1.6.7",

package/dist/style.css

@@ -1 +1 @@
-@charset "UTF-8";.vacp-color-picker{max-width:var(--vacp-width-color-space, 300px);padding:var(--vacp-spacing, 6px);display:grid;grid-gap:var(--vacp-spacing, 6px);grid-template-columns:1fr min-content;font-size:var(--vacp-font-size, .8em);font-family:var(--vacp-font-family, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif);color:var(--vacp-color-text, currentColor);background-color:var(--vacp-color-background, #fff)}.vacp-color-picker,.vacp-color-picker *,.vacp-color-picker *:before,.vacp-color-picker *:after{box-sizing:border-box}.vacp-color-picker button::-moz-focus-inner{border:none;padding:0}.vacp-color-picker :focus{outline:2px solid var(--vacp-color-focus, #19f)}.vacp-color-space{grid-column:1/-1;overflow:hidden;aspect-ratio:1/.6}.vacp-color-space-thumb{--vacp-thumb-size: calc(var(--vacp-spacing, 6px) * 4);width:var(--vacp-thumb-size);height:var(--vacp-thumb-size);margin-left:calc(-1 * var(--vacp-thumb-size) / 2);margin-bottom:calc(-1 * var(--vacp-thumb-size) / 2);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 var(--vacp-width-border, 1px) var(--vacp-color-border, #000);transform:rotate(0)}.vacp-color-space-thumb:focus{outline-color:transparent;box-shadow:0 0 0 var(--vacp-width-border, 1px) var(--vacp-color-border, #000),0 0 0 calc(var(--vacp-width-border, 1px) + 2px) var(--vacp-color-focus, #19f)}.vacp-range-input-label{--vacp-slider-track-height: calc(var(--vacp-spacing, 6px) * 3);--vacp-slider-thumb-size: calc(var(--vacp-spacing, 6px) * 4 - var(--vacp-width-border, 1px) * 2);display:block}.vacp-range-input-group{display:flex;flex-direction:column;justify-content:center}.vacp-range-input-group>:not(:first-child){margin-top:var(--vacp-spacing, 6px)}.vacp-range-input,.vacp-range-input::-webkit-slider-thumb{-webkit-appearance:none}.vacp-range-input{display:block;width:100%;height:var(--vacp-slider-track-height);margin-right:0;margin-left:0;margin-top:calc(var(--vacp-spacing, 6px) / 2 + 1px);margin-bottom:calc(var(--vacp-spacing, 6px) / 2 + 1px);padding:0;border:none;background:none}.vacp-range-input:focus{outline:none}.vacp-range-input::-moz-focus-outer{border:none}.vacp-range-input--alpha{background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%,#eee),linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%,#eee);background-size:calc(var(--vacp-spacing, 6px) * 2) calc(var(--vacp-spacing, 6px) * 2);background-position:0 0,var(--vacp-spacing, 6px) var(--vacp-spacing, 6px)}.vacp-range-input::-moz-range-track{box-sizing:border-box;width:100%;height:var(--vacp-slider-track-height);border:var(--vacp-width-border, 1px) solid var(--vacp-color-border, #000)}.vacp-range-input::-webkit-slider-runnable-track{box-sizing:border-box;width:100%;height:var(--vacp-slider-track-height);border:var(--vacp-width-border, 1px) solid var(--vacp-color-border, #000)}.vacp-range-input::-ms-track{box-sizing:border-box;width:100%;height:var(--vacp-slider-track-height);border:var(--vacp-width-border, 1px) solid var(--vacp-color-border, #000)}.vacp-range-input:focus::-moz-range-track{outline:2px solid var(--vacp-color-focus, #19f)}.vacp-range-input:focus::-webkit-slider-runnable-track{outline:2px solid var(--vacp-color-focus, #19f)}.vacp-range-input:focus::-ms-track{outline:2px solid var(--vacp-color-focus, #19f)}.vacp-range-input--alpha::-moz-range-track{background-image:linear-gradient(to right,transparent,var(--vacp-color))}.vacp-range-input--alpha::-webkit-slider-runnable-track{background-image:linear-gradient(to right,transparent,var(--vacp-color))}.vacp-range-input--alpha::-ms-track{background-image:linear-gradient(to right,transparent,var(--vacp-color))}.vacp-range-input--hue::-moz-range-track{background-image:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.vacp-range-input--hue::-webkit-slider-runnable-track{background-image:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.vacp-range-input--hue::-ms-track{background-image:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.vacp-range-input::-moz-range-thumb{box-sizing:border-box;width:var(--vacp-slider-thumb-size);height:var(--vacp-slider-thumb-size);border:3px solid #fff;border-radius:50%;background-color:transparent;box-shadow:0 0 0 var(--vacp-width-border, 1px) var(--vacp-color-border, #000);isolation:isolate}.vacp-range-input::-webkit-slider-thumb{box-sizing:border-box;width:var(--vacp-slider-thumb-size);height:var(--vacp-slider-thumb-size);margin-top:calc(-1 * var(--vacp-spacing, 6px) / 2);border:3px solid #fff;border-radius:50%;background-color:transparent;box-shadow:0 0 0 var(--vacp-width-border, 1px) var(--vacp-color-border, #000);isolation:isolate}.vacp-range-input::-ms-thumb{box-sizing:border-box;width:var(--vacp-slider-thumb-size);height:var(--vacp-slider-thumb-size);margin-top:calc(-1 * var(--vacp-spacing, 6px) / 2);border:3px solid #fff;border-radius:50%;background-color:transparent;box-shadow:0 0 0 var(--vacp-width-border, 1px) var(--vacp-color-border, #000);isolation:isolate}.vacp-copy-button{justify-self:center;align-self:center;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;width:calc(var(--vacp-spacing, 6px) * 6);height:calc(var(--vacp-spacing, 6px) * 6);border:var(--vacp-width-border, 1px) solid transparent;border-radius:50%;color:var(--vacp-color-text-input, currentColor);background-color:var(--vacp-color-background-input, #fff)}.vacp-copy-button:focus{outline:none;border-color:var(--vacp-color-border, #000);box-shadow:0 0 0 2px var(--vacp-color-focus, #19f)}.vacp-copy-button:enabled:hover{background-color:#0002}.vacp-color-inputs{grid-column:1/-1;display:flex;align-items:center}.vacp-color-inputs>:not(:first-child){margin-left:var(--vacp-spacing, 6px)}.vacp-color-input-group{flex-grow:1;display:grid;grid-auto-flow:column;-moz-column-gap:var(--vacp-spacing, 6px);column-gap:var(--vacp-spacing, 6px)}.vacp-color-input-label{text-align:center}.vacp-color-input{width:100%;margin:0;margin-top:calc(var(--vacp-spacing, 6px) / 2);padding:var(--vacp-spacing, 6px);border:var(--vacp-width-border, 1px) solid var(--vacp-color-border, #000);font:inherit;text-align:center;color:inherit;color:var(--vacp-color-text-input, currentColor);background-color:var(--vacp-color-background-input, #fff)}.vacp-format-switch-button{display:flex;justify-content:center;align-items:center;margin:0;padding:var(--vacp-spacing, 6px);border:var(--vacp-width-border, 1px) solid transparent;border-radius:50%;font:inherit;color:inherit;color:var(--vacp-color-text-input, currentColor);background-color:var(--vacp-color-background-input, #fff)}.vacp-format-switch-button:focus{border-color:var(--vacp-color-border, #000)}.vacp-format-switch-button:enabled:hover{background-color:#0002}.vacp-visually-hidden{position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap}.collapse-enter-active[data-v-a2bebdcb],.collapse-leave-active[data-v-a2bebdcb]{transition:max-height .3s ease}.collapse-enter-from[data-v-a2bebdcb],.collapse-leave-to[data-v-a2bebdcb]{max-height:0}.collapse-enter-to[data-v-a2bebdcb],.collapse-leave-from[data-v-a2bebdcb]{max-height:999px}.icon-rounded{font-variation-settings:"FILL" 0}.icon-filled{font-variation-settings:"FILL" 1}.spinner[data-v-3c8691e9]{animation:progress-circular-dash-3c8691e9 2s ease-in-out infinite,progress-circular-rotate-3c8691e9 2s linear infinite;transform-origin:center center}@keyframes progress-circular-dash-3c8691e9{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:100,200;stroke-dashoffset:-15px}to{stroke-dasharray:100,200;stroke-dashoffset:-48px}}@keyframes progress-circular-rotate-3c8691e9{to{transform:rotate(720deg)}}swiper-container::part(bullet-active){height:6px;width:18px;border-radius:6px;background-color:var(--fm-color-primary)}swiper-container::part(bullet){opacity:1;height:6px;width:6px;border-radius:9999;background-color:var(--fm-color-neutral-white)}.fm-stepper-field--input{text-align:end}.bg-checkerboard{background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0px}
+@charset "UTF-8";.vacp-color-picker{max-width:var(--vacp-width-color-space, 300px);padding:var(--vacp-spacing, 6px);display:grid;grid-gap:var(--vacp-spacing, 6px);grid-template-columns:1fr min-content;font-size:var(--vacp-font-size, .8em);font-family:var(--vacp-font-family, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif);color:var(--vacp-color-text, currentColor);background-color:var(--vacp-color-background, #fff)}.vacp-color-picker,.vacp-color-picker *,.vacp-color-picker *:before,.vacp-color-picker *:after{box-sizing:border-box}.vacp-color-picker button::-moz-focus-inner{border:none;padding:0}.vacp-color-picker :focus{outline:2px solid var(--vacp-color-focus, #19f)}.vacp-color-space{grid-column:1/-1;overflow:hidden;aspect-ratio:1/.6}.vacp-color-space-thumb{--vacp-thumb-size: calc(var(--vacp-spacing, 6px) * 4);width:var(--vacp-thumb-size);height:var(--vacp-thumb-size);margin-left:calc(-1 * var(--vacp-thumb-size) / 2);margin-bottom:calc(-1 * var(--vacp-thumb-size) / 2);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 var(--vacp-width-border, 1px) var(--vacp-color-border, #000);transform:rotate(0)}.vacp-color-space-thumb:focus{outline-color:transparent;box-shadow:0 0 0 var(--vacp-width-border, 1px) var(--vacp-color-border, #000),0 0 0 calc(var(--vacp-width-border, 1px) + 2px) var(--vacp-color-focus, #19f)}.vacp-range-input-label{--vacp-slider-track-height: calc(var(--vacp-spacing, 6px) * 3);--vacp-slider-thumb-size: calc(var(--vacp-spacing, 6px) * 4 - var(--vacp-width-border, 1px) * 2);display:block}.vacp-range-input-group{display:flex;flex-direction:column;justify-content:center}.vacp-range-input-group>:not(:first-child){margin-top:var(--vacp-spacing, 6px)}.vacp-range-input,.vacp-range-input::-webkit-slider-thumb{-webkit-appearance:none}.vacp-range-input{display:block;width:100%;height:var(--vacp-slider-track-height);margin-right:0;margin-left:0;margin-top:calc(var(--vacp-spacing, 6px) / 2 + 1px);margin-bottom:calc(var(--vacp-spacing, 6px) / 2 + 1px);padding:0;border:none;background:none}.vacp-range-input:focus{outline:none}.vacp-range-input::-moz-focus-outer{border:none}.vacp-range-input--alpha{background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%,#eee),linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%,#eee);background-size:calc(var(--vacp-spacing, 6px) * 2) calc(var(--vacp-spacing, 6px) * 2);background-position:0 0,var(--vacp-spacing, 6px) var(--vacp-spacing, 6px)}.vacp-range-input::-moz-range-track{box-sizing:border-box;width:100%;height:var(--vacp-slider-track-height);border:var(--vacp-width-border, 1px) solid var(--vacp-color-border, #000)}.vacp-range-input::-webkit-slider-runnable-track{box-sizing:border-box;width:100%;height:var(--vacp-slider-track-height);border:var(--vacp-width-border, 1px) solid var(--vacp-color-border, #000)}.vacp-range-input::-ms-track{box-sizing:border-box;width:100%;height:var(--vacp-slider-track-height);border:var(--vacp-width-border, 1px) solid var(--vacp-color-border, #000)}.vacp-range-input:focus::-moz-range-track{outline:2px solid var(--vacp-color-focus, #19f)}.vacp-range-input:focus::-webkit-slider-runnable-track{outline:2px solid var(--vacp-color-focus, #19f)}.vacp-range-input:focus::-ms-track{outline:2px solid var(--vacp-color-focus, #19f)}.vacp-range-input--alpha::-moz-range-track{background-image:linear-gradient(to right,transparent,var(--vacp-color))}.vacp-range-input--alpha::-webkit-slider-runnable-track{background-image:linear-gradient(to right,transparent,var(--vacp-color))}.vacp-range-input--alpha::-ms-track{background-image:linear-gradient(to right,transparent,var(--vacp-color))}.vacp-range-input--hue::-moz-range-track{background-image:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.vacp-range-input--hue::-webkit-slider-runnable-track{background-image:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.vacp-range-input--hue::-ms-track{background-image:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.vacp-range-input::-moz-range-thumb{box-sizing:border-box;width:var(--vacp-slider-thumb-size);height:var(--vacp-slider-thumb-size);border:3px solid #fff;border-radius:50%;background-color:transparent;box-shadow:0 0 0 var(--vacp-width-border, 1px) var(--vacp-color-border, #000);isolation:isolate}.vacp-range-input::-webkit-slider-thumb{box-sizing:border-box;width:var(--vacp-slider-thumb-size);height:var(--vacp-slider-thumb-size);margin-top:calc(-1 * var(--vacp-spacing, 6px) / 2);border:3px solid #fff;border-radius:50%;background-color:transparent;box-shadow:0 0 0 var(--vacp-width-border, 1px) var(--vacp-color-border, #000);isolation:isolate}.vacp-range-input::-ms-thumb{box-sizing:border-box;width:var(--vacp-slider-thumb-size);height:var(--vacp-slider-thumb-size);margin-top:calc(-1 * var(--vacp-spacing, 6px) / 2);border:3px solid #fff;border-radius:50%;background-color:transparent;box-shadow:0 0 0 var(--vacp-width-border, 1px) var(--vacp-color-border, #000);isolation:isolate}.vacp-copy-button{justify-self:center;align-self:center;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;width:calc(var(--vacp-spacing, 6px) * 6);height:calc(var(--vacp-spacing, 6px) * 6);border:var(--vacp-width-border, 1px) solid transparent;border-radius:50%;color:var(--vacp-color-text-input, currentColor);background-color:var(--vacp-color-background-input, #fff)}.vacp-copy-button:focus{outline:none;border-color:var(--vacp-color-border, #000);box-shadow:0 0 0 2px var(--vacp-color-focus, #19f)}.vacp-copy-button:enabled:hover{background-color:#0002}.vacp-color-inputs{grid-column:1/-1;display:flex;align-items:center}.vacp-color-inputs>:not(:first-child){margin-left:var(--vacp-spacing, 6px)}.vacp-color-input-group{flex-grow:1;display:grid;grid-auto-flow:column;-moz-column-gap:var(--vacp-spacing, 6px);column-gap:var(--vacp-spacing, 6px)}.vacp-color-input-label{text-align:center}.vacp-color-input{width:100%;margin:0;margin-top:calc(var(--vacp-spacing, 6px) / 2);padding:var(--vacp-spacing, 6px);border:var(--vacp-width-border, 1px) solid var(--vacp-color-border, #000);font:inherit;text-align:center;color:inherit;color:var(--vacp-color-text-input, currentColor);background-color:var(--vacp-color-background-input, #fff)}.vacp-format-switch-button{display:flex;justify-content:center;align-items:center;margin:0;padding:var(--vacp-spacing, 6px);border:var(--vacp-width-border, 1px) solid transparent;border-radius:50%;font:inherit;color:inherit;color:var(--vacp-color-text-input, currentColor);background-color:var(--vacp-color-background-input, #fff)}.vacp-format-switch-button:focus{border-color:var(--vacp-color-border, #000)}.vacp-format-switch-button:enabled:hover{background-color:#0002}.vacp-visually-hidden{position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap}.collapse-enter-active[data-v-fef3af20],.collapse-leave-active[data-v-fef3af20]{transition:max-height .3s ease}.collapse-enter-from[data-v-fef3af20],.collapse-leave-to[data-v-fef3af20]{max-height:0}.collapse-enter-to[data-v-fef3af20],.collapse-leave-from[data-v-fef3af20]{max-height:999px}.icon-rounded{font-variation-settings:"FILL" 0}.icon-filled{font-variation-settings:"FILL" 1}.spinner[data-v-3c8691e9]{animation:progress-circular-dash-3c8691e9 2s ease-in-out infinite,progress-circular-rotate-3c8691e9 2s linear infinite;transform-origin:center center}@keyframes progress-circular-dash-3c8691e9{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:100,200;stroke-dashoffset:-15px}to{stroke-dasharray:100,200;stroke-dashoffset:-48px}}@keyframes progress-circular-rotate-3c8691e9{to{transform:rotate(720deg)}}swiper-container::part(bullet-active){height:6px;width:18px;border-radius:6px;background-color:var(--fm-color-primary)}swiper-container::part(bullet){opacity:1;height:6px;width:6px;border-radius:9999;background-color:var(--fm-color-neutral-white)}.fm-stepper-field--input{text-align:end}.bg-checkerboard{background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0px}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/mf-brand-app-builder",
-  "version": "0.5.21-dev.0",
+  "version": "0.5.22-dev.0",
   "type": "module",
   "files": [
     "dist"
@@ -14,7 +14,7 @@
     "./style": "./dist/style.css"
   },
   "dependencies": {
-    "@feedmepos/brand-core": "0.0.1-beta.2",
+    "@feedmepos/brand-core": "0.0.2-alpha.1",
     "@feedmepos/mf-common": "^1.26.3",
     "@feedmepos/ui-library": "1.5.5",
     "@formkit/core": "^1.6.7",

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

@@ -1,61 +0,0 @@
-export type BrandFont = {
-    name: string;
-    source: 'google' | 'custom';
-    weights: string[];
-    files: {
-        [weight: string]: string;
-    };
-};
-export type BrandKit = {
-    colors: {
-        primary: string;
-        secondary: string;
-        accent: string;
-        background: {
-            base: string;
-            elevated: string;
-        };
-        neutral: {
-            light: string;
-            mid: string;
-            dark: string;
-        };
-        status: {
-            success: string;
-            warning: string;
-            error: string;
-            info?: string;
-        };
-        text: {
-            onPrimary: string;
-            primary: string;
-            secondary: string;
-            tertiary: string;
-        };
-    };
-    fonts: {
-        brand: string;
-        heading?: string;
-        body?: string;
-    };
-    ordering?: {
-        app: {
-            category: 'HORIZONTAL' | 'VERTICAL';
-            items: 'LIST' | 'GRID';
-        };
-        kiosk: {
-            category: 'HORIZONTAL' | 'VERTICAL';
-        };
-    };
-};
-export type FdoMetadata = {
-    type: 'BUSINESS' | 'RESTAURANT';
-    country: string;
-    pwaConfig: {
-        short_name: string;
-        name: string;
-        background_color: string;
-        theme_color: string;
-    };
-    brandkit: BrandKit | null;
-};