@finema/core 1.4.50 → 1.4.52

package/dist/module.d.mts

@@ -9,6 +9,7 @@ declare const core: {
     is_thai_year: boolean;
     is_thai_month: boolean;
     site_name: string;
+    is_simple_pagination: boolean;
 };
 
 declare const config_core: typeof core;

package/dist/module.d.ts

@@ -9,6 +9,7 @@ declare const core: {
     is_thai_year: boolean;
     is_thai_month: boolean;
     site_name: string;
+    is_simple_pagination: boolean;
 };
 
 declare const config_core: typeof core;

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "1.4.50",
+  "version": "1.4.52",
   "configKey": "core",
   "compatibility": {
     "nuxt": "^3.7.4"

package/dist/module.mjs

@@ -2,7 +2,7 @@ import { defineNuxtModule, createResolver, installModule, addPlugin, addComponen
 import 'lodash-es';
 
 const name = "@finema/core";
-const version = "1.4.50";
+const version = "1.4.52";
 
 const colors = {
   black: "#20243E",

package/dist/runtime/components/Form/Fields.vue

@@ -107,6 +107,14 @@
         v-bind="getFieldBinding(option)"
         v-on="option.on ?? {}"
       />
+      <FormInputUploadDropzoneAuto
+        v-else-if="option.type === INPUT_TYPES.UPLOAD_DROPZONE_AUTO"
+        :class="option.class"
+        :form="form"
+        :request-options="option.props.requestOptions"
+        v-bind="getFieldBinding(option)"
+        v-on="option.on ?? {}"
+      />
     </template>
   </div>
 </template>

package/dist/runtime/components/Form/InputSelect/index.vue

@@ -10,7 +10,6 @@
       :searchable-placeholder="searchablePlaceholder"
       value-attribute="value"
       option-attribute="label"
-      :required="isRequired"
       :icon="icon"
       :color="color"
       :size="size"

package/dist/runtime/components/Form/InputUploadDropzone/index.vue

@@ -32,11 +32,11 @@
           </div>
           <Icon v-else :name="ui.default.filePreviewIcon" :class="[ui.preview.icon]" />
           <div :class="[ui.preview.filename]">
-            <p>{{ selectedFile.name }}</p>
-          </div>
-          <div :class="[ui.preview.fileInfo]">
-            {{ isSelectedFileUseMb ? `${selectedFileSizeMb} MB` : `${selectedFileSizeKb} KB` }}
+            <p class="truncate">{{ selectedFile.name }}</p>
           </div>
+          <Badge size="xs" variant="outline" class="mt-1">
+            {{ isSelectedFileUseMb ? `${selectedFileSizeMb} Mb` : `${selectedFileSizeKb} Kb` }}
+          </Badge>
         </div>
         <div v-if="!selectedFile" :class="[ui.placeholderWrapper]">
           <Icon :name="ui.default.uploadIcon" :class="[ui.labelIcon]" />
@@ -56,6 +56,7 @@
 <script lang="ts" setup>
 import { useDropZone } from '@vueuse/core'
 import { type IUploadDropzoneProps } from './types'
+import { isImage, generateURL, checkMaxSize, checkFileType } from '#core/helpers/componentHelper'
 import FieldWrapper from '#core/components/Form/FieldWrapper.vue'
 import { useFieldHOC } from '#core/composables/useForm'
 import { computed, ref, toRef, useUI, useUiConfig } from '#imports'
@@ -99,7 +100,7 @@ const onDrop = (files: File[] | null) => {
   }
 }
 
-const { isOverDropZone } = useDropZone(dropzoneRef, {
+const { isOverDropZone } = useDropZone(dropzoneRef as unknown as HTMLElement, {
   onDrop,
 })
 
@@ -109,7 +110,7 @@ const handleChange = (e: Event) => {
   const file = (e.target as HTMLInputElement).files?.[0]
   const result = handleCheckFileCondition(file)
 
-  if (result) {
+  if (result && file) {
     onChange(file)
     value.value = file
     emit('change', file)
@@ -129,7 +130,15 @@ const handleDeleteFile = () => {
 const handleCheckFileCondition = (file: File | undefined): boolean => {
   if (!file) return false
 
-  const maxSize = checkMaxSize(file)
+  const fileType = checkFileType(file, acceptFile.value ?? '')
+
+  if (!fileType) {
+    setErrors(i18next.t('custom:invalid_file_type'))
+
+    return false
+  }
+
+  const maxSize = checkMaxSize(file, acceptFileSizeKb.value ?? 0)
 
   if (!maxSize) {
     if (isAcceptFileUseMb.value) {
@@ -145,26 +154,4 @@ const handleCheckFileCondition = (file: File | undefined): boolean => {
 
   return true
 }
-
-const isImage = (file: File) => {
-  return file.type.startsWith('image/')
-}
-
-const checkMaxSize = (file: File): boolean => {
-  if (acceptFileSizeKb.value) {
-    return file.size / 1000 <= acceptFileSizeKb.value
-  }
-
-  return true
-}
-
-const generateURL = (file: File) => {
-  const fileSrc = URL.createObjectURL(file)
-
-  setTimeout(() => {
-    URL.revokeObjectURL(fileSrc)
-  }, 1000)
-
-  return fileSrc
-}
 </script>

package/dist/runtime/components/Form/InputUploadDropzoneAuto/index.vue

@@ -0,0 +1,241 @@
+<template>
+  <FieldWrapper v-bind="wrapperProps">
+    <div
+      ref="dropzoneRef"
+      :class="[
+        ui.base,
+        {
+          [ui.disabled]: isDisabled,
+          [ui.background.default]: !isOverDropZone && !isDisabled,
+          [ui.background.dragover]: isOverDropZone && !isDisabled,
+        },
+      ]"
+    >
+      <Icon
+        v-if="selectedFile"
+        :name="ui.default.closeIcon"
+        :class="[ui.button.delete]"
+        @click="handleDeleteFile"
+      />
+      <input
+        ref="fileInputRef"
+        type="file"
+        class="hidden"
+        :accept="acceptFile"
+        :disabled="isDisabled"
+        @change="handleChange"
+      />
+      <div :class="[ui.wrapper]">
+        <div v-if="selectedFile" :class="[ui.preview.wrapper]">
+          <div
+            v-if="isImage(selectedFile) && upload.status.value.isLoaded"
+            :class="[ui.preview.image.wrapper]"
+          >
+            <img
+              :src="upload.data.value[responseKey || 'url']"
+              :class="[ui.preview.image.img]"
+              alt="file"
+            />
+          </div>
+          <Icon v-else :name="ui.default.filePreviewIcon" :class="[ui.preview.icon]" />
+          <div :class="[ui.preview.filename]">
+            <p class="truncate">{{ selectedFile.name }}</p>
+          </div>
+          <div class="flex items-center space-x-1">
+            <Badge size="xs" variant="outline" class="mt-1">
+              {{ isSelectedFileUseMb ? `${selectedFileSizeMb} MB` : `${selectedFileSizeKb} KB` }}
+            </Badge>
+            <div>
+              <Icon
+                v-if="upload.status.value.isSuccess"
+                name="heroicons:check-circle-20-solid"
+                class="text-success"
+              />
+              <Icon
+                v-if="upload.status.value.isError"
+                name="heroicons:x-circle-20-solid"
+                class="text-danger"
+              />
+            </div>
+          </div>
+        </div>
+        <div v-if="upload.status.value.isLoading" :class="[ui.uploadStatus.wrapper]">
+          <UProgress :class="[ui.uploadStatus.progressBar]" :value="100" />
+        </div>
+        <div v-if="!selectedFile" :class="[ui.placeholderWrapper]">
+          <Icon :name="ui.default.uploadIcon" :class="[ui.labelIcon]" />
+          <div :class="[ui.labelWrapper]">
+            <p class="text-primary cursor-pointer" @click="handleOpenFile">
+              {{ selectFileLabel ?? 'คลิกเพื่อเลือกไฟล์' }}
+            </p>
+            <p>{{ selectFileSubLabel ?? 'หรือ ลากและวางที่นี่' }}</p>
+          </div>
+          <p v-if="placeholder" :class="[ui.placeholder]">{{ placeholder }}</p>
+        </div>
+      </div>
+    </div>
+  </FieldWrapper>
+</template>
+
+<script lang="ts" setup>
+import { useDropZone } from '@vueuse/core'
+import { type IUploadDropzoneAutoProps } from './types'
+import { isImage, checkMaxSize, checkFileType } from '#core/helpers/componentHelper'
+import FieldWrapper from '#core/components/Form/FieldWrapper.vue'
+import { useFieldHOC } from '#core/composables/useForm'
+import {
+  type IUploadRequest,
+  computed,
+  ref,
+  toRef,
+  useUI,
+  useUiConfig,
+  useUploadLoader,
+  useWatchTrue,
+  StringHelper,
+} from '#imports'
+import { uploadFileDropzone } from '#core/ui.config'
+import i18next from 'i18next'
+
+const config = useUiConfig<typeof uploadFileDropzone>(uploadFileDropzone, 'uploadFileDropzone')
+
+const props = withDefaults(defineProps<IUploadDropzoneAutoProps>(), {})
+const emits = defineEmits(['change', 'success', 'delete'])
+
+const { wrapperProps, handleChange: onChange, setErrors, value } = useFieldHOC<File>(props)
+
+const request: IUploadRequest = {
+  pathURL: props.uploadPathURL,
+  requestOptions: props.requestOptions,
+}
+
+const upload = useUploadLoader(request)
+
+const { ui } = useUI('uploadFileDropzone', toRef(props, 'ui'), config)
+
+const fileInputRef = ref<HTMLInputElement>()
+const dropzoneRef = ref<HTMLDivElement>()
+const selectedFile = ref<File | undefined>()
+const percent = ref<number>(0)
+
+const acceptFile = computed(() =>
+  typeof props.accept === 'string' ? props.accept : props.accept?.join(',')
+)
+
+const acceptFileSizeKb = computed(() => props.maxSize)
+const acceptFileSizeMb = computed(() => ((acceptFileSizeKb.value ?? 0) / 1024).toFixed(2))
+const isAcceptFileUseMb = computed(() => acceptFileSizeKb.value && acceptFileSizeKb.value > 1024)
+
+const selectedFileSizeKb = computed(() => ((selectedFile.value?.size || 0) / 1000).toFixed(2))
+const selectedFileSizeMb = computed(() =>
+  ((selectedFile.value?.size || 0) / 1000 / 1000).toFixed(2)
+)
+
+const isSelectedFileUseMb = computed(() => (selectedFile.value?.size || 0) / 1000 > 1024)
+
+const onDrop = (files: File[] | null) => {
+  if (props.isDisabled || files?.length === 0 || !files) return
+
+  const file = files[0]
+  const result = handleCheckFileCondition(file)
+
+  if (result && file) {
+    selectedFile.value = file
+    const formData = new FormData()
+
+    emits('change', file)
+
+    formData.append(props.bodyKey || 'file', file)
+    upload.run(formData, { data: { onUploadProgress, onDownloadProgress } })
+  }
+}
+
+const { isOverDropZone } = useDropZone(dropzoneRef as unknown as HTMLElement, {
+  onDrop,
+})
+
+const handleChange = (e: Event) => {
+  if (props.isDisabled) return
+
+  const file = (e.target as HTMLInputElement).files?.[0]
+  const result = handleCheckFileCondition(file)
+
+  if (result && file) {
+    selectedFile.value = file
+    const formData = new FormData()
+
+    emits('change', file)
+
+    formData.append(props.bodyKey || 'file', file)
+    upload.run(formData, { data: { onUploadProgress, onDownloadProgress } })
+  }
+}
+
+const handleOpenFile = () => {
+  fileInputRef.value?.click()
+}
+
+const handleDeleteFile = () => {
+  fileInputRef.value?.value && (fileInputRef.value.value = '')
+  selectedFile.value = undefined
+  onChange(undefined)
+  emits('delete')
+}
+
+const handleCheckFileCondition = (file: File | undefined): boolean => {
+  if (!file) return false
+
+  const fileType = checkFileType(file, acceptFile.value ?? '')
+
+  if (!fileType) {
+    setErrors(i18next.t('custom:invalid_file_type'))
+
+    return false
+  }
+
+  const maxSize = checkMaxSize(file, acceptFileSizeKb.value ?? 0)
+
+  if (!maxSize) {
+    if (isAcceptFileUseMb.value) {
+      setErrors(i18next.t('custom:invalid_file_size_mb', { size: acceptFileSizeMb.value }))
+    } else {
+      setErrors(i18next.t('custom:invalid_file_size_kb', { size: acceptFileSizeKb.value }))
+    }
+
+    return false
+  }
+
+  setErrors('')
+
+  return true
+}
+
+const onUploadProgress = (progressEvent: ProgressEvent) => {
+  percent.value = (Math.floor((progressEvent.loaded * 100) / progressEvent.total) || 0) * 0.8
+}
+
+const onDownloadProgress = (progressEvent: ProgressEvent) => {
+  if (progressEvent.total === 0) {
+    percent.value = 100
+
+    return
+  }
+
+  percent.value = (Math.floor((progressEvent.loaded * 100) / progressEvent.total) || 0) * 0.2 + 80
+}
+
+useWatchTrue(
+  () => upload.status.value.isSuccess,
+  () => {
+    value.value = upload.data.value[props.responseKey || 'url']
+    emits('success', upload.data.value)
+  }
+)
+
+useWatchTrue(
+  () => upload.status.value.isError,
+  () => {
+    setErrors(StringHelper.getError(upload.status.value.errorData))
+  }
+)
+</script>

package/dist/runtime/components/Form/InputUploadDropzoneAuto/types.d.ts

@@ -0,0 +1,19 @@
+import { type AxiosRequestConfig } from 'axios';
+import { type IFieldProps, type IFormFieldBase, type INPUT_TYPES } from '../types';
+export interface IUploadDropzoneAutoProps extends IFieldProps {
+    requestOptions: Omit<AxiosRequestConfig, 'baseURL'> & {
+        baseURL: string;
+    };
+    uploadPathURL?: string;
+    selectFileLabel?: string;
+    selectFileSubLabel?: string;
+    accept?: string[] | string;
+    bodyKey?: string;
+    responseKey?: string;
+    maxSize?: number;
+}
+export type IUploadDropzoneAutoField = IFormFieldBase<INPUT_TYPES.UPLOAD_DROPZONE_AUTO, IUploadDropzoneAutoProps, {
+    change: (value: File | undefined) => void;
+    success: (value: string) => void;
+    delete: () => void;
+}>;

package/dist/runtime/components/Form/InputUploadFileClassicAuto/index.vue

@@ -73,16 +73,16 @@ const fileInput = ref<HTMLInputElement>()
 const selectedFile = ref<File | undefined>()
 const percent = ref<number>(0)
 
-const acceptFileSizeKb = computed(() => props.maxSize)
-const acceptFileSizeMb = computed(() => ((acceptFileSizeKb.value ?? 0) / 1024).toFixed(2))
 const selectedFileSizeKb = computed(() => ((selectedFile.value?.size || 0) / 1000).toFixed(2))
 const selectedFileSizeMb = computed(() =>
   ((selectedFile.value?.size || 0) / 1000 / 1000).toFixed(2)
 )
 
 const isSelectedFileUseMb = computed(() => (selectedFile.value?.size || 0) / 1000 > 1024)
-const isAcceptFileUseMb = computed(() => acceptFileSizeKb.value && acceptFileSizeKb.value > 1024)
 
+const acceptFileSizeKb = computed(() => props.maxSize)
+const acceptFileSizeMb = computed(() => ((acceptFileSizeKb.value || 0) / 1024).toFixed(2))
+const isAcceptFileUseMb = computed(() => acceptFileSizeKb.value && acceptFileSizeKb.value > 1024)
 const acceptFile = computed(() =>
   typeof props.accept === 'string' ? props.accept : props.accept?.join(',')
 )

package/dist/runtime/components/Form/types.d.ts

@@ -11,6 +11,7 @@ import { type IDateTimeField } from '#core/components/Form/InputDateTime/date_ti
 import { type IUploadFileClassicField } from '#core/components/Form/InputUploadFileClassic/types';
 import { type IUploadFileField } from '#core/components/Form/InputUploadFileClassicAuto/types';
 import { type IUploadDropzoneField } from '#core/components/Form/InputUploadDropzone/types';
+import { type IUploadDropzoneAutoField } from '#core/components/Form/InputUploadDropzoneAuto/types';
 export declare const enum INPUT_TYPES {
     TEXT = "TEXT",
     TEXTAREA = "TEXTAREA",
@@ -25,7 +26,8 @@ export declare const enum INPUT_TYPES {
     DATE = "DATE",
     UPLOAD_FILE_CLASSIC = "UPLOAD_FILE_CLASSIC",
     UPLOAD_FILE_CLASSIC_AUTO = "UPLOAD_FILE_CLASSIC_AUTO",
-    UPLOAD_DROPZONE = "UPLOAD_DROPZONE"
+    UPLOAD_DROPZONE = "UPLOAD_DROPZONE",
+    UPLOAD_DROPZONE_AUTO = "UPLOAD_DROPZONE_AUTO"
 }
 export interface IFieldProps {
     form?: FormContext;
@@ -54,4 +56,4 @@ export interface IFormFieldBase<I extends INPUT_TYPES, P extends IFieldProps, O>
     props: P;
     on?: O;
 }
-export type IFormField = ITextField | IStaticField | ICheckboxField | IRadioField | ISelectField | IToggleField | ITextareaField | IDateTimeField | IUploadFileClassicField | IUploadFileField | IUploadDropzoneField;
+export type IFormField = ITextField | IStaticField | ICheckboxField | IRadioField | ISelectField | IToggleField | ITextareaField | IDateTimeField | IUploadFileClassicField | IUploadFileField | IUploadDropzoneField | IUploadDropzoneAutoField;

package/dist/runtime/components/Form/types.mjs

@@ -13,5 +13,6 @@ export var INPUT_TYPES = /* @__PURE__ */ ((INPUT_TYPES2) => {
   INPUT_TYPES2["UPLOAD_FILE_CLASSIC"] = "UPLOAD_FILE_CLASSIC";
   INPUT_TYPES2["UPLOAD_FILE_CLASSIC_AUTO"] = "UPLOAD_FILE_CLASSIC_AUTO";
   INPUT_TYPES2["UPLOAD_DROPZONE"] = "UPLOAD_DROPZONE";
+  INPUT_TYPES2["UPLOAD_DROPZONE_AUTO"] = "UPLOAD_DROPZONE_AUTO";
   return INPUT_TYPES2;
 })(INPUT_TYPES || {});

package/dist/runtime/components/Table/Base.vue

@@ -70,6 +70,7 @@
     />
   </div>
 </template>
+
 <script lang="ts" setup>
 import { COLUMN_TYPES, type ITableOptions } from '#core/components/Table/types'
 import ColumnNumber from '#core/components/Table/ColumnNumber.vue'

package/dist/runtime/components/Table/index.vue

@@ -13,7 +13,7 @@
       :raw-data="options.rawData"
       :status="options.status"
       :page-options="options.pageOptions"
-      :is-simple-pagination="options.isSimplePagination"
+      :is-simple-pagination="isShowSimplePagination"
       @page-change="onPageChange"
     >
       <template v-for="(_, slot) of $slots" #[slot]="slotProps">
@@ -25,7 +25,8 @@
 <script lang="ts" setup>
 import { type PropType } from 'vue'
 import { type ITableOptions } from '#core/components/Table/types'
-import { _debounce, ref, watch } from '#imports'
+import { _debounce, computed, ref, watch } from '#imports'
+import { useCoreConfig } from '#core/composables/useConfig'
 import Base from '#core/components/Table/Base.vue'
 
 const emits = defineEmits<{
@@ -37,8 +38,14 @@ const props = defineProps({
   options: { type: Object as PropType<ITableOptions>, required: true },
 })
 
+const coreConfig = useCoreConfig()
+
 const q = ref(props.options?.pageOptions.search ?? '')
 
+const isShowSimplePagination = computed(
+  (): boolean => props.options.isSimplePagination ?? coreConfig.is_simple_pagination
+)
+
 watch(
   q,
   _debounce((value) => {

package/dist/runtime/core.config.d.ts

@@ -7,4 +7,5 @@ export declare const core: {
     is_thai_year: boolean;
     is_thai_month: boolean;
     site_name: string;
+    is_simple_pagination: boolean;
 };

package/dist/runtime/core.config.mjs

@@ -6,5 +6,6 @@ export const core = {
   time_format: "HH:mm",
   is_thai_year: false,
   is_thai_month: false,
-  site_name: ""
+  site_name: "",
+  is_simple_pagination: false
 };

package/dist/runtime/helpers/componentHelper.d.ts

@@ -0,0 +1,4 @@
+export declare const checkMaxSize: (file: File, acceptFileSize: number) => boolean;
+export declare const checkFileType: (file: File, acceptFileType: string | string[]) => boolean;
+export declare const generateURL: (file: File) => string;
+export declare const isImage: (file: File) => boolean;

package/dist/runtime/helpers/componentHelper.mjs

@@ -0,0 +1,39 @@
+export const checkMaxSize = (file, acceptFileSize) => {
+  if (acceptFileSize) {
+    return file.size / 1e3 <= acceptFileSize;
+  }
+  return true;
+};
+export const checkFileType = (file, acceptFileType) => {
+  if (!acceptFileType || Array.isArray(acceptFileType) && acceptFileType.length === 0)
+    return true;
+  const result = [];
+  const acceptedTypes = Array.isArray(acceptFileType) ? acceptFileType : acceptFileType.split(",");
+  for (const acceptedType of acceptedTypes) {
+    if (acceptedType.startsWith(".")) {
+      const fileExtension = `.${file.name.split(".").pop()}`;
+      if (fileExtension.toLowerCase() === acceptedType.toLowerCase())
+        result.push(true);
+    } else {
+      const fileType = acceptedType.split("/");
+      const fileExtension = file.type.split("/");
+      if (fileType.length === 2 && fileExtension.length === 2) {
+        if (fileType[1] === "*") {
+          result.push(fileType[0].toLowerCase() === fileExtension[0].toLowerCase());
+        }
+        result.push(acceptedType.toLowerCase() === file.type.toLowerCase());
+      }
+    }
+  }
+  return result.includes(true);
+};
+export const generateURL = (file) => {
+  const fileSrc = URL.createObjectURL(file);
+  setTimeout(() => {
+    URL.revokeObjectURL(fileSrc);
+  }, 1e3);
+  return fileSrc;
+};
+export const isImage = (file) => {
+  return file.type.startsWith("image/");
+};

package/dist/runtime/ui.config/uploadFileDropzone.d.ts

@@ -13,7 +13,10 @@ export declare const uploadFileDropzone: {
             img: string;
         };
         filename: string;
-        fileInfo: string;
+    };
+    uploadStatus: {
+        wrapper: string;
+        progressBar: string;
     };
     background: {
         default: string;

package/dist/runtime/ui.config/uploadFileDropzone.mjs

@@ -9,11 +9,14 @@ export const uploadFileDropzone = {
     wrapper: "flex flex-col items-center w-full",
     icon: "mb-2 h-10 w-10 text-gray-400",
     image: {
-      wrapper: "flex justify-center mb-2 rounded overflow-hidden",
-      img: "max-w-[300px]"
+      wrapper: "flex justify-center mb-2 rounded overflow-hidden max-w-[300px]",
+      img: "w-full object-contain"
     },
-    filename: "flex items-center justify-center w-full font-semibold truncate",
-    fileInfo: "text-center text-gray-400 mt-1 text-sm font-light"
+    filename: "flex items-center justify-center w-full font-semibold truncate"
+  },
+  uploadStatus: {
+    wrapper: "w-full md:w-1/2 mt-2",
+    progressBar: ""
   },
   background: {
     default: "bg-white border-gray-border",

package/dist/runtime/utils/StringHelper.mjs

@@ -26,9 +26,9 @@ export class StringHelper {
     return newStr;
   };
   static getError = (errorData, defaultErrorMessage = "\u0E21\u0E35\u0E1A\u0E32\u0E07\u0E2D\u0E22\u0E48\u0E32\u0E07\u0E1C\u0E34\u0E14\u0E1E\u0E25\u0E32\u0E14") => {
-    let msg = errorData?.message;
+    let msg = errorData?.message || defaultErrorMessage;
     if (!errorData.code || !msg) {
-      return defaultErrorMessage;
+      return msg;
     }
     if (errorData.code !== "INVALID_PARAMS" && !errorData.fields) {
       return msg;

package/package.json

@@ -1,86 +1,83 @@
-{
-  "name": "@finema/core",
-  "version": "1.4.50",
-  "repository": "https://gitlab.finema.co/finema/ui-kit",
-  "license": "MIT",
-  "author": "Finema Dev Core Team",
-  "type": "module",
-  "exports": {
-    ".": {
-      "types": "./dist/types.d.ts",
-      "import": "./dist/module.mjs",
-      "require": "./dist/module.cjs"
-    }
-  },
-  "main": "./dist/module.cjs",
-  "types": "./dist/types.d.ts",
-  "files": [
-    "dist"
-  ],
-  "engines": {
-    "node": ">=18.0.0"
-  },
-  "scripts": {
-    "prepack": "nuxt-module-build build",
-    "dev": "nuxi dev playground",
-    "dev:build": "nuxi build playground",
-    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
-    "lint": "eslint . --cache",
-    "lint:fix": "eslint . --fix --cache",
-    "test": "vitest run",
-    "test:watch": "vitest watch",
-    "release": "release-it --ci",
-    "prepare": "husky install"
-  },
-  "dependencies": {
-    "@nuxt/kit": "^3.7.4",
-    "@nuxt/ui": "^2.13.0",
-    "@pinia/nuxt": "^0.5.1",
-    "@vee-validate/nuxt": "^4.12.4",
-    "@vee-validate/zod": "^4.12.4",
-    "@vuepic/vue-datepicker": "^7.4.1",
-    "axios": "^1.6.5",
-    "date-fns": "^3.2.0",
-    "i18next": "^23.7.16",
-    "lodash-es": "^4.17.21",
-    "nuxt-security": "^1.0.0",
-    "pinia": "^2.1.7",
-    "qrcode.vue": "^3.4.1",
-    "url-join": "^5.0.0",
-    "zod": "^3.22.4",
-    "zod-i18n-map": "^2.25.0"
-  },
-  "devDependencies": {
-    "@finema/eslint-config": "^1.2.0",
-    "@nuxt/devtools": "latest",
-    "@nuxt/eslint-config": "^0.2.0",
-    "@nuxt/module-builder": "^0.5.4",
-    "@nuxt/schema": "^3.7.4",
-    "@nuxt/test-utils": "^3.9.0",
-    "@release-it/conventional-changelog": "^8.0.1",
-    "@types/lodash-es": "^4.17.12",
-    "@types/node": "^20.10.8",
-    "@vue/test-utils": "^2.4.3",
-    "changelogen": "^0.5.5",
-    "eslint": "^8.56.0",
-    "happy-dom": "^13.0.0",
-    "husky": "^8.0.3",
-    "lint-staged": "^15.2.0",
-    "nuxt": "^3.9.1",
-    "playwright-core": "^1.40.1",
-    "prettier": "^3.1.1",
-    "release-it": "^17.0.1",
-    "sass": "^1.69.5",
-    "stylelint": "^16.1.0",
-    "stylelint-config-prettier-scss": "^1.0.0",
-    "stylelint-config-standard-scss": "^13.0.0",
-    "vitest": "^1.1.3"
-  },
-  "resolutions": {
-    "vue": "3.3.13"
-  },
-  "lint-staged": {
-    "*.{ts,vue,tsx,js}": "eslint --fix --cache",
-    "*.{html,json}": "prettier --write"
-  }
-}
+{
+  "name": "@finema/core",
+  "version": "1.4.52",
+  "repository": "https://gitlab.finema.co/finema/ui-kit",
+  "license": "MIT",
+  "author": "Finema Dev Core Team",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/types.d.ts",
+      "import": "./dist/module.mjs",
+      "require": "./dist/module.cjs"
+    }
+  },
+  "main": "./dist/module.cjs",
+  "types": "./dist/types.d.ts",
+  "files": [
+    "dist"
+  ],
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "scripts": {
+    "prepack": "nuxt-module-build build",
+    "dev": "nuxi dev playground",
+    "dev:build": "nuxi build playground",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
+    "lint": "eslint . --cache",
+    "lint:fix": "eslint . --fix --cache",
+    "test": "vitest run",
+    "test:watch": "vitest watch",
+    "release": "release-it --ci",
+    "prepare": "husky install"
+  },
+  "dependencies": {
+    "@nuxt/kit": "^3.7.4",
+    "@nuxt/ui": "^2.13.0",
+    "@pinia/nuxt": "^0.5.1",
+    "@vee-validate/nuxt": "^4.12.5",
+    "@vee-validate/zod": "^4.12.5",
+    "@vuepic/vue-datepicker": "^7.4.1",
+    "axios": "^1.6.7",
+    "date-fns": "^3.3.1",
+    "i18next": "^23.8.2",
+    "lodash-es": "^4.17.21",
+    "nuxt-security": "^1.1.0",
+    "pinia": "^2.1.7",
+    "qrcode.vue": "^3.4.1",
+    "url-join": "^5.0.0",
+    "zod": "^3.22.4",
+    "zod-i18n-map": "^2.27.0"
+  },
+  "devDependencies": {
+    "@finema/eslint-config": "^1.2.0",
+    "@nuxt/devtools": "latest",
+    "@nuxt/eslint-config": "^0.2.0",
+    "@nuxt/module-builder": "^0.5.4",
+    "@nuxt/schema": "^3.7.4",
+    "@nuxt/test-utils": "^3.11.0",
+    "@release-it/conventional-changelog": "^8.0.1",
+    "@types/lodash-es": "^4.17.12",
+    "@types/node": "^20.10.8",
+    "@vue/test-utils": "^2.4.3",
+    "changelogen": "^0.5.5",
+    "eslint": "^8.56.0",
+    "happy-dom": "^13.0.0",
+    "husky": "^8.0.3",
+    "lint-staged": "^15.2.0",
+    "nuxt": "^3.10.1",
+    "playwright-core": "^1.40.1",
+    "prettier": "^3.1.1",
+    "release-it": "^17.0.1",
+    "sass": "^1.69.5",
+    "stylelint": "^16.1.0",
+    "stylelint-config-prettier-scss": "^1.0.0",
+    "stylelint-config-standard-scss": "^13.0.0",
+    "vitest": "^1.2.2"
+  },
+  "lint-staged": {
+    "*.{ts,vue,tsx,js}": "eslint --fix --cache",
+    "*.{html,json}": "prettier --write"
+  }
+}