@ozdao/prometheus-framework 0.2.203 → 0.2.205

package/dist/prometheus-framework/src/modules/organizations/components/sections/DetailsTab.vue.js

@@ -1,8 +1,8 @@
-import { openBlock, createBlock, Transition, withCtx, createElementVNode, createVNode, createCommentVNode, createElementBlock, toDisplayString, unref } from "vue";
+import { openBlock, createElementBlock, createBlock, withCtx, createElementVNode, createVNode, createCommentVNode, toDisplayString, unref, renderSlot } from "vue";
 import { useRoute } from "vue-router";
 import _sfc_main$1 from "../../../../components/Dropdown/Dropdown.vue.js";
 import _sfc_main$7 from "../../../../components/Text/Text.vue.js";
-import _sfc_main$8 from "../../../../components/Chips/Chips.vue.js";
+import _sfc_main$8 from "../../../../components/Chips/Chips.vue2.js";
 import _sfc_main$6 from "../../../icons/entities/IconFollowing.vue.js";
 import _sfc_main$5 from "../../../icons/navigation/IconEdit.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconEllipsis.vue.js";
@@ -36,106 +36,100 @@ const _sfc_main = {
       mutations.handleMembershipUpdate(state.current, membership, status, target, statusName, statusNumber);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(Transition, { name: "slide-fade" }, {
-        default: withCtx(() => {
-          var _a, _b;
-          return [
-            createElementVNode("section", _hoisted_1, [
-              __props.user._id !== __props.organization.owner ? (openBlock(), createBlock(_sfc_main$1, {
-                key: 0,
-                label: { component: _sfc_main$2, class: "i-regular t-transp" },
-                align: "right",
-                class: "cursor-pointer pos-absolute pos-r-regular pos-t-regular pd-thin radius-extra"
+      var _a, _b;
+      return openBlock(), createElementBlock("section", _hoisted_1, [
+        __props.user._id !== __props.organization.owner ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 0,
+          label: { component: _sfc_main$2, class: "i-regular t-transp" },
+          align: "right",
+          class: "cursor-pointer pos-absolute pos-r-regular pos-t-regular pd-thin radius-extra"
+        }, {
+          default: withCtx(() => [
+            createElementVNode("section", _hoisted_2, [
+              createVNode(_sfc_main$3, {
+                user: __props.user._id,
+                type: "organization",
+                target: __props.organization._id,
+                text: "Report",
+                class: "w-100"
               }, {
                 default: withCtx(() => [
-                  createElementVNode("section", _hoisted_2, [
-                    createVNode(_sfc_main$3, {
-                      user: __props.user._id,
-                      type: "organization",
-                      target: __props.organization._id,
-                      text: "Report",
-                      class: "w-100"
-                    }, {
-                      default: withCtx(() => [
-                        _hoisted_3
-                      ]),
-                      _: 1
-                    }, 8, ["user", "target"]),
-                    __props.user._id && __props.user._id !== __props.organization.owner ? (openBlock(), createBlock(_sfc_main$4, {
-                      key: 0,
-                      user: __props.user._id,
-                      type: "organization",
-                      role: "blocked",
-                      target: __props.organization._id,
-                      status: __props.organization.isBlocked,
-                      text: { create: "Block", remove: "Unblock" },
-                      onUpdateMembership: _cache[0] || (_cache[0] = (event) => handleMembershipUpdate(event, "isBlocked")),
-                      class: "t-white w-100 mn-t-thin bg-red"
-                    }, null, 8, ["user", "target", "status"])) : createCommentVNode("", true)
-                  ])
+                  _hoisted_3
                 ]),
                 _: 1
-              }, 8, ["label"])) : createCommentVNode("", true),
-              __props.user._id === __props.organization.owner ? (openBlock(), createBlock(_sfc_main$5, {
-                key: 1,
-                onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$router.push({
-                  name: "Organization Edit",
-                  params: {
-                    _id: __props.organization._id
-                  }
-                })),
-                class: "pos-absolute cursor-pointer pos-t-big pos-r-big i-regular t-transp"
-              })) : createCommentVNode("", true),
-              __props.organization.profile.photo ? (openBlock(), createElementBlock("img", {
-                key: 2,
-                loading: "lazy",
-                src: (_ctx.FILE_SERVER_URL || "") + __props.organization.profile.photo,
-                class: "radius-big bg-light flex-center flex mn-b-small w-8r"
-              }, null, 8, _hoisted_4)) : (openBlock(), createBlock(PlaceholderOrganizationPic, {
-                key: 3,
-                class: "radius-medium mn-b-small i-extra"
-              })),
-              createElementVNode("h1", _hoisted_5, toDisplayString(__props.organization.profile.name), 1),
-              createElementVNode("div", _hoisted_6, [
-                createVNode(_sfc_main$6, { class: "i-medium mn-r-micro t-transp" }),
-                createElementVNode("p", _hoisted_7, toDisplayString(__props.organization.numberOfSubscribers) + " followers", 1),
-                __props.user._id && unref(route).params._id && unref(route).params._id !== __props.user._id && __props.organization.owner !== __props.user._id ? (openBlock(), createBlock(_sfc_main$4, {
-                  key: 0,
-                  user: __props.user._id,
-                  type: "organization",
-                  role: "subscriber",
-                  target: __props.organization._id,
-                  status: __props.organization.isSubscriber,
-                  text: { create: "+", remove: "-" },
-                  onUpdateMembership: _cache[2] || (_cache[2] = (event) => handleMembershipUpdate(event, "isSubscriber", "numberOfSubscribers")),
-                  class: "mn-l-thin p-medium t-medium radius-extra i-semi"
-                }, null, 8, ["user", "target", "status"])) : createCommentVNode("", true)
-              ]),
-              createElementVNode("p", _hoisted_8, [
-                createVNode(_sfc_main$7, {
-                  text: __props.organization.profile.description || "",
-                  showToggleText: true,
-                  maxLen: 320
-                }, null, 8, ["text"])
-              ]),
-              ((_b = (_a = __props.organization.profile) == null ? void 0 : _a.tags) == null ? void 0 : _b.length) > 0 ? (openBlock(), createBlock(_sfc_main$8, {
-                key: 4,
-                chips: __props.organization.profile.tags,
-                class: "p-medium"
-              }, null, 8, ["chips"])) : createCommentVNode("", true),
-              Object.values(__props.organization.socials).some((value) => value) ? (openBlock(), createElementBlock("h4", _hoisted_9, " Find us in socials ")) : createCommentVNode("", true),
-              createVNode(_sfc_main$9, {
-                telegram: __props.organization.socials.telegram,
-                facebook: __props.organization.socials.facebook,
-                instagram: __props.organization.socials.instagram,
-                twitter: __props.organization.socials.twitter,
-                youtube: __props.organization.socials.youtube
-              }, null, 8, ["telegram", "facebook", "instagram", "twitter", "youtube"])
+              }, 8, ["user", "target"]),
+              __props.user._id && __props.user._id !== __props.organization.owner ? (openBlock(), createBlock(_sfc_main$4, {
+                key: 0,
+                user: __props.user._id,
+                type: "organization",
+                role: "blocked",
+                target: __props.organization._id,
+                status: __props.organization.isBlocked,
+                text: { create: "Block", remove: "Unblock" },
+                onUpdateMembership: _cache[0] || (_cache[0] = (event) => handleMembershipUpdate(event, "isBlocked")),
+                class: "t-white w-100 mn-t-thin bg-red"
+              }, null, 8, ["user", "target", "status"])) : createCommentVNode("", true)
             ])
-          ];
-        }),
-        _: 1
-      });
+          ]),
+          _: 1
+        }, 8, ["label"])) : createCommentVNode("", true),
+        __props.user._id === __props.organization.owner ? (openBlock(), createBlock(_sfc_main$5, {
+          key: 1,
+          onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$router.push({
+            name: "Organization Edit",
+            params: {
+              _id: __props.organization._id
+            }
+          })),
+          class: "pos-absolute cursor-pointer pos-t-big pos-r-big i-regular t-transp"
+        })) : createCommentVNode("", true),
+        __props.organization.profile.photo ? (openBlock(), createElementBlock("img", {
+          key: 2,
+          loading: "lazy",
+          src: (_ctx.FILE_SERVER_URL || "") + __props.organization.profile.photo,
+          class: "radius-big bg-light flex-center flex mn-b-small w-8r"
+        }, null, 8, _hoisted_4)) : (openBlock(), createBlock(PlaceholderOrganizationPic, {
+          key: 3,
+          class: "radius-medium mn-b-small i-extra"
+        })),
+        createElementVNode("h1", _hoisted_5, toDisplayString(__props.organization.profile.name), 1),
+        createElementVNode("div", _hoisted_6, [
+          createVNode(_sfc_main$6, { class: "i-medium mn-r-micro t-transp" }),
+          createElementVNode("p", _hoisted_7, toDisplayString(__props.organization.numberOfSubscribers) + " followers", 1),
+          __props.user._id && unref(route).params._id && unref(route).params._id !== __props.user._id && __props.organization.owner !== __props.user._id ? (openBlock(), createBlock(_sfc_main$4, {
+            key: 0,
+            user: __props.user._id,
+            type: "organization",
+            role: "subscriber",
+            target: __props.organization._id,
+            status: __props.organization.isSubscriber,
+            text: { create: "+", remove: "-" },
+            onUpdateMembership: _cache[2] || (_cache[2] = (event) => handleMembershipUpdate(event, "isSubscriber", "numberOfSubscribers")),
+            class: "mn-l-thin p-medium t-medium radius-extra i-semi"
+          }, null, 8, ["user", "target", "status"])) : createCommentVNode("", true)
+        ]),
+        createElementVNode("p", _hoisted_8, [
+          createVNode(_sfc_main$7, {
+            text: __props.organization.profile.description || "",
+            showToggleText: true,
+            maxLen: 320
+          }, null, 8, ["text"])
+        ]),
+        ((_b = (_a = __props.organization.profile) == null ? void 0 : _a.tags) == null ? void 0 : _b.length) > 0 ? (openBlock(), createBlock(_sfc_main$8, {
+          key: 4,
+          chips: __props.organization.profile.tags,
+          class: "p-medium"
+        }, null, 8, ["chips"])) : createCommentVNode("", true),
+        Object.values(__props.organization.socials).some((value) => value) ? (openBlock(), createElementBlock("h4", _hoisted_9, " Find us in socials ")) : createCommentVNode("", true),
+        createVNode(_sfc_main$9, {
+          telegram: __props.organization.socials.telegram,
+          facebook: __props.organization.socials.facebook,
+          instagram: __props.organization.socials.instagram,
+          twitter: __props.organization.socials.twitter,
+          youtube: __props.organization.socials.youtube
+        }, null, 8, ["telegram", "facebook", "instagram", "twitter", "youtube"]),
+        renderSlot(_ctx.$slots, "default")
+      ]);
     };
   }
 };

