@feedmepos/mf-brand-app-builder 0.2.0-beta.5 → 0.3.0-beta.2

package/dist/merchant/src/node-configs/order-history-card/props.d.ts

@@ -0,0 +1,25 @@
+export declare const OrderHistoryCard: {
+    data: {
+        thumbnailPhoto: string;
+        restaurantName: string;
+        orderDate: string;
+        orderType: string;
+    }[];
+    signedIn: boolean;
+    containerStyles: {
+        paddingTop: string;
+        paddingBottom: string;
+        paddingLeft: string;
+        paddingRight: string;
+        marginTop: string;
+        marginBottom: string;
+        marginLeft: string;
+        marginRight: string;
+        backgroundColor: string;
+        borderRadius: string;
+        borderWidth: string;
+        borderColor: string;
+        height: string;
+        boxShadow: string;
+    };
+};

package/dist/merchant/src/node-configs/order-history-card/schema.d.ts

@@ -0,0 +1,2 @@
+import type { FormKitSchemaDefinition } from '@formkit/core';
+export declare const OrderHistoryCard: FormKitSchemaDefinition;

package/dist/merchant/src/node-configs/order-method/props.d.ts

@@ -0,0 +1,30 @@
+export declare const OrderMethod: {
+    showQr: boolean;
+    showPickUp: boolean;
+    showDelivery: boolean;
+    qrStyle: {
+        textColor: string;
+        iconColor: string;
+        fillColor: string;
+    };
+    pickupDeliveryStyle: {
+        textColor: string;
+        iconColor: string;
+    };
+    containerStyles: {
+        paddingTop: string;
+        paddingBottom: string;
+        paddingLeft: string;
+        paddingRight: string;
+        marginTop: string;
+        marginBottom: string;
+        marginLeft: string;
+        marginRight: string;
+        backgroundColor: string;
+        borderRadius: string;
+        borderWidth: string;
+        borderColor: string;
+        height: string;
+        boxShadow: string;
+    };
+};

package/dist/merchant/src/node-configs/order-method/schema.d.ts

@@ -0,0 +1,2 @@
+import type { FormKitSchemaDefinition } from '@formkit/core';
+export declare const OrderMethod: FormKitSchemaDefinition;

package/dist/merchant/src/node-configs/props.d.ts

@@ -5,4 +5,7 @@ import { Container } from './container/props';
 import { ImageDisplay } from './display-image/props';
 import { ImageCarousel } from './carousel/props';
 import { MemberCard } from './member-card/props';
-export { Homepage, TextDisplay, ButtonList, Container, ImageDisplay, ImageCarousel, MemberCard };
+import { OrderMethod } from './order-method/props';
+import { BranchList } from './branch-list/props';
+import { OrderHistoryCard } from './order-history-card/props';
+export { Homepage, TextDisplay, ButtonList, Container, ImageDisplay, ImageCarousel, MemberCard, OrderMethod, BranchList, OrderHistoryCard };

package/dist/merchant/src/node-configs/schema.d.ts

@@ -5,4 +5,7 @@ import { Container } from './container/schema';
 import { ImageDisplay } from './display-image/schema';
 import { ImageCarousel } from './carousel/schema';
 import { MemberCard } from './member-card/schema';
-export { Homepage, TextDisplay, ButtonList, Container, ImageDisplay, ImageCarousel, MemberCard };
+import { OrderMethod } from './order-method/schema';
+import { BranchList } from './branch-list/schema';
+import { OrderHistoryCard } from './order-history-card/schema';
+export { Homepage, TextDisplay, ButtonList, Container, ImageDisplay, ImageCarousel, MemberCard, OrderMethod, BranchList, OrderHistoryCard };

package/dist/merchant/src/stores/editor/index.d.ts

