@winchsa/ui 0.1.33 → 0.1.35

package/dist/utils/ruleValidator.mjs

@@ -0,0 +1,195 @@
+import { ref, nextTick } from "vue";
+import { useI18n } from "vue-i18n";
+import { toaster } from "./toaster.mjs";
+import { isEmpty, isEmptyArray, isNullOrUndefined } from "./utils.mjs";
+export const ruleValidator = () => {
+  const { t } = useI18n();
+  const requiredValidator = (value) => {
+    if (isNullOrUndefined(value) || isEmptyArray(value) || value === false) {
+      return t("validation.required");
+    }
+    return !!String(value).trim().length || t("validation.required");
+  };
+  const requiredLocationValidator = (locations) => {
+    const locationArray = Array.isArray(locations) ? locations : [locations];
+    if (!locationArray || locationArray.length === 0) {
+      return t("validation.required");
+    }
+    for (const location of locationArray) {
+      if (!location || !location.address || !String(location.address).trim() || location.lat === null || typeof location.lat !== "number" || location.lng === null || typeof location.lng !== "number") {
+        return t("validation.required");
+      }
+    }
+    return true;
+  };
+  const ibanValidator = (value) => {
+    if (isNullOrUndefined(value) || isEmptyArray(value) || value === false || String(value).length !== 24) {
+      return t("validation.iban");
+    }
+    return !!String(value).trim().length || t("validation.iban");
+  };
+  const idNumberValidator = (value) => {
+    const str = value?.toString() || "";
+    const validStarts = ["1", "2", "3", "4"];
+    if (str.length !== 10 || !validStarts.includes(str[0])) {
+      return t("validation.invalid");
+    }
+  };
+  const requiredManualDateValidator = (value) => {
+    if (isEmpty(value?.day) || isEmpty(value?.month) || isEmpty(value?.year)) {
+      return t("validation.required");
+    }
+    return true;
+  };
+  const emailValidator = (value) => {
+    if (isEmpty(value)) {
+      return true;
+    }
+    const re = /^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}$/;
+    if (Array.isArray(value)) {
+      return value.every((val) => re.test(String(val))) || t("validation.email");
+    }
+    return re.test(String(value)) || t("validation.email");
+  };
+  const confirmedValidator = (value, target) => value === target || t("validation.confirmed");
+  const betweenValidator = (value, min, max) => {
+    const valueAsNumber = Number(value);
+    return Number(min) <= valueAsNumber && Number(max) >= valueAsNumber || t("validation.between", { min, max });
+  };
+  const integerValidator = (value) => {
+    if (isEmpty(value)) {
+      return true;
+    }
+    if (Array.isArray(value)) {
+      return value.every((val) => /^-?[0-9]+$/.test(String(val))) || t("validation.integer");
+    }
+    return /^-?[0-9]+$/.test(String(value)) || t("validation.integer");
+  };
+  const numberValidator = (value) => {
+    if (isEmpty(value)) {
+      return true;
+    }
+    return /^\d+(\.\d+)?$/.test(String(value)) || t("validation.number");
+  };
+  const alphaValidator = (value) => {
+    if (isEmpty(value)) {
+      return true;
+    }
+    return /^[A-Za-z\u0600-\u06FF\s]*$/i.test(String(value)) || t("validation.alphabetic");
+  };
+  const alphaWithNumberValidator = (value) => {
+    if (isEmpty(value)) {
+      return true;
+    }
+    return /^[A-Za-z\u0600-\u06FF0-9\s]*$/.test(String(value)) || t("validation.alphabetic");
+  };
+  const urlValidator = (value) => {
+    if (isEmpty(value)) {
+      return true;
+    }
+    const re = /^(http[s]?:\/\/){0,1}(www\.){0,1}[a-zA-Z0-9.-]+\.[a-zA-Z]{2,5}[.]?/;
+    return re.test(String(value)) || t("validation.url");
+  };
+  const lengthValidator = (value, length) => {
+    if (isEmpty(value)) {
+      return true;
+    }
+    return String(value).length === length || t("validation.length", { length });
+  };
+  const alphaDashValidator = (value) => {
+    if (isEmpty(value)) {
+      return true;
+    }
+    const valueAsString = String(value);
+    return /^[0-9A-Z_-]*$/i.test(valueAsString) || t("validation.alpha_dash");
+  };
+  const fileValidator = (file, maxSizeInMB, types) => {
+    if (!file) {
+      return false;
+    }
+    if (file.size > maxSizeInMB * 1024 * 1024) {
+      toaster().error(
+        t("validation.file_size_limit_exceeded", { size: maxSizeInMB })
+      );
+      return;
+    }
+    if (!types.includes(file.type)) {
+      toaster().error(
+        t("validation.file_type_not_allowed", {
+          types: types.map((type) => type.split("/")[1]).join(", ")
+        })
+      );
+      return;
+    }
+    return true;
+  };
+  const requiredPlateValidator = (value) => {
+    if (!value || !value?.every((val) => val !== "")) {
+      return t("validation.required");
+    }
+    return true;
+  };
+  const dateValidator = (value) => {
+    if (isEmpty(value)) {
+      return true;
+    }
+    const dateString = String(value);
+    const datePattern = /^(0[1-9]|[12][0-9]|3[01])\/(0[1-9]|1[0-2])\/(\d{4})$/;
+    if (!datePattern.test(dateString)) {
+      return t("validation.date", { format: "DD/MM/YYYY" });
+    }
+    return true;
+  };
+  const regexValidator = (value, regex, message) => {
+    return regex.test(value) || message || t("validation.invalid");
+  };
+  return {
+    fileValidator,
+    requiredValidator,
+    requiredLocationValidator,
+    emailValidator,
+    alphaValidator,
+    alphaDashValidator,
+    alphaWithNumberValidator,
+    betweenValidator,
+    integerValidator,
+    numberValidator,
+    confirmedValidator,
+    urlValidator,
+    lengthValidator,
+    ibanValidator,
+    dateValidator,
+    regexValidator,
+    idNumberValidator,
+    requiredManualDateValidator,
+    requiredPlateValidator
+  };
+};
+export const useFormValidation = () => {
+  const validationType = ref("submit");
+  const validateAndScroll = async (refVForm) => {
+    const isValid = await refVForm?.validate();
+    await scrollToError();
+    if (isValid?.valid === false) {
+      await scrollToError();
+      validationType.value = "input";
+      return false;
+    }
+    return true;
+  };
+  const scrollToError = async () => {
+    validationType.value = "input";
+    await nextTick(() => {
+      const el = document.querySelector(".v-messages__message:first-of-type");
+      el?.scrollIntoView({
+        behavior: "smooth",
+        block: "center"
+      });
+    });
+  };
+  return {
+    validateAndScroll,
+    validationType,
+    scrollToError
+  };
+};

