pukaad-ui-lib 1.422.0 → 1.424.0

package/dist/module.json

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

package/dist/runtime/components/card/card-content/card-content-video.vue

@@ -14,7 +14,7 @@
     />
 
     <div
-      class="absolute inset-x-0 bottom-0 flex h-[84px] flex-col justify-between bg-gradient-to-t from-black/70 to-transparent p-[8px]"
+      class="absolute inset-x-0 bottom-0 flex h-[84px] flex-col justify-end gap-1 bg-gradient-to-t from-black/70 to-transparent p-[8px]"
     >
       <p class="line-clamp-2 break-words font-title-small-prominent text-white">
         {{ props.item.title }}

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

@@ -5,6 +5,7 @@
         <div class="flex flex-col gap-[2px] w-full">
           <div v-if="hasCoverFile" class="font-body-small-prominent text-gray">
             หน้าปก
+            <span class="text-destructive">*</span>
           </div>
           <!-- v-if ไม่ใช่ v-show — root ของ InputTextarea เป็น ShadFormField (renderless)
                style จาก v-show เลยตกไปไม่ถึง DOM จริง ซ่อนไม่ได้ -->
@@ -14,6 +15,7 @@
             name="cover-text"
             label="หน้าปก"
             class="w-full"
+            required
             placeholder="พิมพ์ข้อความหน้าปกหรืออัปโหลดไฟล์มีเดีย"
             disabledBorder
             resize="none"
@@ -101,6 +103,7 @@
           placeholder="อยากบอกอะไรเกี่ยวกับโพสต์นี้"
           disabledBorder
           resize="none"
+          required
         />
         <Divider height="1" />
         <InputTag
@@ -111,7 +114,11 @@
         />
 
         <InputMention v-model:mentions="selectedMentions" />
-        <InputSelectPlace v-model:places="selectedPlaces" />
+        <InputSelectPlace
+          v-model:places="selectedPlaces"
+          :profile-scope="props.state"
+          required
+        />
       </div>
       <div class="flex flex-col gap-[8px] items-center">
         <!-- cursor-default ทับ cursor-pointer ของการ์ด — พรีวิวคลิกไม่มีผล อย่าหลอกว่าเป็นปุ่ม

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

@@ -50,10 +50,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     placeholder: string;
-    gap: string;
     labelDetail: string;
     placeholderDetail: string;
     requiredDetail: boolean;
+    gap: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -50,10 +50,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     placeholder: string;
-    gap: string;
     labelDetail: string;
     placeholderDetail: string;
     requiredDetail: boolean;
+    gap: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

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

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

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

package/dist/runtime/components/input/input-birth-date.d.vue.ts

@@ -30,8 +30,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     id: string;
     name: string;
     required: boolean;
-    locale: string;
     placeholder: string;
+    locale: string;
     disabledErrorMessage: boolean;
     layout: "month-and-year" | "month-only" | "year-only";
     dateFormat: string;

package/dist/runtime/components/input/input-birth-date.vue.d.ts

@@ -30,8 +30,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     id: string;
     name: string;
     required: boolean;
-    locale: string;
     placeholder: string;
+    locale: string;
     disabledErrorMessage: boolean;
     layout: "month-and-year" | "month-only" | "year-only";
     dateFormat: string;

package/dist/runtime/components/input/input-date-picker.d.vue.ts

@@ -44,8 +44,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     required: boolean;
-    locale: string;
     placeholder: string;
+    locale: string;
     disabledErrorMessage: boolean;
     layout: "month-and-year" | "month-only" | "year-only";
     dateFormat: string;

package/dist/runtime/components/input/input-date-picker.vue.d.ts

@@ -44,8 +44,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     required: boolean;
-    locale: string;
     placeholder: string;
+    locale: string;
     disabledErrorMessage: boolean;
     layout: "month-and-year" | "month-only" | "year-only";
     dateFormat: string;

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

@@ -34,9 +34,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     name: string;
     fullHeight: boolean;
     fullWidth: boolean;
