@bagelink/vue 0.0.875 → 0.0.878

package/dist/components/MapEmbed.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MapEmbed.vue.d.ts","sourceRoot":"","sources":["../../src/components/MapEmbed.vue"],"names":[],"mappings":"AAAA,OAoMO,KAAK,EAAE,gBAAgB,EAAsB,MAAM,SAAS,CAAA;AAGnE,OAAO,uBAAuB,CAAA;AAI9B,KAAK,SAAS,GAAG;IAChB,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAClB,GAAG,CAAC,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,CAAA;;aAGxC,gBAAgB;WAClB,MAAM;aACJ,MAAM;kBACD,OAAO;cACX,SAAS,EAAE;iBACR,MAAM;;;;aALV,gBAAgB;WAClB,MAAM;aACJ,MAAM;kBACD,OAAO;cACX,SAAS,EAAE;iBACR,MAAM;;;;YAHV,MAAM;YAFN,gBAAgB;UAClB,MAAM;iBAEC,OAAO;gBAER,MAAM;;AA2JrB,wBAQG"}
+{"version":3,"file":"MapEmbed.vue.d.ts","sourceRoot":"","sources":["../../src/components/MapEmbed.vue"],"names":[],"mappings":"AAoMA,OAAO,KAAK,EAAE,gBAAgB,EAAe,MAAM,SAAS,CAAA;AAG5D,OAAO,uBAAuB,CAAA;AAI9B,KAAK,SAAS,GAAG;IAChB,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAClB,GAAG,CAAC,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,CAAA;;aAGxC,gBAAgB;WAClB,MAAM;aACJ,MAAM;kBACD,OAAO;cACX,SAAS,EAAE;iBACR,MAAM;;;;aALV,gBAAgB;WAClB,MAAM;aACJ,MAAM;kBACD,OAAO;cACX,SAAS,EAAE;iBACR,MAAM;;;;YAHV,MAAM;YAFN,gBAAgB;UAClB,MAAM;iBAEC,OAAO;gBAER,MAAM;;AA2JrB,wBAQG"}

package/dist/components/form/inputs/index.d.ts

@@ -10,8 +10,8 @@ export { default as PasswordInput } from './PasswordInput.vue';
 export { default as RadioGroup } from './RadioGroup.vue';
 export { default as RadioPillsInput } from './RadioPillsInput.vue';
 export { default as RangeInput } from './RangeInput.vue';
-export { default as RichText2 } from './RichText.vue';
-export { default as RichText } from './RichText2/index.vue';
+export { default as RichText } from './RichText.vue';
+export { default as RichText2 } from './RichText2/index.vue';
 export { default as SelectInput } from './SelectInput.vue';
 export { default as SignaturePad } from './SignaturePad.vue';
 export { default as TableField } from './TableField.vue';

package/dist/components/form/inputs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/index.cjs

@@ -9589,7 +9589,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
       if (props2.field.$el === "select") return SelectInput;
       if (props2.field.$el === "toggle") return ToggleInput;
       if (props2.field.$el === "check") return CheckInput;
-      if (props2.field.$el === "richtext") return RichText;
+      if (props2.field.$el === "richtext") return _sfc_main$w;
       if (props2.field.$el === "file") return $el;
       if (props2.field.$el === "date") return _sfc_main$F;
       return props2.field.$el ?? "div";
@@ -43960,7 +43960,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const RichText = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-492bb647"]]);
+const index$1 = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-492bb647"]]);
 const _hoisted_1$m = { class: "flex gap-05" };
 const _hoisted_2$e = ["disabled"];
 const _hoisted_3$b = { key: 1 };