package/dist/utils/toaster.d.ts

@@ -0,0 +1,12 @@
+import type { FetchError } from 'ofetch';
+import type { ErrorResponse } from '../types';
+export declare const toaster: () => {
+    success: (message?: string) => void;
+    error: (message?: string) => void;
+    successLang: (message: string) => void;
+    errorLang: (message: string) => void;
+};
+export declare function responseAlert(): {
+    showAlert: (response?: FetchError<ErrorResponse>) => void;
+    showValidationAlert: (response?: FetchError<ErrorResponse>) => void;
+};

package/dist/utils/toaster.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.responseAlert = responseAlert;
+exports.toaster = void 0;
+var _vueSonner = require("vue-sonner");
+var _i18n = require("./i18n");
+const toaster = () => {
+  const success = message => {
+    _vueSonner.toast.success(message ?? (0, _i18n.i18n)().global.t("success"));
+  };
+  const error = message => {
+    _vueSonner.toast.error(message ?? (0, _i18n.i18n)().global.t("error"));
+  };
+  const successLang = message => {
+    _vueSonner.toast.success((0, _i18n.i18n)().global.t(message));
+  };
+  const errorLang = message => {
+    _vueSonner.toast.error((0, _i18n.i18n)().global.t(message));
+  };
+  return {
+    success,
+    error,
+    successLang,
+    errorLang
+  };
+};
+exports.toaster = toaster;
+function responseAlert() {
+  const {
+    error: showError
+  } = toaster();
+  const getErrorMessage = response => {
+    const errorResponse = response?.response?._data;
+    const error = errorResponse?.status.errors_list?.find(e => e.field == "0");
+    const message = errorResponse?.status.message;
+    if (!error && !message) {
+      return null;
+    }
+    if (response?.data?.status.code === 422) {
+      return null;
+    }
+    return error ? error.message : message;
+  };
+  const showAlert = response => {
+    const message = getErrorMessage(response);
+    if (message) {
+      showError(message);
+    }
+  };
+  const showValidationAlert = response => {
+    const errorResponse = response?.response?._data;
+    if (response?.data?.status.code === 422) {
+      const validationErrors = errorResponse?.status.errors_list?.map(error => error.message).join(" ,");
+      if (validationErrors) {
+        showError(validationErrors);
+        return;
+      }
+    }
+    showAlert(response);
+  };
+  return {
+    showAlert,
+    showValidationAlert
+  };
+}

