@ozdao/prometheus-framework 0.2.222 → 0.2.224

package/dist/prometheus-framework/src/modules/events/components/pages/EditEvent.vue.cjs

@@ -9,14 +9,16 @@ const vueDatepicker = require("../../../../../../node_modules/@vuepic/vue-datepi
 ;/* empty css                                               */
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
-const Field = require("../../../../components/Field/Field.vue.cjs");
+const Field = require("../../../../components/Field/Field.vue2.cjs");
 const BlockTags = require("../../../../components/FieldTags/BlockTags.vue.cjs");
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
-const SelectMulti = require("../../../../components/SelectMulti/SelectMulti.vue.cjs");
+;/* empty css                                                    */
 const Upload = require("../../../../components/Upload/Upload.vue.cjs");
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
 const EditImages = require("../../../../components/EditImages/EditImages.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue.cjs");
+const Feed = require("../../../../components/Feed/Feed.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Card = require("../../../globals/views/components/blocks/Card.vue.cjs");
 const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
 const vueRouter = require("vue-router");
 const events = require("../../store/events.cjs");
@@ -29,57 +31,60 @@ const _hoisted_1 = {
 };
 const _hoisted_2 = { class: "mn-b-thin radius-small w-100 h-10r bg-light flex-center flex-column flex" };
 const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("h4", null, "Upload Event Cover", -1);
-const _hoisted_4 = {
+const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("h3", { class: "mn-b-small" }, "Date", -1);
+const _hoisted_5 = {
   key: 0,
   class: "mn-b-small"
 };
-const _hoisted_5 = {
-  key: 2,
+const _hoisted_6 = {
+  key: 1,
   class: "mn-b-small"
 };
-const _hoisted_6 = {
-  key: 4,
+const _hoisted_7 = {
+  key: 3,
   class: "mn-b-semi"
 };
-const _hoisted_7 = /* @__PURE__ */ vue.createElementVNode("h4", { class: "mn-b-thin" }, " Hero Section ", -1);
-const _hoisted_8 = /* @__PURE__ */ vue.createElementVNode("h5", { class: "mn-b-thin" }, " Video in Hero Section ", -1);
-const _hoisted_9 = /* @__PURE__ */ vue.createElementVNode("p", null, "Need to upload in webm format because of needs of optimization", -1);
-const _hoisted_10 = /* @__PURE__ */ vue.createElementVNode("h5", { class: "mn-b-thin" }, " Ticket ", -1);
-const _hoisted_11 = { class: "mn-b-small gap-small cols-2-fit-content" };
-const _hoisted_12 = { class: "gap-thin flex-nowrap flex w-100" };
-const _hoisted_13 = /* @__PURE__ */ vue.createElementVNode("hr", { class: "bg-black-transp-10 mn-b-semi mn-t-semi d-block" }, null, -1);
-const _hoisted_14 = /* @__PURE__ */ vue.createElementVNode("h4", { class: "mn-b-thin" }, " Guest Section ", -1);
-const _hoisted_15 = { class: "gap-thin cols-3" };
-const _hoisted_16 = /* @__PURE__ */ vue.createElementVNode("h5", { class: "mn-b-thin" }, " Video in Guests Section ", -1);
-const _hoisted_17 = { class: "gap-thin flex-nowrap flex w-100" };
-const _hoisted_18 = { class: "w-100" };
-const _hoisted_19 = { class: "radius-small h-100 i-big flex-center flex aspect-1x1 bg-red" };
-const _hoisted_20 = /* @__PURE__ */ vue.createElementVNode("hr", { class: "bg-black-transp-10 mn-b-semi mn-t-semi d-block" }, null, -1);
-const _hoisted_21 = /* @__PURE__ */ vue.createElementVNode("h4", { class: "mn-b-thin" }, " Lineup Section ", -1);
-const _hoisted_22 = { class: "radius-small h-100 i-big flex-center flex aspect-1x1 bg-red" };
-const _hoisted_23 = /* @__PURE__ */ vue.createElementVNode("h5", { class: "mn-b-thin" }, " Background in Lineup Section ", -1);
-const _hoisted_24 = /* @__PURE__ */ vue.createElementVNode("hr", { class: "bg-black-transp-10 mn-b-semi mn-t-semi d-block" }, null, -1);
-const _hoisted_25 = /* @__PURE__ */ vue.createElementVNode("h4", { class: "mn-b-thin" }, " Previous Party Section ", -1);
-const _hoisted_26 = /* @__PURE__ */ vue.createElementVNode("h5", { class: "mn-b-thin" }, " Video in Previous Partys Section ", -1);
-const _hoisted_27 = /* @__PURE__ */ vue.createElementVNode("h3", { class: "mn-b-small" }, "Date", -1);
+const _hoisted_8 = /* @__PURE__ */ vue.createElementVNode("h4", { class: "mn-b-thin" }, " Hero Section ", -1);
+const _hoisted_9 = /* @__PURE__ */ vue.createElementVNode("h5", { class: "mn-b-thin" }, " Video in Hero Section ", -1);
+const _hoisted_10 = /* @__PURE__ */ vue.createElementVNode("p", null, "Need to upload in webm format because of needs of optimization", -1);
+const _hoisted_11 = /* @__PURE__ */ vue.createElementVNode("h5", { class: "mn-b-thin" }, " Ticket ", -1);
+const _hoisted_12 = { class: "mn-b-small gap-small cols-2-fit-content" };
+const _hoisted_13 = { class: "gap-thin flex-nowrap flex w-100" };
+const _hoisted_14 = /* @__PURE__ */ vue.createElementVNode("hr", { class: "bg-black-transp-10 mn-b-semi mn-t-semi d-block" }, null, -1);
+const _hoisted_15 = /* @__PURE__ */ vue.createElementVNode("h4", { class: "mn-b-thin" }, " Guest Section ", -1);
+const _hoisted_16 = { class: "gap-thin cols-3" };
+const _hoisted_17 = /* @__PURE__ */ vue.createElementVNode("h5", { class: "mn-b-thin" }, " Video in Guests Section ", -1);
+const _hoisted_18 = { class: "gap-thin flex-nowrap flex w-100" };
+const _hoisted_19 = { class: "w-100" };
+const _hoisted_20 = { class: "radius-small h-100 i-big flex-center flex aspect-1x1 bg-red" };
+const _hoisted_21 = /* @__PURE__ */ vue.createElementVNode("hr", { class: "bg-black-transp-10 mn-b-semi mn-t-semi d-block" }, null, -1);
+const _hoisted_22 = /* @__PURE__ */ vue.createElementVNode("h4", { class: "mn-b-thin" }, " Lineup Section ", -1);
+const _hoisted_23 = { class: "radius-small h-100 i-big flex-center flex aspect-1x1 bg-red" };
+const _hoisted_24 = /* @__PURE__ */ vue.createElementVNode("h5", { class: "mn-b-thin" }, " Background in Lineup Section ", -1);
+const _hoisted_25 = /* @__PURE__ */ vue.createElementVNode("hr", { class: "bg-black-transp-10 mn-b-semi mn-t-semi d-block" }, null, -1);
+const _hoisted_26 = /* @__PURE__ */ vue.createElementVNode("h4", { class: "mn-b-thin" }, " Previous Party Section ", -1);
+const _hoisted_27 = /* @__PURE__ */ vue.createElementVNode("h5", { class: "mn-b-thin" }, " Video in Previous Partys Section ", -1);
 const _hoisted_28 = /* @__PURE__ */ vue.createElementVNode("h3", { class: "mn-b-small" }, "Description", -1);
 const _hoisted_29 = {
-  key: 5,
+  key: 4,
   class: "pd-b-extra w-100 bg-light pd-big radius-big"
 };
 const _hoisted_30 = {
-  key: 6,
+  key: 5,
   class: "pd-thin pos-sticky pos-l-0 pos-b-0 w-100"
 };
 const _hoisted_31 = { class: "pd-thin radius-big bg-main w-100 flex-nowrap flex" };
-const _hoisted_32 = /* @__PURE__ */ vue.createElementVNode("h3", { class: "mn-b-small" }, "Final Touches", -1);
-const _hoisted_33 = /* @__PURE__ */ vue.createElementVNode("h5", { class: "mn-b-thin" }, "Add to public:", -1);
+const _hoisted_32 = /* @__PURE__ */ vue.createElementVNode("h5", { class: "mn-b-thin" }, "Add to public", -1);
+const _hoisted_33 = {
+  key: 1,
+  class: "mn-b-thin h-25r o-x-hidden o-y-scroll bg-light radius-big pd-small"
+};
 const _hoisted_34 = {
-  key: 0,
+  key: 2,
   class: "mn-b-thin"
 };
 const _hoisted_35 = {
-  key: 1,
+  key: 3,
   class: "mn-b-medium br-grey-transp-25 br-2px br-solid pd-small radius-big"
 };
 const _sfc_main = {
@@ -88,7 +93,7 @@ const _sfc_main = {
     const route = vueRouter.useRoute();
     const router = vueRouter.useRouter();
     let event = vue.ref(null);
-    let publics = vue.ref(null);
+    vue.ref(null);
     const selectedTags = vue.ref([]);
     const selectedOrganization = vue.ref(null);
     const date = vue.ref(/* @__PURE__ */ new Date());
@@ -121,16 +126,6 @@ const _sfc_main = {
         name: event.value.owner.target.profile.name,
         photo: event.value.owner.target.profile.photo
       };
-      const dataPublics = await organizations.actions.read({
-        user: auth.state.user._id,
-        postable: auth.state.user._id,
-        limit: 100
-      });
-      publics.value = dataPublics.map((publicItem) => ({
-        name: publicItem.profile.name,
-        _id: publicItem._id,
-        photo: publicItem.profile.photo
-      }));
     });
     const isPublicationPopup = vue.ref(false);
     function openPublicationPopup() {
@@ -221,27 +216,24 @@ const _sfc_main = {
           placeholder: "Enter short description",
           class: "mn-b-semi w-100 bg-light pd-medium radius-small"
         }, null, 8, ["field"]),
-        auth.state.access.roles && (auth.state.access.roles.includes("ROLE_MODERATOR") || auth.state.access.roles.includes("ROLE_ADMIN")) ? (vue.openBlock(), vue.createElementBlock("h3", _hoisted_4, " Tickets ")) : vue.createCommentVNode("", true),
-        auth.state.access.roles && (auth.state.access.roles.includes("ROLE_MODERATOR") || auth.state.access.roles.includes("ROLE_ADMIN")) ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 1,
-          class: "mn-b-semi w-100 bg-light pd-medium radius-small",
-          onClick: _cache[3] || (_cache[3] = ($event) => vue.unref(router).push({
-            name: "Edit Event Tickets",
-            params: {
-              url: vue.unref(route).params.url
-            }
-          }))
-        }, " Edit tickets ")) : vue.createCommentVNode("", true),
-        auth.state.access.roles && (auth.state.access.roles.includes("ROLE_MODERATOR") || auth.state.access.roles.includes("ROLE_ADMIN")) ? (vue.openBlock(), vue.createElementBlock("h3", _hoisted_5, " Special Details ")) : vue.createCommentVNode("", true),
-        auth.state.access.roles && (auth.state.access.roles.includes("ROLE_MODERATOR") || auth.state.access.roles.includes("ROLE_ADMIN")) ? (vue.openBlock(), vue.createBlock(Checkbox.default, {
-          key: 3,
+        _hoisted_4,
+        vue.createVNode(vue.unref(vueDatepicker.default), {
+          modelValue: date.value,
+          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => date.value = $event),
+          range: "",
+          class: "z-index-3 radius-small mn-b-semi bg-light"
+        }, null, 8, ["modelValue"]),
+        auth.state.access.roles && (auth.state.access.roles.includes("ROLE_MODERATOR") || auth.state.access.roles.includes("ROLE_ADMIN")) ? (vue.openBlock(), vue.createElementBlock("h3", _hoisted_5, " Tickets ")) : vue.createCommentVNode("", true),
+        !vue.unref(route).params.url && auth.state.access.roles && (auth.state.access.roles.includes("ROLE_MODERATOR") || auth.state.access.roles.includes("ROLE_ADMIN")) ? (vue.openBlock(), vue.createElementBlock("h3", _hoisted_6, " Special Details ")) : vue.createCommentVNode("", true),
+        !vue.unref(route).params.url && auth.state.access.roles && (auth.state.access.roles.includes("ROLE_MODERATOR") || auth.state.access.roles.includes("ROLE_ADMIN")) ? (vue.openBlock(), vue.createBlock(Checkbox.default, {
+          key: 2,
           label: "Special",
           radio: vue.unref(event).special,
           "onUpdate:radio": _cache[4] || (_cache[4] = (updateEvent) => vue.unref(event).special = !vue.unref(event).special),
           class: "mn-b-semi w-100 bg-black t-white pd-medium radius-small"
         }, null, 8, ["radio"])) : vue.createCommentVNode("", true),
-        vue.unref(event).special ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
-          _hoisted_7,
+        vue.unref(event).special ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
+          _hoisted_8,
           vue.createVNode(Field.default, {
             field: vue.unref(event).specialData.subtitle,
             "onUpdate:field": _cache[5] || (_cache[5] = ($event) => vue.unref(event).specialData.subtitle = $event),
@@ -262,8 +254,8 @@ const _sfc_main = {
             "onUpdate:images": _cache[6] || (_cache[6] = (newImages) => vue.unref(event).specialData.logos = newImages),
             class: "mn-b-thin bg-light radius-small"
           }, null, 8, ["images"]),
-          _hoisted_8,
           _hoisted_9,
+          _hoisted_10,
           vue.createVNode(Upload.default, {
             field: vue.unref(event).specialData.video,
             "onUpdate:field": _cache[7] || (_cache[7] = ($event) => vue.unref(event).specialData.video = $event),
@@ -273,15 +265,15 @@ const _sfc_main = {
             type: "file",
             class: "mn-b-thin w-100 bg-light pd-medium radius-small t-black"
           }, null, 8, ["field"]),
-          _hoisted_10,
-          vue.createElementVNode("div", _hoisted_11, [
+          _hoisted_11,
+          vue.createElementVNode("div", _hoisted_12, [
             vue.createVNode(UploadImage.default, {
               photo: vue.unref(event).specialData.ticketImage,
               "onUpdate:photo": _cache[9] || (_cache[9] = ($event) => vue.unref(event).specialData.ticketImage = $event),
               uploadPath: "/specials",
               class: "aspect-1x1 w-4r o-hidden radius-extra"
             }, null, 8, ["photo"]),
-            vue.createElementVNode("div", _hoisted_12, [
+            vue.createElementVNode("div", _hoisted_13, [
               vue.createVNode(Field.default, {
                 field: vue.unref(event).specialData.ticketPrice,
                 "onUpdate:field": _cache[10] || (_cache[10] = ($event) => vue.unref(event).specialData.ticketPrice = $event),
@@ -303,8 +295,8 @@ const _sfc_main = {
               }, null, 8, ["field"])
             ])
           ]),
-          _hoisted_13,
           _hoisted_14,
+          _hoisted_15,
           vue.createVNode(Field.default, {
             field: vue.unref(event).specialData.guestTitle,
             "onUpdate:field": _cache[13] || (_cache[13] = ($event) => vue.unref(event).specialData.guestTitle = $event),
@@ -317,7 +309,7 @@ const _sfc_main = {
             placeholder: "Description for Main Guest section",
             class: "mn-b-thin w-100 bg-light pd-medium radius-small"
           }, null, 8, ["field"]),
-          vue.createElementVNode("div", _hoisted_15, [
+          vue.createElementVNode("div", _hoisted_16, [
             vue.createVNode(Field.default, {
               field: vue.unref(event).specialData.guestFacebook,
               "onUpdate:field": _cache[15] || (_cache[15] = ($event) => vue.unref(event).specialData.guestFacebook = $event),
@@ -361,7 +353,7 @@ const _sfc_main = {
               class: "mn-b-thin w-100 bg-light pd-medium radius-small"
             }, null, 8, ["field"])
           ]),
-          _hoisted_16,
+          _hoisted_17,
           vue.createVNode(Upload.default, {
             field: vue.unref(event).specialData.guestVideo,
             "onUpdate:field": _cache[22] || (_cache[22] = ($event) => vue.unref(event).specialData.guestVideo = $event),
@@ -392,8 +384,8 @@ const _sfc_main = {
                     uploadPath: "/specials",
                     class: "aspect-1x1 w-8r o-hidden radius-extra"
                   }, null, 8, ["photo", "onUpdate:photo"]),
-                  vue.createElementVNode("div", _hoisted_17, [
-                    vue.createElementVNode("div", _hoisted_18, [
+                  vue.createElementVNode("div", _hoisted_18, [
+                    vue.createElementVNode("div", _hoisted_19, [
                       vue.createVNode(Field.default, {
                         field: item.name,
                         "onUpdate:field": ($event) => item.name = $event,
@@ -407,7 +399,7 @@ const _sfc_main = {
                         class: "w-100 mn-b-thin bg-white radius-small pd-medium"
                       }, null, 8, ["field", "onUpdate:field"])
                     ]),
-                    vue.createElementVNode("div", _hoisted_19, [
+                    vue.createElementVNode("div", _hoisted_20, [
                       vue.createVNode(IconDelete.default, {
                         onClick: () => vue.unref(event).specialData.guests.splice(index, 1),
                         class: "i-medium"
@@ -419,8 +411,8 @@ const _sfc_main = {
             ]),
             _: 1
           }, 8, ["actions"]),
-          _hoisted_20,
           _hoisted_21,
+          _hoisted_22,
           vue.createVNode(Block.default, {
             title: "Line Up",
             placeholder: "No line ups added yet",
@@ -448,7 +440,7 @@ const _sfc_main = {
                     placeholder: "Time",
                     class: "w-100 bg-light radius-small pd-medium"
                   }, null, 8, ["field", "onUpdate:field"]),
-                  vue.createElementVNode("div", _hoisted_22, [
+                  vue.createElementVNode("div", _hoisted_23, [
                     vue.createVNode(IconDelete.default, {
                       onClick: () => vue.unref(event).specialData.lineup.splice(index, 1),
                       class: "i-medium"
@@ -459,7 +451,7 @@ const _sfc_main = {
             ]),
             _: 1
           }, 8, ["actions"]),
-          _hoisted_23,
+          _hoisted_24,
           vue.createVNode(Upload.default, {
             field: vue.unref(event).specialData.lineupBackground,
             "onUpdate:field": _cache[24] || (_cache[24] = ($event) => vue.unref(event).specialData.lineupBackground = $event),
@@ -469,37 +461,37 @@ const _sfc_main = {
             type: "file",
             class: "mn-b-thin w-100 bg-light pd-medium radius-small t-black"
           }, null, 8, ["field"]),
-          _hoisted_24,
           _hoisted_25,
           _hoisted_26,
+          _hoisted_27,
           vue.createVNode(Field.default, {
             field: vue.unref(event).specialData.previousTitle,
             "onUpdate:field": _cache[26] || (_cache[26] = ($event) => vue.unref(event).specialData.previousTitle = $event),
             placeholder: "Title",
-            value: "Explore our exclusive party archive",
+            value: vue.unref(event).specialData.previousDescription || "Explore our exclusive party archive",
             class: "w-100 bg-light radius-small pd-medium"
-          }, null, 8, ["field"]),
+          }, null, 8, ["field", "value"]),
           vue.createVNode(Field.default, {
             field: vue.unref(event).specialData.previousDescription,
             "onUpdate:field": _cache[27] || (_cache[27] = ($event) => vue.unref(event).specialData.previousDescription = $event),
             label: "Description",
-            value: "Experience the ultimate party vibe at The Commune! Elevate your evening with distinctive and exhilarating activities, ensuring an unforgettable time. Dive into the excitement and make every moment special.",
+            value: vue.unref(event).specialData.previousDescription || "Experience the ultimate party vibe at The Commune! Elevate your evening with distinctive and exhilarating activities, ensuring an unforgettable time. Dive into the excitement and make every moment special.",
             class: "w-100 bg-light radius-small pd-medium"
-          }, null, 8, ["field"]),
+          }, null, 8, ["field", "value"]),
           vue.createVNode(Field.default, {
             field: vue.unref(event).specialData.previousLinkText,
             "onUpdate:field": _cache[28] || (_cache[28] = ($event) => vue.unref(event).specialData.previousLinkText = $event),
             label: "Button",
-            value: "Check In Instagram",
+            value: vue.unref(event).specialData.previousLinkText || "Check In Instagram",
             class: "w-100 bg-light radius-small pd-medium"
-          }, null, 8, ["field"]),
+          }, null, 8, ["field", "value"]),
           vue.createVNode(Field.default, {
             field: vue.unref(event).specialData.previousLink,
             "onUpdate:field": _cache[29] || (_cache[29] = ($event) => vue.unref(event).specialData.previousLink = $event),
             label: "Link",
-            value: "https://www.instagram.com/thecommune.phuket/",
+            value: vue.unref(event).specialData.previousLink || "https://www.instagram.com/thecommune.phuket/",
             class: "w-100 bg-light radius-small pd-medium"
-          }, null, 8, ["field"]),
+          }, null, 8, ["field", "value"]),
           vue.createVNode(Upload.default, {
             field: vue.unref(event).specialData.previousVideo,
             "onUpdate:field": _cache[30] || (_cache[30] = ($event) => vue.unref(event).specialData.previousVideo = $event),
@@ -510,82 +502,119 @@ const _sfc_main = {
             class: "mn-b-thin w-100 bg-light pd-medium radius-small t-black"
           }, null, 8, ["field"])
         ])) : vue.createCommentVNode("", true),
-        _hoisted_27,
-        vue.createVNode(vue.unref(vueDatepicker.default), {
-          modelValue: date.value,
-          "onUpdate:modelValue": _cache[32] || (_cache[32] = ($event) => date.value = $event),
-          range: "",
-          class: "z-index-3 mn-b-semi bg-light"
-        }, null, 8, ["modelValue"]),
         _hoisted_28,
         vue.unref(event) ? (vue.openBlock(), vue.createElementBlock("section", _hoisted_29, [
           vue.createVNode(Constructor.default, {
             content: vue.unref(event).content,
-            onUpdate: _cache[33] || (_cache[33] = (update) => vue.unref(event).content = update)
+            onUpdate: _cache[32] || (_cache[32] = (update) => vue.unref(event).content = update)
           }, null, 8, ["content"])
         ])) : vue.createCommentVNode("", true),
         vue.unref(event) ? (vue.openBlock(), vue.createElementBlock("section", _hoisted_30, [
           vue.createElementVNode("div", _hoisted_31, [
             vue.unref(route).params.url ? (vue.openBlock(), vue.createElementBlock("a", {
               key: 0,
-              onClick: _cache[34] || (_cache[34] = ($event) => onDelete()),
+              onClick: _cache[33] || (_cache[33] = ($event) => onDelete()),
               class: "mn-r-auto bg-red t-white t-black button"
             }, "Delete")) : vue.createCommentVNode("", true),
             vue.createElementVNode("a", {
-              onClick: _cache[35] || (_cache[35] = ($event) => onDrafts()),
+              onClick: _cache[34] || (_cache[34] = ($event) => onDrafts()),
               class: "mn-l-auto bg-white t-black button"
             }, "To Drafts"),
             vue.createElementVNode("a", {
-              onClick: _cache[36] || (_cache[36] = ($event) => openPublicationPopup()),
+              onClick: _cache[35] || (_cache[35] = ($event) => openPublicationPopup()),
               class: "mn-l-thin bg-black t-white button"
             }, "Publish")
           ])
         ])) : vue.createCommentVNode("", true),
         vue.createVNode(Popup.default, {
-          title: "Publish",
+          title: "Final Touches",
           onClosePopup: closePublicationPopup,
           isPopupOpen: isPublicationPopup.value,
           class: "w-m-33r t-left pd-big bg-white radius-big"
         }, {
-          default: vue.withCtx(() => [
-            _hoisted_32,
-            vue.createVNode(BlockTags.default, {
-              onTagsChanged: _cache[37] || (_cache[37] = (newTags) => vue.unref(event).tags = newTags),
-              tags: vue.unref(event).tags
-            }, null, 8, ["tags"]),
-            _hoisted_33,
-            vue.createVNode(SelectMulti.default, {
-              modelValue: selectedOrganization.value,
-              "onUpdate:modelValue": _cache[38] || (_cache[38] = ($event) => selectedOrganization.value = $event),
-              options: vue.unref(publics),
-              multiple: false,
-              taggable: false,
-              placeholder: "Type to search or add tag",
-              label: "name",
-              "track-by": "_id",
-              class: "mn-b-medium bg-light radius-medium pd-small"
-            }, null, 8, ["modelValue", "options"]),
-            selectedOrganization.value ? (vue.openBlock(), vue.createElementBlock("h5", _hoisted_34, "Options:")) : vue.createCommentVNode("", true),
-            selectedOrganization.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_35, [
-              vue.createVNode(Checkbox.default, {
-                label: "Hide Author",
-                radio: vue.unref(event).creator.hidden,
-                "onUpdate:radio": _cache[39] || (_cache[39] = (updateEvent) => vue.unref(event).creator.hidden = updateEvent),
-                name: "prices",
-                class: "w-100"
-              }, null, 8, ["radio"])
-            ])) : vue.createCommentVNode("", true),
-            vue.createVNode(Button.default, {
-              submit: onSubmit,
-              callback: _ctx.redirectTo,
-              class: "w-100 bg-black t-white"
-            }, {
-              default: vue.withCtx(() => [
-                vue.createTextVNode("Publish")
-              ]),
-              _: 1
-            }, 8, ["callback"])
-          ]),
+          default: vue.withCtx(() => {
+            var _a, _b;
+            return [
+              vue.createVNode(BlockTags.default, {
+                onTagsChanged: _cache[36] || (_cache[36] = (newTags) => vue.unref(event).tags = newTags),
+                tags: vue.unref(event).tags,
+                class: "mn-b-small"
+              }, null, 8, ["tags"]),
+              _hoisted_32,
+              selectedOrganization.value ? (vue.openBlock(), vue.createBlock(Card.default, {
+                key: 0,
+                photo: (_a = selectedOrganization.value.profile) == null ? void 0 : _a.photo,
+                title: (_b = selectedOrganization.value.profile) == null ? void 0 : _b.name,
+                onClick: _cache[37] || (_cache[37] = () => {
+                  selectedOrganization.value = null;
+                }),
+                class: "h-4r w-100 bg-light pd-thin radius-medium mn-b-thin"
+              }, null, 8, ["photo", "title"])) : (vue.openBlock(), vue.createElementBlock("section", _hoisted_33, [
+                vue.createVNode(Feed.default, {
+                  showLoadMore: false,
+                  search: {
+                    placeholder: "Search organization...",
+                    class: "bg-white mn-b-thin"
+                  },
+                  states: {
+                    empty: {
+                      title: "No organizations Found",
+                      description: "Currently, there are no such organizations available."
+                    }
+                  },
+                  store: {
+                    read: (options) => organizations.actions.read(options),
+                    state: null
+                  },
+                  options: {
+                    user: auth.state.user._id,
+                    postable: auth.state.user._id
+                  }
+                }, {
+                  default: vue.withCtx(({
+                    items
+                  }) => [
+                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (organization, index, ___, _cached) => {
+                      var _a2, _b2;
+                      const _memo = [organization._id, organization.profile.name];
+                      if (_cached && vue.isMemoSame(_cached, _memo)) return _cached;
+                      const _item = (vue.openBlock(), vue.createBlock(Card.default, {
+                        photo: (_a2 = organization.profile) == null ? void 0 : _a2.photo,
+                        title: (_b2 = organization.profile) == null ? void 0 : _b2.name,
+                        onClick: () => {
+                          selectedOrganization.value = organization;
+                        },
+                        class: "h-4r bg-white pd-thin radius-medium w-100 mn-b-thin"
+                      }, null, 8, ["photo", "title", "onClick"]));
+                      _item.memo = _memo;
+                      return _item;
+                    }, _cache, 38), 256))
+                  ]),
+                  _: 1
+                }, 8, ["store", "options"])
+              ])),
+              selectedOrganization.value ? (vue.openBlock(), vue.createElementBlock("h5", _hoisted_34, "Options:")) : vue.createCommentVNode("", true),
+              selectedOrganization.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_35, [
+                vue.createVNode(Checkbox.default, {
+                  label: "Hide Author",
+                  radio: vue.unref(event).creator.hidden,
+                  "onUpdate:radio": _cache[40] || (_cache[40] = (updateEvent) => vue.unref(event).creator.hidden = updateEvent),
+                  name: "prices",
+                  class: "w-100"
+                }, null, 8, ["radio"])
+              ])) : vue.createCommentVNode("", true),
+              vue.createVNode(Button.default, {
+                submit: onSubmit,
+                callback: _ctx.redirectTo,
+                class: "w-100 bg-black t-white"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode("Publish")
+                ]),
+                _: 1
+              }, 8, ["callback"])
+            ];
+          }),
           _: 1
         }, 8, ["isPopupOpen"])
       ])) : vue.createCommentVNode("", true);