package/dist/prometheus-framework/src/modules/organizations/components/sections/DetailsTab.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsTab.vue.js","sources":["../../../../../../../src/modules/organizations/components/sections/DetailsTab.vue"],"sourcesContent":["<template>\n\t<transition name=\"slide-fade\">\n\t\t<section class=\"flex-center flex flex-column t-center pd-medium radius-big bg-light\">\n\n\t\t\t<Dropdown \n\t\t\t\tv-if=\"user._id !== organization.owner\"\n\t\t\t\t:label=\"{ component: IconEllipsis, class: 'i-regular t-transp' }\"\n\t\t\t\t:align=\"'right'\"\n\t\t\t\tclass=\"cursor-pointer pos-absolute pos-r-regular pos-t-regular pd-thin radius-extra \"\n\t\t\t>\n\t\t\t\t<section \n\t\t\t\t\tclass=\"bg-black pd-thin radius-small\"\n\t\t\t\t>\n\t\t\t\t\t<FormReport \n\t\t\t\t\t\t:user=\"user._id\"\n\t\t\t\t\t\t:type=\"'organization'\" \n\t\t\t\t\t\t:target=\"organization._id\" \n\t\t\t\t\t\t:text=\"'Report'\" \n\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<button \n\t\t\t\t\t\t\tclass=\"w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tReport\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</FormReport>\n\n\t\t\t\t\t<ButtonToggleMembership\n\t\t\t\t\t\tv-if=\"user._id && user._id !== organization.owner\"\n\t\t\t      :user=\"user._id\"\n\t\t\t      :type=\"'organization'\" \n\t\t      \t:role=\"'blocked'\" \n\t\t\t      :target=\"organization._id\" \n\t\t\t      :status=\"organization.isBlocked\" \n\t\t\t      :text=\"{create: 'Block', remove: 'Unblock'}\"\n\t\t\t      @updateMembership=\"event => handleMembershipUpdate(event, 'isBlocked')\"\n\t\t\t       class=\"t-white w-100 mn-t-thin bg-red\" \n\t\t    \t/>\n\t\t\t\t</section>\n      </Dropdown>\n\n\t\t\t<IconEdit\n\t\t\t\tv-if=\"user._id === organization.owner\"\n\t\t\t\t@click=\"$router.push({\n\t\t\t\t\tname: 'Organization Edit', \n\t\t\t\t\tparams: {\n\t\t\t\t\t\t_id: organization._id\n\t\t\t\t\t}\n\t\t\t\t})\" \n\t\t\t\tclass=\"pos-absolute cursor-pointer pos-t-big pos-r-big i-regular t-transp\"\n\t\t\t/>\n\n\t\t\t<img loading=\"lazy\" \n\t\t\t\tv-if=\"organization.profile.photo\" \n\t\t\t\t:src=\"(FILE_SERVER_URL || '') + organization.profile.photo\" \n\t\t\t\tclass=\"radius-big bg-light flex-center flex mn-b-small w-8r\" \n\t\t\t/>\n\n\t\t\t<PlaceholderOrganizationPic\n\t\t\t\tv-else\n\t\t\t\tclass=\"radius-medium mn-b-small i-extra\"\n\t\t\t/>\n\n      <h1\n      \tclass=\"mn-b-thin\"\n      >\n\t  \t\t{{ organization.profile.name }}\n\t  \t</h1>\n\n     \t<div class=\"flex-center  pd-r-thin pd-l-thin flex-nowrap flex mn-t-thin bg-white radius-extra w-max\">\n     \t\t<IconFollowing class=\"i-medium mn-r-micro t-transp\"/>\n\n        <p class=\"mn-t-thin p-medium t-medium uppercase mn-b-thin\">{{organization.numberOfSubscribers}} followers</p>\n\n        <ButtonToggleMembership\n          v-if=\"\n\t\t      \tuser._id \n\t\t      \t&& route.params._id \n\t\t      \t&& route.params._id !== user._id\n\t\t      \t&& organization.owner !== user._id\n\t\t      \"\n          :user=\"user._id\"\n          :type=\"'organization'\" \n          :role=\"'subscriber'\" \n          :target=\"organization._id\" \n          :status=\"organization.isSubscriber\" \n          :text=\"{create: '+', remove: '-'}\"\n          @updateMembership=\"event => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')\"\n          class=\" mn-l-thin p-medium t-medium radius-extra i-semi\" \n        />\n      </div>\n\n      <p class=\"w-max-50r mn-t-regular mn-b-medium p-big\">\n     \t\t<Text :text=\"organization.profile.description || ''\" :showToggleText=\"true\" :maxLen=\"320\" />\n    \t</p>  \n\n    \t<Chips \n      \tv-if=\"organization.profile?.tags?.length > 0\" \n      \t:chips=\"organization.profile.tags\"\n      \tclass=\"p-medium\"\n     \t/>\n\n\n      <h4 \n      \tv-if=\"Object.values(organization.socials).some(value => value)\" \n      \tclass=\"mn-t-small mn-b-thin\"\n      >\n    \t\tFind us in socials\n    \t</h4>\n    \t\n     \t<Socials \n     \t\t:telegram=\"organization.socials.telegram\"\n     \t\t:facebook=\"organization.socials.facebook\"\n     \t\t:instagram=\"organization.socials.instagram\"\n     \t\t:twitter=\"organization.socials.twitter\"\n     \t\t:youtube=\"organization.socials.youtube\"\n     \t/>\n\t\t</section>\n\n\t<!-- <h3 class=\"mn-b-small\">Rating</h3>\n  \t<Rating \n  \t\t:rating=\"organization.rating.median\" \n  \t\t:amount=\"organization.rating.amount\"\n  \t\tclass=\"pd-medium mn-b-thin radius-big bg-light\"\n  \t/>\n\n  \t<h3 class=\"mn-b-small\">Contacts</h3>\n    <Contacts\n      :website=\"organization.contacts.website\"\n      :phone=\"organization.contacts.phone\"\n      :email=\"organization.contacts.email\"\n      :address=\"organization.contacts.address\"\n      class=\"w-100 pd-medium radius-big bg-light\"\n    /> -->\n\n\n\t</transition>\n</template>\n\n<script setup>\n\timport { ref, computed } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\n\timport Dropdown from \"@pf/src/components/Dropdown/Dropdown.vue\";\n\timport Text  \t\tfrom '@pf/src/components/Text/Text.vue'\n\timport Chips  from '@pf/src/components/Chips/Chips.vue'\n\t// Icons\n\timport IconFollowing from '@pf/src/modules/icons/entities/IconFollowing.vue'\n\timport IconEdit from '@pf/src/modules/icons/navigation/IconEdit.vue'\n\timport IconEllipsis from '@pf/src/modules/icons/navigation/IconEllipsis.vue'\n\timport PlaceholderOrganizationPic from '@pf/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'\n\t// Org Module\n\timport ButtonToggleMembership from '@pf/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n\timport Contacts from '@pf/src/modules/organizations/components/blocks/Contacts.vue'\n\timport Rating from '@pf/src/modules/organizations/components/blocks/Rating.vue'\n\timport Socials from '@pf/src/modules/organizations/components/blocks/Socials.vue'\n\t// Report Module\n\timport FormReport from '@pf/src/modules/reports/components/sections/FormReport.vue' \n\t// Store \n\timport * as organizations \tfrom '@pf/src/modules/organizations/store/organizations'\n\timport * as memberships \tfrom '@pf/src/modules/organizations/store/memberships'\n\t// ///////////////////////////////////////\n \t// Components Props\n \t// ///////////////////////////////////////\n\tconst props = defineProps({\n\t\torganization: Object,\n\t\tuser: Object\n\t})\n\t// Store\n\tconst route = useRoute()\n\t\n\t// Methods\n\tconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n\t  memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n\t};\n</script>\n\n<style lang=\"scss\">\n\n</style>"],"names":["memberships.mutations","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyKC,UAAM,QAAQ,SAAU;AAGxB,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAQ,GAAE,YAAY,iBAAiB;AAC3FA,gBAAsB,uBAAuBC,MAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IACjI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DetailsTab.vue.js","sources":["../../../../../../../src/modules/organizations/components/sections/DetailsTab.vue"],"sourcesContent":["<template>\n\t<section class=\"flex-center flex flex-column t-center pd-medium radius-big bg-light\">\n\n\t\t<Dropdown \n\t\t\tv-if=\"user._id !== organization.owner\"\n\t\t\t:label=\"{ component: IconEllipsis, class: 'i-regular t-transp' }\"\n\t\t\t:align=\"'right'\"\n\t\t\tclass=\"cursor-pointer pos-absolute pos-r-regular pos-t-regular pd-thin radius-extra \"\n\t\t>\n\t\t\t<section \n\t\t\t\tclass=\"bg-black pd-thin radius-small\"\n\t\t\t>\n\t\t\t\t<FormReport \n\t\t\t\t\t:user=\"user._id\"\n\t\t\t\t\t:type=\"'organization'\" \n\t\t\t\t\t:target=\"organization._id\" \n\t\t\t\t\t:text=\"'Report'\" \n\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t>\n\t\t\t\t\t<button \n\t\t\t\t\t\tclass=\"w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button\"\n\t\t\t\t\t>\n\t\t\t\t\t\tReport\n\t\t\t\t\t</button>\n\t\t\t\t</FormReport>\n\n\t\t\t\t<ButtonToggleMembership\n\t\t\t\t\tv-if=\"user._id && user._id !== organization.owner\"\n\t\t      :user=\"user._id\"\n\t\t      :type=\"'organization'\" \n\t      \t:role=\"'blocked'\" \n\t\t      :target=\"organization._id\" \n\t\t      :status=\"organization.isBlocked\" \n\t\t      :text=\"{create: 'Block', remove: 'Unblock'}\"\n\t\t      @updateMembership=\"event => handleMembershipUpdate(event, 'isBlocked')\"\n\t\t       class=\"t-white w-100 mn-t-thin bg-red\" \n\t    \t/>\n\t\t\t</section>\n    </Dropdown>\n\n\t\t<IconEdit\n\t\t\tv-if=\"user._id === organization.owner\"\n\t\t\t@click=\"$router.push({\n\t\t\t\tname: 'Organization Edit', \n\t\t\t\tparams: {\n\t\t\t\t\t_id: organization._id\n\t\t\t\t}\n\t\t\t})\" \n\t\t\tclass=\"pos-absolute cursor-pointer pos-t-big pos-r-big i-regular t-transp\"\n\t\t/>\n\n\t\t<img loading=\"lazy\" \n\t\t\tv-if=\"organization.profile.photo\" \n\t\t\t:src=\"(FILE_SERVER_URL || '') + organization.profile.photo\" \n\t\t\tclass=\"radius-big bg-light flex-center flex mn-b-small w-8r\" \n\t\t/>\n\n\t\t<PlaceholderOrganizationPic\n\t\t\tv-else\n\t\t\tclass=\"radius-medium mn-b-small i-extra\"\n\t\t/>\n\n    <h1\n    \tclass=\"mn-b-thin\"\n    >\n  \t\t{{ organization.profile.name }}\n  \t</h1>\n\n   \t<div class=\"flex-center  pd-r-thin pd-l-thin flex-nowrap flex mn-t-thin bg-white radius-extra w-max\">\n   \t\t<IconFollowing class=\"i-medium mn-r-micro t-transp\"/>\n\n      <p class=\"mn-t-thin p-medium t-medium uppercase mn-b-thin\">{{organization.numberOfSubscribers}} followers</p>\n\n      <ButtonToggleMembership\n        v-if=\"\n\t      \tuser._id \n\t      \t&& route.params._id \n\t      \t&& route.params._id !== user._id\n\t      \t&& organization.owner !== user._id\n\t      \"\n        :user=\"user._id\"\n        :type=\"'organization'\" \n        :role=\"'subscriber'\" \n        :target=\"organization._id\" \n        :status=\"organization.isSubscriber\" \n        :text=\"{create: '+', remove: '-'}\"\n        @updateMembership=\"event => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')\"\n        class=\" mn-l-thin p-medium t-medium radius-extra i-semi\" \n      />\n    </div>\n\n    <p class=\"w-max-50r mn-t-regular mn-b-medium p-big\">\n   \t\t<Text :text=\"organization.profile.description || ''\" :showToggleText=\"true\" :maxLen=\"320\" />\n  \t</p>  \n\n  \t<Chips \n    \tv-if=\"organization.profile?.tags?.length > 0\" \n    \t:chips=\"organization.profile.tags\"\n    \tclass=\"p-medium\"\n   \t/>\n\n\n    <h4 \n    \tv-if=\"Object.values(organization.socials).some(value => value)\" \n    \tclass=\"mn-t-small mn-b-thin\"\n    >\n  \t\tFind us in socials\n  \t</h4>\n  \t\n   \t<Socials \n   \t\t:telegram=\"organization.socials.telegram\"\n   \t\t:facebook=\"organization.socials.facebook\"\n   \t\t:instagram=\"organization.socials.instagram\"\n   \t\t:twitter=\"organization.socials.twitter\"\n   \t\t:youtube=\"organization.socials.youtube\"\n   \t/>\n   \t<slot></slot>\n\t</section>\n\n<!-- <h3 class=\"mn-b-small\">Rating</h3>\n\t<Rating \n\t\t:rating=\"organization.rating.median\" \n\t\t:amount=\"organization.rating.amount\"\n\t\tclass=\"pd-medium mn-b-thin radius-big bg-light\"\n\t/>\n\n\t<h3 class=\"mn-b-small\">Contacts</h3>\n  <Contacts\n    :website=\"organization.contacts.website\"\n    :phone=\"organization.contacts.phone\"\n    :email=\"organization.contacts.email\"\n    :address=\"organization.contacts.address\"\n    class=\"w-100 pd-medium radius-big bg-light\"\n  /> -->\n\n\n</template>\n\n<script setup>\n\timport { ref, computed } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\n\timport Dropdown from \"@pf/src/components/Dropdown/Dropdown.vue\";\n\timport Text  \t\tfrom '@pf/src/components/Text/Text.vue'\n\timport Chips  from '@pf/src/components/Chips/Chips.vue'\n\t// Icons\n\timport IconFollowing from '@pf/src/modules/icons/entities/IconFollowing.vue'\n\timport IconEdit from '@pf/src/modules/icons/navigation/IconEdit.vue'\n\timport IconEllipsis from '@pf/src/modules/icons/navigation/IconEllipsis.vue'\n\timport PlaceholderOrganizationPic from '@pf/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'\n\t// Org Module\n\timport ButtonToggleMembership from '@pf/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n\timport Contacts from '@pf/src/modules/organizations/components/blocks/Contacts.vue'\n\timport Rating from '@pf/src/modules/organizations/components/blocks/Rating.vue'\n\timport Socials from '@pf/src/modules/organizations/components/blocks/Socials.vue'\n\t// Report Module\n\timport FormReport from '@pf/src/modules/reports/components/sections/FormReport.vue' \n\t// Store \n\timport * as organizations \tfrom '@pf/src/modules/organizations/store/organizations'\n\timport * as memberships \tfrom '@pf/src/modules/organizations/store/memberships'\n\t// ///////////////////////////////////////\n \t// Components Props\n \t// ///////////////////////////////////////\n\tconst props = defineProps({\n\t\torganization: Object,\n\t\tuser: Object\n\t})\n\t// Store\n\tconst route = useRoute()\n\t\n\t// Methods\n\tconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n\t  memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n\t};\n</script>\n\n<style lang=\"scss\">\n\n</style>"],"names":["memberships.mutations","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwKC,UAAM,QAAQ,SAAU;AAGxB,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAQ,GAAE,YAAY,iBAAiB;AAC3FA,gBAAsB,uBAAuBC,MAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IACjI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/organizations/components/sections/Documents.vue.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 const Field = require("../../../../components/Field/Field.vue2.cjs");
 require("vue-i18n");
-;/* empty css                                       */
+;/* empty css                                        */
 ;/* empty css                                         */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
 ;/* empty css                                         */

package/dist/prometheus-framework/src/modules/organizations/components/sections/Documents.vue.js

@@ -2,7 +2,7 @@ import { ref, watchEffect, resolveComponent, openBlock, createElementBlock, crea
 import { useRouter, useRoute } from "vue-router";
 import Field from "../../../../components/Field/Field.vue2.js";
 import "vue-i18n";
-/* empty css                                     */
+/* empty css                                      */
 /* empty css                                       */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 /* empty css                                       */

package/dist/prometheus-framework/src/modules/organizations/components/sections/MembersAdd.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Field = require("../../../../components/Field/Field.vue2.cjs");
-;/* empty css                                         */
+;/* empty css                                          */
 const Button = require("../../../../components/Button/Button.vue2.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const BlockSearch = require("../../../globals/views/components/blocks/BlockSearch.vue.cjs");

package/dist/prometheus-framework/src/modules/organizations/components/sections/MembersAdd.vue.js

@@ -1,6 +1,6 @@
 import { ref, resolveDirective, openBlock, createElementBlock, createElementVNode, toDisplayString, withDirectives, createVNode, isRef, unref, withCtx, Fragment, renderList, createBlock, createCommentVNode } from "vue";
 import Field from "../../../../components/Field/Field.vue2.js";
-/* empty css                                       */
+/* empty css                                        */
 import _sfc_main$6 from "../../../../components/Button/Button.vue2.js";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$1 from "../../../globals/views/components/blocks/BlockSearch.vue.js";

package/dist/prometheus-framework/src/modules/organizations/components/sections/Organizations.vue.cjs

@@ -5,15 +5,15 @@ const vueRouter = require("vue-router");
 require("../../../../../../node_modules/js-cookie/dist/js.cookie.cjs");
 ;/* empty css                                   */
 ;/* empty css                                       */
-;/* empty css                                         */
+;/* empty css                                          */
 ;/* empty css                                         */
 ;/* empty css                                         */
 ;/* empty css                                              */
-;/* empty css                                        */
+;/* empty css                                       */
 const auth = require("../../../auth/views/store/auth.cjs");
 require("../../store/memberships.cjs");
 require("vue-i18n");
-;/* empty css                                       */
+;/* empty css                                        */
 require("../../../reports/store/reports.cjs");
 const organizations = require("../../store/organizations.cjs");
 const CardOrganization = require("../blocks/CardOrganization.vue.cjs");

package/dist/prometheus-framework/src/modules/organizations/components/sections/Organizations.vue.js

@@ -3,15 +3,15 @@ import { useRouter, useRoute } from "vue-router";
 import "../../../../../../node_modules/js-cookie/dist/js.cookie.js";
 /* empty css                                 */
 /* empty css                                     */
-/* empty css                                       */
+/* empty css                                        */
 /* empty css                                       */
 /* empty css                                       */
 /* empty css                                            */
-/* empty css                                      */
+/* empty css                                     */
 import { state } from "../../../auth/views/store/auth.js";
 import "../../store/memberships.js";
 import "vue-i18n";
-/* empty css                                     */
+/* empty css                                      */
 import "../../../reports/store/reports.js";
 import { actions } from "../../store/organizations.js";
 import _sfc_main$2 from "../blocks/CardOrganization.vue.js";

package/dist/prometheus-framework/src/modules/pages/views/components/partials/SidebarPages.vue.cjs

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const Block = require("../../../../../components/Block/Block.vue.cjs");
-const Popup = require("../../../../../components/Popup/Popup.vue2.cjs");
+const Popup = require("../../../../../components/Popup/Popup.vue.cjs");
 const Button = require("../../../../../components/Button/Button.vue2.cjs");
 const Constructor = require("../../../../constructor/components/sections/Constructor.vue.cjs");
 const CardPage = require("../blocks/CardPage.vue.cjs");

package/dist/prometheus-framework/src/modules/pages/views/components/partials/SidebarPages.vue.js

@@ -1,7 +1,7 @@
 import { computed, ref, onMounted, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList, createVNode, createElementVNode, createTextVNode, createCommentVNode } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import _sfc_main$1 from "../../../../../components/Block/Block.vue.js";
-import _sfc_main$3 from "../../../../../components/Popup/Popup.vue2.js";
+import _sfc_main$3 from "../../../../../components/Popup/Popup.vue.js";
 import _sfc_main$5 from "../../../../../components/Button/Button.vue2.js";
 import _sfc_main$4 from "../../../../constructor/components/sections/Constructor.vue.js";
 import _sfc_main$2 from "../blocks/CardPage.vue.js";

package/dist/prometheus-framework/src/modules/products/components/blocks/CardPosition.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Field = require("../../../../components/Field/Field.vue2.cjs");
-const Select = require("../../../../components/Select/Select.vue2.cjs");
+const Select = require("../../../../components/Select/Select.vue.cjs");
 ;/* empty css                                                    */
 const IconAdd = require("../../../icons/navigation/IconAdd.vue.cjs");
 const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");

package/dist/prometheus-framework/src/modules/products/components/blocks/CardPosition.vue.js

@@ -1,6 +1,6 @@
 import { ref, computed, watch, openBlock, createElementBlock, createElementVNode, toDisplayString, createBlock, withCtx, createVNode, createCommentVNode, unref } from "vue";
 import Field from "../../../../components/Field/Field.vue2.js";
-import Select from "../../../../components/Select/Select.vue2.js";
+import Select from "../../../../components/Select/Select.vue.js";
 /* empty css                                                  */
 import _sfc_main$1 from "../../../icons/navigation/IconAdd.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconDelete.vue.js";

package/dist/prometheus-framework/src/modules/products/components/blocks/ImagesThumbnails.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Popup = require("../../../../components/Popup/Popup.vue2.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const PhotoViewer = require("../../../../components/PhotoViewer/PhotoViewer.vue.cjs");
 ;/* empty css                        */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");

package/dist/prometheus-framework/src/modules/products/components/blocks/ImagesThumbnails.vue.js

@@ -1,5 +1,5 @@
 import { ref, openBlock, createElementBlock, createElementVNode, Fragment, renderList, createVNode, withCtx } from "vue";
-import _sfc_main$1 from "../../../../components/Popup/Popup.vue2.js";
+import _sfc_main$1 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$2 from "../../../../components/PhotoViewer/PhotoViewer.vue.js";
 /* empty css                      */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";

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

@@ -4,7 +4,7 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
 const Button = require("../../../../components/Button/Button.vue2.cjs");
-const Select = require("../../../../components/Select/Select.vue2.cjs");
+const Select = require("../../../../components/Select/Select.vue.cjs");
 const Field = require("../../../../components/Field/Field.vue2.cjs");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const categories = require("../../store/categories.cjs");

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

@@ -2,7 +2,7 @@ import { computed, openBlock, createElementBlock, Fragment, createVNode, withCtx
 import { useRoute, useRouter } from "vue-router";
 import _sfc_main$3 from "../../../icons/navigation/IconDelete.vue.js";
 import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
-import Select from "../../../../components/Select/Select.vue2.js";
+import Select from "../../../../components/Select/Select.vue.js";
 import Field from "../../../../components/Field/Field.vue2.js";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
 import { actions, state } from "../../store/categories.js";

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

@@ -4,8 +4,8 @@ const vue = require("vue");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const Field = require("../../../../components/Field/Field.vue2.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
-const Select = require("../../../../components/Select/Select.vue2.cjs");
-const Popup = require("../../../../components/Popup/Popup.vue2.cjs");
+const Select = require("../../../../components/Select/Select.vue.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 ;/* empty css                                                    */
 const CardPosition = require("../blocks/CardPosition.vue.cjs");
 const CardOrderItem = require("../../../orders/components/blocks/CardOrderItem.vue.cjs");

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

@@ -2,8 +2,8 @@ import { ref, computed, onMounted, openBlock, createElementBlock, createElementV
 import _sfc_main$4 from "../../../../components/Block/Block.vue.js";
 import Field from "../../../../components/Field/Field.vue2.js";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
-import Select from "../../../../components/Select/Select.vue2.js";
-import _sfc_main$1 from "../../../../components/Popup/Popup.vue2.js";
+import Select from "../../../../components/Select/Select.vue.js";
+import _sfc_main$1 from "../../../../components/Popup/Popup.vue.js";
 /* empty css                                                  */
 import _sfc_main$5 from "../blocks/CardPosition.vue.js";
 import _sfc_main$3 from "../../../orders/components/blocks/CardOrderItem.vue.js";

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

@@ -9,7 +9,7 @@ const Block = require("../../../../components/Block/Block.vue.cjs");
 const Field = require("../../../../components/Field/Field.vue2.cjs");
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
 const Button = require("../../../../components/Button/Button.vue2.cjs");
-const Popup = require("../../../../components/Popup/Popup.vue2.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const EditImages = require("../../../../components/EditImages/EditImages.vue.cjs");
 const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");

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

@@ -7,7 +7,7 @@ import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
 import Field from "../../../../components/Field/Field.vue2.js";
 import _sfc_main$9 from "../../../../components/Checkbox/Checkbox.vue.js";
 import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
-import _sfc_main$6 from "../../../../components/Popup/Popup.vue2.js";
+import _sfc_main$6 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$7 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$3 from "../../../../components/EditImages/EditImages.vue.js";
 import _sfc_main$a from "../../../icons/navigation/IconDelete.vue.js";

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

@@ -4,37 +4,81 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 const Tab = require("../../../../components/Tab/Tab.vue2.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
-const FilterProducts = require("../sections/FilterProducts.vue.cjs");
-const BlockSearch = require("../../../globals/views/components/blocks/BlockSearch.vue.cjs");
+;/* empty css                                           */
+require("vue-i18n");
+const categories = require("../../store/categories.cjs");
+const marketplace = require("../../../marketplace/store/marketplace.cjs");
+;/* empty css                                */
+;/* empty css                                       */
+const BlockFilter = require("../../../globals/views/components/blocks/BlockFilter.vue.cjs");
 const CardProduct = require("../blocks/CardProduct.vue.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
 const products = require("../../store/products.cjs");
-const _hoisted_1 = { class: "pd-thin" };
-const _hoisted_2 = {
+const _hoisted_1 = {
   key: 0,
   class: "mn-b-medium flex-v-center flex-nowrap flex"
 };
-const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("h2", { class: "mn-r-medium" }, "Products", -1);
-const _hoisted_4 = { class: "cols-2-1_3 bg-light pd-thin radius-big gap-thin" };
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("h2", { class: "mn-r-medium" }, "Products", -1);
+const _hoisted_3 = { class: "cols-2-1_3 bg-light pd-thin radius-big gap-thin" };
+const _hoisted_4 = { class: "rows-1" };
 const _sfc_main = {
   __name: "Products",
   setup(__props) {
     const route = vueRouter.useRoute();
     const router = vueRouter.useRouter();
     const tabProducts = vue.ref(route.query.tabProducts ? route.query.tabProducts : "all");
-    route.query.tabProducts = tabProducts.value;
+    if (route.name !== "Organization") route.query.tabProducts = tabProducts.value;
+    if (route.query) {
+      const query = route.query;
+      marketplace.state.filter.selected.categories = query.categories ? query.categories.split(",") : [];
+      marketplace.state.filter.selected.prices = query.prices ? query.prices.split(",") : [];
+      marketplace.state.filter.selected.delivery = query.delivery ? query.delivery.split(",") : [];
+    }
     vue.watch(tabProducts, (newValue) => {
-      router.replace({ query: { ...route.query, tabProducts: newValue } });
+      if (route.name !== "Organization") router.replace({ query: { ...route.query, tabProducts: newValue } });
+    });
+    vue.onMounted(async () => {
+      let categoriesFilter = await categories.actions.fetchCategories();
+      categoriesFilter = categoriesFilter.map((category) => ({
+        value: category.url,
+        label: category.name
+      }));
+      const index = marketplace.state.filter.options.findIndex((option) => option.value === "categories");
+      const categoryOption = {
+        title: "Categories",
+        value: "categories",
+        options: categoriesFilter
+      };
+      if (index !== -1) {
+        marketplace.state.filter.options[index] = categoryOption;
+      } else {
+        marketplace.state.filter.options.unshift(categoryOption);
+      }
     });
-    function updateSearch(search) {
+    vue.watch(() => marketplace.state.sort, (newSortValue, oldSortValue) => {
       let query = { ...route.query };
-      query.search = search;
-      router.push({ query });
-    }
+      query.sortParam = newSortValue.param;
+      query.sortOrder = newSortValue.order;
+      router.replace({ query });
+    }, { deep: true });
+    vue.watch(() => marketplace.state.filter.selected, (newFilterValue, oldFilterValue) => {
+      const query = { ...route.query };
+      Object.keys(oldFilterValue).forEach((key) => {
+        if (query[key]) {
+          delete query[key];
+        }
+      });
+      const newQueryValues = Object.fromEntries(
+        Object.entries(newFilterValue).filter(([key, value]) => Array.isArray(value) && value.length > 0).map(([key, value]) => [key, value.join(",")])
+      );
+      delete query.options;
+      Object.assign(query, newQueryValues);
+      router.replace({ query });
+    }, { deep: true });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.unref(route).name !== "Organization" ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_2, [
-          _hoisted_3,
+      return vue.openBlock(), vue.createElementBlock("div", null, [
+        vue.unref(route).name !== "Organization" ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_1, [
+          _hoisted_2,
           vue.createElementVNode("button", {
             onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.push({
               name: "ProductAdd"
@@ -54,15 +98,18 @@ const _sfc_main = {
           ],
           class: "mn-b-small o-hidden h5 radius-big bg-light"
         }, null, 8, ["selected"])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_4, [
-          vue.createVNode(FilterProducts.default),
-          vue.createElementVNode("div", null, [
-            vue.createVNode(BlockSearch.default, {
-              onSearch: updateSearch,
-              placeholder: "Enter product name",
-              class: "bg-white mn-b-thin"
-            }),
+        vue.createElementVNode("div", _hoisted_3, [
+          vue.createVNode(BlockFilter.default, {
+            filter: marketplace.state.filter,
+            "onUpdate:filter": _cache[2] || (_cache[2] = ($event) => marketplace.state.filter = $event),
+            options: marketplace.state.filter.options,
+            class: "h-100 w-100 desktop-only"
+          }, null, 8, ["filter", "options"]),
+          vue.createElementVNode("div", _hoisted_4, [
             vue.createVNode(Feed.default, {
+              filter: marketplace.state.filter,
+              "onUpdate:filter": _cache[3] || (_cache[3] = ($event) => marketplace.state.filter = $event),
+              search: true,
               states: {
                 empty: {
                   title: "No Products Found",
@@ -79,7 +126,7 @@ const _sfc_main = {
                 categories: vue.unref(route).query.categories,
                 prices: vue.unref(route).query.prices,
                 delivery: vue.unref(route).query.delivery,
-                search: vue.unref(route).query.search,
+                // search: route.query.search,
                 ...tabProducts.value !== "all" && { status: tabProducts.value }
                 // user: user
               },
@@ -105,7 +152,7 @@ const _sfc_main = {
                 }), 128))
               ]),
               _: 1
-            }, 8, ["store", "options"])
+            }, 8, ["filter", "store", "options"])
           ])
         ])
       ]);