package/dist/utils/toaster.mjs

@@ -0,0 +1,58 @@
+import { toast as sonnerToast } from "vue-sonner";
+import { i18n } from "./i18n.mjs";
+export const toaster = () => {
+  const success = (message) => {
+    sonnerToast.success(message ?? i18n().global.t("success"));
+  };
+  const error = (message) => {
+    sonnerToast.error(message ?? i18n().global.t("error"));
+  };
+  const successLang = (message) => {
+    sonnerToast.success(i18n().global.t(message));
+  };
+  const errorLang = (message) => {
+    sonnerToast.error(i18n().global.t(message));
+  };
+  return {
+    success,
+    error,
+    successLang,
+    errorLang
+  };
+};
+export function responseAlert() {
+  const { error: showError } = toaster();
+  const getErrorMessage = (response) => {
+    const errorResponse = response?.response?._data;
+    const error = errorResponse?.status.errors_list?.find((e) => e.field == "0");
+    const message = errorResponse?.status.message;
+    if (!error && !message) {
+      return null;
+    }
+    if (response?.data?.status.code === 422) {
+      return null;
+    }
+    return error ? error.message : message;
+  };
+  const showAlert = (response) => {
+    const message = getErrorMessage(response);
+    if (message) {
+      showError(message);
+    }
+  };
+  const showValidationAlert = (response) => {
+    const errorResponse = response?.response?._data;
+    if (response?.data?.status.code === 422) {
+      const validationErrors = errorResponse?.status.errors_list?.map((error) => error.message).join(" ,");
+      if (validationErrors) {
+        showError(validationErrors);
+        return;
+      }
+    }
+    showAlert(response);
+  };
+  return {
+    showAlert,
+    showValidationAlert
+  };
+}

package/dist/utils/utils.d.ts

@@ -0,0 +1,9 @@
+export declare const generateRandomId: (length: number) => string;
+export declare const generateUniqueId: () => string;
+export declare const isEmpty: (value: unknown) => boolean;
+export declare const isNullOrUndefined: (value: unknown) => value is undefined | null;
+export declare const isEmptyArray: (arr: unknown) => boolean;
+export declare const buildFormData: <T>(data: T | T[], excludedKeys?: string[], formData?: FormData, parentKey?: string) => FormData;
+export declare const stripLeadingZero: (mobile: string) => string;
+export declare const cloneObjectDeep: <T>(obj: T) => T;
+export declare const mergeDeep: (target: any, source: any) => any;

package/dist/utils/utils.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.stripLeadingZero = exports.mergeDeep = exports.isNullOrUndefined = exports.isEmptyArray = exports.isEmpty = exports.generateUniqueId = exports.generateRandomId = exports.cloneObjectDeep = exports.buildFormData = void 0;
+const generateRandomId = length => {
+  const characters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+  let result = "";
+  for (let i = 0; i < length; i++) {
+    result += characters.charAt(Math.floor(Math.random() * characters.length));
+  }
+  return result;
+};
+exports.generateRandomId = generateRandomId;
+const generateUniqueId = () => {
+  const timestamp = (/* @__PURE__ */new Date()).getTime().toString(36);
+  const randomPart = generateRandomId(6);
+  return `${timestamp}-${randomPart}`;
+};
+exports.generateUniqueId = generateUniqueId;
+const isEmpty = value => {
+  if (value === null || value === void 0 || value === "") {
+    return true;
+  }
+  return !!(Array.isArray(value) && value.length === 0);
+};
+exports.isEmpty = isEmpty;
+const isNullOrUndefined = value => {
+  return value === null || value === void 0;
+};
+exports.isNullOrUndefined = isNullOrUndefined;
+const isEmptyArray = arr => {
+  return Array.isArray(arr) && arr.length === 0;
+};
+exports.isEmptyArray = isEmptyArray;
+const buildFormData = (data, excludedKeys = [], formData = new FormData(), parentKey = "") => {
+  if (Array.isArray(data)) {
+    data.forEach((item, index) => {
+      buildFormData(item, excludedKeys, formData, `${parentKey}[${index}]`);
+    });
+    return formData;
+  }
+  if (data && typeof data === "object" && !(data instanceof File)) {
+    Object.keys(data).forEach(key => {
+      if (excludedKeys.includes(key)) return;
+      const value = data[key];
+      const newKey = parentKey ? `${parentKey}[${key}]` : key;
+      buildFormData(value, excludedKeys, formData, newKey);
+    });
+    return formData;
+  }
+  if (data instanceof File) {
+    formData.append(parentKey, data);
+  } else if (typeof data === "boolean") {
+    formData.append(parentKey, data ? "1" : "0");
+  } else if (data != null) {
+    formData.append(parentKey, data.toString());
+  }
+  return formData;
+};
+exports.buildFormData = buildFormData;
+const stripLeadingZero = mobile => {
+  return mobile.replace(/^0+/, "");
+};
+exports.stripLeadingZero = stripLeadingZero;
+const cloneObjectDeep = obj => {
+  return JSON.parse(JSON.stringify(obj));
+};
+exports.cloneObjectDeep = cloneObjectDeep;
+const mergeDeep = (target, source) => {
+  const output = {
+    ...target
+  };
+  for (const key in source) {
+    if (typeof source[key] === "object" && source[key] !== null && !Array.isArray(source[key])) {
+      output[key] = mergeDeep(target[key] || {}, source[key]);
+    } else {
+      output[key] = source[key];
+    }
+  }
+  return output;
+};
+exports.mergeDeep = mergeDeep;

