pukaad-ui-lib 1.271.1 → 1.271.3

package/dist/module.json

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

package/dist/runtime/components/card/card-review.d.vue.ts

@@ -13,8 +13,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     "onSelect-image"?: ((item: CardReviewProps, index: number, liked: boolean) => any) | undefined;
 }>, {
     item: CardReviewProps;
-    disabledMenu: boolean;
     isProfile: boolean;
+    disabledMenu: boolean;
     disabledLike: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/card/card-review.vue.d.ts

@@ -13,8 +13,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     "onSelect-image"?: ((item: CardReviewProps, index: number, liked: boolean) => any) | undefined;
 }>, {
     item: CardReviewProps;
-    disabledMenu: boolean;
     isProfile: boolean;
+    disabledMenu: boolean;
     disabledLike: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/display/display-image-place.d.vue.ts

@@ -9,8 +9,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     title: string;
     variant: "featured" | "album";
     photos: string[];
-    state: "personal" | "office" | "business";
     videos: string[];
+    state: "personal" | "office" | "business";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/display/display-image-place.vue.d.ts

@@ -9,8 +9,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     title: string;
     variant: "featured" | "album";
     photos: string[];
-    state: "personal" | "office" | "business";
     videos: string[];
+    state: "personal" | "office" | "business";
 }, {}, {}, {}, 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

@@ -48,13 +48,13 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     pageSize: number;
     id: string;
     name: string;
+    limit: number;
     options: AutocompleteOption[] | string[] | number[];
     description: string;
     placeholder: 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

@@ -48,13 +48,13 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     pageSize: number;
     id: string;
     name: string;
+    limit: number;
     options: AutocompleteOption[] | string[] | number[];
     description: string;
     placeholder: string;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
-    limit: number;
     returnObject: boolean;
     freeText: boolean;
     valueKey: string;

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

@@ -32,8 +32,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     required: boolean;
     id: string;
     name: string;
-    disableMedia: boolean;
     state: "personal" | "business";
+    disableMedia: boolean;
 }, {}, {}, {}, 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-content.vue.d.ts

@@ -32,8 +32,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     required: boolean;
     id: string;
     name: string;
-    disableMedia: boolean;
     state: "personal" | "business";
+    disableMedia: boolean;
 }, {}, {}, {}, 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-file.d.vue.ts

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

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

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

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

