@feedmepos/mf-brand-app-builder 0.5.12 → 0.5.14-alpha

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

@@ -5,37 +5,60 @@ export declare const useTemplateStore: import("pinia").StoreDefinition<"template
             templateAlias: string;
             templateId: string;
             created?: string | undefined;
+            updatedAt?: string | undefined;
+            publishedAt?: string | undefined;
             isPublished: boolean;
+            predefined?: boolean | undefined;
+            group?: string | null | undefined;
         }[];
         selectedTemplate: {
             templateAlias: string;
             templateId: string;
             created?: string | undefined;
+            updatedAt?: string | undefined;
+            publishedAt?: string | undefined;
             isPublished: boolean;
+            predefined?: boolean | undefined;
+            group?: string | null | undefined;
         } | null;
         activeTemplateId: string;
+        activeMemberTemplateId: string;
     }, ITemplateStore | {
         allTemplates: {
             templateAlias: string;
             templateId: string;
             created?: string | undefined;
+            updatedAt?: string | undefined;
+            publishedAt?: string | undefined;
             isPublished: boolean;
+            predefined?: boolean | undefined;
+            group?: string | null | undefined;
         }[];
         selectedTemplate: {
             templateAlias: string;
             templateId: string;
             created?: string | undefined;
+            updatedAt?: string | undefined;
+            publishedAt?: string | undefined;
             isPublished: boolean;
+            predefined?: boolean | undefined;
+            group?: string | null | undefined;
         } | null;
         activeTemplateId: string;
+        activeMemberTemplateId: string;
     }>;
     getAllTemplates: (businessId: string) => Promise<void>;
     publishTemplate: (businessId: string, schema: INodeComponent[]) => Promise<void>;
     getMainTemplateId: (businessId: string) => Promise<void>;
     setSelectedTemplate: (templateId: ITemplateDetails['templateId']) => void;
     saveTemplate: (businessId: string, schema: INodeComponent[]) => Promise<void>;
-    setMainPageTemplate: (businessId: string) => Promise<void>;
-    addNewTemplate: () => void;
+    setMainPageTemplate: (businessId: string, type?: 'member') => Promise<void>;
+    addNewTemplate: (config?: {
+        id?: string;
+        name?: string;
+        predefined?: boolean;
+        group?: string;
+    }) => void;
     renameTemplate: (businessId: string, templateId: string, alias: string) => Promise<void>;
     deleteTemplate: (businessId: string, templateId: string) => Promise<void>;
     unpublishTemplate: (businessId: string) => Promise<void>;
@@ -45,37 +68,60 @@ export declare const useTemplateStore: import("pinia").StoreDefinition<"template
             templateAlias: string;
             templateId: string;
             created?: string | undefined;
+            updatedAt?: string | undefined;
+            publishedAt?: string | undefined;
             isPublished: boolean;
+            predefined?: boolean | undefined;
+            group?: string | null | undefined;
         }[];
         selectedTemplate: {
             templateAlias: string;
             templateId: string;
             created?: string | undefined;
+            updatedAt?: string | undefined;
+            publishedAt?: string | undefined;
             isPublished: boolean;
+            predefined?: boolean | undefined;
+            group?: string | null | undefined;
         } | null;
         activeTemplateId: string;
+        activeMemberTemplateId: string;
     }, ITemplateStore | {
         allTemplates: {
             templateAlias: string;
             templateId: string;
             created?: string | undefined;
+            updatedAt?: string | undefined;
+            publishedAt?: string | undefined;
             isPublished: boolean;
+            predefined?: boolean | undefined;
+            group?: string | null | undefined;
         }[];
         selectedTemplate: {
             templateAlias: string;
             templateId: string;
             created?: string | undefined;
+            updatedAt?: string | undefined;
+            publishedAt?: string | undefined;
             isPublished: boolean;
+            predefined?: boolean | undefined;
+            group?: string | null | undefined;
         } | null;
         activeTemplateId: string;
+        activeMemberTemplateId: string;
     }>;
     getAllTemplates: (businessId: string) => Promise<void>;
     publishTemplate: (businessId: string, schema: INodeComponent[]) => Promise<void>;
     getMainTemplateId: (businessId: string) => Promise<void>;
     setSelectedTemplate: (templateId: ITemplateDetails['templateId']) => void;
     saveTemplate: (businessId: string, schema: INodeComponent[]) => Promise<void>;