package/dist/utils/utils.mjs

@@ -0,0 +1,67 @@
+export const generateRandomId = (length) => {
+  const characters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+  let result = "";
+  for (let i = 0; i < length; i++) {
+    result += characters.charAt(Math.floor(Math.random() * characters.length));
+  }
+  return result;
+};
+export const generateUniqueId = () => {
+  const timestamp = (/* @__PURE__ */ new Date()).getTime().toString(36);
+  const randomPart = generateRandomId(6);
+  return `${timestamp}-${randomPart}`;
+};
+export const isEmpty = (value) => {
+  if (value === null || value === void 0 || value === "") {
+    return true;
+  }
+  return !!(Array.isArray(value) && value.length === 0);
+};
+export const isNullOrUndefined = (value) => {
+  return value === null || value === void 0;
+};
+export const isEmptyArray = (arr) => {
+  return Array.isArray(arr) && arr.length === 0;
+};
+export const buildFormData = (data, excludedKeys = [], formData = new FormData(), parentKey = "") => {
+  if (Array.isArray(data)) {
+    data.forEach((item, index) => {
+      buildFormData(item, excludedKeys, formData, `${parentKey}[${index}]`);
+    });
+    return formData;
+  }
+  if (data && typeof data === "object" && !(data instanceof File)) {
+    Object.keys(data).forEach((key) => {
+      if (excludedKeys.includes(key)) return;
+      const value = data[key];
+      const newKey = parentKey ? `${parentKey}[${key}]` : key;
+      buildFormData(value, excludedKeys, formData, newKey);
+    });
+    return formData;
+  }
+  if (data instanceof File) {
+    formData.append(parentKey, data);
+  } else if (typeof data === "boolean") {
+    formData.append(parentKey, data ? "1" : "0");
+  } else if (data != null) {
+    formData.append(parentKey, data.toString());
+  }
+  return formData;
+};
+export const stripLeadingZero = (mobile) => {
+  return mobile.replace(/^0+/, "");
+};
+export const cloneObjectDeep = (obj) => {
+  return JSON.parse(JSON.stringify(obj));
+};
+export const mergeDeep = (target, source) => {
+  const output = { ...target };
+  for (const key in source) {
+    if (typeof source[key] === "object" && source[key] !== null && !Array.isArray(source[key])) {
+      output[key] = mergeDeep(target[key] || {}, source[key]);
+    } else {
+      output[key] = source[key];
+    }
+  }
+  return output;
+};

package/package.json

