pukaad-ui-lib 1.420.0 → 1.421.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "pukaad-ui-lib",
   "configKey": "pukaadUI",
-  "version": "1.420.0",
+  "version": "1.421.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/display/display-video.d.vue.ts

@@ -81,16 +81,16 @@ declare const __VLS_base: import("vue").DefineComponent<DisplayVideoProps, {
     toggle: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (payload: DisplayVideoAction) => any;
-    fullscreen: (payload: DisplayVideoAction) => any;
-    "play-click": (payload: DisplayVideoAction) => any;
     prev: (payload: DisplayVideoAction) => any;
     next: (payload: DisplayVideoAction) => any;
+    fullscreen: (payload: DisplayVideoAction) => any;
+    "play-click": (payload: DisplayVideoAction) => any;
 }, string, import("vue").PublicProps, Readonly<DisplayVideoProps> & Readonly<{
     onClose?: ((payload: DisplayVideoAction) => any) | undefined;
-    onFullscreen?: ((payload: DisplayVideoAction) => any) | undefined;
-    "onPlay-click"?: ((payload: DisplayVideoAction) => any) | undefined;
     onPrev?: ((payload: DisplayVideoAction) => any) | undefined;
     onNext?: ((payload: DisplayVideoAction) => any) | undefined;
+    onFullscreen?: ((payload: DisplayVideoAction) => any) | undefined;
+    "onPlay-click"?: ((payload: DisplayVideoAction) => any) | undefined;
 }>, {
     src: string;
     fullHeight: boolean;

package/dist/runtime/components/display/display-video.vue.d.ts

@@ -81,16 +81,16 @@ declare const __VLS_base: import("vue").DefineComponent<DisplayVideoProps, {
     toggle: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (payload: DisplayVideoAction) => any;
-    fullscreen: (payload: DisplayVideoAction) => any;
-    "play-click": (payload: DisplayVideoAction) => any;
     prev: (payload: DisplayVideoAction) => any;
     next: (payload: DisplayVideoAction) => any;
+    fullscreen: (payload: DisplayVideoAction) => any;
+    "play-click": (payload: DisplayVideoAction) => any;
 }, string, import("vue").PublicProps, Readonly<DisplayVideoProps> & Readonly<{
     onClose?: ((payload: DisplayVideoAction) => any) | undefined;
-    onFullscreen?: ((payload: DisplayVideoAction) => any) | undefined;
-    "onPlay-click"?: ((payload: DisplayVideoAction) => any) | undefined;
     onPrev?: ((payload: DisplayVideoAction) => any) | undefined;
     onNext?: ((payload: DisplayVideoAction) => any) | undefined;
+    onFullscreen?: ((payload: DisplayVideoAction) => any) | undefined;
+    "onPlay-click"?: ((payload: DisplayVideoAction) => any) | undefined;
 }>, {
     src: string;
     fullHeight: boolean;

package/dist/runtime/components/drawer/drawer-post-content.d.vue.ts

@@ -1,10 +1,11 @@
 import type { SelectPlaceItem } from "../input/input-select-place.vue.js";
 import type { MentionItem } from "../input/input-mention.vue.js";
-interface IFileItem {
+export interface IFileItem {
     file?: File;
     url: string;
     description?: string;
     duration?: string;
+    mediaType?: "image" | "video";
 }
 interface SelectedTag {
     id: string;
@@ -24,6 +25,7 @@ export interface DrawerPostContentItem {
 }
 export interface DrawerPostContentProps {
     item?: DrawerPostContentItem;
+    state?: "personal" | "business";
 }
 type __VLS_Props = DrawerPostContentProps;
 declare const modelValue: import("vue").ModelRef<boolean | undefined, string, boolean | undefined, boolean | undefined>;
@@ -41,6 +43,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     onSaveDraft?: ((data: unknown) => any) | undefined;
 }>, {
     item: DrawerPostContentItem;
+    state: "personal" | "business";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/drawer/drawer-post-content.vue

@@ -171,7 +171,8 @@ const props = defineProps({
     tags: [],
     mentions: [],
     places: []
-  }) }
+  }) },
+  state: { type: String, required: false, default: "personal" }
 });
 const modelValue = defineModel({ type: Boolean });
 const currentId = ref(void 0);
