@ozdao/prometheus-framework 0.2.31 → 0.2.32

package/dist/prometheus-framework/src/modules/products/components/pages/Products.vue.js

@@ -1,16 +1,16 @@
-import { openBlock as r, createElementBlock as a, createVNode as i, unref as s, withCtx as c, Fragment as m, renderList as u, createBlock as p } from "vue";
-import { useRoute as _, useRouter as d } from "vue-router";
-import l from "../sections/FilterProducts.vue.js";
-import f from "../../../globals/components/sections/Feed.vue.js";
-import h from "../blocks/CardProduct.vue.js";
-import { actions as k, state as $ } from "../../store/products.js";
-const g = { class: "cols-2-1_3 gap-thin pd-thin" }, R = {
+import { openBlock as i, createElementBlock as s, createVNode as a, unref as t, withCtx as c, Fragment as u, renderList as p, createBlock as m } from "vue";
+import { useRoute as d, useRouter as l } from "vue-router";
+import _ from "../sections/FilterProducts.vue.js";
+import f from "../../../../components/Feed/Feed.vue.js";
+import g from "../blocks/CardProduct.vue.js";
+import { actions as y, state as h } from "../../store/products.js";
+const k = { class: "cols-2-1_3 bg-grey radius-big gap-thin pd-thin" }, F = {
   __name: "Products",
-  setup(C) {
-    const o = _();
-    return d(), (n, v) => (r(), a("div", g, [
-      i(l),
-      i(f, {
+  setup(v) {
+    const e = d();
+    return l(), (n, $) => (i(), s("div", k, [
+      a(_),
+      a(f, {
         states: {
           empty: {
             title: "No Products Found",
@@ -18,26 +18,30 @@ const g = { class: "cols-2-1_3 gap-thin pd-thin" }, R = {
           }
         },
         store: {
-          read: (t) => k.read(t),
-          state: $
+          read: (r) => y.read(r),
+          state: h
         },
         options: {
           limit: 15,
-          organization: s(o).params._id
+          organization: t(e).params._id,
+          categories: t(e).query.categories,
+          prices: t(e).query.prices,
+          delivery: t(e).query.delivery
           // user: user
-        }
+        },
+        class: "cols-3 gap-thin"
       }, {
         default: c(({
-          items: t
+          items: r
         }) => [
-          (r(!0), a(m, null, u(t, (e) => (r(), p(h, {
-            key: e._id,
-            product: e,
-            onClick: (y) => n.$router.push({
+          (i(!0), s(u, null, p(r, (o) => (i(), m(g, {
+            key: o._id,
+            product: o,
+            onClick: (C) => n.$router.push({
               name: "Product Organization",
               params: {
-                _id: s(o).params._id,
-                product: e._id
+                _id: t(e).params._id,
+                product: o._id
               }
             })
           }, null, 8, ["product", "onClick"]))), 128))
@@ -48,5 +52,5 @@ const g = { class: "cols-2-1_3 gap-thin pd-thin" }, R = {
   }
 };
 export {
-  R as default
+  F as default
 };

package/dist/prometheus-framework/src/modules/products/components/pages/ProductsBackoffice.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("vue-router"),n=require("../../store/products.cjs"),i=require("../../../globals/components/sections/Feed.vue.cjs"),c=require("../blocks/CardProduct.vue.cjs"),m=require("../../../../components/Tab/Tab.vue2.cjs"),p={class:"mn-medium flex-v-center flex-nowrap flex"},b=e.createElementVNode("h2",{class:"mn-r-medium"},"Products",-1),v={__name:"ProductsBackoffice",setup(h){const t=l.useRoute(),d=l.useRouter(),a=e.ref(t.query.tab?t.query.tab:"posts");return t.query.tab=a.value,e.watch(a,o=>{d.replace({query:{...t.query,tab:o}})}),e.onMounted(async()=>{await n.actions.fetchProducts()}),(o,u)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("header",p,[b,e.createElementVNode("button",{onClick:u[0]||(u[0]=r=>o.$router.push({name:"AddProduct"})),class:"radius-100p i-big hover-scale-1 cursor-pointer t-white bg-second"}," + ")]),e.createVNode(m.default,{selected:a.value,"onUpdate:selected":u[1]||(u[1]=r=>a.value=r),tabs:[{name:"All",value:"all"},{name:"Published",value:"published"},{name:"Unpublished",value:"unpublished"},{name:"Archivied",value:"archivied"}],class:"mn-small o-hidden h5 radius-big bg-grey"},null,8,["selected"]),e.createVNode(i.default,{states:{empty:{title:"No Products Found",description:"Currently, there are no products available."}},store:{read:r=>n.actions.read(r),state:n.state},options:{limit:15,organization:e.unref(t).params._id,status:a.value}},{default:e.withCtx(({items:r})=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r,s=>(e.openBlock(),e.createBlock(c.default,{key:s._id,product:s,onClick:f=>o.$router.push({name:"Product Organization",params:{_id:e.unref(t).params._id,product:s._id}})},null,8,["product","onClick"]))),128))]),_:1},8,["states","store","options"])],64))}};exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("vue-router"),n=require("../../store/products.cjs"),d=require("../../../../components/Feed/Feed.vue.cjs"),i=require("../blocks/CardProduct.vue.cjs"),m=require("../../../../components/Tab/Tab.vue2.cjs"),p={class:"mn-b-medium flex-v-center flex-nowrap flex"},b=e.createElementVNode("h2",{class:"mn-r-medium"},"Products",-1),v={__name:"ProductsBackoffice",setup(h){const r=l.useRoute(),c=l.useRouter(),o=e.ref(r.query.tab?r.query.tab:"posts");return r.query.tab=o.value,e.watch(o,u=>{c.replace({query:{...r.query,tab:u}})}),e.onMounted(async()=>{await n.actions.fetchProducts()}),(u,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("header",p,[b,e.createElementVNode("button",{onClick:a[0]||(a[0]=t=>u.$router.push({name:"AddProduct"})),class:"radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second"}," + ")]),e.createVNode(m.default,{selected:o.value,"onUpdate:selected":a[1]||(a[1]=t=>o.value=t),tabs:[{name:"All",value:"all"},{name:"Published",value:"published"},{name:"Unpublished",value:"unpublished"},{name:"Archivied",value:"archivied"}],class:"mn-b-small o-hidden h5 radius-big bg-grey"},null,8,["selected"]),e.createVNode(d.default,{states:{empty:{title:"No Products Found",description:"Currently, there are no products available."}},store:{read:t=>n.actions.read(t),state:n.state},options:{limit:15,organization:e.unref(r).params._id,status:o.value}},{default:e.withCtx(({items:t})=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t,s=>(e.openBlock(),e.createBlock(i.default,{key:s._id,product:s,onClick:f=>u.$router.push({name:"ProductEdit",params:{product:s._id}})},null,8,["product","onClick"]))),128))]),_:1},8,["states","store","options"])],64))}};exports.default=v;

package/dist/prometheus-framework/src/modules/products/components/pages/ProductsBackoffice.vue.js

@@ -1,37 +1,37 @@
-import { ref as f, watch as _, onMounted as h, openBlock as n, createElementBlock as i, Fragment as l, createElementVNode as u, createVNode as d, unref as c, withCtx as b, renderList as v, createBlock as y } from "vue";
-import { useRoute as g, useRouter as k } from "vue-router";
-import { actions as m, state as P } from "../../store/products.js";
-import $ from "../../../globals/components/sections/Feed.vue.js";
+import { ref as p, watch as f, onMounted as b, openBlock as n, createElementBlock as l, Fragment as i, createElementVNode as u, createVNode as d, unref as h, withCtx as _, renderList as v, createBlock as y } from "vue";
+import { useRoute as k, useRouter as g } from "vue-router";
+import { actions as c, state as P } from "../../store/products.js";
+import $ from "../../../../components/Feed/Feed.vue.js";
 import q from "../blocks/CardProduct.vue.js";
 import w from "../../../../components/Tab/Tab.vue2.js";
-const C = { class: "mn-medium flex-v-center flex-nowrap flex" }, x = /* @__PURE__ */ u("h2", { class: "mn-r-medium" }, "Products", -1), V = {
+const C = { class: "mn-b-medium flex-v-center flex-nowrap flex" }, x = /* @__PURE__ */ u("h2", { class: "mn-r-medium" }, "Products", -1), z = {
   __name: "ProductsBackoffice",
   setup(B) {
-    const e = g(), p = k(), r = f(e.query.tab ? e.query.tab : "posts");
-    return e.query.tab = r.value, _(r, (a) => {
-      p.replace({ query: { ...e.query, tab: a } });
-    }), h(async () => {
-      await m.fetchProducts();
-    }), (a, o) => (n(), i(l, null, [
+    const t = k(), m = g(), r = p(t.query.tab ? t.query.tab : "posts");
+    return t.query.tab = r.value, f(r, (o) => {
+      m.replace({ query: { ...t.query, tab: o } });
+    }), b(async () => {
+      await c.fetchProducts();
+    }), (o, a) => (n(), l(i, null, [
       u("header", C, [
         x,
         u("button", {
-          onClick: o[0] || (o[0] = (t) => a.$router.push({
+          onClick: a[0] || (a[0] = (e) => o.$router.push({
             name: "AddProduct"
           })),
-          class: "radius-100p i-big hover-scale-1 cursor-pointer t-white bg-second"
+          class: "radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second"
         }, " + ")
       ]),
       d(w, {
         selected: r.value,
-        "onUpdate:selected": o[1] || (o[1] = (t) => r.value = t),
+        "onUpdate:selected": a[1] || (a[1] = (e) => r.value = e),
         tabs: [
           { name: "All", value: "all" },
           { name: "Published", value: "published" },
           { name: "Unpublished", value: "unpublished" },
           { name: "Archivied", value: "archivied" }
         ],
-        class: "mn-small o-hidden h5 radius-big bg-grey"
+        class: "mn-b-small o-hidden h5 radius-big bg-grey"
       }, null, 8, ["selected"]),
       d($, {
         states: {
@@ -41,26 +41,25 @@ const C = { class: "mn-medium flex-v-center flex-nowrap flex" }, x = /* @__PURE_
           }
         },
         store: {
-          read: (t) => m.read(t),
+          read: (e) => c.read(e),
           state: P
         },
         options: {
           limit: 15,
-          organization: c(e).params._id,
+          organization: h(t).params._id,
           status: r.value
           // user: user
         }
       }, {
-        default: b(({
-          items: t
+        default: _(({
+          items: e
         }) => [
-          (n(!0), i(l, null, v(t, (s) => (n(), y(q, {
+          (n(!0), l(i, null, v(e, (s) => (n(), y(q, {
             key: s._id,
             product: s,
-            onClick: (A) => a.$router.push({
-              name: "Product Organization",
+            onClick: (A) => o.$router.push({
+              name: "ProductEdit",
               params: {
-                _id: c(e).params._id,
                 product: s._id
               }
             })
@@ -72,5 +71,5 @@ const C = { class: "mn-medium flex-v-center flex-nowrap flex" }, x = /* @__PURE_
   }
 };
 export {
-  V as default
+  z as default
 };

package/dist/prometheus-framework/src/modules/products/components/sections/EditProductInfo.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../../../components/Button/Button.vue.cjs");require("../../../../components/Field/Field.vue.cjs");require("../../../../components/Select/Select.vue.cjs");const o={class:"mn-big flex-column flex"},c={__name:"EditProductInfo",props:{product:Object},setup(r){const t=r;return e.toRefs(t),(u,s)=>(e.openBlock(),e.createElementBlock("div",o))}};exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("vue");require("../../../../components/Button/Button.vue.cjs");const r=require("../../../../components/Field/Field.vue2.cjs"),u=require("../../../../components/Select/Select.vue.cjs"),i={__name:"EditProductInfo",props:{product:Object},setup(e){return(a,l)=>(d.openBlock(),d.createElementBlock(d.Fragment,null,[d.createVNode(u.default,{select:e.product.status,"onUpdate:select":l[0]||(l[0]=t=>e.product.status=t),label:"Status",options:["unpublished","published","archivied"],placeholder:"Display product",class:"pos-relative w-100 mn-b-small bg-white radius-small pd-medium"},null,8,["select"]),d.createVNode(r.default,{field:e.product.name,"onUpdate:field":l[1]||(l[1]=t=>e.product.name=t),label:"Name",placeholder:"Введите название",class:"w-100 mn-b-small bg-white radius-small pd-medium"},null,8,["field"]),d.createVNode(r.default,{field:e.product.price,"onUpdate:field":l[3]||(l[3]=t=>e.product.price=t),label:"Price",placeholder:"Введите цену",class:"w-100 mn-b-small bg-white radius-small pd-medium",type:"number"},{default:d.withCtx(()=>[d.createVNode(u.default,{select:e.product.price.currency,"onUpdate:select":l[2]||(l[2]=t=>e.product.price.currency=t),placeholder:"฿",options:["฿"],class:"pos-relative bg-grey pd-thin radius-thin"},null,8,["select"])]),_:1},8,["field"]),d.createVNode(r.default,{field:e.product.description,"onUpdate:field":l[4]||(l[4]=t=>e.product.description=t),label:"Description",placeholder:"Введите описание",class:"w-100 bg-white radius-small pd-medium",type:"textarea"},null,8,["field"])],64))}};exports.default=i;

package/dist/prometheus-framework/src/modules/products/components/sections/EditProductInfo.vue.js

@@ -1,16 +1,65 @@
-import { toRefs as t, openBlock as e, createElementBlock as r } from "vue";
+import { openBlock as a, createElementBlock as u, Fragment as s, createVNode as d, withCtx as o } from "vue";
 import "../../../../components/Button/Button.vue.js";
-import "../../../../components/Field/Field.vue.js";
-import "../../../../components/Select/Select.vue.js";
-const c = { class: "mn-big flex-column flex" }, a = {
+import i from "../../../../components/Field/Field.vue2.js";
+import r from "../../../../components/Select/Select.vue.js";
+const f = {
   __name: "EditProductInfo",
   props: {
     product: Object
   },
-  setup(o) {
-    return t(o), (s, n) => (e(), r("div", c));
+  setup(e) {
+    return (n, l) => (a(), u(s, null, [
+      d(r, {
+        select: e.product.status,
+        "onUpdate:select": l[0] || (l[0] = (t) => e.product.status = t),
+        label: "Status",
+        options: [
+          "unpublished",
+          "published",
+          "archivied"
+        ],
+        placeholder: "Display product",
+        class: "pos-relative w-100 mn-b-small bg-white radius-small pd-medium"
+      }, null, 8, ["select"]),
+      d(i, {
+        field: e.product.name,
+        "onUpdate:field": l[1] || (l[1] = (t) => e.product.name = t),
+        label: "Name",
+        placeholder: "Введите название",
+        class: "w-100 mn-b-small bg-white radius-small pd-medium"
+      }, null, 8, ["field"]),
+      d(i, {
+        field: e.product.price,
+        "onUpdate:field": l[3] || (l[3] = (t) => e.product.price = t),
+        label: "Price",
+        placeholder: "Введите цену",
+        class: "w-100 mn-b-small bg-white radius-small pd-medium",
+        type: "number"
+      }, {
+        default: o(() => [
+          d(r, {
+            select: e.product.price.currency,
+            "onUpdate:select": l[2] || (l[2] = (t) => e.product.price.currency = t),
+            placeholder: "฿",
+            options: [
+              "฿"
+            ],
+            class: "pos-relative bg-grey pd-thin radius-thin"
+          }, null, 8, ["select"])
+        ]),
+        _: 1
+      }, 8, ["field"]),
+      d(i, {
+        field: e.product.description,
+        "onUpdate:field": l[4] || (l[4] = (t) => e.product.description = t),
+        label: "Description",
+        placeholder: "Введите описание",
+        class: "w-100 bg-white radius-small pd-medium",
+        type: "textarea"
+      }, null, 8, ["field"])
+    ], 64));
   }
 };
 export {
-  a as default
+  f as default
 };

package/dist/prometheus-framework/src/modules/products/components/sections/FilterProducts.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("../../../../components/Spoiler/Spoiler.vue2.cjs"),c=require("../../../../components/Checkbox/Checkbox.vue.cjs"),v=require("vue-i18n"),u=require("../../store/categories.cjs");require("./FilterProducts.vue2.cjs");const x={class:"pd-medium bg-grey radius-big"},y={class:"mn-b-small"},k=e.createElementVNode("hr",{class:"mn-b-small"},null,-1),C={class:"mn-r-auto t-medium p-big"},w=e.createElementVNode("hr",{class:"mn-b-small"},null,-1),E={class:"mn-r-auto t-medium p-big"},F=e.createElementVNode("hr",{class:"mn-b-small"},null,-1),B=e.createElementVNode("p",{class:"mn-r-auto t-medium p-big"},"Delivery",-1),N=e.createElementVNode("hr",{class:"mn-b-semi"},null,-1),V={__name:"FilterProducts",props:{selectedFilters:Object,prices:{type:Array,default:()=>[{label:"Under $5",value:{min:0,max:5}},{label:"$5 to $10",value:{min:5,max:10}},{label:"$10 to $20",value:{min:10,max:20}},{label:"$20 and above",value:{min:20,max:1/0}}]},deliveryOptions:{type:Array,default:()=>[{label:"Pickup",value:{min:0,max:25}},{label:"Courier",value:{min:25,max:50}},{label:"Post",value:{min:50,max:100}}]}},emits:["updateFilters","resetFilters"],async setup(m,{emit:f}){let d,b;[d,b]=e.withAsyncContext(()=>u.actions.fetchCategories()),await d,b();let n=e.ref({categories:[],prices:[],delivery:[],extra:[]});const h=f,i=(r,l)=>{h("updateFilters",{filterType:r,value:l})},_=()=>{h("resetFilters")},g={locale:"en",messages:{en:{categoriesTitle:"Category",categories:[],filters:{title:"Filters",price:{title:"Price",from:"From",to:"To"},filters:[],reset:"Reset Filters"}},ru:{categoriesTitle:"Категория",categories:[],filters:{title:"Фильтры",price:{title:"Цена",from:"От",to:"До"},filters:[],reset:"Сбросить фильтры"}}}};u.state.all.forEach(r=>{r.localization.forEach(l=>{g.messages[l.locale].categories.push(l.text)})});const{t:s}=v.useI18n(g);return(r,l)=>(e.openBlock(),e.createElementBlock("div",x,[e.createElementVNode("h3",y,e.toDisplayString(e.unref(s)("filters.title")),1),k,e.createVNode(o.default,{class:"radius-small o-hidden br-1px br-solid br-grey mn-b-small",status:!0},{header:e.withCtx(()=>[e.createElementVNode("p",C,e.toDisplayString(e.unref(s)("categoriesTitle")),1)]),content:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.state.all,(t,a)=>(e.openBlock(),e.createBlock(c.default,{key:a,label:t.name,value:t.url,class:"w-100 mn-t-small mn-b-small bg-white radius-small pd-small",radio:e.unref(n).categories,onChange:p=>i("categories",t.url)},null,8,["label","value","radio","onChange"]))),128))]),_:1}),w,e.createVNode(o.default,{class:"radius-small o-hidden br-1px br-solid br-grey mn-b-small",status:!1},{header:e.withCtx(()=>[e.createElementVNode("p",E,e.toDisplayString(e.unref(s)("filters.price.title")),1)]),content:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.prices,(t,a)=>(e.openBlock(),e.createBlock(c.default,{key:a,label:t.label,value:t.value,class:"w-100 mn-t-small bg-white radius-small pd-small",radio:e.unref(n).prices,onChange:p=>i("prices",t.value)},null,8,["label","value","radio","onChange"]))),128))]),_:1}),F,e.createVNode(o.default,{class:"radius-small o-hidden br-1px br-solid br-grey mn-b-small",status:!1},{header:e.withCtx(()=>[B]),content:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.deliveryOptions,(t,a)=>(e.openBlock(),e.createBlock(c.default,{key:a,label:t.label,value:t.value,class:"w-100 mn-t-small bg-white radius-small pd-small",radio:e.unref(n).delivery,onChange:p=>i("delivery",t.value)},null,8,["label","value","radio","onChange"]))),128))]),_:1}),N,e.createElementVNode("button",{onClick:_,class:"bg-main w-100 button"},e.toDisplayString(e.unref(s)("filters.reset")),1)]))}};exports.default=V;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("../../../../components/Spoiler/Spoiler.vue2.cjs"),d=require("../../../../components/Checkbox/Checkbox.vue.cjs"),w=require("vue-i18n"),y=require("vue-router"),m=require("../../store/categories.cjs"),a=require("../../../marketplace/store/marketplace.cjs");require("./FilterProducts.vue2.cjs");const x={class:"pd-medium bg-grey radius-big"},E={class:"cursor-pointer mn-r-auto t-medium p-big"},B=e.createElementVNode("hr",{class:"mn-b-small"},null,-1),q={class:"cursor-pointer mn-r-auto t-medium p-big"},F=e.createElementVNode("hr",{class:"mn-b-small"},null,-1),C=e.createElementVNode("p",{class:"cursor-pointer mn-r-auto t-medium p-big"},"Delivery",-1),V=e.createElementVNode("hr",{class:"mn-b-semi"},null,-1),N={__name:"FilterProducts",props:{selectedFilters:Object,prices:{type:Array,default:()=>[{label:"Under 300฿",value:"<300"},{label:"300฿ to 600฿",value:"300-600"},{label:"600฿ to 1200฿",value:"600-1200"},{label:"$1200 and above",value:">1200"}]},deliveryOptions:{type:Array,default:()=>[{label:"Pickup",value:{min:0,max:25}},{label:"Courier",value:{min:25,max:50}},{label:"Post",value:{min:50,max:100}}]}},emits:["updateFilters","resetFilters"],async setup(p,{emit:h}){let b,f;const n=y.useRoute(),v=y.useRouter();[b,f]=e.withAsyncContext(()=>m.actions.fetchCategories()),await b,f(),e.ref({categories:[],prices:[],delivery:[],extra:[]}),e.watch(()=>a.state.filter,(r,t)=>{const l={...n.query};Object.keys(t).forEach(s=>{l[s]&&delete l[s]});const i=Object.fromEntries(Object.entries(r).filter(([s,o])=>Array.isArray(o)&&o.length>0).map(([s,o])=>[s,o.join(",")]));Object.assign(l,i),v.push({query:l})},{deep:!0}),e.onMounted(async()=>{if(n.query){const r=n.query,t={categories:r.categories?r.categories.split(","):[],prices:r.prices?r.prices.split(","):[],delivery:r.delivery?r.delivery.split(","):[]};a.state.filter=t}});const k=h,_=()=>{k("resetFilters")},g={locale:"en",messages:{en:{categoriesTitle:"Category",categories:[],filters:{title:"Filters",price:{title:"Price",from:"From",to:"To"},filters:[],reset:"Reset Filters"}},ru:{categoriesTitle:"Категория",categories:[],filters:{title:"Фильтры",price:{title:"Цена",from:"От",to:"До"},filters:[],reset:"Сбросить фильтры"}}}};m.state.all.forEach(r=>{r.localization.forEach(t=>{g.messages[t.locale].categories.push(t.text)})});const{t:c}=w.useI18n(g);return(r,t)=>(e.openBlock(),e.createElementBlock("div",x,[e.createVNode(u.default,{class:"radius-small o-hidden br-1px br-solid br-grey mn-b-small",status:!0},{header:e.withCtx(()=>[e.createElementVNode("p",E,e.toDisplayString(e.unref(c)("categoriesTitle")),1)]),content:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.state.all,(l,i)=>(e.openBlock(),e.createBlock(d.default,{key:i,label:l.name,value:l.url,class:"w-100 mn-t-small mn-b-small bg-white radius-small pd-small",radio:a.state.filter.categories,"onUpdate:radio":t[0]||(t[0]=s=>a.state.filter.categories=s)},null,8,["label","value","radio"]))),128))]),_:1}),B,e.createVNode(u.default,{class:"radius-small o-hidden br-1px br-solid br-grey mn-b-small",status:!1},{header:e.withCtx(()=>[e.createElementVNode("p",q,e.toDisplayString(e.unref(c)("filters.price.title")),1)]),content:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.prices,(l,i)=>(e.openBlock(),e.createBlock(d.default,{key:i,label:l.label,value:l.value,class:"w-100 mn-t-small bg-white radius-small pd-small",radio:a.state.filter.prices,"onUpdate:radio":t[1]||(t[1]=s=>a.state.filter.prices=s)},null,8,["label","value","radio"]))),128))]),_:1}),F,e.createVNode(u.default,{class:"radius-small o-hidden br-1px br-solid br-grey mn-b-small",status:!1},{header:e.withCtx(()=>[C]),content:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.deliveryOptions,(l,i)=>(e.openBlock(),e.createBlock(d.default,{key:i,label:l.label,value:l.value,class:"w-100 mn-t-small bg-white radius-small pd-small",radio:a.state.filter.delivery,"onUpdate:radio":t[2]||(t[2]=s=>a.state.filter.delivery=s)},null,8,["label","value","radio"]))),128))]),_:1}),V,e.createElementVNode("button",{onClick:_,class:"bg-main w-100 button"},e.toDisplayString(e.unref(c)("filters.reset")),1)]))}};exports.default=N;

package/dist/prometheus-framework/src/modules/products/components/sections/FilterProducts.vue.js

@@ -1,20 +1,22 @@
-import { withAsyncContext as P, ref as T, openBlock as t, createElementBlock as m, createElementVNode as l, toDisplayString as c, unref as s, createVNode as b, withCtx as a, Fragment as h, renderList as p, createBlock as g } from "vue";
-import _ from "../../../../components/Spoiler/Spoiler.vue2.js";
-import f from "../../../../components/Checkbox/Checkbox.vue.js";
-import { useI18n as A } from "vue-i18n";
-import { actions as B, state as $ } from "../../store/categories.js";
+import { withAsyncContext as A, ref as P, watch as T, onMounted as U, openBlock as i, createElementBlock as c, createVNode as p, withCtx as n, createElementVNode as o, toDisplayString as b, unref as f, Fragment as g, renderList as y, createBlock as h } from "vue";
+import v from "../../../../components/Spoiler/Spoiler.vue2.js";
+import _ from "../../../../components/Checkbox/Checkbox.vue.js";
+import { useI18n as V } from "vue-i18n";
+import { useRoute as B, useRouter as R } from "vue-router";
+import { actions as $, state as C } from "../../store/categories.js";
+import { state as s } from "../../../marketplace/store/marketplace.js";
 import "./FilterProducts.vue2.js";
-const D = { class: "pd-medium bg-grey radius-big" }, I = { class: "mn-b-small" }, N = /* @__PURE__ */ l("hr", { class: "mn-b-small" }, null, -1), V = { class: "mn-r-auto t-medium p-big" }, j = /* @__PURE__ */ l("hr", { class: "mn-b-small" }, null, -1), L = { class: "mn-r-auto t-medium p-big" }, O = /* @__PURE__ */ l("hr", { class: "mn-b-small" }, null, -1), R = /* @__PURE__ */ l("p", { class: "mn-r-auto t-medium p-big" }, "Delivery", -1), S = /* @__PURE__ */ l("hr", { class: "mn-b-semi" }, null, -1), K = {
+const D = { class: "pd-medium bg-grey radius-big" }, N = { class: "cursor-pointer mn-r-auto t-medium p-big" }, I = /* @__PURE__ */ o("hr", { class: "mn-b-small" }, null, -1), L = { class: "cursor-pointer mn-r-auto t-medium p-big" }, M = /* @__PURE__ */ o("hr", { class: "mn-b-small" }, null, -1), Q = /* @__PURE__ */ o("p", { class: "cursor-pointer mn-r-auto t-medium p-big" }, "Delivery", -1), S = /* @__PURE__ */ o("hr", { class: "mn-b-semi" }, null, -1), Z = {
   __name: "FilterProducts",
   props: {
     selectedFilters: Object,
     prices: {
       type: Array,
       default: () => [
-        { label: "Under $5", value: { min: 0, max: 5 } },
-        { label: "$5 to $10", value: { min: 5, max: 10 } },
-        { label: "$10 to $20", value: { min: 10, max: 20 } },
-        { label: "$20 and above", value: { min: 20, max: 1 / 0 } }
+        { label: "Under 300฿", value: "<300" },
+        { label: "300฿ to 600฿", value: "300-600" },
+        { label: "600฿ to 1200฿", value: "600-1200" },
+        { label: "$1200 and above", value: ">1200" }
       ]
     },
     deliveryOptions: {
@@ -27,20 +29,37 @@ const D = { class: "pd-medium bg-grey radius-big" }, I = { class: "mn-b-small" }
     }
   },
   emits: ["updateFilters", "resetFilters"],
-  async setup(v, { emit: k }) {
-    let x, y;
-    [x, y] = P(() => B.fetchCategories()), await x, y();
-    let u = T({
+  async setup(x, { emit: j }) {
+    let w, F;
+    const m = B(), E = R();
+    [w, F] = A(() => $.fetchCategories()), await w, F(), P({
       categories: [],
       prices: [],
       delivery: [],
       extra: []
+    }), T(() => s.filter, (r, e) => {
+      const t = { ...m.query };
+      Object.keys(e).forEach((l) => {
+        t[l] && delete t[l];
+      });
+      const a = Object.fromEntries(
+        Object.entries(r).filter(([l, u]) => Array.isArray(u) && u.length > 0).map(([l, u]) => [l, u.join(",")])
+      );
+      Object.assign(t, a), E.push({ query: t });
+    }, { deep: !0 }), U(async () => {
+      if (m.query) {
+        const r = m.query, e = {
+          categories: r.categories ? r.categories.split(",") : [],
+          prices: r.prices ? r.prices.split(",") : [],
+          delivery: r.delivery ? r.delivery.split(",") : []
+          // Продолжайте этот паттерн для остальных полей фильтра
+        };
+        s.filter = e;
+      }
     });
-    const C = k, d = (o, r) => {
-      C("updateFilters", { filterType: o, value: r });
-    }, E = () => {
-      C("resetFilters");
-    }, F = {
+    const O = j, q = () => {
+      O("resetFilters");
+    }, k = {
       locale: "en",
       messages: {
         en: {
@@ -73,82 +92,80 @@ const D = { class: "pd-medium bg-grey radius-big" }, I = { class: "mn-b-small" }
         }
       }
     };
-    $.all.forEach((o) => {
-      o.localization.forEach((r) => {
-        F.messages[r.locale].categories.push(r.text);
+    C.all.forEach((r) => {
+      r.localization.forEach((e) => {
+        k.messages[e.locale].categories.push(e.text);
       });
     });
-    const { t: n } = A(F);
-    return (o, r) => (t(), m("div", D, [
-      l("h3", I, c(s(n)("filters.title")), 1),
-      N,
-      b(_, {
+    const { t: d } = V(k);
+    return (r, e) => (i(), c("div", D, [
+      p(v, {
         class: "radius-small o-hidden br-1px br-solid br-grey mn-b-small",
         status: !0
       }, {
-        header: a(() => [
-          l("p", V, c(s(n)("categoriesTitle")), 1)
+        header: n(() => [
+          o("p", N, b(f(d)("categoriesTitle")), 1)
         ]),
-        content: a(() => [
-          (t(!0), m(h, null, p($.all, (e, i) => (t(), g(f, {
-            key: i,
-            label: e.name,
-            value: e.url,
+        content: n(() => [
+          (i(!0), c(g, null, y(C.all, (t, a) => (i(), h(_, {
+            key: a,
+            label: t.name,
+            value: t.url,
             class: "w-100 mn-t-small mn-b-small bg-white radius-small pd-small",
-            radio: s(u).categories,
-            onChange: (w) => d("categories", e.url)
-          }, null, 8, ["label", "value", "radio", "onChange"]))), 128))
+            radio: s.filter.categories,
+            "onUpdate:radio": e[0] || (e[0] = (l) => s.filter.categories = l)
+          }, null, 8, ["label", "value", "radio"]))), 128))
         ]),
         _: 1
       }),
-      j,
-      b(_, {
+      I,
+      p(v, {
         class: "radius-small o-hidden br-1px br-solid br-grey mn-b-small",
         status: !1
       }, {
-        header: a(() => [
-          l("p", L, c(s(n)("filters.price.title")), 1)
+        header: n(() => [
+          o("p", L, b(f(d)("filters.price.title")), 1)
         ]),
-        content: a(() => [
-          (t(!0), m(h, null, p(v.prices, (e, i) => (t(), g(f, {
-            key: i,
-            label: e.label,
-            value: e.value,
+        content: n(() => [
+          (i(!0), c(g, null, y(x.prices, (t, a) => (i(), h(_, {
+            key: a,
+            label: t.label,
+            value: t.value,
             class: "w-100 mn-t-small bg-white radius-small pd-small",
-            radio: s(u).prices,
-            onChange: (w) => d("prices", e.value)
-          }, null, 8, ["label", "value", "radio", "onChange"]))), 128))
+            radio: s.filter.prices,
+            "onUpdate:radio": e[1] || (e[1] = (l) => s.filter.prices = l)
+          }, null, 8, ["label", "value", "radio"]))), 128))
         ]),
         _: 1
       }),
-      O,
-      b(_, {
+      M,
+      p(v, {
         class: "radius-small o-hidden br-1px br-solid br-grey mn-b-small",
         status: !1
       }, {
-        header: a(() => [
-          R
+        header: n(() => [
+          Q
         ]),
-        content: a(() => [
-          (t(!0), m(h, null, p(v.deliveryOptions, (e, i) => (t(), g(f, {
-            key: i,
-            label: e.label,
-            value: e.value,
+        content: n(() => [
+          (i(!0), c(g, null, y(x.deliveryOptions, (t, a) => (i(), h(_, {
+            key: a,
+            label: t.label,
+            value: t.value,
             class: "w-100 mn-t-small bg-white radius-small pd-small",
-            radio: s(u).delivery,
-            onChange: (w) => d("delivery", e.value)
-          }, null, 8, ["label", "value", "radio", "onChange"]))), 128))
+            radio: s.filter.delivery,
+            "onUpdate:radio": e[2] || (e[2] = (l) => s.filter.delivery = l)
+          }, null, 8, ["label", "value", "radio"]))), 128))
         ]),
         _: 1
       }),
       S,
-      l("button", {
-        onClick: E,
+      o("button", {
+        onClick: q,
         class: "bg-main w-100 button"
-      }, c(s(n)("filters.reset")), 1)
+      }, b(f(d)("filters.reset")), 1)
     ]));
   }
 };
 export {
-  K as default
+  Z as default
 };

package/dist/prometheus-framework/src/modules/products/components/sections/PopularProducts.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("vue-router"),p=require("vue-i18n");require("../../../../../../node_modules/vue3-carousel/dist/carousel.css.cjs");const s=require("../../../../../../node_modules/vue3-carousel/dist/carousel.es.cjs"),_=require("../blocks/CardProduct.vue.cjs"),u=require("../../store/products.cjs"),m={id:"popularProducts",class:"pd-thin"},h={class:"bg-grey radius-big pd-t-big pd-b-big"},f={class:"mn-semi t-center title"},y={class:""},g={__name:"PopularProducts",async setup(b){let t,o;d.useRouter(),[t,o]=e.withAsyncContext(()=>u.actions.read({limit:10})),await t,o();const i={messages:{en:{title:"Explore Hot Products 🔥",subtitle:"We attach great importance to high quality and customer satisfaction"},ru:{title:"Самое Горячее 🔥",subtitle:"Мы придаем большое значение высокому качеству товаров и удовлетворенности клиентов"}}},{t:n}=p.useI18n(i),r=e.ref(null),a={320:{itemsToShow:1},640:{itemsToShow:3},1024:{itemsToShow:3}};return e.onMounted(async()=>{setTimeout(()=>{r.value.updateSlideWidth()},500)}),(k,w)=>(e.openBlock(),e.createElementBlock("div",m,[e.createElementVNode("div",h,[e.createElementVNode("div",f,[e.createElementVNode("h2",y,e.toDisplayString(e.unref(n)("title")),1)]),e.createVNode(e.unref(s.Carousel),{ref_key:"myCarousel",ref:r,"items-to-show":3,transition:330,wrapAround:!0,autoplay:3e3,pauseAutoplayOnHover:!0,breakpoints:a},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.state.all,(c,l,q)=>(e.openBlock(),e.createBlock(e.unref(s.Slide),{class:"pd-thin",key:l},{default:e.withCtx(()=>[e.createVNode(_.default,{class:"carousel__item h-100 w-100",product:c},null,8,["product"])]),_:2},1024))),128))]),_:1},512)])]))}};exports.default=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),_=require("vue-router"),b=require("vue-i18n"),f=require("../../../../../../node_modules/embla-carousel-vue/esm/embla-carousel-vue.esm.cjs"),v=require("../../../../../../node_modules/embla-carousel-autoplay/esm/embla-carousel-autoplay.esm.cjs"),g=require("../../../../components/Loader/Loader.vue2.cjs"),h=require("../blocks/CardProduct.vue.cjs"),k=require("../../store/products.cjs");require("./PopularProducts.vue2.cjs");const y={id:"popularProducts",class:"pd-thin"},E={class:"bg-grey radius-big pd-t-big pd-b-big"},q={class:"mn-b-semi t-center"},B={class:"embla__container"},S={key:0,class:"h-100 w-100 radius-big flex-center bg-grey"},N={__name:"PopularProducts",setup(I){_.useRouter();const l={messages:{en:{title:"Explore Hot Products 🔥",subtitle:"We attach great importance to high quality and customer satisfaction"},ru:{title:"Самое Горячее 🔥",subtitle:"Мы придаем большое значение высокому качеству товаров и удовлетворенности клиентов"}}},{t:c}=b.useI18n(l),r=e.ref(10),i=e.ref(0),u=e.ref([]),d={delay:2e3,jump:!1,stopOnInteraction:!1,stopOnMouseEnter:!1,stopOnFocusIn:!0,stopOnLastSnap:!1,rootNode:o=>o.parentElement},[p,t]=f.default({loop:!0},[v.default(d)]),s=o=>u.value=t.value.scrollSnapList(),a=o=>i.value=t.value.selectedScrollSnap();return e.onMounted(async()=>{r.value=await k.actions.read({limit:10,organization:"657e7134efb8110c51b8b713"}),s(),a(),t.value.on("reInit",s),t.value.on("reInit",a),t.value.on("select",a)}),(o,O)=>(e.openBlock(),e.createElementBlock("div",y,[e.createElementVNode("div",E,[e.createElementVNode("h2",q,e.toDisplayString(e.unref(c)("title")),1),e.createElementVNode("div",{class:"embla",ref_key:"emblaNode",ref:p},[e.createElementVNode("div",B,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,(n,m,P)=>(e.openBlock(),e.createElementBlock("div",{class:"embla__slide pd-thin",key:m},[e.createVNode(e.Transition,{name:"fade",mode:"out-in",appear:""},{default:e.withCtx(()=>[n.name?(e.openBlock(),e.createBlock(h.default,{key:1,onClick:V=>o.$router.push({name:"Product Organization",params:{_id:n.organization,product:n._id}}),product:n,class:"cursor-pointer transition-ease-in hover-scale-0 h-100 w-100"},null,8,["onClick","product"])):(e.openBlock(),e.createElementBlock("div",S,[e.createVNode(g.default,{class:"pos-relative"})]))]),_:2},1024)]))),128))])],512)])]))}};exports.default=N;