pukaad-ui-lib 1.276.0 → 1.278.0

package/dist/module.json

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

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

@@ -34,7 +34,7 @@
       />
 
       <!-- <InputCheckbox
-        name="disableComment"
+        name="disableComment"โโห
         label="ไม่อนุญาตให้แสดงความคิดเห็น"
         v-model="form.disableComment"
       /> -->
@@ -149,26 +149,42 @@ const onSaveDraft = async () => {
       emit("success", res.data);
       isOpen.value = false;
     } catch (error) {
-      $toast.error(error?.data?.message?.description || "\u0E1A\u0E31\u0E19\u0E17\u0E36\u0E01\u0E41\u0E1A\u0E1A\u0E23\u0E48\u0E32\u0E07\u0E44\u0E21\u0E48\u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08");
+      $toast.error(
+        error?.data?.message?.description || "\u0E1A\u0E31\u0E19\u0E17\u0E36\u0E01\u0E41\u0E1A\u0E1A\u0E23\u0E48\u0E32\u0E07\u0E44\u0E21\u0E48\u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08"
+      );
     } finally {
       isLoading.value = false;
     }
   } else {
     try {
-      const drafts = JSON.parse(localStorage.getItem("blog_drafts") || "[]");
       const draftData = {
         ...form.value,
         savedAt: (/* @__PURE__ */ new Date()).toISOString(),
         id: form.value.id || `draft_${Date.now()}`
       };
-      const idx = drafts.findIndex((d) => d.id === draftData.id);
-      if (idx >= 0) drafts[idx] = draftData;
-      else drafts.unshift(draftData);
-      localStorage.setItem("blog_drafts", JSON.stringify(drafts));
-      $toast.success("\u0E1A\u0E31\u0E19\u0E17\u0E36\u0E01\u0E41\u0E1A\u0E1A\u0E23\u0E48\u0E32\u0E07\u0E44\u0E27\u0E49\u0E43\u0E19\u0E40\u0E04\u0E23\u0E37\u0E48\u0E2D\u0E07\u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08");
-      emit("saveDraft", form.value);
-      isOpen.value = false;
-    } catch {
+      const request = indexedDB.open("PukaadDraftsDB", 1);
+      request.onupgradeneeded = (e) => {
+        e.target.result.createObjectStore("blogDrafts", { keyPath: "id" });
+      };
+      request.onsuccess = (e) => {
+        const db = e.target.result;
+        const tx = db.transaction("blogDrafts", "readwrite");
+        const store = tx.objectStore("blogDrafts");
+        store.put(draftData);
+        tx.oncomplete = () => {
+          $toast.success("\u0E1A\u0E31\u0E19\u0E17\u0E36\u0E01\u0E41\u0E1A\u0E1A\u0E23\u0E48\u0E32\u0E07\u0E44\u0E27\u0E49\u0E43\u0E19\u0E40\u0E04\u0E23\u0E37\u0E48\u0E2D\u0E07\u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08");
+          emit("saveDraft", form.value);
+          isOpen.value = false;
+        };
+        tx.onerror = () => {
+          $toast.error("\u0E44\u0E21\u0E48\u0E2A\u0E32\u0E21\u0E32\u0E23\u0E16\u0E1A\u0E31\u0E19\u0E17\u0E36\u0E01\u0E41\u0E1A\u0E1A\u0E23\u0E48\u0E32\u0E07\u0E44\u0E14\u0E49");
+        };
+      };
+      request.onerror = () => {
+        $toast.error("\u0E44\u0E21\u0E48\u0E2A\u0E32\u0E21\u0E32\u0E23\u0E16\u0E1A\u0E31\u0E19\u0E17\u0E36\u0E01\u0E41\u0E1A\u0E1A\u0E23\u0E48\u0E32\u0E07\u0E44\u0E14\u0E49");
+      };
+    } catch (e) {
+      console.error(e);
       $toast.error("\u0E44\u0E21\u0E48\u0E2A\u0E32\u0E21\u0E32\u0E23\u0E16\u0E1A\u0E31\u0E19\u0E17\u0E36\u0E01\u0E41\u0E1A\u0E1A\u0E23\u0E48\u0E32\u0E07\u0E44\u0E14\u0E49");
     }
   }

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

@@ -17,15 +17,11 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;
     "update:modelValue": (value: boolean) => any;
-    complete: (data: {
-        secId: string;
-    } | null) => any;
+    complete: (data?: any) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onComplete?: ((data: {
-        secId: string;
-    } | null) => any) | undefined;
+    onComplete?: ((data?: any) => any) | undefined;
 }>, {
     title: string;
     mode: "login" | "secure";

package/dist/runtime/components/modal/modal-password-new.vue

@@ -50,7 +50,7 @@ const handleSubmit = async () => {
   if (props.mode === "secure") {
     loading.value = true;
     try {
-      await api("/me/change-password", {
+      const res = await api("/me/change-password", {
         method: "POST",
         body: {
           old_password: props.oldPassword,
@@ -59,7 +59,7 @@ const handleSubmit = async () => {
           logout_all: logoutAll.value
         }
       });
-      emit("complete", null);
+      emit("complete", res?.data);
       isOpen.value = false;
     } catch (e) {
       const msg = e?.data?.message?.description || e?.data?.message || "\u0E40\u0E01\u0E34\u0E14\u0E02\u0E49\u0E2D\u0E1C\u0E34\u0E14\u0E1E\u0E25\u0E32\u0E14\u0E43\u0E19\u0E01\u0E32\u0E23\u0E40\u0E0A\u0E37\u0E48\u0E2D\u0E21\u0E15\u0E48\u0E2D";

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

@@ -17,15 +17,11 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;
     "update:modelValue": (value: boolean) => any;
-    complete: (data: {
-        secId: string;
-    } | null) => any;
+    complete: (data?: any) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onComplete?: ((data: {
-        secId: string;
-    } | null) => any) | undefined;
+    onComplete?: ((data?: any) => any) | undefined;
 }>, {
     title: string;
     mode: "login" | "secure";

package/dist/runtime/components/modal/modal-secure.d.vue.ts

@@ -7,10 +7,10 @@ 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: boolean) => any;
 } & {
-    complete: (state: ModalSecureState) => any;
+    complete: (state: ModalSecureState, data?: any) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onComplete?: ((state: ModalSecureState) => any) | undefined;
+    onComplete?: ((state: ModalSecureState, data?: any) => any) | undefined;
 }>, {
     phone: string;
     email: string;

package/dist/runtime/components/modal/modal-secure.vue

@@ -145,7 +145,7 @@ const handleComplete = (key, data) => {
       modalStates.passwordNew = true;
     } else if (key === "passwordNew") {
       isOpen.value = false;
-      emit("complete", "reset-password");
+      emit("complete", "reset-password", data);
     }
   }
 };

package/dist/runtime/components/modal/modal-secure.vue.d.ts

@@ -7,10 +7,10 @@ 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: boolean) => any;
 } & {
-    complete: (state: ModalSecureState) => any;
+    complete: (state: ModalSecureState, data?: any) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onComplete?: ((state: ModalSecureState) => any) | undefined;
+    onComplete?: ((state: ModalSecureState, data?: any) => any) | undefined;
 }>, {
     phone: string;
     email: string;

package/package.json

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