@@ -197,6 +198,7 @@ const hasCoverFile = computed(() => coverFiles.value.length > 0);
 const coverFileType = computed(() => {
   const first = coverFiles.value[0];
   if (!first) return null;
+  if (first.mediaType) return first.mediaType;
   return first.file?.type?.startsWith("video") ? "video" : "image";
 });
 const coverAccept = computed(() => {
@@ -319,6 +321,10 @@ const onClose = async () => {
   modelValue.value = false;
 };
 const onSaveDraft = async () => {
+  if (props.state === "business") {
+    await submitContent("DRAFT");
+    return;
+  }
   if (isSubmitting.value) return;
   isSubmitting.value = true;
   try {
@@ -331,13 +337,15 @@ const onSaveDraft = async () => {
         file: f.file,
         url: f.url,
         description: f.description,
-        duration: f.duration
+        duration: f.duration,
+        mediaType: f.mediaType
       })),
       posterFiles: posterFiles.value.map((f) => ({
         file: f.file,
         url: f.url,
         description: f.description,
-        duration: f.duration
+        duration: f.duration,
+        mediaType: f.mediaType
       })),
       description: description.value,
       tags: JSON.parse(JSON.stringify(selectedTags.value)),
@@ -373,6 +381,10 @@ const parseDurationToSeconds = (duration) => {
   if (Number.isNaN(m) || Number.isNaN(s)) return 0;
   return m * 60 + s;
 };
+const endpointMap = {
+  personal: "/personal/contents",
+  business: "/business/contents"
+};
 const submitContent = async (status) => {
   if (isSubmitting.value) return;
   if (!hasCoverText.value && !hasCoverFile.value) {
@@ -414,7 +426,8 @@ const submitContent = async (status) => {
       place_ids: selectedPlaces.value.map((p) => p.id),
       status
     };
-    const endpoint = isEditMode.value ? `/personal/contents/${currentId.value}` : "/personal/contents";
+    const baseEndpoint = endpointMap[props.state];
+    const endpoint = isEditMode.value ? `${baseEndpoint}/${currentId.value}` : baseEndpoint;
     const method = isEditMode.value ? "PATCH" : "POST";
     const res = await api(
       endpoint,
@@ -426,7 +439,8 @@ const submitContent = async (status) => {
     if (currentId.value?.startsWith("draft_")) {
       await deleteDraft(currentId.value);
     }
-    emit("success", res.data);
+    if (status === "DRAFT") emit("saveDraft", res.data);
+    else emit("success", res.data);
     modelValue.value = false;
   } catch (e) {
     const apiErr = e;

package/dist/runtime/components/drawer/drawer-post-content.vue.d.ts

@@ -1,10 +1,11 @@
 import type { SelectPlaceItem } from "../input/input-select-place.vue.js";
 import type { MentionItem } from "../input/input-mention.vue.js";
-interface IFileItem {
+export interface IFileItem {
     file?: File;
     url: string;
     description?: string;
     duration?: string;
+    mediaType?: "image" | "video";
 }
 interface SelectedTag {
     id: string;
@@ -24,6 +25,7 @@ export interface DrawerPostContentItem {
 }
 export interface DrawerPostContentProps {
     item?: DrawerPostContentItem;
+    state?: "personal" | "business";
 }
 type __VLS_Props = DrawerPostContentProps;
 declare const modelValue: import("vue").ModelRef<boolean | undefined, string, boolean | undefined, boolean | undefined>;
@@ -41,6 +43,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     onSaveDraft?: ((data: unknown) => any) | undefined;
 }>, {
     item: DrawerPostContentItem;
+    state: "personal" | "business";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/image/image-cropper.d.vue.ts

@@ -65,14 +65,14 @@ declare const __VLS_export: import("vue").DefineComponent<ImageCropperProps, {
     src: string;
     center: boolean;
     crossorigin: "" | "anonymous" | "use-credentials";
-    background: boolean;
-    modal: boolean;
     responsive: boolean;
     restore: boolean;
     checkCrossOrigin: boolean;
     checkOrientation: boolean;
+    modal: boolean;
     guides: boolean;
     highlight: boolean;
+    background: boolean;
     autoCrop: boolean;
     movable: boolean;
     rotatable: boolean;

package/dist/runtime/components/image/image-cropper.vue.d.ts

@@ -65,14 +65,14 @@ declare const __VLS_export: import("vue").DefineComponent<ImageCropperProps, {
     src: string;
     center: boolean;
     crossorigin: "" | "anonymous" | "use-credentials";
-    background: boolean;
-    modal: boolean;
     responsive: boolean;
     restore: boolean;
     checkCrossOrigin: boolean;
     checkOrientation: boolean;
+    modal: boolean;
     guides: boolean;
     highlight: boolean;
+    background: boolean;
     autoCrop: boolean;
     movable: boolean;
     rotatable: boolean;

package/dist/runtime/components/input/input-autocomplete.d.vue.ts

@@ -70,9 +70,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     required: boolean;
     description: string;
     options: AutocompleteOption[] | string[] | number[];
-    limit: number;
     labelKey: string;
     placeholder: string;
+    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;

package/dist/runtime/components/input/input-autocomplete.vue.d.ts

@@ -70,9 +70,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     required: boolean;
     description: string;
     options: AutocompleteOption[] | string[] | number[];
-    limit: number;
     labelKey: string;
     placeholder: string;
+    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;

package/dist/runtime/components/input/input-combobox.d.vue.ts

@@ -59,8 +59,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
     pageSize: number;
     name: string;
-    limit: number;
     labelKey: string;
+    limit: number;
     valueKey: string;
     multiple: boolean;
     placeholderSearch: string;

package/dist/runtime/components/input/input-combobox.vue.d.ts

@@ -59,8 +59,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
     pageSize: number;
     name: string;
-    limit: number;
     labelKey: string;
+    limit: number;
     valueKey: string;
     multiple: boolean;
     placeholderSearch: string;

package/dist/runtime/components/input/input-localized-name.d.vue.ts

@@ -12,8 +12,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     name: string;
     modelValue: LocalizedNameItem[];
     options: InputSelectItem[];
-    limit: number;
     placeholder: string;
+    limit: number;
     showCounter: boolean;
     addLabel: string;
     removable: boolean;

package/dist/runtime/components/input/input-localized-name.vue.d.ts

@@ -12,8 +12,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     name: string;
     modelValue: LocalizedNameItem[];
     options: InputSelectItem[];
-    limit: number;
     placeholder: string;
+    limit: number;
     showCounter: boolean;
     addLabel: string;
     removable: boolean;

package/dist/runtime/components/input/input-suggest.d.vue.ts

@@ -20,9 +20,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     description: string;
-    limit: number;
     labelKey: string;
     placeholder: string;
+    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;

package/dist/runtime/components/input/input-suggest.vue.d.ts

@@ -20,9 +20,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     description: string;
-    limit: number;
     labelKey: string;
     placeholder: string;
+    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;

package/dist/runtime/components/input/input-tag.d.vue.ts

@@ -26,8 +26,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     name: string;
     state: "user" | "admin";
-    limit: number;
     placeholder: string;
+    limit: number;
     ignore: string[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/input/input-tag.vue.d.ts

@@ -26,8 +26,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     name: string;
     state: "user" | "admin";
-    limit: number;
     placeholder: string;
+    limit: number;
     ignore: string[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/input/input-textarea.d.vue.ts

@@ -46,8 +46,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     resize: "none" | "both" | "horizontal" | "vertical";
     fullHeight: boolean;
     fullWidth: boolean;
-    limit: number;
     rows: number;
+    limit: number;
     readonly: boolean;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;

package/dist/runtime/components/input/input-textarea.vue.d.ts

@@ -46,8 +46,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     resize: "none" | "both" | "horizontal" | "vertical";
     fullHeight: boolean;
     fullWidth: boolean;
-    limit: number;
     rows: number;
+    limit: number;
     readonly: boolean;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;

package/dist/runtime/composables/useApi.js

@@ -3,6 +3,7 @@ export const useApi = () => {
   const config = useRuntimeConfig();
   const baseURL = config.public.BASE_URL_API;
   const provinceIdState = useState("pukaad:province-id", () => null);
+  const businessProfileId = useCookie("PUKAAD_BUSINESS_PROFILE_ID");
   const configProvinceId = config.public.APP_PROVINCE_ID;
   const { APP_TYPE } = config.public;
   const secId = useCookie(
@@ -22,6 +23,9 @@ export const useApi = () => {
       if (pid) {
         headers.set("X-Province-ID", String(pid));
       }
+      if (businessProfileId.value) {
+        headers.set("X-Business-Profile-ID", businessProfileId.value);
+      }
       options.headers = headers;
     },
     onResponseError({ response }) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pukaad-ui-lib",
-  "version": "1.420.0",
+  "version": "1.421.0",
   "description": "pukaad-ui for MeMSG",
   "repository": {
     "type": "git",