pukaad-ui-lib 1.255.0 → 1.257.0

package/dist/module.json

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

package/dist/runtime/components/drawer/drawer-profile-about.vue

@@ -1,7 +1,7 @@
 <template>
   <Drawer
     class="w-[748px]"
-    title="เกี่ยวกับ"
+    title="ข้อมูลทั่วไป"
     :loading="loading"
     @close="onClose"
     disabled-auto-close

package/dist/runtime/components/input/input-profile-name.vue

@@ -1,14 +1,14 @@
 <template>
-  <InputTextField
-    ref="inputTextFieldRef"
-    v-bind="props"
-    :rules="props.rules || defaultRules"
-    v-model="modelValue"
-  >
-    <template v-for="(_, name) in $slots" v-slot:[name]="slotData">
-      <slot :name="name" v-bind="slotData || {}" />
-    </template>
-  </InputTextField>
+  <InputTextField
+    ref="inputTextFieldRef"
+    v-bind="props"
+    :rules="props.rules || defaultRules"
+    v-model="modelValue"
+  >
+    <template v-for="(_, name) in $slots" v-slot:[name]="slotData">
+      <slot :name="name" v-bind="slotData || {}" />
+    </template>
+  </InputTextField>
 </template>
 
 <script setup>

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

@@ -41,6 +41,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     readonly: boolean;
     disabledIcon: boolean;
     iconPosition: import("#pukaad-ui/types/components/input/input-search").InputSearchIconPosition;
+    roundedFull: 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-search.vue

@@ -16,12 +16,17 @@
         </slot>
       </ShadFormLabel>
 
-      <ShadInputGroup class="bg-white">
+      <ShadInputGroup
+        :class="[
+  'bg-white overflow-hidden',
+  isRoundedFull ? 'rounded-full' : ''
+]"
+      >
         <ShadFormControl>
           <ShadInputGroupInput
             v-bind="componentField"
             :id="props.id || props.name"
-            :class="props.class"
+            :class="[props.class]"
             :readonly="props.readonly"
             :disabled="props.disabled"
             :placeholder="props.placeholder"
@@ -71,11 +76,12 @@
 </template>
 
 <script setup>
-import { ref } from "vue";
+import { ref, computed, getCurrentInstance } from "vue";
 const props = defineProps({
   disabledIcon: { type: Boolean, required: false, default: false },
   icon: { type: String, required: false, default: "streamline:magnifying-glass-solid" },
   iconPosition: { type: String, required: false, default: "right" },
+  roundedFull: { type: Boolean, required: false, default: false },
   id: { type: String, required: false, default: "input-search" },
   name: { type: String, required: false, default: "input-search" },
   disabled: { type: Boolean, required: false, default: false },
@@ -125,6 +131,11 @@ const setErrors = (errMsg) => {
 const validate = async () => {
   return await fieldRef.value?.validate?.();
 };
+const isRoundedFull = computed(() => {
+  if (props.roundedFull === true || props.roundedFull === "") return true;
+  const attrs = getCurrentInstance()?.vnode.props || {};
+  return attrs.roundedFull !== void 0 && attrs.roundedFull !== false;
+});
 defineExpose({
   setErrors,
   validate,

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

@@ -41,6 +41,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     readonly: boolean;
     disabledIcon: boolean;
     iconPosition: import("#pukaad-ui/types/components/input/input-search").InputSearchIconPosition;
+    roundedFull: 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/modal/modal-secure.d.vue.ts

@@ -12,6 +12,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onComplete?: ((state: ModalSecureState) => any) | undefined;
 }>, {
+    phone: string;
     email: string;
     twoFaEnabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -1,7 +1,7 @@
 <template>
-  <component v-for="modal in modals" :key="modal.key" :is="modal.component" :email="props.email" mode="secure"
-    @complete="(data) => handleComplete(modal.key, data)" :confirmed-text="isLastStep ? '\u0E22\u0E37\u0E19\u0E22\u0E31\u0E19' : '\u0E16\u0E31\u0E14\u0E44\u0E1B'"
-    @close="isOpen = false" v-model="modalStates[modal.key]" />
+  <component v-for="modal in modals" :key="modal.key" :is="modal.component" :email="props.email" :phone="props.phone"
+    mode="secure" @complete="(data) => handleComplete(modal.key, data)"
+    :confirmed-text="isLastStep ? '\u0E22\u0E37\u0E19\u0E22\u0E31\u0E19' : '\u0E16\u0E31\u0E14\u0E44\u0E1B'" @close="isOpen = false" v-model="modalStates[modal.key]" />
 </template>
 
 <script setup>
@@ -20,6 +20,7 @@ const emit = defineEmits(["complete"]);
 const props = defineProps({
   state: { type: String, required: true },
   email: { type: String, required: false, default: "" },
+  phone: { type: String, required: false, default: "" },
   twoFaEnabled: { type: Boolean, required: true, default: false }
 });
 const isOpen = defineModel({ type: Boolean, ...{

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

@@ -12,6 +12,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onComplete?: ((state: ModalSecureState) => any) | undefined;
 }>, {
+    phone: string;
     email: string;
     twoFaEnabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -1,14 +1,8 @@
 <template>
   <ShadDialog v-model:open="isOpen">
-    <ShadDialogContent
-      :class="props.class"
-      :disabled-close-btn="props.disabledCloseBtn"
-      :no-padding="props.disablePadding"
-      :disable-outside-pointer-events="false"
-      v-slot="{ meta }"
-      @submit="onSubmit"
-      @close="onClose"
-    >
+    <ShadDialogContent :class="props.class" :disabled-close-btn="props.disabledCloseBtn"
+      :no-padding="props.disablePadding" :disable-outside-pointer-events="false" v-slot="{ meta }" @submit="onSubmit"
+      @close="onClose">
       <Loading :loading="props.loading" :text="props.loadingText" />
       <ShadDialogHeader :class="props.disablePadding ? 'bg-background' : ''">
         <slot name="header">
@@ -24,12 +18,9 @@
           </ShadDialogDescription>
         </slot>
       </ShadDialogHeader>
-      <div
-        :class="props.contentMaxHeight ? '-mx-6 px-6' : void 0"
-        :style="
+      <div :class="props.contentMaxHeight ? '-mx-6 px-6' : void 0" :style="
   props.contentMaxHeight ? { maxHeight: `${props.contentMaxHeight}px`, overflowY: 'auto' } : void 0
-"
-      >
+">
         <slot name="default" :meta="meta" />
       </div>
       <ShadDialogFooter v-if="$slots.footer">

package/package.json

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