+    disabledErrorMessage: boolean;
     limit: number;
     accept: string;
-    disabledErrorMessage: boolean;
     labelIcon: string;
     disabledDrop: boolean;
     column: boolean;

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

@@ -34,9 +34,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     name: string;
     fullHeight: boolean;
     fullWidth: boolean;
+    disabledErrorMessage: boolean;
     limit: number;
     accept: string;
-    disabledErrorMessage: boolean;
     labelIcon: string;
     disabledDrop: boolean;
     column: boolean;

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

@@ -17,8 +17,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     label: string;
     name: string;
     modelValue: InputLinkItem[] | ContactChannel[];
-    limit: number;
     showCounter: boolean;
+    limit: number;
     format: "legacy" | "contact_channel";
     hideType: boolean;
     hideAddButton: boolean;

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

@@ -17,8 +17,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     label: string;
     name: string;
     modelValue: InputLinkItem[] | ContactChannel[];
-    limit: number;
     showCounter: boolean;
+    limit: number;
     format: "legacy" | "contact_channel";
     hideType: boolean;
     hideAddButton: boolean;

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

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

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

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

package/dist/runtime/components/input/input-mention.vue

@@ -243,7 +243,7 @@ const props = defineProps({
   label: { type: String, required: false, default: "\u0E01\u0E32\u0E23\u0E40\u0E2D\u0E48\u0E22\u0E16\u0E36\u0E07" },
   placeholder: { type: String, required: false, default: "\u0E40\u0E1E\u0E34\u0E48\u0E21\u0E01\u0E32\u0E23\u0E40\u0E2D\u0E48\u0E22\u0E16\u0E36\u0E07" }
 });
-const api = useApi();
+const api = useApi({ includeProvince: false });
 const comboboxRef = ref();
 const selectedUsernames = ref([]);
 const isSelected = (id) => selectedUsernames.value.includes(id);

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

@@ -22,8 +22,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
     id: string;
     name: string;
-    disabledForgotPassword: boolean;
     new: boolean;
+    disabledForgotPassword: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -22,8 +22,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
     id: string;
     name: string;
-    disabledForgotPassword: boolean;
     new: boolean;
+    disabledForgotPassword: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/input/input-personal-card-id.d.vue.ts

@@ -11,12 +11,12 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: File | null) => any;
 } & {
-    complete: (file: File) => any;
     remove: () => any;
+    complete: (file: File) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: File | null) => any) | undefined;
-    onComplete?: ((file: File) => any) | undefined;
     onRemove?: (() => any) | undefined;
+    onComplete?: ((file: File) => any) | undefined;
 }>, {
     name: string;
     disabledErrorMessage: boolean;

package/dist/runtime/components/input/input-personal-card-id.vue.d.ts

@@ -11,12 +11,12 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: File | null) => any;
 } & {
-    complete: (file: File) => any;
     remove: () => any;
+    complete: (file: File) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: File | null) => any) | undefined;
-    onComplete?: ((file: File) => any) | undefined;
     onRemove?: (() => any) | undefined;