@@ -1,70 +1,70 @@
 {
-  "name": "@winchsa/ui",
-  "version": "0.1.33",
-  "type": "module",
-  "private": false,
-  "publishConfig": {
-    "access": "public"
-  },
-  "files": [
-    "dist/*"
-  ],
-  "exports": {
-    ".": {
-      "require": "./dist/index.js",
-      "import": "./dist/index.mjs",
-      "types": "./dist/index.d.ts"
+    "name": "@winchsa/ui",
+    "version": "0.1.35",
+    "type": "module",
+    "private": false,
+    "publishConfig": {
+        "access": "public"
     },
-    "./utils": {
-      "require": "./dist/utils/index.js",
-      "import": "./dist/utils/index.mjs",
-      "types": "./dist/utils/index.d.ts"
+    "files": [
+        "dist/*"
+    ],
+    "exports": {
+        ".": {
+            "require": "./dist/index.js",
+            "import": "./dist/index.mjs",
+            "types": "./dist/index.d.ts"
+        },
+        "./utils": {
+            "require": "./dist/utils/index.js",
+            "import": "./dist/utils/index.mjs",
+            "types": "./dist/utils/index.d.ts"
+        }
+    },
+    "main": "./dist/index.js",
+    "module": "./dist/index.mjs",
+    "scripts": {
+        "dev": "vite",
+        "build": "unbuild",
+        "lint": "eslint \"**/*.{ts,vue,mjs}\"",
+        "lint:fix": "eslint \"**/*.{ts,vue,mjs}\" --fix",
+        "bump": "pnpm version patch && pnpm run build && git add . && git commit -m \"chore: release v$(node -p \"require('./package.json').version\")\""
+    },
+    "peerDependencies": {
+        "@intlify/unplugin-vue-i18n": "^4.0.0",
+        "@tanstack/vue-query": "^5.74.5",
+        "@vueuse/core": "11.3.0",
+        "@vueuse/router": "^13.1.0",
+        "ofetch": "^1.4.1",
+        "vue": "^3.5.13",
+        "vue-i18n": "9.14.5",
+        "vue-router": "4.4.5",
+        "vue-sonner": "^1.3.0",
+        "vue3-perfect-scrollbar": "2.0.0",
+        "vuetify": "3.10.11"
+    },
+    "dependencies": {
+        "@vuepic/vue-datepicker": "^11.0.0",
+        "cropperjs": "^1.6.2",
+        "print-js": "^1.6.0",
+        "v-calendar": "^3.1.2",
+        "vue-multiselect": "^3.1.0"
+    },
+    "devDependencies": {
+        "@tanstack/eslint-plugin-query": "^5.73.3",
+        "@typescript-eslint/eslint-plugin": "^7.18.0",
+        "@types/node": "^22.12.0",
+        "@vitejs/plugin-vue": "^6.0.1",
+        "eslint": "^8.57.1",
+        "eslint-import-resolver-typescript": "^4.3.3",
+        "eslint-plugin-import": "^2.31.0",
+        "eslint-plugin-vue": "^9.32.0",
+        "sass": "1.92.1",
+        "typescript": "^5.9.3",
+        "unbuild": "^3.0.0",
+        "vite": "^5.4.21",
+        "vite-plugin-vuetify": "^2.1.2",
+        "vue-sfc-transformer": "^0.1.16",
+        "vue-tsc": "^3.1.1"
     }
-  },
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
-  "peerDependencies": {
-    "@intlify/unplugin-vue-i18n": "^4.0.0",
-    "@tanstack/vue-query": "^5.74.5",
-    "@vueuse/core": "11.3.0",
-    "@vueuse/router": "^13.1.0",
-    "ofetch": "^1.4.1",
-    "vue": "^3.5.13",
-    "vue-i18n": "9.14.5",
-    "vue-router": "4.4.5",
-    "vue-sonner": "^1.3.0",
-    "vue3-perfect-scrollbar": "2.0.0",
-    "vuetify": "3.10.11"
-  },
-  "dependencies": {
-    "@vuepic/vue-datepicker": "^11.0.0",
-    "cropperjs": "^1.6.2",
-    "print-js": "^1.6.0",
-    "v-calendar": "^3.1.2",
-    "vue-multiselect": "^3.1.0"
-  },
-  "devDependencies": {
-    "@tanstack/eslint-plugin-query": "^5.73.3",
-    "@typescript-eslint/eslint-plugin": "^7.18.0",
-    "@types/node": "^22.12.0",
-    "@vitejs/plugin-vue": "^6.0.1",
-    "eslint": "^8.57.1",
-    "eslint-import-resolver-typescript": "^4.3.3",
-    "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-vue": "^9.32.0",
-    "sass": "1.92.1",
-    "typescript": "^5.9.3",
-    "unbuild": "^3.0.0",
-    "vite": "^5.4.21",
-    "vite-plugin-vuetify": "^2.1.2",
-    "vue-sfc-transformer": "^0.1.16",
-    "vue-tsc": "^3.1.1"
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "unbuild",
-    "lint": "eslint \"**/*.{ts,vue,mjs}\"",
-    "lint:fix": "eslint \"**/*.{ts,vue,mjs}\" --fix",
-    "bump": "pnpm version patch && pnpm run build && git add . && git commit -m \"chore: release v$(node -p \"require('./package.json').version\")\""
-  }
-}
+}