@eturnity/eturnity_reusable_components 8.16.2--EPDM-14330.4 → 8.16.2--EPDM-14330.6

package/src/helpers/isObjectEqual.js

@@ -0,0 +1,22 @@
+import { toRaw } from 'vue'
+
+export default function isObjectEqual(obj1, obj2) {
+  obj1 = toRaw(obj1)
+  obj2 = toRaw(obj2)
+  if (obj1 === obj2) return true
+  if (obj1 === null || obj2 === null) return false
+  if (typeof obj1 !== 'object' || typeof obj2 !== 'object') return false
+
+  const isArray1 = Array.isArray(obj1)
+  const isArray2 = Array.isArray(obj2)
+  if (isArray1 !== isArray2) return false
+
+  const keys1 = Object.keys(obj1)
+  if (keys1.length !== Object.keys(obj2).length) return false
+
+  return keys1.every(
+    (key) =>
+      Object.prototype.hasOwnProperty.call(obj2, key) &&
+      isObjectEqual(obj1[key], obj2[key])
+  )
+}

package/src/helpers/translateLang.js

@@ -1,3 +1,21 @@
+import {
+  enUS,
+  enGB,
+  de,
+  fr,
+  it,
+  es,
+  da,
+  pl,
+  sv,
+  nb,
+  nl,
+  cs,
+  fi,
+  pt,
+  ca,
+} from 'date-fns/locale'
+
 export const translateLang = (lang) => {
   // this is needed so that we use the correct keys for Phrase
   if (lang === 'en') {
@@ -55,30 +73,83 @@ export const translateLang = (lang) => {
   }
 }
 
+export const getDateFormat = (lang) => {
+  const formatMap = {
+    'en-us': 'MM/dd/yyyy',
+    'en-gb': 'dd/MM/yyyy',
+    en: 'MM/dd/yyyy',
+    'de-de': 'dd.MM.yyyy',
+    'de-at': 'dd.MM.yyyy',
+    'de-ch': 'dd.MM.yyyy',
+    'de-lu': 'dd.MM.yyyy',
+    'de-be': 'dd.MM.yyyy',
+    de: 'dd.MM.yyyy',
+    'fr-fr': 'dd/MM/yyyy',
+    'fr-be': 'dd/MM/yyyy',
+    'fr-lu': 'dd/MM/yyyy',
+    'fr-ch': 'dd/MM/yyyy',
+    fr: 'dd/MM/yyyy',
+    'it-it': 'dd/MM/yyyy',
+    'it-ch': 'dd/MM/yyyy',
+    it: 'dd/MM/yyyy',
+    'da-dk': 'dd.MM.yyyy',
+    'pl-pl': 'dd.MM.yyyy',
+    'sv-se': 'yyyy-MM-dd',
+    'no-no': 'dd.MM.yyyy',
+    'nb-no': 'dd.MM.yyyy',
+    'nl-nl': 'dd-MM-yyyy',
+    'nl-be': 'dd-MM-yyyy',
+    cs: 'dd.MM.yyyy',
+    'fi-fi': 'dd.MM.yyyy',
+    'pt-pt': 'dd/MM/yyyy',
+    'es-es': 'dd/MM/yyyy',
+    'ca-es': 'dd/MM/yyyy',
+  }
+
+  return formatMap[lang.toLowerCase()] || 'MM/dd/yyyy' // Fallback to en-US format
+}
+
 export const datePickerLang = (lang) => {
-  if (
-    lang === 'de-de' ||
-    lang === 'de-ch' ||
-    lang === 'de-lu' ||
-    lang === 'de-be'
-  ) {
-    return 'de'
-  } else if (
-    lang === 'fr-fr' ||
-    lang === 'fr-ch' ||
-    lang === 'fr-lu' ||
-    lang === 'fr-be'
-  ) {
-    return 'fr'
-  } else if (lang === 'it-it' || lang === 'it-ch') {
-    return 'it'
-  } else if (lang === 'en-us' || lang === 'en-gb') {
-    return 'en'
-  } else if (lang === 'es-es' || lang === 'ca-es' || lang === 'pt-pt') {
-    return 'es'
-  } else {
-    return lang
+  const localeMap = {
+    'en-us': enUS,
+    'en-gb': enGB,
+    en: enUS,
+    'de-de': de,
+    'de-at': de,
+    'de-ch': de,
+    'de-lu': de,
+    'de-be': de,
+    de: de,
+    'fr-fr': fr,
+    'fr-be': fr,
+    'fr-lu': fr,
+    'fr-ch': fr,
+    fr: fr,
+    'it-it': it,
+    'it-ch': it,
+    it: it,
+    'da-dk': da,
+    'pl-pl': pl,
+    'sv-se': sv,
+    'no-no': nb,
+    'nb-no': nb,
+    'nl-nl': nl,
+    'nl-be': nl,
+    cs: cs,
+    'fi-fi': fi,
+    'pt-pt': pt,
+    'es-es': es,
+    'ca-es': ca,
+  }
+
+  const normalizedLang = lang ? lang.toLowerCase() : 'en-us'
+  const locale = localeMap[normalizedLang] || enUS
+  if (!localeMap[normalizedLang]) {
+    console.warn(
+      `Unsupported language for datePickerLang: ${lang}, falling back to enUS`
+    )
   }
+  return locale
 }
 
 export const tinyLanguage = (lang) => {
@@ -123,6 +194,6 @@ export const langForLocaleString = () => {
       : localStorage.getItem('lang') === 'ca-es'
       ? 'es-es'
       : localStorage.getItem('lang')
-    : 'en-US'
-  return selectedLang !== 'null' ? selectedLang : 'en-US'
+    : 'en-us'
+  return selectedLang !== 'null' ? selectedLang : 'en-us'
 }

package/src/main.js

@@ -3,5 +3,6 @@ import { createApp } from 'vue'
 import router from './router/dynamicRoutes'
 
 const app = createApp(App)
+
 app.use(router)
 app.mount('#app')