+    onComplete?: ((file: File) => any) | undefined;
 }>, {
     name: string;
     disabledErrorMessage: boolean;

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

@@ -36,8 +36,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     required: boolean;
-    placeholder: string;
     readonly: boolean;
+    placeholder: string;
     disabledErrorMessage: boolean;
     iconPosition: import("#pukaad-ui/types/components/input/input-search").InputSearchIconPosition;
     disabledIcon: boolean;

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

@@ -36,8 +36,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     required: boolean;
-    placeholder: string;
     readonly: boolean;
+    placeholder: string;
     disabledErrorMessage: boolean;
     iconPosition: import("#pukaad-ui/types/components/input/input-search").InputSearchIconPosition;
     disabledIcon: boolean;

package/dist/runtime/components/input/input-select-place.d.vue.ts

@@ -8,6 +8,8 @@ export interface SelectPlaceItem {
 interface InputSelectPlaceProps {
     label?: string;
     placeholder?: string;
+    required?: boolean;
+    profileScope?: "personal" | "business";
 }
 type __VLS_Props = InputSelectPlaceProps;
 type __VLS_ModelProps = {
@@ -20,7 +22,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:places"?: ((value: SelectPlaceItem[]) => any) | undefined;
 }>, {
     label: string;
+    required: boolean;
     placeholder: string;
+    profileScope: "personal" | "business";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/input/input-select-place.vue

@@ -1,6 +1,9 @@
 <template>
   <div class="flex flex-col gap-[4px] w-full">
-    <div class="font-body-large-prominent text-gray">{{ props.label }}</div>
+    <div class="font-body-large-prominent text-gray">
+      {{ props.label }}
+      <span v-if="props.required" class="text-destructive">*</span>
+    </div>
     <div v-show="selectedItems.length === 0">
       <InputCombobox
         ref="comboboxRef"
@@ -11,6 +14,12 @@
         command-list-class="max-h-[520px]"
       >
         <template #options="{ search }">
+          <ShadTabs v-model="currentTab" class="w-full p-2">
+            <ShadTabsList class="grid w-full grid-cols-2">
+              <ShadTabsTrigger value="popular">ยอดนิยม</ShadTabsTrigger>
+              <ShadTabsTrigger value="recent">ใช้งานล่าสุด</ShadTabsTrigger>
+            </ShadTabsList>
+          </ShadTabs>
           <template v-if="filterPlaces(search).length > 0">
             <div
               v-for="place in filterPlaces(search)"
@@ -56,7 +65,7 @@
                ที่กำหนดเองไม่ได้ผ่าน filter ของ cmdk เลยต้องกรอง+โชว์ empty state เองตรงนี้
                !isSearching กันโชว์ตอนกำลังยิง API อยู่ (ผลลัพธ์ยังว่างเพราะยังโหลดไม่เสร็จ ไม่ใช่ค้นไม่เจอจริง) -->
           <div
-            v-else-if="!isSearching"
+            v-else-if="!isSearching && currentTab === 'popular'"
             class="flex gap-[8px] items-center hover:cursor-pointer"
             @click="drawerSuggestPlaceOpen = true"
           >
@@ -67,6 +76,22 @@
             </div>
             <div class="font-body-medium">เพิ่มสถานที่ที่ขาดไป</div>
           </div>
+          <div
+            v-else-if="!isSearching"
+            class="flex flex-col items-center justify-center gap-2 p-6 text-gray"
+          >
+            <Icon name="pukaad:tag-empty" class="h-[123px] w-[180px]" />
+            <div class="font-body-medium">
+              {{ search ? "\u0E44\u0E21\u0E48\u0E1E\u0E1A\u0E2A\u0E16\u0E32\u0E19\u0E17\u0E35\u0E48" : "\u0E22\u0E31\u0E07\u0E44\u0E21\u0E48\u0E21\u0E35\u0E2A\u0E16\u0E32\u0E19\u0E17\u0E35\u0E48\u0E17\u0E35\u0E48\u0E43\u0E0A\u0E49\u0E07\u0E32\u0E19\u0E25\u0E48\u0E32\u0E2A\u0E38\u0E14" }}
+            </div>
+          </div>
+          <div v-if="isSearching" class="flex justify-center p-2">
+            <Icon
+              name="lucide:loader-2"
+              class="h-5 w-5 animate-spin text-primary"
+            />
+          </div>
+          <div ref="sentinelRef" class="h-1" />
         </template>
       </InputCombobox>
     </div>
@@ -127,18 +152,36 @@
 
 <script setup>
 import { computed, ref, watch } from "vue";
-import { useDebounceFn } from "@vueuse/core";
+import { useDebounceFn, useIntersectionObserver } from "@vueuse/core";
+import { useCookie } from "nuxt/app";
 import { useApi } from "../../composables/useApi";
 const props = defineProps({
   label: { type: String, required: false, default: "\u0E2A\u0E16\u0E32\u0E19\u0E17\u0E35\u0E48" },
-  placeholder: { type: String, required: false, default: "\u0E40\u0E1E\u0E34\u0E48\u0E21\u0E2A\u0E16\u0E32\u0E19\u0E17\u0E35\u0E48" }
+  placeholder: { type: String, required: false, default: "\u0E40\u0E1E\u0E34\u0E48\u0E21\u0E2A\u0E16\u0E32\u0E19\u0E17\u0E35\u0E48" },
+  required: { type: Boolean, required: false, default: false },
+  profileScope: { type: String, required: false, default: "personal" }
 });
 const api = useApi();
+const businessProfileId = useCookie(
+  "PUKAAD_BUSINESS_PROFILE_ID"
+);
 const drawerSuggestPlaceOpen = ref(false);
 const comboboxRef = ref();
 const selectedIds = ref([]);
-const searchResults = ref([]);
-const isSearching = ref(false);
+const currentTab = ref("popular");
+const createListState = () => ({
+  items: [],
+  page: 1,
+  hasMore: true,
+  loading: false
+});
+const popularState = ref(createListState());
+const recentState = ref(createListState());
+const activeState = computed(
+  () => currentTab.value === "popular" ? popularState.value : recentState.value
+);
+const searchResults = computed(() => activeState.value.items);
+const isSearching = computed(() => activeState.value.loading);
 const selectedCache = ref(/* @__PURE__ */ new Map());
 const mapPlace = (raw) => ({
   id: raw.id,
@@ -147,25 +190,42 @@ const mapPlace = (raw) => ({
   image: raw.cover_image,
   post_count: raw.post_count ?? 0
 });
-const performSearch = async (q) => {
-  isSearching.value = true;
+let requestGeneration = 0;
+const fetchPlaces = async (type, q, reset = false) => {
+  const state = type === "popular" ? popularState.value : recentState.value;
+  if (reset) Object.assign(state, createListState());
+  if (state.loading || !state.hasMore) return;
+  state.loading = true;
+  const generation = requestGeneration;
   try {
-    const res = await api(
-      "/places/search",
-      { query: { q, page: 1, page_size: 10 } }
-    );
-    searchResults.value = (res.data?.items ?? []).map(mapPlace);
+    const res = await api(type === "popular" ? "/places/search" : "/places/recent", {
+      query: {
+        q,
+        page: state.page,
+        page_size: 10,
+        scope: props.profileScope
+      }
+    });
+    if (generation !== requestGeneration) return;
+    const items = (res.data?.items ?? []).map(mapPlace);
+    state.items = [...state.items, ...items];
+    const pagination = res.data?.pagination;
+    state.page++;
+    state.hasMore = state.page <= (pagination?.total_page ?? 1);
   } catch {
-    searchResults.value = [];
   } finally {
-    isSearching.value = false;
+    if (generation === requestGeneration) state.loading = false;
   }
 };
-const debouncedSearch = useDebounceFn(performSearch, 300);
+const debouncedSearch = useDebounceFn(
+  (q) => fetchPlaces(currentTab.value, q, true),
+  300
+);
 const searchTerm = ref("");
 watch(
-  searchTerm,
-  (val) => {
+  [searchTerm, currentTab],
+  ([val]) => {
+    requestGeneration++;
     debouncedSearch(val);
   },
   { immediate: true }
@@ -174,8 +234,17 @@ const filterPlaces = (search) => {
   if (searchTerm.value !== search) {
     searchTerm.value = search;
   }
-  return searchResults.value;
+  return activeState.value.items;
 };
+const sentinelRef = ref(null);
+useIntersectionObserver(sentinelRef, ([entry]) => {
+  if (entry?.isIntersecting) fetchPlaces(currentTab.value, searchTerm.value);
+});
+watch([businessProfileId, () => props.profileScope], () => {
+  requestGeneration++;
+  recentState.value = createListState();
+  if (currentTab.value === "recent") fetchPlaces("recent", searchTerm.value);
+});
 const isSelected = (id) => selectedIds.value.includes(id);
 const toggleSelect = (id) => {
   if (isSelected(id)) {

package/dist/runtime/components/input/input-select-place.vue.d.ts

@@ -8,6 +8,8 @@ export interface SelectPlaceItem {
 interface InputSelectPlaceProps {
     label?: string;
     placeholder?: string;
+    required?: boolean;
+    profileScope?: "personal" | "business";
 }
 type __VLS_Props = InputSelectPlaceProps;
 type __VLS_ModelProps = {
@@ -20,7 +22,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:places"?: ((value: SelectPlaceItem[]) => any) | undefined;
 }>, {
     label: string;
+    required: boolean;
     placeholder: string;
+    profileScope: "personal" | "business";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -20,12 +20,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     description: string;
-    labelKey: string;
     placeholder: string;
-    limit: number;
+    labelKey: string;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
+    limit: number;
     descriptionKey: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -20,12 +20,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     description: string;
-    labelKey: string;
     placeholder: string;
-    limit: number;
+    labelKey: string;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
+    limit: number;
     descriptionKey: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -41,8 +41,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     options: InputTagModalOption[];
-    labelKey: string;
     placeholder: string;
+    labelKey: string;
     disabledErrorMessage: boolean;
     valueKey: string;
     searchPlaceholder: string;

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

@@ -41,8 +41,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     options: InputTagModalOption[];
-    labelKey: string;
     placeholder: string;
+    labelKey: string;
     disabledErrorMessage: boolean;
     valueKey: string;
     searchPlaceholder: string;

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

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

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

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

package/dist/runtime/components/input/input-text-field.d.vue.ts

@@ -60,10 +60,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     readonly: boolean;
-    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
+    limit: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/input/input-text-field.vue.d.ts

@@ -60,10 +60,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     readonly: boolean;
-    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
+    limit: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -46,12 +46,12 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     resize: "none" | "both" | "horizontal" | "vertical";
     fullHeight: boolean;
     fullWidth: boolean;
-    rows: number;
     readonly: boolean;
-    limit: number;
+    rows: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
+    limit: number;
     heightScroll: boolean;
     spaceToComma: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -46,12 +46,12 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     resize: "none" | "both" | "horizontal" | "vertical";
     fullHeight: boolean;
     fullWidth: boolean;
-    rows: number;
     readonly: boolean;
-    limit: number;
+    rows: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
+    limit: number;
     heightScroll: boolean;
     spaceToComma: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/input/input-typed-field.d.vue.ts

@@ -22,8 +22,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     name: string;
     required: boolean;
     options: import("../../../types/components/input/input-select.js").InputSelectItem[];
-    limit: number;
     showCounter: boolean;
+    limit: number;
     removable: boolean;
     selectClass: import("vue").HTMLAttributes["class"];
     resetOnTypeChange: boolean;

package/dist/runtime/components/input/input-typed-field.vue.d.ts

@@ -22,8 +22,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     name: string;
     required: boolean;
     options: import("../../../types/components/input/input-select.js").InputSelectItem[];
-    limit: number;
     showCounter: boolean;
+    limit: number;
     removable: boolean;
     selectClass: import("vue").HTMLAttributes["class"];
     resetOnTypeChange: boolean;

package/dist/runtime/components/modal/modal-password-confirmed.d.vue.ts

@@ -24,8 +24,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     }) => any) | undefined;
 }>, {
     title: string;
-    confirmText: string;
     disabledForgotPassword: boolean;
+    confirmText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/modal/modal-password-confirmed.vue.d.ts

@@ -24,8 +24,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     }) => any) | undefined;
 }>, {
     title: string;
-    confirmText: string;
     disabledForgotPassword: boolean;
+    confirmText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/modal/modal-password-verify.d.vue.ts

@@ -32,8 +32,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     title: string;
     mode: "login" | "secure";
-    confirmText: string;
     disabledForgotPassword: boolean;
+    confirmText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/modal/modal-password-verify.vue.d.ts

@@ -32,8 +32,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     title: string;
     mode: "login" | "secure";
-    confirmText: string;
     disabledForgotPassword: boolean;
+    confirmText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/ui/chart/ChartTooltipContent.d.vue.ts

@@ -18,8 +18,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    config: ChartConfig;
     payload: Record<string, any>;
+    config: ChartConfig;
     indicator: "line" | "dot" | "dashed";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/ui/chart/ChartTooltipContent.vue.d.ts

@@ -18,8 +18,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    config: ChartConfig;
     payload: Record<string, any>;
+    config: ChartConfig;
     indicator: "line" | "dot" | "dashed";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/ui/native-select/NativeSelectOptGroup.d.vue.ts

@@ -14,7 +14,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "next" | "send" | "enter" | "go" | "previous" | undefined;
+    enterKeyHint?: "search" | "done" | "send" | "next" | "enter" | "go" | "previous" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
@@ -208,7 +208,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "next" | "send" | "enter" | "go" | "previous" | undefined;
+    enterKeyHint?: "search" | "done" | "send" | "next" | "enter" | "go" | "previous" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;

package/dist/runtime/components/ui/native-select/NativeSelectOptGroup.vue.d.ts

@@ -14,7 +14,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "next" | "send" | "enter" | "go" | "previous" | undefined;
+    enterKeyHint?: "search" | "done" | "send" | "next" | "enter" | "go" | "previous" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
@@ -208,7 +208,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "next" | "send" | "enter" | "go" | "previous" | undefined;
+    enterKeyHint?: "search" | "done" | "send" | "next" | "enter" | "go" | "previous" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;

package/dist/runtime/components/ui/native-select/NativeSelectOption.d.vue.ts

@@ -16,7 +16,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "next" | "send" | "enter" | "go" | "previous" | undefined;
+    enterKeyHint?: "search" | "done" | "send" | "next" | "enter" | "go" | "previous" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
@@ -212,7 +212,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "next" | "send" | "enter" | "go" | "previous" | undefined;
+    enterKeyHint?: "search" | "done" | "send" | "next" | "enter" | "go" | "previous" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;

package/dist/runtime/components/ui/native-select/NativeSelectOption.vue.d.ts

@@ -16,7 +16,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "next" | "send" | "enter" | "go" | "previous" | undefined;
+    enterKeyHint?: "search" | "done" | "send" | "next" | "enter" | "go" | "previous" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
@@ -212,7 +212,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "next" | "send" | "enter" | "go" | "previous" | undefined;
+    enterKeyHint?: "search" | "done" | "send" | "next" | "enter" | "go" | "previous" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;

package/dist/runtime/composables/useApi.d.ts

@@ -1 +1,3 @@
-export declare const useApi: () => import("nitropack").$Fetch<unknown, import("nitropack").NitroFetchRequest>;
+export declare const useApi: (apiOptions?: {
+    includeProvince?: boolean;
+}) => import("nitropack").$Fetch<unknown, import("nitropack").NitroFetchRequest>;

package/dist/runtime/composables/useApi.js

@@ -1,5 +1,5 @@
 import { useRuntimeConfig, useCookie, useState } from "nuxt/app";
-export const useApi = () => {
+export const useApi = (apiOptions = {}) => {
   const config = useRuntimeConfig();
   const baseURL = config.public.BASE_URL_API;
   const provinceIdState = useState("pukaad:province-id", () => null);
@@ -20,7 +20,7 @@ export const useApi = () => {
         headers.set("Authorization", `Bearer ${secId.value}`);
       }
       const pid = provinceIdState.value ?? configProvinceId;
-      if (pid) {
+      if (apiOptions.includeProvince !== false && pid) {
         headers.set("X-Province-ID", String(pid));
       }
       if (businessProfileId.value) {

package/package.json

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