-    setMainPageTemplate: (businessId: string) => Promise<void>;
-    addNewTemplate: () => void;
+    setMainPageTemplate: (businessId: string, type?: 'member') => Promise<void>;
+    addNewTemplate: (config?: {
+        id?: string;
+        name?: string;
+        predefined?: boolean;
+        group?: string;
+    }) => void;
     renameTemplate: (businessId: string, templateId: string, alias: string) => Promise<void>;
     deleteTemplate: (businessId: string, templateId: string) => Promise<void>;
     unpublishTemplate: (businessId: string) => Promise<void>;
@@ -85,37 +131,60 @@ export declare const useTemplateStore: import("pinia").StoreDefinition<"template
             templateAlias: string;
             templateId: string;
             created?: string | undefined;
+            updatedAt?: string | undefined;
+            publishedAt?: string | undefined;
             isPublished: boolean;
+            predefined?: boolean | undefined;
+            group?: string | null | undefined;
         }[];
         selectedTemplate: {
             templateAlias: string;
             templateId: string;
             created?: string | undefined;
+            updatedAt?: string | undefined;
+            publishedAt?: string | undefined;
             isPublished: boolean;
+            predefined?: boolean | undefined;
+            group?: string | null | undefined;
         } | null;
         activeTemplateId: string;
+        activeMemberTemplateId: string;
     }, ITemplateStore | {
         allTemplates: {
             templateAlias: string;
             templateId: string;
             created?: string | undefined;
+            updatedAt?: string | undefined;
+            publishedAt?: string | undefined;
             isPublished: boolean;
+            predefined?: boolean | undefined;
+            group?: string | null | undefined;
         }[];
         selectedTemplate: {
             templateAlias: string;
             templateId: string;
             created?: string | undefined;
+            updatedAt?: string | undefined;
+            publishedAt?: string | undefined;
             isPublished: boolean;
+            predefined?: boolean | undefined;
+            group?: string | null | undefined;
         } | null;
         activeTemplateId: string;
+        activeMemberTemplateId: string;
     }>;
     getAllTemplates: (businessId: string) => Promise<void>;
     publishTemplate: (businessId: string, schema: INodeComponent[]) => Promise<void>;
     getMainTemplateId: (businessId: string) => Promise<void>;
     setSelectedTemplate: (templateId: ITemplateDetails['templateId']) => void;
     saveTemplate: (businessId: string, schema: INodeComponent[]) => Promise<void>;
-    setMainPageTemplate: (businessId: string) => Promise<void>;
-    addNewTemplate: () => void;
+    setMainPageTemplate: (businessId: string, type?: 'member') => Promise<void>;
+    addNewTemplate: (config?: {
+        id?: string;
+        name?: string;
+        predefined?: boolean;
+        group?: string;
+    }) => void;
     renameTemplate: (businessId: string, templateId: string, alias: string) => Promise<void>;
     deleteTemplate: (businessId: string, templateId: string) => Promise<void>;
     unpublishTemplate: (businessId: string) => Promise<void>;