@@ -1,6 +1,6 @@
 import type { INodeComponent } from '../../composables/useNode';
 export declare const useEditorStore: import("pinia").StoreDefinition<"editor", import("pinia")._UnwrapAll<Pick<{
-    state: import("vue").ComputedRef<{
+    state: import("vue").Ref<{
         node: {
             _id: string;
             type: string;
@@ -22,6 +22,30 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", i
             data: any;
             children: any[];
         } | null;
+        firstFetchedData: string | null;
+    }, IEditorState | {
+        node: {
+            _id: string;
+            type: string;
+            props: any;
+            data: any;
+            children: any[];
+        }[];
+        selectedNode: {
+            _id: string;
+            type: string;
+            props: any;
+            data: any;
+            children: any[];
+        } | null;
+        copied: {
+            _id: string;
+            type: string;
+            props: any;
+            data: any;
+            children: any[];
+        } | null;
+        firstFetchedData: string | null;
     }>;
     setNodeList: (newNode: INodeComponent[]) => void;
     setRootNode: (newNode: INodeComponent) => void;
@@ -30,8 +54,9 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", i
     updateNode: (node: any) => void;
     removeNode: (node: INodeComponent) => void;
     setCopiedNode: (node: INodeComponent) => void;
-}, never>>, Pick<{
-    state: import("vue").ComputedRef<{
+    isSaved: () => boolean;
+}, "state">>, Pick<{
+    state: import("vue").Ref<{
         node: {
             _id: string;
             type: string;
@@ -53,6 +78,30 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", i
             data: any;
             children: any[];
         } | null;
+        firstFetchedData: string | null;
+    }, IEditorState | {
+        node: {
+            _id: string;
+            type: string;
+            props: any;
+            data: any;
+            children: any[];
+        }[];
+        selectedNode: {
+            _id: string;
+            type: string;
+            props: any;
+            data: any;
+            children: any[];
+        } | null;
+        copied: {
+            _id: string;
+            type: string;
+            props: any;
+            data: any;
+            children: any[];
+        } | null;
+        firstFetchedData: string | null;
     }>;
     setNodeList: (newNode: INodeComponent[]) => void;
     setRootNode: (newNode: INodeComponent) => void;
@@ -61,8 +110,32 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", i
     updateNode: (node: any) => void;
     removeNode: (node: INodeComponent) => void;
     setCopiedNode: (node: INodeComponent) => void;
-}, "state">, Pick<{
-    state: import("vue").ComputedRef<{
+    isSaved: () => boolean;
+}, never>, Pick<{
+    state: import("vue").Ref<{
+        node: {
+            _id: string;
+            type: string;
+            props: any;
+            data: any;
+            children: any[];
+        }[];
+        selectedNode: {
+            _id: string;
+            type: string;
+            props: any;
+            data: any;
+            children: any[];
+        } | null;
+        copied: {
+            _id: string;
+            type: string;
+            props: any;
+            data: any;
+            children: any[];
+        } | null;
+        firstFetchedData: string | null;
+    }, IEditorState | {
         node: {
             _id: string;
             type: string;
@@ -84,6 +157,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", i
             data: any;
             children: any[];
         } | null;
+        firstFetchedData: string | null;
     }>;
     setNodeList: (newNode: INodeComponent[]) => void;
     setRootNode: (newNode: INodeComponent) => void;
@@ -92,4 +166,12 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", i
     updateNode: (node: any) => void;
     removeNode: (node: INodeComponent) => void;
     setCopiedNode: (node: INodeComponent) => void;
-}, "setNodeList" | "setRootNode" | "setFromTemplate" | "setCurrentNode" | "updateNode" | "removeNode" | "setCopiedNode">>;
+    isSaved: () => boolean;
+}, "setNodeList" | "setRootNode" | "setFromTemplate" | "setCurrentNode" | "updateNode" | "removeNode" | "setCopiedNode" | "isSaved">>;
+interface IEditorState {
+    node: INodeComponent[];
+    selectedNode: INodeComponent | null;
+    copied: INodeComponent | null;
+    firstFetchedData: string | null;
+}
+export {};

package/dist/merchant/src/stores/template/index.d.ts

@@ -1,35 +1,118 @@
 import type { INodeComponent } from '../../composables/useNode';
 export declare const useTemplateStore: import("pinia").StoreDefinition<"template", import("pinia")._UnwrapAll<Pick<{
     state: import("vue").Ref<{
-        allTemplates: string[];
-        selectedTemplateId: string;
+        allTemplates: {
+            templateAlias: string;
+            templateId: string;
+            created?: string | undefined;
+        }[];
+        selectedTemplate: {
+            templateAlias: string;
+            templateId: string;
+            created?: string | undefined;
+        } | null;
+        activeTemplateId: string;
+    }, ITemplateStore | {
+        allTemplates: {
+            templateAlias: string;
+            templateId: string;
+            created?: string | undefined;
+        }[];
+        selectedTemplate: {
+            templateAlias: string;
+            templateId: string;
+            created?: string | undefined;
+        } | null;
         activeTemplateId: string;
     }>;
-    getSetAllTemplates: (businessId: string) => Promise<void>;
-    setActiveTemplate: (businessId: string) => Promise<void>;
-    getActiveTemplate: (businessId: string) => Promise<void>;
-    setSelectedTemplateId: (templateId: string) => void;
+    getAllTemplates: (businessId: string) => Promise<void>;
+    publishTemplate: (businessId: string, schema: INodeComponent[]) => Promise<void>;
+    getActiveTemplateId: (businessId: string) => Promise<void>;
+    setSelectedTemplate: (template: ITemplateDetails) => void;
     saveTemplate: (businessId: string, schema: INodeComponent[]) => Promise<void>;
+    setActiveTemplate: (businessId: string) => Promise<void>;
+    addNewTemplate: () => void;
+    renameTemplate: (businessId: string, templateId: string, alias: string) => Promise<void>;
+    deleteTemplate: (businessId: string, templateId: string) => Promise<void>;
 }, "state">>, Pick<{
     state: import("vue").Ref<{
-        allTemplates: string[];
-        selectedTemplateId: string;
+        allTemplates: {
+            templateAlias: string;
+            templateId: string;
+            created?: string | undefined;
+        }[];
+        selectedTemplate: {
+            templateAlias: string;
+            templateId: string;
+            created?: string | undefined;
+        } | null;
+        activeTemplateId: string;
+    }, ITemplateStore | {
+        allTemplates: {
+            templateAlias: string;
+            templateId: string;
+            created?: string | undefined;
+        }[];
+        selectedTemplate: {
+            templateAlias: string;
+            templateId: string;
+            created?: string | undefined;
+        } | null;
         activeTemplateId: string;
     }>;
-    getSetAllTemplates: (businessId: string) => Promise<void>;
-    setActiveTemplate: (businessId: string) => Promise<void>;
-    getActiveTemplate: (businessId: string) => Promise<void>;
-    setSelectedTemplateId: (templateId: string) => void;
+    getAllTemplates: (businessId: string) => Promise<void>;
+    publishTemplate: (businessId: string, schema: INodeComponent[]) => Promise<void>;
+    getActiveTemplateId: (businessId: string) => Promise<void>;
+    setSelectedTemplate: (template: ITemplateDetails) => void;
     saveTemplate: (businessId: string, schema: INodeComponent[]) => Promise<void>;
+    setActiveTemplate: (businessId: string) => Promise<void>;
+    addNewTemplate: () => void;
+    renameTemplate: (businessId: string, templateId: string, alias: string) => Promise<void>;
+    deleteTemplate: (businessId: string, templateId: string) => Promise<void>;
 }, never>, Pick<{
     state: import("vue").Ref<{
-        allTemplates: string[];
-        selectedTemplateId: string;
+        allTemplates: {
+            templateAlias: string;
+            templateId: string;
+            created?: string | undefined;
+        }[];
+        selectedTemplate: {
+            templateAlias: string;
+            templateId: string;
+            created?: string | undefined;
+        } | null;
+        activeTemplateId: string;
+    }, ITemplateStore | {
+        allTemplates: {
+            templateAlias: string;
+            templateId: string;
+            created?: string | undefined;
+        }[];
+        selectedTemplate: {
+            templateAlias: string;
+            templateId: string;
+            created?: string | undefined;
+        } | null;
         activeTemplateId: string;
     }>;
-    getSetAllTemplates: (businessId: string) => Promise<void>;
-    setActiveTemplate: (businessId: string) => Promise<void>;
-    getActiveTemplate: (businessId: string) => Promise<void>;
-    setSelectedTemplateId: (templateId: string) => void;
+    getAllTemplates: (businessId: string) => Promise<void>;
+    publishTemplate: (businessId: string, schema: INodeComponent[]) => Promise<void>;
+    getActiveTemplateId: (businessId: string) => Promise<void>;
+    setSelectedTemplate: (template: ITemplateDetails) => void;
     saveTemplate: (businessId: string, schema: INodeComponent[]) => Promise<void>;
-}, "getSetAllTemplates" | "setActiveTemplate" | "getActiveTemplate" | "setSelectedTemplateId" | "saveTemplate">>;
+    setActiveTemplate: (businessId: string) => Promise<void>;
+    addNewTemplate: () => void;
+    renameTemplate: (businessId: string, templateId: string, alias: string) => Promise<void>;
+    deleteTemplate: (businessId: string, templateId: string) => Promise<void>;
+}, "getAllTemplates" | "publishTemplate" | "getActiveTemplateId" | "setSelectedTemplate" | "saveTemplate" | "setActiveTemplate" | "addNewTemplate" | "renameTemplate" | "deleteTemplate">>;
+interface ITemplateStore {
+    allTemplates: ITemplateDetails[];
+    selectedTemplate: ITemplateDetails | null;
+    activeTemplateId: string;
+}
+export interface ITemplateDetails {
+    templateAlias: string;
+    templateId: string;
+    created?: string;
+}
+export {};

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/mf-brand-app-builder",
-  "version": "0.2.0-beta.5",
+  "version": "0.3.0-beta.2",
   "type": "module",
   "files": [
     "dist"
@@ -42,6 +42,7 @@
     "uuid": "^9.0.1",
     "vue": "^3.4.21",
     "vue-router": "^4.3.2",
+    "vue-sonner": "^1.1.4",
     "vuedraggable": "^4.1.0"
   },
   "devDependencies": {

package/dist/style.css

@@ -1 +1 @@
-.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)}}.fm-stepper-field--input{text-align:end}
+.icon-rounded{font-variation-settings:"FILL" 0}.icon-filled{font-variation-settings:"FILL" 1}.ba-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ba-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ba-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.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)}}.fm-stepper-field--input{text-align:end}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/mf-brand-app-builder",
-  "version": "0.2.0-beta.5",
+  "version": "0.3.0-beta.2",
   "type": "module",
   "files": [
     "dist"
@@ -24,6 +24,7 @@
     "uuid": "^9.0.1",
     "vue": "^3.4.21",
     "vue-router": "^4.3.2",
+    "vue-sonner": "^1.1.4",
     "vuedraggable": "^4.1.0"
   },
   "devDependencies": {