@@ -25,9 +25,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:modelValue"?: ((value: SelectedTag[]) => any) | undefined;
 }>, {
     name: string;
-    placeholder: string;
-    limit: number;
     state: "user" | "admin";
+    limit: number;
+    placeholder: string;
     ignore: string[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -25,9 +25,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:modelValue"?: ((value: SelectedTag[]) => any) | undefined;
 }>, {
     name: string;
-    placeholder: string;
-    limit: number;
     state: "user" | "admin";
+    limit: number;
+    placeholder: string;
     ignore: string[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

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

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

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

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

@@ -46,10 +46,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     resize: "none" | "both" | "horizontal" | "vertical";
+    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
-    limit: number;
     readonly: boolean;
     rows: number;
     heightScroll: boolean;

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

@@ -46,10 +46,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     resize: "none" | "both" | "horizontal" | "vertical";
+    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
-    limit: number;
     readonly: boolean;
     rows: number;
     heightScroll: boolean;

package/dist/runtime/components/modal/modal-review-detail.d.vue.ts

@@ -14,8 +14,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     title: string;
     items: string[];
     selectIndex: number;
-    isProfile: boolean;
     review: import("../../../types/components/card/card-review.js").CardReviewProps;
+    isProfile: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/modal/modal-review-detail.vue.d.ts

@@ -14,8 +14,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     title: string;
     items: string[];
     selectIndex: number;
-    isProfile: boolean;
     review: import("../../../types/components/card/card-review.js").CardReviewProps;
+    isProfile: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/picker/picker-option-menu/picker-option-menu-user.d.vue.ts

@@ -1,11 +1,11 @@
 import type { PickerOptionMenuUserProps } from "#pukaad-ui/types/components/picker/picker-option-menu/picker-option-menu-user";
 declare const __VLS_export: import("vue").DefineComponent<PickerOptionMenuUserProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "profile-name-updated": (name: string) => any;
     "blog-edit": () => any;
     "report-announce": () => any;
     "blog-unpin": () => any;
     "blog-pin": () => any;
     "blog-delete": () => any;
-    "profile-name-updated": (name: string) => any;
     "profile-edit": () => any;
     "profile-share": () => any;
     "profile-follower-delete": () => any;
@@ -19,12 +19,12 @@ declare const __VLS_export: import("vue").DefineComponent<PickerOptionMenuUserPr
     "review-delete": () => any;
     archive: () => any;
 }, string, import("vue").PublicProps, Readonly<PickerOptionMenuUserProps> & Readonly<{
+    "onProfile-name-updated"?: ((name: string) => any) | undefined;
     "onBlog-edit"?: (() => any) | undefined;
     "onReport-announce"?: (() => any) | undefined;
     "onBlog-unpin"?: (() => any) | undefined;
     "onBlog-pin"?: (() => any) | undefined;
     "onBlog-delete"?: (() => any) | undefined;
-    "onProfile-name-updated"?: ((name: string) => any) | undefined;
     "onProfile-edit"?: (() => any) | undefined;
     "onProfile-share"?: (() => any) | undefined;
     "onProfile-follower-delete"?: (() => any) | undefined;

package/dist/runtime/components/picker/picker-option-menu/picker-option-menu-user.vue.d.ts

@@ -1,11 +1,11 @@
 import type { PickerOptionMenuUserProps } from "#pukaad-ui/types/components/picker/picker-option-menu/picker-option-menu-user";
 declare const __VLS_export: import("vue").DefineComponent<PickerOptionMenuUserProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "profile-name-updated": (name: string) => any;
     "blog-edit": () => any;
     "report-announce": () => any;
     "blog-unpin": () => any;
     "blog-pin": () => any;
     "blog-delete": () => any;
-    "profile-name-updated": (name: string) => any;
     "profile-edit": () => any;
     "profile-share": () => any;
     "profile-follower-delete": () => any;
@@ -19,12 +19,12 @@ declare const __VLS_export: import("vue").DefineComponent<PickerOptionMenuUserPr
     "review-delete": () => any;
     archive: () => any;
 }, string, import("vue").PublicProps, Readonly<PickerOptionMenuUserProps> & Readonly<{
+    "onProfile-name-updated"?: ((name: string) => any) | undefined;
     "onBlog-edit"?: (() => any) | undefined;
     "onReport-announce"?: (() => any) | undefined;
     "onBlog-unpin"?: (() => any) | undefined;
     "onBlog-pin"?: (() => any) | undefined;
     "onBlog-delete"?: (() => any) | undefined;
-    "onProfile-name-updated"?: ((name: string) => any) | undefined;
     "onProfile-edit"?: (() => any) | undefined;
     "onProfile-share"?: (() => any) | undefined;
     "onProfile-follower-delete"?: (() => any) | undefined;

package/dist/runtime/composables/useApi.js

@@ -1,8 +1,73 @@
-import { useRuntimeConfig, useCookie } from "nuxt/app";
+import { useRuntimeConfig, useCookie, useRequestURL, useState } from "nuxt/app";
 import { $fetch } from "ofetch";
+const provinceIdByHostCache = /* @__PURE__ */ new Map();
+const provinceIdByHostPromise = /* @__PURE__ */ new Map();
+const normalizeDomain = (value) => {
+  const input = value.trim().toLowerCase();
+  if (!input) return "";
+  try {
+    return new URL(input.includes("://") ? input : `https://${input}`).hostname;
+  } catch {
+    return input.split("/")[0]?.split(":")[0] || "";
+  }
+};
+const getCurrentHost = () => {
+  if (typeof window !== "undefined") {
+    return normalizeDomain(window.location.hostname);
+  }
+  try {
+    return normalizeDomain(useRequestURL().hostname);
+  } catch {
+    return "";
+  }
+};
+const resolveProvinceIdByHost = async (host, baseURL) => {
+  if (!host) return null;
+  if (provinceIdByHostCache.has(host)) {
+    return provinceIdByHostCache.get(host) ?? null;
+  }
+  const activePromise = provinceIdByHostPromise.get(host);
+  if (activePromise) return activePromise;
+  const promise = (async () => {
+    const response = await $fetch("/master/address/provinces", {
+      baseURL,
+      query: { page_size: 100 }
+    });
+    const provinces = response.data ?? [];
+    const province = provinces.find((item) => {
+      return normalizeDomain(String(item.domain || "")) === host;
+    });
+    const provinceId = province?.id ? String(province.id) : null;
+    provinceIdByHostCache.set(host, provinceId);
+    return provinceId;
+  })();
+  provinceIdByHostPromise.set(host, promise);
+  try {
+    return await promise;
+  } catch {
+    provinceIdByHostCache.set(host, null);
+    return null;
+  } finally {
+    provinceIdByHostPromise.delete(host);
+  }
+};
+const resolveProvinceId = async (provinceIdState, host, baseURL, configProvinceId) => {
+  if (provinceIdState.value) {
+    return String(provinceIdState.value);
+  }
+  const provinceIdByHost = await resolveProvinceIdByHost(host, baseURL);
+  if (provinceIdByHost) {
+    provinceIdState.value = provinceIdByHost;
+    return provinceIdByHost;
+  }
+  return configProvinceId ? String(configProvinceId) : "";
+};
 export const useApi = () => {
   const config = useRuntimeConfig();
   const baseURL = config.public.BASE_URL_API;
+  const provinceIdState = useState("pukaad:province-id", () => null);
+  const currentHost = getCurrentHost();
+  const configProvinceId = config.public.APP_PROVINCE_ID;
   const { APP_TYPE } = config.public;
   const secId = useCookie(
     APP_TYPE === "OFFICE" ? "OFFICE_SEC_ID" : "SEC_ID"
@@ -13,13 +78,18 @@ export const useApi = () => {
       Accept: "application/json"
     },
     // Interceptors
-    onRequest({ request, options }) {
+    async onRequest({ options }) {
       const headers = new Headers(options.headers);
       const token = secId.value;
       if (token) {
         headers.set("Authorization", `Bearer ${token}`);
       }
-      const provinceId = config.public.APP_PROVINCE_ID;
+      const provinceId = await resolveProvinceId(
+        provinceIdState,
+        currentHost,
+        baseURL,
+        configProvinceId
+      );
       if (provinceId) {
         headers.set("X-Province-ID", provinceId);
       }

package/dist/runtime/composables/useThaiAddress.js

@@ -11,19 +11,19 @@ const fetchList = async (path, query = {}) => {
 };
 const loadProvincesData = async () => {
   if (!provincesCache) {
-    provincesCache = await fetchList("/api/master/address/provinces");
+    provincesCache = await fetchList("/master/address/provinces");
   }
   return provincesCache;
 };
 const loadAmphursByProvinceData = async (provinceId) => {
   if (amphursByProvinceCache.has(provinceId)) return amphursByProvinceCache.get(provinceId);
-  const data = await fetchList("/api/master/address/amphurs", { province_id: provinceId });
+  const data = await fetchList("/master/address/amphurs", { province_id: provinceId });
   amphursByProvinceCache.set(provinceId, data);
   return data;
 };
 const loadTambonsByAmphurData = async (amphurId) => {
   if (tambonsByAmphurCache.has(amphurId)) return tambonsByAmphurCache.get(amphurId);
-  const data = await fetchList("/api/master/address/tambons", { amphur_id: amphurId });
+  const data = await fetchList("/master/address/tambons", { amphur_id: amphurId });
   tambonsByAmphurCache.set(amphurId, data);
   return data;
 };
@@ -61,9 +61,9 @@ export function useThaiAddress() {
   const searchAddress = async (query) => {
     if (!query || query.length < 2) return [];
     const [provinces, amphurs, tambons] = await Promise.all([
-      fetchList("/api/master/address/provinces", { q: query }),
-      fetchList("/api/master/address/amphurs", { q: query }),
-      fetchList("/api/master/address/tambons", { q: query })
+      fetchList("/master/address/provinces", { q: query }),
+      fetchList("/master/address/amphurs", { q: query }),
+      fetchList("/master/address/tambons", { q: query })
     ]);
     const results = [];
     const allProvinces = await loadProvincesData();

package/package.json

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