@@ -131,6 +200,8 @@ interface ITemplateStore {
     selectedTemplate: ITemplateDetails | null;
     /** Current business's mainpage */
     activeTemplateId: string;
+    /** Current business's main member page template */
+    activeMemberTemplateId: string;
 }
 export interface ITemplateDetails {
     /** User-defined template name */
@@ -139,7 +210,15 @@ export interface ITemplateDetails {
     templateId: string;
     /** Created date in `ISO-8601` string, generated by system */
     created?: string;
+    /** Updated date in `ISO-8601` string, generated by system */
+    updatedAt?: string;
+    /** Published date in `ISO-8601` string, generated by system */
+    publishedAt?: string;
     /** Whether template is published publicly */
     isPublished: boolean;
+    /** Whether template is a predefined template */
+    predefined?: boolean;
+    /** Group of the template */
+    group?: string | null;
 }
 export {};

package/dist/merchant/src/views/BuilderView.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/merchant/src/views/HomeView.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/merchant/src/views/ProjectView.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/merchant/src/views/SettingsView.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/merchant/src/views/views.d.ts

@@ -0,0 +1,11 @@
+export declare const predefinedTemplates: {
+    isPublished: boolean;
+    updatedAt: null;
+    publishedAt: null;
+    templateAlias: string;
+    templateId: string;
+    group: string;
+    predefined: boolean;
+    editable: boolean;
+    type: string;
+}[];

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/mf-brand-app-builder",
-  "version": "0.5.12",
+  "version": "0.5.14-alpha",
   "type": "module",
   "files": [
     "dist"
@@ -33,17 +33,20 @@
   },
   "dependencies": {
     "@feedmepos/mf-common": "^1.8.33",
-    "@feedmepos/ui-library": "^1.2.39",
+    "@feedmepos/ui-library": "1.5.5",
     "@formkit/core": "^1.6.7",
     "@formkit/vue": "^1.6.7",
     "axios": "^1.7.2",
+    "dayjs": "^1.11.13",
     "dotenv": "^16.4.5",
     "pinia": "^2.1.7",
     "qrcode": "^1.5.4",
     "uuid": "^9.0.1",
     "vue": "^3.5.12",
+    "vue-accessible-color-picker": "^5.2.0",
     "vue-router": "^4.3.2",
     "vue-sonner": "^1.1.4",
+    "vue3-colorpicker": "^2.3.0",
     "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)}}.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))}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}
+@charset "UTF-8";.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)}}.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))}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)}.ba-grid-2[data-v-145ea6bc]{grid-template-columns:repeat(2,minmax(0,1fr))}.ba-grid-3[data-v-145ea6bc]{grid-template-columns:repeat(3,minmax(0,1fr))}.ba-grid-4[data-v-145ea6bc]{grid-template-columns:repeat(4,minmax(0,1fr))}.fm-stepper-field--input{text-align:end}.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}.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/dist/{v4-ANoOI1Qw.js → v4-CKwdnpQf.js}

@@ -5,22 +5,22 @@ function i() {
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
   return e(o);
 }
-const d = [];
+const u = [];
 for (let n = 0; n < 256; ++n)
-  d.push((n + 256).toString(16).slice(1));
+  u.push((n + 256).toString(16).slice(1));
 function p(n, t = 0) {
-  return d[n[t + 0]] + d[n[t + 1]] + d[n[t + 2]] + d[n[t + 3]] + "-" + d[n[t + 4]] + d[n[t + 5]] + "-" + d[n[t + 6]] + d[n[t + 7]] + "-" + d[n[t + 8]] + d[n[t + 9]] + "-" + d[n[t + 10]] + d[n[t + 11]] + d[n[t + 12]] + d[n[t + 13]] + d[n[t + 14]] + d[n[t + 15]];
+  return u[n[t + 0]] + u[n[t + 1]] + u[n[t + 2]] + u[n[t + 3]] + "-" + u[n[t + 4]] + u[n[t + 5]] + "-" + u[n[t + 6]] + u[n[t + 7]] + "-" + u[n[t + 8]] + u[n[t + 9]] + "-" + u[n[t + 10]] + u[n[t + 11]] + u[n[t + 12]] + u[n[t + 13]] + u[n[t + 14]] + u[n[t + 15]];
 }
 const y = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), c = {
   randomUUID: y
 };
