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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/dist/app.js +6474 -4347
  2. package/dist/components/src/components/BranchList.vue.d.ts +24 -0
  3. package/dist/components/src/components/ButtonList.vue.d.ts +2 -1
  4. package/dist/components/src/components/ImageCarousel.vue.d.ts +2 -1
  5. package/dist/components/src/components/ImageDisplay.vue.d.ts +2 -1
  6. package/dist/components/src/components/MemberCard.vue.d.ts +8 -1
  7. package/dist/components/src/components/OrderHistoryCard.vue.d.ts +31 -0
  8. package/dist/components/src/components/OrderMethod.vue.d.ts +35 -0
  9. package/dist/components/src/components/TextDisplay.vue.d.ts +2 -1
  10. package/dist/components/src/components/atoms/Button.vue.d.ts +52 -0
  11. package/dist/components/src/components/atoms/Container.vue.d.ts +1 -0
  12. package/dist/components/src/components/atoms/OrderTypeChip.vue.d.ts +14 -0
  13. package/dist/components/src/main.d.ts +9 -3
  14. package/dist/components/src/views/OrderDetails.vue.d.ts +18 -0
  15. package/dist/merchant/src/api/index.d.ts +1 -0
  16. package/dist/merchant/src/api/template/index.d.ts +14 -7
  17. package/dist/merchant/src/components/editor/EditorToolbar.vue.d.ts +2 -0
  18. package/dist/merchant/src/components/editor/TemplatePicker.vue.d.ts +2 -0
  19. package/dist/merchant/src/components/editor/TemplatePublishMenu.vue.d.ts +2 -0
  20. package/dist/merchant/src/node-configs/branch-list/props.d.ts +23 -0
  21. package/dist/merchant/src/node-configs/branch-list/schema.d.ts +2 -0
  22. package/dist/merchant/src/node-configs/button-list/props.d.ts +16 -13
  23. package/dist/merchant/src/node-configs/carousel/props.d.ts +16 -13
  24. package/dist/merchant/src/node-configs/container/props.d.ts +33 -26
  25. package/dist/merchant/src/node-configs/display-image/props.d.ts +16 -13
  26. package/dist/merchant/src/node-configs/display-text/props.d.ts +16 -13
  27. package/dist/merchant/src/node-configs/member-card/mock-data.d.ts +2 -0
  28. package/dist/merchant/src/node-configs/member-card/props.d.ts +20 -13
  29. package/dist/merchant/src/node-configs/mock-data.d.ts +2 -1
  30. package/dist/merchant/src/node-configs/order-history-card/mock-data.d.ts +6 -0
  31. package/dist/merchant/src/node-configs/order-history-card/props.d.ts +25 -0
  32. package/dist/merchant/src/node-configs/order-history-card/schema.d.ts +2 -0
  33. package/dist/merchant/src/node-configs/order-method/props.d.ts +30 -0
  34. package/dist/merchant/src/node-configs/order-method/schema.d.ts +2 -0
  35. package/dist/merchant/src/node-configs/props.d.ts +4 -1
  36. package/dist/merchant/src/node-configs/schema.d.ts +4 -1
  37. package/dist/merchant/src/stores/editor/index.d.ts +88 -6
  38. package/dist/merchant/src/stores/template/index.d.ts +102 -19
  39. package/dist/package.json +2 -1
  40. package/dist/style.css +1 -1
  41. package/package.json +2 -1
  42. /package/dist/merchant/src/components/editor/{EditorToobar.vue.d.ts → EditorFloatingToobar.vue.d.ts} +0 -0