@@ -56142,6 +56142,79 @@ const IMAGE_FORMATS = ["jpeg", "png", "webp", "avif", "apng", "gif", "avifs", "s
 const IMAGE_FORMATS_REGEXP = new RegExp(`(${IMAGE_FORMATS.join("|")})$`, "i");
 const VIDEO_FORMATS = ["mp4", "webm", "ogg", "mov", "avi", "flv", "wmv", "mkv", "ts", "m3u8"];
 const VIDEO_FORMATS_REGEXP = new RegExp(`(${VIDEO_FORMATS.join("|")})$`, "i");
+const translations = {
+  en: {
+    year: "year",
+    month: "month",
+    week: "week",
+    day: "day",
+    hour: "hour",
+    minute: "minute",
+    second: "second",
+    ago: "ago",
+    justNow: "Just now"
+  },
+  es: {
+    year: "año",
+    month: "mes",
+    week: "semana",
+    day: "día",
+    hour: "hora",
+    minute: "minuto",
+    second: "segundo",
+    ago: "hace",
+    justNow: "Justo ahora"
+  },
+  fr: {
+    year: "an",
+    month: "mois",
+    week: "semaine",
+    day: "jour",
+    hour: "heure",
+    minute: "minute",
+    second: "seconde",
+    ago: "il y a",
+    justNow: "À l’instant"
+  },
+  he: {
+    year: "שנה",
+    month: "חודש",
+    week: "שבוע",
+    day: "יום",
+    hour: "שעה",
+    minute: "דקה",
+    second: "שנייה",
+    ago: "לפני",
+    justNow: "זה עתה"
+  }
+};
+function timeAgo(date2, lang = "en") {
+  if (!date2) return "";
+  if (typeof date2 === "string") date2 = new Date(date2);
+  const now = /* @__PURE__ */ new Date();
+  const nowNumber = now.getTime();
+  const dateNumber = date2.getTime();
+  const seconds = Math.floor((nowNumber - dateNumber) / 1e3);
+  const intervals = [
+    { label: "year", seconds: 31536e3 },
+    { label: "month", seconds: 2592e3 },
+    { label: "week", seconds: 604800 },
+    { label: "day", seconds: 86400 },
+    { label: "hour", seconds: 3600 },
+    { label: "minute", seconds: 60 },
+    { label: "second", seconds: 1 }
+  ];
+  const selectedLang = translations[lang];
+  for (const interval of intervals) {
+    const count2 = Math.floor(seconds / interval.seconds);
+    if (count2 >= 1) {
+      const suffix = lang === "he" ? "" : ` ${selectedLang.ago}`;
+      const prefix = lang === "he" ? "לפני " : "";
+      return `${prefix}${count2} ${selectedLang[interval.label]}${suffix}`;
+    }
+  }
+  return selectedLang.justNow;
+}
 exports.Accordion = _sfc_main$Z;
 exports.AccordionItem = AccordionItem;
 exports.AddressSearch = _sfc_main$X;
@@ -56189,8 +56262,8 @@ exports.Pill = Pill;
 exports.RadioGroup = RadioGroup;
 exports.RadioPillsInput = RadioPillsInput;
 exports.RangeInput = RangeInput;
-exports.RichText = RichText;
-exports.RichText2 = _sfc_main$w;
+exports.RichText = _sfc_main$w;
+exports.RichText2 = index$1;
 exports.RouterWrapper = RouterWrapper;
 exports.SelectInput = SelectInput;
 exports.SidebarMenu = SidebarMenu;
@@ -56227,6 +56300,7 @@ exports.initials = initials;
 exports.isDate = isDate;
 exports.keyToLabel = keyToLabel;
 exports.sleep = sleep;
+exports.timeAgo = timeAgo;
 exports.useBagel = useBagel;
 exports.useBglSchema = useBglSchema;
 exports.useEscape = useEscape;

package/dist/index.d.ts

@@ -6,4 +6,5 @@ export * from './types';
 export * from './utils';
 export * from './utils/allCountries';
 export * from './utils/constants';
+export * from './utils/timeAgo';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,OAAO,EACN,iBAAiB,EACjB,KAAK,YAAY,EACjB,QAAQ,EACR,iBAAiB,EACjB,QAAQ,EACR,QAAQ,GACR,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AACvD,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,sBAAsB,CAAA;AACpC,cAAc,mBAAmB,CAAA;AACjC,OAAO,oBAAoB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,OAAO,EACN,iBAAiB,EACjB,KAAK,YAAY,EACjB,QAAQ,EACR,iBAAiB,EACjB,QAAQ,EACR,QAAQ,GACR,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AACvD,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,sBAAsB,CAAA;AACpC,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,OAAO,oBAAoB,CAAA"}

package/dist/index.mjs

@@ -9587,7 +9587,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
       if (props2.field.$el === "select") return SelectInput;
       if (props2.field.$el === "toggle") return ToggleInput;
       if (props2.field.$el === "check") return CheckInput;
-      if (props2.field.$el === "richtext") return RichText;
+      if (props2.field.$el === "richtext") return _sfc_main$w;
       if (props2.field.$el === "file") return $el;
       if (props2.field.$el === "date") return _sfc_main$F;
       return props2.field.$el ?? "div";
@@ -43958,7 +43958,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const RichText = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-492bb647"]]);
+const index$1 = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-492bb647"]]);
 const _hoisted_1$m = { class: "flex gap-05" };
 const _hoisted_2$e = ["disabled"];
 const _hoisted_3$b = { key: 1 };
@@ -56140,6 +56140,79 @@ const IMAGE_FORMATS = ["jpeg", "png", "webp", "avif", "apng", "gif", "avifs", "s
 const IMAGE_FORMATS_REGEXP = new RegExp(`(${IMAGE_FORMATS.join("|")})$`, "i");
 const VIDEO_FORMATS = ["mp4", "webm", "ogg", "mov", "avi", "flv", "wmv", "mkv", "ts", "m3u8"];
 const VIDEO_FORMATS_REGEXP = new RegExp(`(${VIDEO_FORMATS.join("|")})$`, "i");
+const translations = {
+  en: {
+    year: "year",
+    month: "month",
+    week: "week",
+    day: "day",
+    hour: "hour",
+    minute: "minute",
+    second: "second",
+    ago: "ago",
+    justNow: "Just now"
+  },
+  es: {
+    year: "año",
+    month: "mes",
+    week: "semana",
+    day: "día",
+    hour: "hora",
+    minute: "minuto",
+    second: "segundo",
+    ago: "hace",
+    justNow: "Justo ahora"
+  },
+  fr: {
+    year: "an",
+    month: "mois",
+    week: "semaine",
+    day: "jour",
+    hour: "heure",
+    minute: "minute",
+    second: "seconde",
+    ago: "il y a",
+    justNow: "À l’instant"
+  },
+  he: {
+    year: "שנה",
+    month: "חודש",
+    week: "שבוע",
+    day: "יום",
+    hour: "שעה",
+    minute: "דקה",
+    second: "שנייה",
+    ago: "לפני",
+    justNow: "זה עתה"
+  }
+};
+function timeAgo(date2, lang = "en") {
+  if (!date2) return "";
+  if (typeof date2 === "string") date2 = new Date(date2);
+  const now = /* @__PURE__ */ new Date();
+  const nowNumber = now.getTime();
+  const dateNumber = date2.getTime();
+  const seconds = Math.floor((nowNumber - dateNumber) / 1e3);
+  const intervals = [
+    { label: "year", seconds: 31536e3 },
+    { label: "month", seconds: 2592e3 },
+    { label: "week", seconds: 604800 },
+    { label: "day", seconds: 86400 },
+    { label: "hour", seconds: 3600 },
+    { label: "minute", seconds: 60 },
+    { label: "second", seconds: 1 }
+  ];
+  const selectedLang = translations[lang];
+  for (const interval of intervals) {
+    const count2 = Math.floor(seconds / interval.seconds);
+    if (count2 >= 1) {
+      const suffix = lang === "he" ? "" : ` ${selectedLang.ago}`;
+      const prefix = lang === "he" ? "לפני " : "";
+      return `${prefix}${count2} ${selectedLang[interval.label]}${suffix}`;
+    }
+  }
+  return selectedLang.justNow;
+}
 export {
   _sfc_main$Z as Accordion,
   AccordionItem,
@@ -56188,8 +56261,8 @@ export {
   RadioGroup,
   RadioPillsInput,
   RangeInput,
-  RichText,
-  _sfc_main$w as RichText2,
+  _sfc_main$w as RichText,
+  index$1 as RichText2,
   RouterWrapper,
   SelectInput,
   SidebarMenu,
@@ -56226,6 +56299,7 @@ export {
   isDate,
   keyToLabel,
   sleep,
+  timeAgo,
   useBagel,
   useBglSchema,
   useEscape,

package/dist/style.css

@@ -6325,6 +6325,10 @@ to {
     display: flex;
     align-items: center;
 }
+.inline-flex {
+    display: inline-flex;
+    align-items: center;
+}
 .flex-stretch {
     display: flex;
     align-items: stretch;
@@ -6837,6 +6841,10 @@ to {
         display: flex !important;
     }
 
+    .inline-flex {
+        display: inline-flex !important;
+    }
+
     .m_grid {
         display: grid !important;
     }

package/dist/utils/timeAgo.d.ts

@@ -0,0 +1,4 @@
+type AvailableTimeLanguages = 'en' | 'es' | 'fr' | 'he';
+export declare function timeAgo(date: string | Date, lang?: AvailableTimeLanguages): string;
+export {};
+//# sourceMappingURL=timeAgo.d.ts.map

package/dist/utils/timeAgo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeAgo.d.ts","sourceRoot":"","sources":["../../src/utils/timeAgo.ts"],"names":[],"mappings":"AAAA,KAAK,sBAAsB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAmDvD,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,IAAI,GAAE,sBAA6B,UA8B/E"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.875",
+  "version": "0.0.878",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",

package/src/components/MapEmbed.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { LatLngExpression, Layer, Map, Marker } from 'leaflet'
+import type { LatLngExpression, Map, Marker } from 'leaflet'
 import { appendScript, sleep } from '@bagelink/vue'
 import { onMounted, watch } from 'vue'
 import './leaflet/leaflet.css'

package/src/components/form/inputs/index.ts

@@ -10,8 +10,8 @@ export { default as PasswordInput } from './PasswordInput.vue'
 export { default as RadioGroup } from './RadioGroup.vue'
 export { default as RadioPillsInput } from './RadioPillsInput.vue'
 export { default as RangeInput } from './RangeInput.vue'
-export { default as RichText2 } from './RichText.vue'
-export { default as RichText } from './RichText2/index.vue'
+export { default as RichText } from './RichText.vue'
+export { default as RichText2 } from './RichText2/index.vue'
 export { default as SelectInput } from './SelectInput.vue'
 export { default as SignaturePad } from './SignaturePad.vue'
 export { default as TableField } from './TableField.vue'

package/src/index.ts

@@ -13,4 +13,5 @@ export * from './types'
 export * from './utils'
 export * from './utils/allCountries'
 export * from './utils/constants'
+export * from './utils/timeAgo'
 import './styles/bagel.css'

package/src/styles/layout.css

@@ -3630,6 +3630,11 @@
     align-items: center;
 }
 
+.inline-flex {
+    display: inline-flex;
+    align-items: center;
+}
+
 .flex-stretch {
     display: flex;
     align-items: stretch;

package/src/styles/mobilLayout.css

@@ -15,6 +15,10 @@
         display: flex !important;
     }
 
+    .inline-flex {
+        display: inline-flex !important;
+    }
+
     .m_grid {
         display: grid !important;
     }

package/src/utils/timeAgo.ts

@@ -0,0 +1,82 @@
+type AvailableTimeLanguages = 'en' | 'es' | 'fr' | 'he'
+interface LanguageTranslations {
+	[key: string]: string
+}
+const translations: Record<AvailableTimeLanguages, LanguageTranslations> = {
+	en: {
+		year: 'year',
+		month: 'month',
+		week: 'week',
+		day: 'day',
+		hour: 'hour',
+		minute: 'minute',
+		second: 'second',
+		ago: 'ago',
+		justNow: 'Just now'
+	},
+	es: {
+		year: 'año',
+		month: 'mes',
+		week: 'semana',
+		day: 'día',
+		hour: 'hora',
+		minute: 'minuto',
+		second: 'segundo',
+		ago: 'hace',
+		justNow: 'Justo ahora'
+	},
+	fr: {
+		year: 'an',
+		month: 'mois',
+		week: 'semaine',
+		day: 'jour',
+		hour: 'heure',
+		minute: 'minute',
+		second: 'seconde',
+		ago: 'il y a',
+		justNow: 'À l’instant'
+	},
+	he: {
+		year: 'שנה',
+		month: 'חודש',
+		week: 'שבוע',
+		day: 'יום',
+		hour: 'שעה',
+		minute: 'דקה',
+		second: 'שנייה',
+		ago: 'לפני',
+		justNow: 'זה עתה'
+	}
+}
+
+export function timeAgo(date: string | Date, lang: AvailableTimeLanguages = 'en') {
+	if (!date) return ''
+	if (typeof date === 'string') date = new Date(date)
+	const now: Date = new Date()
+	const nowNumber = now.getTime()
+	const dateNumber = date.getTime()
+	const seconds = Math.floor((nowNumber - dateNumber) / 1000)
+
+	const intervals = [
+		{ label: 'year', seconds: 31536000 },
+		{ label: 'month', seconds: 2592000 },
+		{ label: 'week', seconds: 604800 },
+		{ label: 'day', seconds: 86400 },
+		{ label: 'hour', seconds: 3600 },
+		{ label: 'minute', seconds: 60 },
+		{ label: 'second', seconds: 1 }
+	]
+
+	const selectedLang = translations[lang]
+
+	for (const interval of intervals) {
+		const count = Math.floor(seconds / interval.seconds)
+		if (count >= 1) {
+			const suffix = lang === 'he' ? '' : ` ${selectedLang.ago}`
+			const prefix = lang === 'he' ? 'לפני ' : ''
+			return `${prefix}${count} ${selectedLang[interval.label]}${suffix}`
+		}
+	}
+
+	return selectedLang.justNow
+}