-function U(n, t, m) {
-  if (c.randomUUID && !t && !n)
+function r(n, t, m) {
+  if (c.randomUUID && !n)
     return c.randomUUID();
   n = n || {};
-  const u = n.random || (n.rng || i)();
-  return u[6] = u[6] & 15 | 64, u[8] = u[8] & 63 | 128, p(u);
+  const d = n.random || (n.rng || i)();
+  return d[6] = d[6] & 15 | 64, d[8] = d[8] & 63 | 128, p(d);
 }
 export {
-  U as v
+  r as v
 };

package/dist/views-Dd4l-D61.js

@@ -0,0 +1,89 @@
+const t = [
+  {
+    templateAlias: "Profile",
+    templateId: "member-profile",
+    group: "member",
+    predefined: !0,
+    editable: !1,
+    type: "_MemberProfile"
+  },
+  {
+    templateAlias: "Tier Benefits",
+    templateId: "member-tier",
+    group: "member",
+    predefined: !0,
+    editable: !1,
+    type: "_Tier"
+  },
+  {
+    templateAlias: "Title Benefits",
+    templateId: "member-title",
+    group: "member",
+    predefined: !0,
+    editable: !1,
+    type: "_Title"
+  },
+  {
+    templateAlias: "Voucher",
+    templateId: "member-voucher",
+    group: "member",
+    predefined: !0,
+    editable: !1,
+    type: "_Voucher"
+  },
+  {
+    templateAlias: "Credit",
+    templateId: "member-credit",
+    group: "member",
+    predefined: !0,
+    editable: !1,
+    type: "_Credit"
+  },
+  {
+    templateAlias: "Point",
+    templateId: "member-point",
+    group: "member",
+    predefined: !0,
+    editable: !1,
+    type: "_Point"
+  },
+  {
+    templateAlias: "Member Store",
+    templateId: "member-store",
+    group: "member",
+    predefined: !0,
+    editable: !1,
+    type: "_Store"
+  }
+].map((e) => ({ ...e, isPublished: !0, updatedAt: null, publishedAt: null })), r = [
+  {
+    templateAlias: "Invite friends",
+    templateId: "member-referral",
+    group: "referral",
+    predefined: !0,
+    editable: !0,
+    type: "_Referral"
+  },
+  {
+    templateAlias: "Invite History",
+    templateId: "member-referral-history",
+    group: "referral",
+    predefined: !0,
+    editable: !1,
+    type: "_InviteHistory"
+  },
+  {
+    templateAlias: "How It Works",
+    templateId: "member-referral-tutorial",
+    group: "referral",
+    predefined: !0,
+    editable: !0,
+    type: "_ReferralTutorial"
+  }
+].map((e) => ({ ...e, isPublished: !0, updatedAt: null, publishedAt: null })), l = [
+  ...t,
+  ...r
+];
+export {
+  l as p
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/mf-brand-app-builder",
-  "version": "0.5.12",
+  "version": "0.5.14-alpha",
   "type": "module",
   "files": [
     "dist"
@@ -15,17 +15,20 @@
   },
   "dependencies": {
     "@feedmepos/mf-common": "^1.8.33",
-    "@feedmepos/ui-library": "^1.2.39",
+    "@feedmepos/ui-library": "1.5.5",
     "@formkit/core": "^1.6.7",
     "@formkit/vue": "^1.6.7",
     "axios": "^1.7.2",
+    "dayjs": "^1.11.13",
     "dotenv": "^16.4.5",
     "pinia": "^2.1.7",
     "qrcode": "^1.5.4",
     "uuid": "^9.0.1",
     "vue": "^3.5.12",
+    "vue-accessible-color-picker": "^5.2.0",
     "vue-router": "^4.3.2",
     "vue-sonner": "^1.1.4",
+    "vue3-colorpicker": "^2.3.0",
     "vuedraggable": "^4.1.0"
   },
   "devDependencies": {

package/dist/App-D-sh0my5.js

@@ -1,99 +0,0 @@
-import { defineComponent as d, computed as v, resolveComponent as u, openBlock as l, createElementBlock as m, Fragment as f, renderList as x, createVNode as n, unref as p, withCtx as _, ref as b, onMounted as w, onBeforeMount as B, watch as y, createElementVNode as c, createBlock as k, createCommentVNode as S } from "vue";
-import { useCoreStore as C } from "@feedmepos/mf-common";
-import { V as F } from "./index-T23clKe0.js";
-import { useRoute as R, RouterLink as V, RouterView as L } from "vue-router";
-import { g as P } from "./index-BxQr98LR.js";
-import { u as A } from "./index-Dw3CRqw2.js";
-const N = { class: "shrink-0 w-64 h-full bg-fm-color-neutral-white border-r border-fm-color-neutral-gray-100 p-[10px] flex flex-col gap-12" }, z = /* @__PURE__ */ d({
-  __name: "NavigationSidebar",
-  setup(g) {
-    const e = R(), i = [
-      // {
-      //   name: 'home',
-      //   icon: 'style',
-      // },
-      {
-        name: "builder",
-        icon: "build"
-      },
-      {
-        name: "settings",
-        icon: "settings"
-      }
-    ], t = v(
-      () => (s) => e.matched.map((o) => o.name).includes(s)
-    );
-    return (s, o) => {
-      const a = u("FmButton");
-      return l(), m("div", N, [
-        (l(), m(f, null, x(i, (r) => n(p(V), {
-          to: { name: r.name }
-        }, {
-          default: _(() => [
-            n(a, {
-              class: "w-[44px] !h-[44px]",
-              size: "lg",
-              icon: r.icon,
-              "icon-color": t.value(r.name) ? "primary" : "neutral-gray-400",
-              "bg-color": t.value(r.name) ? "system-warning-100" : "neutral-white"
-            }, null, 8, ["icon", "icon-color", "bg-color"])
-          ]),
-          _: 2
-        }, 1032, ["to"])), 64))
-      ]);
-    };
-  }
-}), M = { class: "relative h-[calc(100vh-56px)] w-screen" }, $ = { class: "flex w-full h-full" }, j = /* @__PURE__ */ d({
-  __name: "App",
-  setup(g) {
-    const e = C(), i = A(), t = b(!0);
-    async function s() {
-      var o;
-      t.value = !0, (o = e.currentBusiness.value) != null && o._id && (await i.getPremiumStatus(e.currentBusiness.value._id), t.value = !1);
-    }
-    return w(() => {
-      console.log("Running v0.5.12"), e.hideSidebar.value = !0, P();
-    }), B(() => {
-      e.hideSidebar.value = !1;
-    }), y(
-      () => e.currentBusiness.value,
-      () => s(),
-      { immediate: !0 }
-    ), (o, a) => {
-      const r = u("FmCircularProgress"), h = u("FmOverlay");
-      return l(), m(f, null, [
-        a[0] || (a[0] = c("link", {
-          href: "https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0..1,0",
-          rel: "stylesheet"
-        }, null, -1)),
-        c("div", M, [
-          n(p(F), {
-            position: "top-right",
-            "rich-colors": "",
-            "close-button": "",
-            duration: 3e3
-          }),
-          t.value ? (l(), k(h, {
-            key: 0,
-            "dismiss-away": !1,
-            "prevent-backdrop-event": !1,
-            transparent: !1,
-            "center-content": ""
-          }, {
-            default: _(() => [
-              n(r, { size: "xxl" })
-            ]),
-            _: 1
-          })) : S("", !0),
-          c("div", $, [
-            n(z),
-            n(p(L), { class: "flex-1" })
-          ])
-        ])
-      ], 64);
-    };
-  }
-});
-export {
-  j as default
-};