@@ -0,0 +1,25 @@
1
+ export declare const OrderHistoryCard: {
2
+ data: {
3
+ thumbnailPhoto: string;
4
+ restaurantName: string;
5
+ orderDate: string;
6
+ orderType: string;
7
+ }[];
8
+ signedIn: boolean;
9
+ containerStyles: {
10
+ paddingTop: string;
11
+ paddingBottom: string;
12
+ paddingLeft: string;
13
+ paddingRight: string;
14
+ marginTop: string;
15
+ marginBottom: string;
16
+ marginLeft: string;
17
+ marginRight: string;
18
+ backgroundColor: string;
19
+ borderRadius: string;
20
+ borderWidth: string;
21
+ borderColor: string;
22
+ height: string;
23
+ boxShadow: string;
24
+ };
25
+ };
@@ -0,0 +1,2 @@
1
+ import type { FormKitSchemaDefinition } from '@formkit/core';
2
+ export declare const OrderHistoryCard: FormKitSchemaDefinition;
@@ -0,0 +1,30 @@
1
+ export declare const OrderMethod: {
2
+ showQr: boolean;
3
+ showPickUp: boolean;
4
+ showDelivery: boolean;
5
+ qrStyle: {
6
+ textColor: string;
7
+ iconColor: string;
8
+ fillColor: string;
9
+ };
10
+ pickupDeliveryStyle: {
11
+ textColor: string;
12
+ iconColor: string;
13
+ };
14
+ containerStyles: {
15
+ paddingTop: string;
16
+ paddingBottom: string;
17
+ paddingLeft: string;
18
+ paddingRight: string;
19
+ marginTop: string;
20
+ marginBottom: string;
21
+ marginLeft: string;
22
+ marginRight: string;
23
+ backgroundColor: string;
24
+ borderRadius: string;
25
+ borderWidth: string;
26
+ borderColor: string;
27
+ height: string;
28
+ boxShadow: string;
29
+ };
30
+ };
@@ -0,0 +1,2 @@
1
+ import type { FormKitSchemaDefinition } from '@formkit/core';
2
+ export declare const OrderMethod: FormKitSchemaDefinition;
@@ -5,4 +5,7 @@ import { Container } from './container/props';
5
5
  import { ImageDisplay } from './display-image/props';
6
6
  import { ImageCarousel } from './carousel/props';
7
7
  import { MemberCard } from './member-card/props';
8
- export { Homepage, TextDisplay, ButtonList, Container, ImageDisplay, ImageCarousel, MemberCard };
8
+ import { OrderMethod } from './order-method/props';
9
+ import { BranchList } from './branch-list/props';
10
+ import { OrderHistoryCard } from './order-history-card/props';
11
+ export { Homepage, TextDisplay, ButtonList, Container, ImageDisplay, ImageCarousel, MemberCard, OrderMethod, BranchList, OrderHistoryCard };
@@ -5,4 +5,7 @@ import { Container } from './container/schema';
5
5
  import { ImageDisplay } from './display-image/schema';
6
6
  import { ImageCarousel } from './carousel/schema';
7
7
  import { MemberCard } from './member-card/schema';
8
- export { Homepage, TextDisplay, ButtonList, Container, ImageDisplay, ImageCarousel, MemberCard };
8
+ import { OrderMethod } from './order-method/schema';
9
+ import { BranchList } from './branch-list/schema';
10
+ import { OrderHistoryCard } from './order-history-card/schema';
11
+ export { Homepage, TextDisplay, ButtonList, Container, ImageDisplay, ImageCarousel, MemberCard, OrderMethod, BranchList, OrderHistoryCard };
@@ -1,6 +1,6 @@
1
1
  import type { INodeComponent } from '../../composables/useNode';
2
2
  export declare const useEditorStore: import("pinia").StoreDefinition<"editor", import("pinia")._UnwrapAll<Pick<{
3
- state: import("vue").ComputedRef<{
3
+ state: import("vue").Ref<{
4
4
  node: {
5
5
  _id: string;
6
6
  type: string;
@@ -22,6 +22,30 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", i
22
22
  data: any;
23
23
  children: any[];
24
24
  } | null;
25
+ firstFetchedData: string | null;
26
+ }, IEditorState | {
27
+ node: {
28
+ _id: string;
29
+ type: string;
30
+ props: any;
31
+ data: any;
32
+ children: any[];
33
+ }[];
34
+ selectedNode: {
35
+ _id: string;
36
+ type: string;
37
+ props: any;
38
+ data: any;
39
+ children: any[];
40
+ } | null;
41
+ copied: {
42
+ _id: string;
43
+ type: string;
44
+ props: any;
45
+ data: any;
46
+ children: any[];
47
+ } | null;
48
+ firstFetchedData: string | null;
25
49
  }>;
26
50
  setNodeList: (newNode: INodeComponent[]) => void;
27
51
  setRootNode: (newNode: INodeComponent) => void;
@@ -30,8 +54,9 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", i
30
54
  updateNode: (node: any) => void;
31
55
  removeNode: (node: INodeComponent) => void;
32
56
  setCopiedNode: (node: INodeComponent) => void;
33
- }, never>>, Pick<{
34
- state: import("vue").ComputedRef<{
57
+ isSaved: () => boolean;
58
+ }, "state">>, Pick<{
59
+ state: import("vue").Ref<{
35
60
  node: {
36
61
  _id: string;
37
62
  type: string;
@@ -53,6 +78,30 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", i
53
78
  data: any;
54
79
  children: any[];
55
80
  } | null;
81
+ firstFetchedData: string | null;
82
+ }, IEditorState | {
83
+ node: {
84
+ _id: string;
85
+ type: string;
86
+ props: any;
87
+ data: any;
88
+ children: any[];
89
+ }[];
90
+ selectedNode: {
91
+ _id: string;
92
+ type: string;
93
+ props: any;
94
+ data: any;
95
+ children: any[];
96
+ } | null;
97
+ copied: {
98
+ _id: string;
99
+ type: string;
100
+ props: any;
101
+ data: any;
102
+ children: any[];
103
+ } | null;
104
+ firstFetchedData: string | null;
56
105
  }>;
57
106
  setNodeList: (newNode: INodeComponent[]) => void;
58
107
  setRootNode: (newNode: INodeComponent) => void;
@@ -61,8 +110,32 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", i
61
110
  updateNode: (node: any) => void;
62
111
  removeNode: (node: INodeComponent) => void;
63
112
  setCopiedNode: (node: INodeComponent) => void;
64
- }, "state">, Pick<{
65
- state: import("vue").ComputedRef<{
113
+ isSaved: () => boolean;
114
+ }, never>, Pick<{
115
+ state: import("vue").Ref<{
116
+ node: {
117
+ _id: string;
118
+ type: string;
119
+ props: any;
120
+ data: any;
121
+ children: any[];
122
+ }[];
123
+ selectedNode: {
124
+ _id: string;
125
+ type: string;
126
+ props: any;
127
+ data: any;
128
+ children: any[];
129
+ } | null;
130
+ copied: {
131
+ _id: string;
132
+ type: string;
133
+ props: any;
134
+ data: any;
135
+ children: any[];
136
+ } | null;
137
+ firstFetchedData: string | null;
138
+ }, IEditorState | {
66
139
  node: {
67
140
  _id: string;
68
141
  type: string;
@@ -84,6 +157,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", i
84
157
  data: any;
85
158
  children: any[];
86
159
  } | null;
160
+ firstFetchedData: string | null;
87
161
  }>;
88
162
  setNodeList: (newNode: INodeComponent[]) => void;
89
163
  setRootNode: (newNode: INodeComponent) => void;
@@ -92,4 +166,12 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", i
92
166
  updateNode: (node: any) => void;
93
167
  removeNode: (node: INodeComponent) => void;
94
168
  setCopiedNode: (node: INodeComponent) => void;
95
- }, "setNodeList" | "setRootNode" | "setFromTemplate" | "setCurrentNode" | "updateNode" | "removeNode" | "setCopiedNode">>;
169
+ isSaved: () => boolean;
170
+ }, "setNodeList" | "setRootNode" | "setFromTemplate" | "setCurrentNode" | "updateNode" | "removeNode" | "setCopiedNode" | "isSaved">>;
171
+ interface IEditorState {
172
+ node: INodeComponent[];
173
+ selectedNode: INodeComponent | null;
174
+ copied: INodeComponent | null;
175
+ firstFetchedData: string | null;
176
+ }
177
+ export {};
@@ -1,35 +1,118 @@
1
1
  import type { INodeComponent } from '../../composables/useNode';
2
2
  export declare const useTemplateStore: import("pinia").StoreDefinition<"template", import("pinia")._UnwrapAll<Pick<{
3
3
  state: import("vue").Ref<{
4
- allTemplates: string[];
5
- selectedTemplateId: string;
4
+ allTemplates: {
5
+ templateAlias: string;
6
+ templateId: string;
7
+ created?: string | undefined;
8
+ }[];
9
+ selectedTemplate: {
10
+ templateAlias: string;
11
+ templateId: string;
12
+ created?: string | undefined;
13
+ } | null;
14
+ activeTemplateId: string;
15
+ }, ITemplateStore | {
16
+ allTemplates: {
17
+ templateAlias: string;
18
+ templateId: string;
19
+ created?: string | undefined;
20
+ }[];
21
+ selectedTemplate: {
22
+ templateAlias: string;
23
+ templateId: string;
24
+ created?: string | undefined;
25
+ } | null;
6
26
  activeTemplateId: string;
7
27
  }>;
8
- getSetAllTemplates: (businessId: string) => Promise<void>;
9
- setActiveTemplate: (businessId: string) => Promise<void>;
10
- getActiveTemplate: (businessId: string) => Promise<void>;
11
- setSelectedTemplateId: (templateId: string) => void;
28
+ getAllTemplates: (businessId: string) => Promise<void>;
29
+ publishTemplate: (businessId: string, schema: INodeComponent[]) => Promise<void>;
30
+ getActiveTemplateId: (businessId: string) => Promise<void>;
31
+ setSelectedTemplate: (template: ITemplateDetails) => void;
12
32
  saveTemplate: (businessId: string, schema: INodeComponent[]) => Promise<void>;
33
+ setActiveTemplate: (businessId: string) => Promise<void>;
34
+ addNewTemplate: () => void;
35
+ renameTemplate: (businessId: string, templateId: string, alias: string) => Promise<void>;
36
+ deleteTemplate: (businessId: string, templateId: string) => Promise<void>;
13
37
  }, "state">>, Pick<{
14
38
  state: import("vue").Ref<{
15
- allTemplates: string[];
16
- selectedTemplateId: string;
39
+ allTemplates: {
40
+ templateAlias: string;
41
+ templateId: string;
42
+ created?: string | undefined;
43
+ }[];
44
+ selectedTemplate: {
45
+ templateAlias: string;
46
+ templateId: string;
47
+ created?: string | undefined;
48
+ } | null;
49
+ activeTemplateId: string;
50
+ }, ITemplateStore | {
51
+ allTemplates: {
52
+ templateAlias: string;
53
+ templateId: string;
54
+ created?: string | undefined;
55
+ }[];
56
+ selectedTemplate: {
57
+ templateAlias: string;
58
+ templateId: string;
59
+ created?: string | undefined;
60
+ } | null;
17
61
  activeTemplateId: string;
18
62
  }>;
19
- getSetAllTemplates: (businessId: string) => Promise<void>;
20
- setActiveTemplate: (businessId: string) => Promise<void>;
21
- getActiveTemplate: (businessId: string) => Promise<void>;
22
- setSelectedTemplateId: (templateId: string) => void;
63
+ getAllTemplates: (businessId: string) => Promise<void>;
64
+ publishTemplate: (businessId: string, schema: INodeComponent[]) => Promise<void>;
65
+ getActiveTemplateId: (businessId: string) => Promise<void>;
66
+ setSelectedTemplate: (template: ITemplateDetails) => void;
23
67
  saveTemplate: (businessId: string, schema: INodeComponent[]) => Promise<void>;
68
+ setActiveTemplate: (businessId: string) => Promise<void>;
69
+ addNewTemplate: () => void;
70
+ renameTemplate: (businessId: string, templateId: string, alias: string) => Promise<void>;
71
+ deleteTemplate: (businessId: string, templateId: string) => Promise<void>;
24
72
  }, never>, Pick<{
25
73
  state: import("vue").Ref<{
26
- allTemplates: string[];
27
- selectedTemplateId: string;
74
+ allTemplates: {
75
+ templateAlias: string;
76
+ templateId: string;
77
+ created?: string | undefined;
78
+ }[];
79
+ selectedTemplate: {
80
+ templateAlias: string;
81
+ templateId: string;
82
+ created?: string | undefined;
83
+ } | null;
84
+ activeTemplateId: string;
85
+ }, ITemplateStore | {
86
+ allTemplates: {
87
+ templateAlias: string;
88
+ templateId: string;
89
+ created?: string | undefined;
90
+ }[];
91
+ selectedTemplate: {
92
+ templateAlias: string;
93
+ templateId: string;
94
+ created?: string | undefined;
95
+ } | null;
28
96
  activeTemplateId: string;
29
97
  }>;
30
- getSetAllTemplates: (businessId: string) => Promise<void>;
31
- setActiveTemplate: (businessId: string) => Promise<void>;
32
- getActiveTemplate: (businessId: string) => Promise<void>;
33
- setSelectedTemplateId: (templateId: string) => void;
98
+ getAllTemplates: (businessId: string) => Promise<void>;
99
+ publishTemplate: (businessId: string, schema: INodeComponent[]) => Promise<void>;
100
+ getActiveTemplateId: (businessId: string) => Promise<void>;
101
+ setSelectedTemplate: (template: ITemplateDetails) => void;
34
102
  saveTemplate: (businessId: string, schema: INodeComponent[]) => Promise<void>;
35
- }, "getSetAllTemplates" | "setActiveTemplate" | "getActiveTemplate" | "setSelectedTemplateId" | "saveTemplate">>;
103
+ setActiveTemplate: (businessId: string) => Promise<void>;
104
+ addNewTemplate: () => void;
105
+ renameTemplate: (businessId: string, templateId: string, alias: string) => Promise<void>;
106
+ deleteTemplate: (businessId: string, templateId: string) => Promise<void>;
107
+ }, "getAllTemplates" | "publishTemplate" | "getActiveTemplateId" | "setSelectedTemplate" | "saveTemplate" | "setActiveTemplate" | "addNewTemplate" | "renameTemplate" | "deleteTemplate">>;
108
+ interface ITemplateStore {
109
+ allTemplates: ITemplateDetails[];
110
+ selectedTemplate: ITemplateDetails | null;
111
+ activeTemplateId: string;
112
+ }
113
+ export interface ITemplateDetails {
114
+ templateAlias: string;
115
+ templateId: string;
116
+ created?: string;
117
+ }
118
+ export {};
package/dist/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@feedmepos/mf-brand-app-builder",
3
- "version": "0.2.0-beta.5",
3
+ "version": "0.3.0-beta.1",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist"
@@ -42,6 +42,7 @@
42
42
  "uuid": "^9.0.1",
43
43
  "vue": "^3.4.21",
44
44
  "vue-router": "^4.3.2",
45
+ "vue-sonner": "^1.1.4",
45
46
  "vuedraggable": "^4.1.0"
46
47
  },
47
48
  "devDependencies": {
package/dist/style.css CHANGED
@@ -1 +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}
1
+ .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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@feedmepos/mf-brand-app-builder",
3
- "version": "0.2.0-beta.5",
3
+ "version": "0.3.0-beta.1",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist"
@@ -24,6 +24,7 @@
24
24
  "uuid": "^9.0.1",
25
25
  "vue": "^3.4.21",
26
26
  "vue-router": "^4.3.2",
27
+ "vue-sonner": "^1.1.4",
27
28
  "vuedraggable": "^4.1.0"
28
29
  },
29
30
  "devDependencies": {