@adyen/bento-vue3 1.89.2 → 1.90.0

package/dist/chunks/{header-meta.Bym9AlQm.js → header-meta.CmH6SnjE.js}

@@ -1,14 +1,14 @@
-import { shallowRef as C, watch as F, defineComponent as R, ref as g, openBlock as v, createElementBlock as S, createVNode as y, unref as d, createBlock as T, withCtx as _, renderSlot as w, toDisplayString as M, createCommentVNode as h, computed as P, useSlots as $, createTextVNode as B } from "vue";
-import { h as Y, a as z } from "./button-actions.cMQWyZne.js";
-import { B as A } from "./popover.types.D8tHtFl3.js";
-import { p as H, B as j } from "./typography.B3J6_tYk.js";
-import { g as V } from "./generate-uid.DBWe4g6T.js";
+import { shallowRef as L, watch as C, defineComponent as x, ref as I, openBlock as v, createElementBlock as S, createVNode as y, unref as c, createBlock as O, withCtx as _, renderSlot as E, toDisplayString as M, createCommentVNode as h, computed as j, useSlots as F, createTextVNode as B } from "vue";
+import { h as $, a as A } from "./button-actions.Bh_PZ_fV.js";
+import { B as Y } from "./popover.types.D8tHtFl3.js";
+import { p as G, B as T } from "./typography.B3J6_tYk.js";
+import { g as H } from "./generate-uid.DBWe4g6T.js";
 import { u as X } from "./index.B875RXHM.js";
-import { I as G } from "./info.6Z6NxUst.js";
+import { I as V } from "./info.6Z6NxUst.js";
 import { _ as N } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { u as J } from "./use-has-slot.CyMiImRQ.js";
-import { c as W } from "./constructNow.D9uRk678.js";
-import { t as U, d as q, n as K, k, j as Q, o as x, p as I, g as Z } from "./en-US.CCazFVNP.js";
+import { u as W } from "./use-has-slot.CyMiImRQ.js";
+import { c as J } from "./constructNow.D9uRk678.js";
+import { t as P, d as q, n as K, k, j as Q, o as R, p as g, g as Z } from "./en-US.CCazFVNP.js";
 import { d as ee } from "./differenceInMonths.s_znQQpw.js";
 import { g as te } from "./getRoundingMethod.C3eaeGLR.js";
 import { R as oe } from "./refresh.C31KClfx.js";
@@ -24,13 +24,13 @@ const D = /* @__PURE__ */ Object.assign({
   "../../../node_modules/date-fns/locale/pt-BR.js": () => import("./pt-BR.DmhmCzxE.js"),
   "../../../node_modules/date-fns/locale/zh-CN.js": () => import("./zh-CN.Ce34mXsX.js")
 });
-function ne(o) {
-  const a = C(void 0);
-  return F(
+function ae(o) {
+  const n = L(void 0);
+  return C(
     o,
     async (s) => {
       if (!s) {
-        a.value = void 0;
+        n.value = void 0;
         return;
       }
       const r = (l) => `../../../node_modules/date-fns/locale/${l}.js`;
@@ -38,69 +38,76 @@ function ne(o) {
       if (D[e] || (e = r(s.substring(0, 2))), D[e] || (e = r("en-US")), D[e])
         try {
           const l = await D[e]();
-          a.value = l.default;
+          n.value = l.default;
         } catch (l) {
-          H(`Failed to load date-fns locale: ${s}`, l);
+          G(`Failed to load date-fns locale: ${s}`, l);
         }
     },
     { immediate: !0 }
-  ), a;
+  ), n;
 }
-function ae(o, a) {
-  return +U(o) - +U(a);
+function ne(o, n) {
+  return +P(o) - +P(n);
 }
-function se(o, a, s) {
-  const r = ae(o, a) / 1e3;
+function se(o, n, s) {
+  const r = ne(o, n) / 1e3;
   return te(s?.roundingMethod)(r);
 }
-function re(o, a, s) {
-  const r = Z(), e = s?.locale ?? r.locale ?? Q, l = 2520, c = q(o, a);
-  if (isNaN(c)) throw new RangeError("Invalid time value");
+function re(o, n, s) {
+  const r = Z(), e = s?.locale ?? r.locale ?? Q, l = 2520, d = q(o, n);
+  if (isNaN(d)) throw new RangeError("Invalid time value");
   const t = Object.assign({}, s, {
     addSuffix: s?.addSuffix,
-    comparison: c
+    comparison: d
   }), [f, i] = K(
     s?.in,
-    ...c > 0 ? [a, o] : [o, a]
-  ), u = se(i, f), b = (k(i) - k(f)) / 1e3, n = Math.round((u - b) / 60);
+    ...d > 0 ? [n, o] : [o, n]
+  ), u = se(i, f), U = (k(i) - k(f)) / 1e3, a = Math.round((u - U) / 60);
   let p;
-  if (n < 2)
-    return s?.includeSeconds ? u < 5 ? e.formatDistance("lessThanXSeconds", 5, t) : u < 10 ? e.formatDistance("lessThanXSeconds", 10, t) : u < 20 ? e.formatDistance("lessThanXSeconds", 20, t) : u < 40 ? e.formatDistance("halfAMinute", 0, t) : u < 60 ? e.formatDistance("lessThanXMinutes", 1, t) : e.formatDistance("xMinutes", 1, t) : n === 0 ? e.formatDistance("lessThanXMinutes", 1, t) : e.formatDistance("xMinutes", n, t);
-  if (n < 45)
-    return e.formatDistance("xMinutes", n, t);
-  if (n < 90)
+  if (a < 2)
+    return s?.includeSeconds ? u < 5 ? e.formatDistance("lessThanXSeconds", 5, t) : u < 10 ? e.formatDistance("lessThanXSeconds", 10, t) : u < 20 ? e.formatDistance("lessThanXSeconds", 20, t) : u < 40 ? e.formatDistance("halfAMinute", 0, t) : u < 60 ? e.formatDistance("lessThanXMinutes", 1, t) : e.formatDistance("xMinutes", 1, t) : a === 0 ? e.formatDistance("lessThanXMinutes", 1, t) : e.formatDistance("xMinutes", a, t);
+  if (a < 45)
+    return e.formatDistance("xMinutes", a, t);
+  if (a < 90)
     return e.formatDistance("aboutXHours", 1, t);
-  if (n < x) {
-    const m = Math.round(n / 60);
+  if (a < R) {
+    const m = Math.round(a / 60);
     return e.formatDistance("aboutXHours", m, t);
   } else {
-    if (n < l)
+    if (a < l)
       return e.formatDistance("xDays", 1, t);
-    if (n < I) {
-      const m = Math.round(n / x);
+    if (a < g) {
+      const m = Math.round(a / R);
       return e.formatDistance("xDays", m, t);
-    } else if (n < I * 2)
-      return p = Math.round(n / I), e.formatDistance("aboutXMonths", p, t);
+    } else if (a < g * 2)
+      return p = Math.round(a / g), e.formatDistance("aboutXMonths", p, t);
   }
   if (p = ee(i, f), p < 12) {
-    const m = Math.round(n / I);
+    const m = Math.round(a / g);
     return e.formatDistance("xMonths", m, t);
   } else {
-    const m = p % 12, O = Math.trunc(p / 12);
-    return m < 3 ? e.formatDistance("aboutXYears", O, t) : m < 9 ? e.formatDistance("overXYears", O, t) : e.formatDistance("almostXYears", O + 1, t);
+    const m = p % 12, b = Math.trunc(p / 12);
+    return m < 3 ? e.formatDistance("aboutXYears", b, t) : m < 9 ? e.formatDistance("overXYears", b, t) : e.formatDistance("almostXYears", b + 1, t);
   }
 }
-function ie(o, a) {
-  return re(o, W(o), a);
+function ie(o, n) {
+  return re(o, J(o), n);
 }
-const E = {
+const w = {
+  "de-DE": { moreInformation: "Weitere Informationen" },
+  "en-GB": { moreInformation: "More information" },
   "en-US": { moreInformation: "More information" },
+  "es-ES": { moreInformation: "Más información" },
+  "es-MX": { moreInformation: "Más información" },
+  "fr-FR": { moreInformation: "Plus d'informations" },
+  "it-IT": { moreInformation: "Ulteriori informazioni" },
   "ja-JP": { moreInformation: "詳細情報" },
-  "pt-BR": { moreInformation: "Mais informações" }
-}, le = { key: 0 }, ce = {
-  i18n: { messages: E }
-}, de = /* @__PURE__ */ R({
-  ...ce,
+  "pt-BR": { moreInformation: "Mais informações" },
+  "zh-CN": { moreInformation: "更多信息" }
+}, le = { key: 0 }, de = {
+  i18n: { messages: w }
+}, ce = /* @__PURE__ */ x({
+  ...de,
   __name: "info-icon-with-popover",
   props: {
     /**
@@ -113,23 +120,23 @@ const E = {
     popoverPosition: {
       type: String,
       default: "bottom-start",
-      validator: (o) => Object.values(A).includes(o)
+      validator: (o) => Object.values(Y).includes(o)
     }
   },
   setup(o) {
-    const { t: s } = X({ messages: E }), r = g(), e = g(null), l = V("bento-info-icon-with-popover"), c = g(), t = g(), f = () => {
-      c.value = !0, t.value && clearTimeout(t.value);
+    const { t: s } = X({ messages: w }), r = I(), e = I(null), l = H("bento-info-icon-with-popover"), d = I(), t = I(), f = () => {
+      d.value = !0, t.value && clearTimeout(t.value);
     }, i = () => {
-      const n = setTimeout(() => {
-        c.value = !1;
+      const a = setTimeout(() => {
+        d.value = !1;
       }, 200);
-      t.value = n;
+      t.value = a;
     }, u = () => {
       f();
-    }, b = (n) => {
-      (!r.value || !(n?.relatedTarget instanceof Element) || !r.value.contains(n.relatedTarget)) && i();
+    }, U = (a) => {
+      (!r.value || !(a?.relatedTarget instanceof Element) || !r.value.contains(a.relatedTarget)) && i();
     };
-    return (n, p) => (v(), S("div", {
+    return (a, p) => (v(), S("div", {
       ref_key: "infoIconRef",
       ref: r,
       class: "b-info-icon-with-popover",
@@ -138,19 +145,19 @@ const E = {
       onMouseenter: f,
       onMouseleave: i,
       onFocus: u,
-      onFocusout: b
+      onFocusout: U
     }, [
-      y(d(G), {
+      y(c(V), {
         ref_key: "targetElement",
         ref: e,
         class: "b-info-icon-with-popover__svg",
-        "aria-expanded": c.value,
-        "aria-describedby": d(l),
-        "svg-title": d(s)("moreInformation")
+        "aria-expanded": d.value,
+        "aria-describedby": c(l),
+        "svg-title": c(s)("moreInformation")
       }, null, 8, ["aria-expanded", "aria-describedby", "svg-title"]),
-      e.value ? (v(), T(d(Y), {
+      e.value ? (v(), O(c($), {
         key: 0,
-        open: c.value,
+        open: d.value,
         "target-element": e.value,
         position: o.popoverPosition,
         role: "tooltip",
@@ -158,9 +165,9 @@ const E = {
         "disable-focus-trap": ""
       }, {
         default: _(() => [
-          y(d(j), null, {
+          y(c(T), null, {
             default: _(() => [
-              w(n.$slots, "default", {}, () => [
+              E(a.$slots, "default", {}, () => [
                 o.popoverText ? (v(), S("div", le, M(o.popoverText), 1)) : h("", !0)
               ], !0)
             ]),
@@ -171,16 +178,23 @@ const E = {
       }, 8, ["open", "target-element", "position"])) : h("", !0)
     ], 544));
   }
-}), Pe = /* @__PURE__ */ N(de, [["__scopeId", "data-v-7949c381"]]), L = {
+}), je = /* @__PURE__ */ N(ce, [["__scopeId", "data-v-7949c381"]]), z = {
+  "de-DE": { lastUpdated: "Letzte Aktualisierung: {date}" },
+  "en-GB": { lastUpdated: "Last updated: {date}" },
   "en-US": { lastUpdated: "Last updated: {date}" },
+  "es-ES": { lastUpdated: "Última actualización: {date}" },
+  "es-MX": { lastUpdated: "Última actualización: {date}" },
+  "fr-FR": { lastUpdated: "Dernière mise à jour : le {date}" },
+  "it-IT": { lastUpdated: "Ultimo aggiornamento: {date}" },
   "ja-JP": { lastUpdated: "最終更新日: {date}" },
-  "pt-BR": { lastUpdated: "Última atualização: {date}" }
+  "pt-BR": { lastUpdated: "Última atualização: {date}" },
+  "zh-CN": { lastUpdated: "最后更新时间：{date}" }
 }, ue = { class: "b-header-meta__container" }, fe = {
   key: 1,
   class: "b-header-meta__timestamp-section"
 }, me = {
-  i18n: { messages: L }
-}, pe = /* @__PURE__ */ R({
+  i18n: { messages: z }
+}, pe = /* @__PURE__ */ x({
   ...me,
   __name: "header-meta",
   props: {
@@ -189,45 +203,45 @@ const E = {
     reloadButton: { default: null }
   },
   setup(o) {
-    const { t: a, locale: s } = X({ messages: L }), r = o, e = P(() => r.lastUpdated ? s.value : ""), l = ne(e), c = P(
-      () => r.lastUpdated ? a("lastUpdated", {
+    const { t: n, locale: s } = X({ messages: z }), r = o, e = j(() => r.lastUpdated ? s.value : ""), l = ae(e), d = j(
+      () => r.lastUpdated ? n("lastUpdated", {
         date: ie(r.lastUpdated, {
           locale: l.value,
           addSuffix: !0
         })
       }) : null
-    ), t = $(), f = J(t);
+    ), t = F(), f = W(t);
     return (i, u) => (v(), S("div", ue, [
-      i.description || d(f)("description") ? (v(), T(d(j), {
+      i.description || c(f)("description") ? (v(), O(c(T), {
         key: 0,
         class: "b-header-meta__description",
         el: "div"
       }, {
         default: _(() => [
-          w(i.$slots, "description", {}, () => [
+          E(i.$slots, "description", {}, () => [
             B(M(i.description), 1)
           ], !0)
         ]),
         _: 3
       })) : h("", !0),
       i.lastUpdated ? (v(), S("div", fe, [
-        y(d(j), {
+        y(c(T), {
           class: "b-header-meta__timestamp",
           el: "div"
         }, {
           default: _(() => [
-            B(M(c.value), 1)
+            B(M(d.value), 1)
           ]),
           _: 1
         }),
-        i.reloadButton ? (v(), T(d(z), {
+        i.reloadButton ? (v(), O(c(A), {
           key: 0,
           variant: "tertiary",
           state: i.reloadButton.state,
           onClick: i.reloadButton.event
         }, {
           iconLeft: _(() => [
-            y(d(oe), { "aria-hidden": "true" })
+            y(c(oe), { "aria-hidden": "true" })
           ]),
           default: _(() => [
             B(M(i.reloadButton.title), 1)
@@ -237,9 +251,9 @@ const E = {
       ])) : h("", !0)
     ]));
   }
-}), Ue = /* @__PURE__ */ N(pe, [["__scopeId", "data-v-7ffeebd4"]]);
+}), Pe = /* @__PURE__ */ N(pe, [["__scopeId", "data-v-7ffeebd4"]]);
 export {
-  Ue as H,
-  Pe as I
+  Pe as H,
+  je as I
 };
-//# sourceMappingURL=header-meta.Bym9AlQm.js.map
+//# sourceMappingURL=header-meta.CmH6SnjE.js.map

package/dist/chunks/{header-meta.Bym9AlQm.js.map → header-meta.CmH6SnjE.js.map}

@@ -1 +1 @@
-{"version":3,"file":"header-meta.Bym9AlQm.js","sources":["../../../vue2/src/composables/use-dynamic-date-fns-locale/use-dynamic-date-fns-locale.ts","../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInMilliseconds.js","../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInSeconds.js","../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/formatDistance.js","../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/formatDistanceToNow.js","../../../vue2/src/components/internal/info-icon-with-popover/info-icon-with-popover.vue","../../../vue2/src/components/internal/header-meta/header-meta.vue"],"sourcesContent":["import { type Ref, shallowRef, watch } from 'vue';\nimport type { Locale } from 'date-fns';\nimport { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\n\n/*\n * IMPORTANT: Keep this list in sync with the locales in locales.ts\n */\nconst dateFnsLocales = import.meta.glob(\n    '../../../node_modules/date-fns/locale/{de,en-GB,en-US,es,fr,it,ja,pt-BR,zh-CN}.js'\n);\n\n/**\n * A composable that provides a reactive date-fns locale object based on the provided locale string.\n * @param i18nLocale - A Ref containing the current locale string (e.g., 'en-US', 'pt-BR').\n * @returns A shallowRef containing the current date-fns Locale object.\n */\nexport function useDynamicDateFnsLocale(i18nLocale: Ref<string>) {\n    const dateLocale = shallowRef<Locale | undefined>(undefined);\n\n    watch(\n        i18nLocale,\n        async newLocale => {\n            if (!newLocale) {\n                dateLocale.value = undefined;\n                return;\n            }\n\n            const getPath = (loc: string) => `../../../node_modules/date-fns/locale/${loc}.js`;\n\n            // Try the full locale first (e.g., 'pt-BR')\n            let path = getPath(newLocale);\n\n            // Fallback to 2-letter code if full locale not found (e.g., 'pt')\n            if (!dateFnsLocales[path]) {\n                path = getPath(newLocale.substring(0, 2));\n            }\n\n            // Default fallback to 'en-US'\n            if (!dateFnsLocales[path]) {\n                path = getPath('en-US');\n            }\n\n            if (dateFnsLocales[path]) {\n                try {\n                    const dateFnsImport = (await dateFnsLocales[path]()) as { default: Locale };\n                    dateLocale.value = dateFnsImport.default;\n                } catch (error) {\n                    printDevelopmentWarning(`Failed to load date-fns locale: ${newLocale}`, error);\n                }\n            }\n        },\n        { immediate: true }\n    );\n\n    return dateLocale;\n}\n","import { toDate } from \"./toDate.js\";\n\n/**\n * @name differenceInMilliseconds\n * @category Millisecond Helpers\n * @summary Get the number of milliseconds between the given dates.\n *\n * @description\n * Get the number of milliseconds between the given dates.\n *\n * @param laterDate - The later date\n * @param earlierDate - The earlier date\n *\n * @returns The number of milliseconds\n *\n * @example\n * // How many milliseconds are between\n * // 2 July 2014 12:30:20.600 and 2 July 2014 12:30:21.700?\n * const result = differenceInMilliseconds(\n *   new Date(2014, 6, 2, 12, 30, 21, 700),\n *   new Date(2014, 6, 2, 12, 30, 20, 600)\n * )\n * //=> 1100\n */\nexport function differenceInMilliseconds(laterDate, earlierDate) {\n  return +toDate(laterDate) - +toDate(earlierDate);\n}\n\n// Fallback for modularized imports:\nexport default differenceInMilliseconds;\n","import { getRoundingMethod } from \"./_lib/getRoundingMethod.js\";\nimport { differenceInMilliseconds } from \"./differenceInMilliseconds.js\";\n\n/**\n * The {@link differenceInSeconds} function options.\n */\n\n/**\n * @name differenceInSeconds\n * @category Second Helpers\n * @summary Get the number of seconds between the given dates.\n *\n * @description\n * Get the number of seconds between the given dates.\n *\n * @param laterDate - The later date\n * @param earlierDate - The earlier date\n * @param options - An object with options.\n *\n * @returns The number of seconds\n *\n * @example\n * // How many seconds are between\n * // 2 July 2014 12:30:07.999 and 2 July 2014 12:30:20.000?\n * const result = differenceInSeconds(\n *   new Date(2014, 6, 2, 12, 30, 20, 0),\n *   new Date(2014, 6, 2, 12, 30, 7, 999)\n * )\n * //=> 12\n */\nexport function differenceInSeconds(laterDate, earlierDate, options) {\n  const diff = differenceInMilliseconds(laterDate, earlierDate) / 1000;\n  return getRoundingMethod(options?.roundingMethod)(diff);\n}\n\n// Fallback for modularized imports:\nexport default differenceInSeconds;\n","import { defaultLocale } from \"./_lib/defaultLocale.js\";\nimport { getDefaultOptions } from \"./_lib/defaultOptions.js\";\nimport { getTimezoneOffsetInMilliseconds } from \"./_lib/getTimezoneOffsetInMilliseconds.js\";\nimport { normalizeDates } from \"./_lib/normalizeDates.js\";\nimport { compareAsc } from \"./compareAsc.js\";\nimport { minutesInDay, minutesInMonth } from \"./constants.js\";\nimport { differenceInMonths } from \"./differenceInMonths.js\";\nimport { differenceInSeconds } from \"./differenceInSeconds.js\";\n\n/**\n * The {@link formatDistance} function options.\n */\n\n/**\n * @name formatDistance\n * @category Common Helpers\n * @summary Return the distance between the given dates in words.\n *\n * @description\n * Return the distance between the given dates in words.\n *\n * | Distance between dates                                            | Result              |\n * |-------------------------------------------------------------------|---------------------|\n * | 0 ... 30 secs                                                     | less than a minute  |\n * | 30 secs ... 1 min 30 secs                                         | 1 minute            |\n * | 1 min 30 secs ... 44 mins 30 secs                                 | [2..44] minutes     |\n * | 44 mins ... 30 secs ... 89 mins 30 secs                           | about 1 hour        |\n * | 89 mins 30 secs ... 23 hrs 59 mins 30 secs                        | about [2..24] hours |\n * | 23 hrs 59 mins 30 secs ... 41 hrs 59 mins 30 secs                 | 1 day               |\n * | 41 hrs 59 mins 30 secs ... 29 days 23 hrs 59 mins 30 secs         | [2..30] days        |\n * | 29 days 23 hrs 59 mins 30 secs ... 44 days 23 hrs 59 mins 30 secs | about 1 month       |\n * | 44 days 23 hrs 59 mins 30 secs ... 59 days 23 hrs 59 mins 30 secs | about 2 months      |\n * | 59 days 23 hrs 59 mins 30 secs ... 1 yr                           | [2..12] months      |\n * | 1 yr ... 1 yr 3 months                                            | about 1 year        |\n * | 1 yr 3 months ... 1 yr 9 month s                                  | over 1 year         |\n * | 1 yr 9 months ... 2 yrs                                           | almost 2 years      |\n * | N yrs ... N yrs 3 months                                          | about N years       |\n * | N yrs 3 months ... N yrs 9 months                                 | over N years        |\n * | N yrs 9 months ... N+1 yrs                                        | almost N+1 years    |\n *\n * With `options.includeSeconds == true`:\n * | Distance between dates | Result               |\n * |------------------------|----------------------|\n * | 0 secs ... 5 secs      | less than 5 seconds  |\n * | 5 secs ... 10 secs     | less than 10 seconds |\n * | 10 secs ... 20 secs    | less than 20 seconds |\n * | 20 secs ... 40 secs    | half a minute        |\n * | 40 secs ... 60 secs    | less than a minute   |\n * | 60 secs ... 90 secs    | 1 minute             |\n *\n * @param laterDate - The date\n * @param earlierDate - The date to compare with\n * @param options - An object with options\n *\n * @returns The distance in words\n *\n * @throws `date` must not be Invalid Date\n * @throws `baseDate` must not be Invalid Date\n * @throws `options.locale` must contain `formatDistance` property\n *\n * @example\n * // What is the distance between 2 July 2014 and 1 January 2015?\n * const result = formatDistance(new Date(2014, 6, 2), new Date(2015, 0, 1))\n * //=> '6 months'\n *\n * @example\n * // What is the distance between 1 January 2015 00:00:15\n * // and 1 January 2015 00:00:00, including seconds?\n * const result = formatDistance(\n *   new Date(2015, 0, 1, 0, 0, 15),\n *   new Date(2015, 0, 1, 0, 0, 0),\n *   { includeSeconds: true }\n * )\n * //=> 'less than 20 seconds'\n *\n * @example\n * // What is the distance from 1 January 2016\n * // to 1 January 2015, with a suffix?\n * const result = formatDistance(new Date(2015, 0, 1), new Date(2016, 0, 1), {\n *   addSuffix: true\n * })\n * //=> 'about 1 year ago'\n *\n * @example\n * // What is the distance between 1 August 2016 and 1 January 2015 in Esperanto?\n * import { eoLocale } from 'date-fns/locale/eo'\n * const result = formatDistance(new Date(2016, 7, 1), new Date(2015, 0, 1), {\n *   locale: eoLocale\n * })\n * //=> 'pli ol 1 jaro'\n */\nexport function formatDistance(laterDate, earlierDate, options) {\n  const defaultOptions = getDefaultOptions();\n  const locale = options?.locale ?? defaultOptions.locale ?? defaultLocale;\n  const minutesInAlmostTwoDays = 2520;\n\n  const comparison = compareAsc(laterDate, earlierDate);\n\n  if (isNaN(comparison)) throw new RangeError(\"Invalid time value\");\n\n  const localizeOptions = Object.assign({}, options, {\n    addSuffix: options?.addSuffix,\n    comparison: comparison,\n  });\n\n  const [laterDate_, earlierDate_] = normalizeDates(\n    options?.in,\n    ...(comparison > 0 ? [earlierDate, laterDate] : [laterDate, earlierDate]),\n  );\n\n  const seconds = differenceInSeconds(earlierDate_, laterDate_);\n  const offsetInSeconds =\n    (getTimezoneOffsetInMilliseconds(earlierDate_) -\n      getTimezoneOffsetInMilliseconds(laterDate_)) /\n    1000;\n  const minutes = Math.round((seconds - offsetInSeconds) / 60);\n  let months;\n\n  // 0 up to 2 mins\n  if (minutes < 2) {\n    if (options?.includeSeconds) {\n      if (seconds < 5) {\n        return locale.formatDistance(\"lessThanXSeconds\", 5, localizeOptions);\n      } else if (seconds < 10) {\n        return locale.formatDistance(\"lessThanXSeconds\", 10, localizeOptions);\n      } else if (seconds < 20) {\n        return locale.formatDistance(\"lessThanXSeconds\", 20, localizeOptions);\n      } else if (seconds < 40) {\n        return locale.formatDistance(\"halfAMinute\", 0, localizeOptions);\n      } else if (seconds < 60) {\n        return locale.formatDistance(\"lessThanXMinutes\", 1, localizeOptions);\n      } else {\n        return locale.formatDistance(\"xMinutes\", 1, localizeOptions);\n      }\n    } else {\n      if (minutes === 0) {\n        return locale.formatDistance(\"lessThanXMinutes\", 1, localizeOptions);\n      } else {\n        return locale.formatDistance(\"xMinutes\", minutes, localizeOptions);\n      }\n    }\n\n    // 2 mins up to 0.75 hrs\n  } else if (minutes < 45) {\n    return locale.formatDistance(\"xMinutes\", minutes, localizeOptions);\n\n    // 0.75 hrs up to 1.5 hrs\n  } else if (minutes < 90) {\n    return locale.formatDistance(\"aboutXHours\", 1, localizeOptions);\n\n    // 1.5 hrs up to 24 hrs\n  } else if (minutes < minutesInDay) {\n    const hours = Math.round(minutes / 60);\n    return locale.formatDistance(\"aboutXHours\", hours, localizeOptions);\n\n    // 1 day up to 1.75 days\n  } else if (minutes < minutesInAlmostTwoDays) {\n    return locale.formatDistance(\"xDays\", 1, localizeOptions);\n\n    // 1.75 days up to 30 days\n  } else if (minutes < minutesInMonth) {\n    const days = Math.round(minutes / minutesInDay);\n    return locale.formatDistance(\"xDays\", days, localizeOptions);\n\n    // 1 month up to 2 months\n  } else if (minutes < minutesInMonth * 2) {\n    months = Math.round(minutes / minutesInMonth);\n    return locale.formatDistance(\"aboutXMonths\", months, localizeOptions);\n  }\n\n  months = differenceInMonths(earlierDate_, laterDate_);\n\n  // 2 months up to 12 months\n  if (months < 12) {\n    const nearestMonth = Math.round(minutes / minutesInMonth);\n    return locale.formatDistance(\"xMonths\", nearestMonth, localizeOptions);\n\n    // 1 year up to max Date\n  } else {\n    const monthsSinceStartOfYear = months % 12;\n    const years = Math.trunc(months / 12);\n\n    // N years up to 1 years 3 months\n    if (monthsSinceStartOfYear < 3) {\n      return locale.formatDistance(\"aboutXYears\", years, localizeOptions);\n\n      // N years 3 months up to N years 9 months\n    } else if (monthsSinceStartOfYear < 9) {\n      return locale.formatDistance(\"overXYears\", years, localizeOptions);\n\n      // N years 9 months up to N year 12 months\n    } else {\n      return locale.formatDistance(\"almostXYears\", years + 1, localizeOptions);\n    }\n  }\n}\n\n// Fallback for modularized imports:\nexport default formatDistance;\n","import { constructNow } from \"./constructNow.js\";\n\nimport { formatDistance } from \"./formatDistance.js\";\n\n/**\n * The {@link formatDistanceToNow} function options.\n */\n\n/**\n * @name formatDistanceToNow\n * @category Common Helpers\n * @summary Return the distance between the given date and now in words.\n * @pure false\n *\n * @description\n * Return the distance between the given date and now in words.\n *\n * | Distance to now                                                   | Result              |\n * |-------------------------------------------------------------------|---------------------|\n * | 0 ... 30 secs                                                     | less than a minute  |\n * | 30 secs ... 1 min 30 secs                                         | 1 minute            |\n * | 1 min 30 secs ... 44 mins 30 secs                                 | [2..44] minutes     |\n * | 44 mins ... 30 secs ... 89 mins 30 secs                           | about 1 hour        |\n * | 89 mins 30 secs ... 23 hrs 59 mins 30 secs                        | about [2..24] hours |\n * | 23 hrs 59 mins 30 secs ... 41 hrs 59 mins 30 secs                 | 1 day               |\n * | 41 hrs 59 mins 30 secs ... 29 days 23 hrs 59 mins 30 secs         | [2..30] days        |\n * | 29 days 23 hrs 59 mins 30 secs ... 44 days 23 hrs 59 mins 30 secs | about 1 month       |\n * | 44 days 23 hrs 59 mins 30 secs ... 59 days 23 hrs 59 mins 30 secs | about 2 months      |\n * | 59 days 23 hrs 59 mins 30 secs ... 1 yr                           | [2..12] months      |\n * | 1 yr ... 1 yr 3 months                                            | about 1 year        |\n * | 1 yr 3 months ... 1 yr 9 month s                                  | over 1 year         |\n * | 1 yr 9 months ... 2 yrs                                           | almost 2 years      |\n * | N yrs ... N yrs 3 months                                          | about N years       |\n * | N yrs 3 months ... N yrs 9 months                                 | over N years        |\n * | N yrs 9 months ... N+1 yrs                                        | almost N+1 years    |\n *\n * With `options.includeSeconds == true`:\n * | Distance to now     | Result               |\n * |---------------------|----------------------|\n * | 0 secs ... 5 secs   | less than 5 seconds  |\n * | 5 secs ... 10 secs  | less than 10 seconds |\n * | 10 secs ... 20 secs | less than 20 seconds |\n * | 20 secs ... 40 secs | half a minute        |\n * | 40 secs ... 60 secs | less than a minute   |\n * | 60 secs ... 90 secs | 1 minute             |\n *\n * @param date - The given date\n * @param options - The object with options\n *\n * @returns The distance in words\n *\n * @throws `date` must not be Invalid Date\n * @throws `options.locale` must contain `formatDistance` property\n *\n * @example\n * // If today is 1 January 2015, what is the distance to 2 July 2014?\n * const result = formatDistanceToNow(\n *   new Date(2014, 6, 2)\n * )\n * //=> '6 months'\n *\n * @example\n * // If now is 1 January 2015 00:00:00,\n * // what is the distance to 1 January 2015 00:00:15, including seconds?\n * const result = formatDistanceToNow(\n *   new Date(2015, 0, 1, 0, 0, 15),\n *   {includeSeconds: true}\n * )\n * //=> 'less than 20 seconds'\n *\n * @example\n * // If today is 1 January 2015,\n * // what is the distance to 1 January 2016, with a suffix?\n * const result = formatDistanceToNow(\n *   new Date(2016, 0, 1),\n *   {addSuffix: true}\n * )\n * //=> 'in about 1 year'\n *\n * @example\n * // If today is 1 January 2015,\n * // what is the distance to 1 August 2016 in Esperanto?\n * const eoLocale = require('date-fns/locale/eo')\n * const result = formatDistanceToNow(\n *   new Date(2016, 7, 1),\n *   {locale: eoLocale}\n * )\n * //=> 'pli ol 1 jaro'\n */\nexport function formatDistanceToNow(date, options) {\n  return formatDistance(date, constructNow(date), options);\n}\n\n// Fallback for modularized imports:\nexport default formatDistanceToNow;\n","<template>\n    <div\n        ref=\"infoIconRef\"\n        class=\"b-info-icon-with-popover\"\n        tabindex=\"0\"\n        data-testid=\"info-icon-with-popover\"\n        @mouseenter=\"openPopover\"\n        @mouseleave=\"closePopover\"\n        @focus=\"infoIconOnFocus\"\n        @focusout=\"infoIconOnFocusOut\"\n    >\n        <info-icon\n            ref=\"targetElement\"\n            class=\"b-info-icon-with-popover__svg\"\n            :aria-expanded=\"isOpen\"\n            :aria-describedby=\"popoverId\"\n            :svg-title=\"t('moreInformation')\"\n        />\n        <bento-popover\n            v-if=\"targetElement\"\n            :open=\"isOpen\"\n            :target-element=\"targetElement\"\n            :position=\"popoverPosition\"\n            role=\"tooltip\"\n            fit-content\n            disable-focus-trap\n        >\n            <bento-typography>\n                <slot>\n                    <div v-if=\"popoverText\">\n                        {{ popoverText }}\n                    </div>\n                </slot>\n            </bento-typography>\n        </bento-popover>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { BentoPopover, BentoPopoverPositions } from '@/components/popover';\n    import { BentoTypography } from '@/components/typography';\n    import { generateUid } from '@/core/utils/ts';\n    import { useI18n } from '@/utils/ts/i18n';\n    import InfoIcon from '@adyen/ui-assets-icons-16/vue/info';\n    import { type PropType, ref } from 'vue';\n    import type { BentoPopoverProps } from '../../popover/popover.types';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const CLOSING_POPOVER_DELAY_MS = 200;\n\n    defineProps({\n        /**\n         * Text showed in the popover on hover\n         */\n        popoverText: { type: String, default: null },\n\n        /**\n         * Position the popover should take if space is available\n         */\n        popoverPosition: {\n            type: String as PropType<BentoPopoverProps['position']>,\n            default: 'bottom-start',\n            validator: (value: BentoPopoverPositions) => Object.values(BentoPopoverPositions).includes(value),\n        },\n    });\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const infoIconRef = ref<HTMLDivElement>();\n    const targetElement = ref(null);\n    const popoverId = generateUid('bento-info-icon-with-popover');\n    const isOpen = ref();\n    const closingTimeOutId = ref();\n\n    const openPopover = () => {\n        isOpen.value = true;\n        if (closingTimeOutId.value) {\n            clearTimeout(closingTimeOutId.value);\n        }\n    };\n    const closePopover = () => {\n        // We want to delay closing for a couple of seconds so\n        // it doesn't flicker if a user hovers over the icon and then inside the popover.\n        const timeOutId = setTimeout(() => {\n            isOpen.value = false;\n        }, CLOSING_POPOVER_DELAY_MS);\n        closingTimeOutId.value = timeOutId;\n    };\n\n    const infoIconOnFocus = () => {\n        openPopover();\n    };\n\n    /**\n     * Only close popover on blur if the newly focus element is not a child of this element\n     * @param e - the event that contains the newly focused element\n     */\n    const infoIconOnFocusOut = (e: FocusEvent) => {\n        if (\n            !infoIconRef.value ||\n            !(e?.relatedTarget instanceof Element) ||\n            !infoIconRef.value.contains(e.relatedTarget)\n        ) {\n            closePopover();\n        }\n    };\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Internal component to be used whenever an info icon needs to be rendered with a popover instead of a tooltip.\n     *\n     * @example\n     * import { BentoInfoIconWithPopover } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoInfoIconWithPopover },\n     *     template: `\n     *          <info-icon-with-popover popover-text=\"Content can be passed as a string like\" :popover-position=\"position\">\n     *              Content can also be rendered as a slot\n     *          </info-icon-with-popover>\n     *     `\n     * }\n     */\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./info-icon-with-popover.scss\" />\n","<template>\n    <div class=\"b-header-meta__container\">\n        <bento-typography v-if=\"description || hasSlot('description')\" class=\"b-header-meta__description\" el=\"div\">\n            <slot name=\"description\">{{ description }}</slot>\n        </bento-typography>\n        <div v-if=\"lastUpdated\" class=\"b-header-meta__timestamp-section\">\n            <bento-typography class=\"b-header-meta__timestamp\" el=\"div\">\n                {{ timestamp }}\n            </bento-typography>\n            <bento-loading-button\n                v-if=\"reloadButton\"\n                variant=\"tertiary\"\n                :state=\"reloadButton.state\"\n                @click=\"reloadButton.event\"\n                ><template #iconLeft><reload-icon aria-hidden=\"true\" /></template\n                >{{ reloadButton.title }}</bento-loading-button\n            >\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, useSlots } from 'vue';\n    import { useDynamicDateFnsLocale, useHasSlot } from '@/composables';\n    import { formatDistanceToNow } from 'date-fns/formatDistanceToNow';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoLoadingButton } from '@/components/button';\n    import ReloadIcon from '@adyen/ui-assets-icons-16/vue/refresh';\n    import { useI18n } from '@/utils/ts/i18n';\n    import type { HeaderMetaProps } from './header-meta.types';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const { t, locale } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const props = withDefaults(defineProps<HeaderMetaProps>(), {\n        description: null,\n        lastUpdated: null,\n        reloadButton: null,\n    });\n\n    const activeLocale = computed(() => (props.lastUpdated ? locale.value : ''));\n    const dateLocale = useDynamicDateFnsLocale(activeLocale);\n\n    const timestamp = computed(() =>\n        props.lastUpdated\n            ? t('lastUpdated', {\n                  date: formatDistanceToNow(props.lastUpdated, {\n                      locale: dateLocale.value,\n                      addSuffix: true,\n                  }),\n              })\n            : null\n    );\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n</script>\n\n<script lang=\"ts\">\n    /**\n     * An internal component used by the BentoHeader and BentoHeaderWithViews components.\n     *\n     * @example\n     * import { HeaderMeta } from '@/internal';\n     *\n     * export default {\n     *     components: { HeaderMeta },\n     *     template: `\n     *          <header-meta description=\"header description\" :last-updated=\"new Date()\" />\n     *     `\n     * }\n     * @slot description - The description content. Overrides the `description` prop.\n     * @property description - Text showed under the title.\n     * @property lastUpdated - JavaScript \"Date\" object for when the content was last updated.\n     * @property reloadButton - Reload button which shows next to the header's timestamp.\n     */\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./header-meta.scss\" />\n"],"names":["dateFnsLocales","n","useDynamicDateFnsLocale","i18nLocale","dateLocale","shallowRef","watch","newLocale","getPath","loc","path","dateFnsImport","error","printDevelopmentWarning","differenceInMilliseconds","laterDate","earlierDate","toDate","differenceInSeconds","options","diff","getRoundingMethod","formatDistance","defaultOptions","getDefaultOptions","locale","enUS","minutesInAlmostTwoDays","comparison","compareAsc","localizeOptions","laterDate_","earlierDate_","normalizeDates","seconds","offsetInSeconds","getTimezoneOffsetInMilliseconds","minutes","months","minutesInDay","hours","minutesInMonth","days","differenceInMonths","nearestMonth","monthsSinceStartOfYear","years","formatDistanceToNow","date","constructNow","__default__$1","messages$1","t","useI18n","infoIconRef","ref","targetElement","popoverId","generateUid","isOpen","closingTimeOutId","openPopover","closePopover","timeOutId","infoIconOnFocus","infoIconOnFocusOut","e","__default__","messages","props","__props","activeLocale","computed","timestamp","slots","useSlots","hasSlot","useHasSlot"],"mappings":"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","x_google_ignoreList":[1,2,3,4]}
+{"version":3,"file":"header-meta.CmH6SnjE.js","sources":["../../../vue2/src/composables/use-dynamic-date-fns-locale/use-dynamic-date-fns-locale.ts","../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInMilliseconds.js","../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInSeconds.js","../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/formatDistance.js","../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/formatDistanceToNow.js","../../../vue2/src/components/internal/info-icon-with-popover/info-icon-with-popover.vue","../../../vue2/src/components/internal/header-meta/header-meta.vue"],"sourcesContent":["import { type Ref, shallowRef, watch } from 'vue';\nimport type { Locale } from 'date-fns';\nimport { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\n\n/*\n * IMPORTANT: Keep this list in sync with the locales in locales.ts\n */\nconst dateFnsLocales = import.meta.glob(\n    '../../../node_modules/date-fns/locale/{de,en-GB,en-US,es,fr,it,ja,pt-BR,zh-CN}.js'\n);\n\n/**\n * A composable that provides a reactive date-fns locale object based on the provided locale string.\n * @param i18nLocale - A Ref containing the current locale string (e.g., 'en-US', 'pt-BR').\n * @returns A shallowRef containing the current date-fns Locale object.\n */\nexport function useDynamicDateFnsLocale(i18nLocale: Ref<string>) {\n    const dateLocale = shallowRef<Locale | undefined>(undefined);\n\n    watch(\n        i18nLocale,\n        async newLocale => {\n            if (!newLocale) {\n                dateLocale.value = undefined;\n                return;\n            }\n\n            const getPath = (loc: string) => `../../../node_modules/date-fns/locale/${loc}.js`;\n\n            // Try the full locale first (e.g., 'pt-BR')\n            let path = getPath(newLocale);\n\n            // Fallback to 2-letter code if full locale not found (e.g., 'pt')\n            if (!dateFnsLocales[path]) {\n                path = getPath(newLocale.substring(0, 2));\n            }\n\n            // Default fallback to 'en-US'\n            if (!dateFnsLocales[path]) {\n                path = getPath('en-US');\n            }\n\n            if (dateFnsLocales[path]) {\n                try {\n                    const dateFnsImport = (await dateFnsLocales[path]()) as { default: Locale };\n                    dateLocale.value = dateFnsImport.default;\n                } catch (error) {\n                    printDevelopmentWarning(`Failed to load date-fns locale: ${newLocale}`, error);\n                }\n            }\n        },\n        { immediate: true }\n    );\n\n    return dateLocale;\n}\n","import { toDate } from \"./toDate.js\";\n\n/**\n * @name differenceInMilliseconds\n * @category Millisecond Helpers\n * @summary Get the number of milliseconds between the given dates.\n *\n * @description\n * Get the number of milliseconds between the given dates.\n *\n * @param laterDate - The later date\n * @param earlierDate - The earlier date\n *\n * @returns The number of milliseconds\n *\n * @example\n * // How many milliseconds are between\n * // 2 July 2014 12:30:20.600 and 2 July 2014 12:30:21.700?\n * const result = differenceInMilliseconds(\n *   new Date(2014, 6, 2, 12, 30, 21, 700),\n *   new Date(2014, 6, 2, 12, 30, 20, 600)\n * )\n * //=> 1100\n */\nexport function differenceInMilliseconds(laterDate, earlierDate) {\n  return +toDate(laterDate) - +toDate(earlierDate);\n}\n\n// Fallback for modularized imports:\nexport default differenceInMilliseconds;\n","import { getRoundingMethod } from \"./_lib/getRoundingMethod.js\";\nimport { differenceInMilliseconds } from \"./differenceInMilliseconds.js\";\n\n/**\n * The {@link differenceInSeconds} function options.\n */\n\n/**\n * @name differenceInSeconds\n * @category Second Helpers\n * @summary Get the number of seconds between the given dates.\n *\n * @description\n * Get the number of seconds between the given dates.\n *\n * @param laterDate - The later date\n * @param earlierDate - The earlier date\n * @param options - An object with options.\n *\n * @returns The number of seconds\n *\n * @example\n * // How many seconds are between\n * // 2 July 2014 12:30:07.999 and 2 July 2014 12:30:20.000?\n * const result = differenceInSeconds(\n *   new Date(2014, 6, 2, 12, 30, 20, 0),\n *   new Date(2014, 6, 2, 12, 30, 7, 999)\n * )\n * //=> 12\n */\nexport function differenceInSeconds(laterDate, earlierDate, options) {\n  const diff = differenceInMilliseconds(laterDate, earlierDate) / 1000;\n  return getRoundingMethod(options?.roundingMethod)(diff);\n}\n\n// Fallback for modularized imports:\nexport default differenceInSeconds;\n","import { defaultLocale } from \"./_lib/defaultLocale.js\";\nimport { getDefaultOptions } from \"./_lib/defaultOptions.js\";\nimport { getTimezoneOffsetInMilliseconds } from \"./_lib/getTimezoneOffsetInMilliseconds.js\";\nimport { normalizeDates } from \"./_lib/normalizeDates.js\";\nimport { compareAsc } from \"./compareAsc.js\";\nimport { minutesInDay, minutesInMonth } from \"./constants.js\";\nimport { differenceInMonths } from \"./differenceInMonths.js\";\nimport { differenceInSeconds } from \"./differenceInSeconds.js\";\n\n/**\n * The {@link formatDistance} function options.\n */\n\n/**\n * @name formatDistance\n * @category Common Helpers\n * @summary Return the distance between the given dates in words.\n *\n * @description\n * Return the distance between the given dates in words.\n *\n * | Distance between dates                                            | Result              |\n * |-------------------------------------------------------------------|---------------------|\n * | 0 ... 30 secs                                                     | less than a minute  |\n * | 30 secs ... 1 min 30 secs                                         | 1 minute            |\n * | 1 min 30 secs ... 44 mins 30 secs                                 | [2..44] minutes     |\n * | 44 mins ... 30 secs ... 89 mins 30 secs                           | about 1 hour        |\n * | 89 mins 30 secs ... 23 hrs 59 mins 30 secs                        | about [2..24] hours |\n * | 23 hrs 59 mins 30 secs ... 41 hrs 59 mins 30 secs                 | 1 day               |\n * | 41 hrs 59 mins 30 secs ... 29 days 23 hrs 59 mins 30 secs         | [2..30] days        |\n * | 29 days 23 hrs 59 mins 30 secs ... 44 days 23 hrs 59 mins 30 secs | about 1 month       |\n * | 44 days 23 hrs 59 mins 30 secs ... 59 days 23 hrs 59 mins 30 secs | about 2 months      |\n * | 59 days 23 hrs 59 mins 30 secs ... 1 yr                           | [2..12] months      |\n * | 1 yr ... 1 yr 3 months                                            | about 1 year        |\n * | 1 yr 3 months ... 1 yr 9 month s                                  | over 1 year         |\n * | 1 yr 9 months ... 2 yrs                                           | almost 2 years      |\n * | N yrs ... N yrs 3 months                                          | about N years       |\n * | N yrs 3 months ... N yrs 9 months                                 | over N years        |\n * | N yrs 9 months ... N+1 yrs                                        | almost N+1 years    |\n *\n * With `options.includeSeconds == true`:\n * | Distance between dates | Result               |\n * |------------------------|----------------------|\n * | 0 secs ... 5 secs      | less than 5 seconds  |\n * | 5 secs ... 10 secs     | less than 10 seconds |\n * | 10 secs ... 20 secs    | less than 20 seconds |\n * | 20 secs ... 40 secs    | half a minute        |\n * | 40 secs ... 60 secs    | less than a minute   |\n * | 60 secs ... 90 secs    | 1 minute             |\n *\n * @param laterDate - The date\n * @param earlierDate - The date to compare with\n * @param options - An object with options\n *\n * @returns The distance in words\n *\n * @throws `date` must not be Invalid Date\n * @throws `baseDate` must not be Invalid Date\n * @throws `options.locale` must contain `formatDistance` property\n *\n * @example\n * // What is the distance between 2 July 2014 and 1 January 2015?\n * const result = formatDistance(new Date(2014, 6, 2), new Date(2015, 0, 1))\n * //=> '6 months'\n *\n * @example\n * // What is the distance between 1 January 2015 00:00:15\n * // and 1 January 2015 00:00:00, including seconds?\n * const result = formatDistance(\n *   new Date(2015, 0, 1, 0, 0, 15),\n *   new Date(2015, 0, 1, 0, 0, 0),\n *   { includeSeconds: true }\n * )\n * //=> 'less than 20 seconds'\n *\n * @example\n * // What is the distance from 1 January 2016\n * // to 1 January 2015, with a suffix?\n * const result = formatDistance(new Date(2015, 0, 1), new Date(2016, 0, 1), {\n *   addSuffix: true\n * })\n * //=> 'about 1 year ago'\n *\n * @example\n * // What is the distance between 1 August 2016 and 1 January 2015 in Esperanto?\n * import { eoLocale } from 'date-fns/locale/eo'\n * const result = formatDistance(new Date(2016, 7, 1), new Date(2015, 0, 1), {\n *   locale: eoLocale\n * })\n * //=> 'pli ol 1 jaro'\n */\nexport function formatDistance(laterDate, earlierDate, options) {\n  const defaultOptions = getDefaultOptions();\n  const locale = options?.locale ?? defaultOptions.locale ?? defaultLocale;\n  const minutesInAlmostTwoDays = 2520;\n\n  const comparison = compareAsc(laterDate, earlierDate);\n\n  if (isNaN(comparison)) throw new RangeError(\"Invalid time value\");\n\n  const localizeOptions = Object.assign({}, options, {\n    addSuffix: options?.addSuffix,\n    comparison: comparison,\n  });\n\n  const [laterDate_, earlierDate_] = normalizeDates(\n    options?.in,\n    ...(comparison > 0 ? [earlierDate, laterDate] : [laterDate, earlierDate]),\n  );\n\n  const seconds = differenceInSeconds(earlierDate_, laterDate_);\n  const offsetInSeconds =\n    (getTimezoneOffsetInMilliseconds(earlierDate_) -\n      getTimezoneOffsetInMilliseconds(laterDate_)) /\n    1000;\n  const minutes = Math.round((seconds - offsetInSeconds) / 60);\n  let months;\n\n  // 0 up to 2 mins\n  if (minutes < 2) {\n    if (options?.includeSeconds) {\n      if (seconds < 5) {\n        return locale.formatDistance(\"lessThanXSeconds\", 5, localizeOptions);\n      } else if (seconds < 10) {\n        return locale.formatDistance(\"lessThanXSeconds\", 10, localizeOptions);\n      } else if (seconds < 20) {\n        return locale.formatDistance(\"lessThanXSeconds\", 20, localizeOptions);\n      } else if (seconds < 40) {\n        return locale.formatDistance(\"halfAMinute\", 0, localizeOptions);\n      } else if (seconds < 60) {\n        return locale.formatDistance(\"lessThanXMinutes\", 1, localizeOptions);\n      } else {\n        return locale.formatDistance(\"xMinutes\", 1, localizeOptions);\n      }\n    } else {\n      if (minutes === 0) {\n        return locale.formatDistance(\"lessThanXMinutes\", 1, localizeOptions);\n      } else {\n        return locale.formatDistance(\"xMinutes\", minutes, localizeOptions);\n      }\n    }\n\n    // 2 mins up to 0.75 hrs\n  } else if (minutes < 45) {\n    return locale.formatDistance(\"xMinutes\", minutes, localizeOptions);\n\n    // 0.75 hrs up to 1.5 hrs\n  } else if (minutes < 90) {\n    return locale.formatDistance(\"aboutXHours\", 1, localizeOptions);\n\n    // 1.5 hrs up to 24 hrs\n  } else if (minutes < minutesInDay) {\n    const hours = Math.round(minutes / 60);\n    return locale.formatDistance(\"aboutXHours\", hours, localizeOptions);\n\n    // 1 day up to 1.75 days\n  } else if (minutes < minutesInAlmostTwoDays) {\n    return locale.formatDistance(\"xDays\", 1, localizeOptions);\n\n    // 1.75 days up to 30 days\n  } else if (minutes < minutesInMonth) {\n    const days = Math.round(minutes / minutesInDay);\n    return locale.formatDistance(\"xDays\", days, localizeOptions);\n\n    // 1 month up to 2 months\n  } else if (minutes < minutesInMonth * 2) {\n    months = Math.round(minutes / minutesInMonth);\n    return locale.formatDistance(\"aboutXMonths\", months, localizeOptions);\n  }\n\n  months = differenceInMonths(earlierDate_, laterDate_);\n\n  // 2 months up to 12 months\n  if (months < 12) {\n    const nearestMonth = Math.round(minutes / minutesInMonth);\n    return locale.formatDistance(\"xMonths\", nearestMonth, localizeOptions);\n\n    // 1 year up to max Date\n  } else {\n    const monthsSinceStartOfYear = months % 12;\n    const years = Math.trunc(months / 12);\n\n    // N years up to 1 years 3 months\n    if (monthsSinceStartOfYear < 3) {\n      return locale.formatDistance(\"aboutXYears\", years, localizeOptions);\n\n      // N years 3 months up to N years 9 months\n    } else if (monthsSinceStartOfYear < 9) {\n      return locale.formatDistance(\"overXYears\", years, localizeOptions);\n\n      // N years 9 months up to N year 12 months\n    } else {\n      return locale.formatDistance(\"almostXYears\", years + 1, localizeOptions);\n    }\n  }\n}\n\n// Fallback for modularized imports:\nexport default formatDistance;\n","import { constructNow } from \"./constructNow.js\";\n\nimport { formatDistance } from \"./formatDistance.js\";\n\n/**\n * The {@link formatDistanceToNow} function options.\n */\n\n/**\n * @name formatDistanceToNow\n * @category Common Helpers\n * @summary Return the distance between the given date and now in words.\n * @pure false\n *\n * @description\n * Return the distance between the given date and now in words.\n *\n * | Distance to now                                                   | Result              |\n * |-------------------------------------------------------------------|---------------------|\n * | 0 ... 30 secs                                                     | less than a minute  |\n * | 30 secs ... 1 min 30 secs                                         | 1 minute            |\n * | 1 min 30 secs ... 44 mins 30 secs                                 | [2..44] minutes     |\n * | 44 mins ... 30 secs ... 89 mins 30 secs                           | about 1 hour        |\n * | 89 mins 30 secs ... 23 hrs 59 mins 30 secs                        | about [2..24] hours |\n * | 23 hrs 59 mins 30 secs ... 41 hrs 59 mins 30 secs                 | 1 day               |\n * | 41 hrs 59 mins 30 secs ... 29 days 23 hrs 59 mins 30 secs         | [2..30] days        |\n * | 29 days 23 hrs 59 mins 30 secs ... 44 days 23 hrs 59 mins 30 secs | about 1 month       |\n * | 44 days 23 hrs 59 mins 30 secs ... 59 days 23 hrs 59 mins 30 secs | about 2 months      |\n * | 59 days 23 hrs 59 mins 30 secs ... 1 yr                           | [2..12] months      |\n * | 1 yr ... 1 yr 3 months                                            | about 1 year        |\n * | 1 yr 3 months ... 1 yr 9 month s                                  | over 1 year         |\n * | 1 yr 9 months ... 2 yrs                                           | almost 2 years      |\n * | N yrs ... N yrs 3 months                                          | about N years       |\n * | N yrs 3 months ... N yrs 9 months                                 | over N years        |\n * | N yrs 9 months ... N+1 yrs                                        | almost N+1 years    |\n *\n * With `options.includeSeconds == true`:\n * | Distance to now     | Result               |\n * |---------------------|----------------------|\n * | 0 secs ... 5 secs   | less than 5 seconds  |\n * | 5 secs ... 10 secs  | less than 10 seconds |\n * | 10 secs ... 20 secs | less than 20 seconds |\n * | 20 secs ... 40 secs | half a minute        |\n * | 40 secs ... 60 secs | less than a minute   |\n * | 60 secs ... 90 secs | 1 minute             |\n *\n * @param date - The given date\n * @param options - The object with options\n *\n * @returns The distance in words\n *\n * @throws `date` must not be Invalid Date\n * @throws `options.locale` must contain `formatDistance` property\n *\n * @example\n * // If today is 1 January 2015, what is the distance to 2 July 2014?\n * const result = formatDistanceToNow(\n *   new Date(2014, 6, 2)\n * )\n * //=> '6 months'\n *\n * @example\n * // If now is 1 January 2015 00:00:00,\n * // what is the distance to 1 January 2015 00:00:15, including seconds?\n * const result = formatDistanceToNow(\n *   new Date(2015, 0, 1, 0, 0, 15),\n *   {includeSeconds: true}\n * )\n * //=> 'less than 20 seconds'\n *\n * @example\n * // If today is 1 January 2015,\n * // what is the distance to 1 January 2016, with a suffix?\n * const result = formatDistanceToNow(\n *   new Date(2016, 0, 1),\n *   {addSuffix: true}\n * )\n * //=> 'in about 1 year'\n *\n * @example\n * // If today is 1 January 2015,\n * // what is the distance to 1 August 2016 in Esperanto?\n * const eoLocale = require('date-fns/locale/eo')\n * const result = formatDistanceToNow(\n *   new Date(2016, 7, 1),\n *   {locale: eoLocale}\n * )\n * //=> 'pli ol 1 jaro'\n */\nexport function formatDistanceToNow(date, options) {\n  return formatDistance(date, constructNow(date), options);\n}\n\n// Fallback for modularized imports:\nexport default formatDistanceToNow;\n","<template>\n    <div\n        ref=\"infoIconRef\"\n        class=\"b-info-icon-with-popover\"\n        tabindex=\"0\"\n        data-testid=\"info-icon-with-popover\"\n        @mouseenter=\"openPopover\"\n        @mouseleave=\"closePopover\"\n        @focus=\"infoIconOnFocus\"\n        @focusout=\"infoIconOnFocusOut\"\n    >\n        <info-icon\n            ref=\"targetElement\"\n            class=\"b-info-icon-with-popover__svg\"\n            :aria-expanded=\"isOpen\"\n            :aria-describedby=\"popoverId\"\n            :svg-title=\"t('moreInformation')\"\n        />\n        <bento-popover\n            v-if=\"targetElement\"\n            :open=\"isOpen\"\n            :target-element=\"targetElement\"\n            :position=\"popoverPosition\"\n            role=\"tooltip\"\n            fit-content\n            disable-focus-trap\n        >\n            <bento-typography>\n                <slot>\n                    <div v-if=\"popoverText\">\n                        {{ popoverText }}\n                    </div>\n                </slot>\n            </bento-typography>\n        </bento-popover>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { BentoPopover, BentoPopoverPositions } from '@/components/popover';\n    import { BentoTypography } from '@/components/typography';\n    import { generateUid } from '@/core/utils/ts';\n    import { useI18n } from '@/utils/ts/i18n';\n    import InfoIcon from '@adyen/ui-assets-icons-16/vue/info';\n    import { type PropType, ref } from 'vue';\n    import type { BentoPopoverProps } from '../../popover/popover.types';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const CLOSING_POPOVER_DELAY_MS = 200;\n\n    defineProps({\n        /**\n         * Text showed in the popover on hover\n         */\n        popoverText: { type: String, default: null },\n\n        /**\n         * Position the popover should take if space is available\n         */\n        popoverPosition: {\n            type: String as PropType<BentoPopoverProps['position']>,\n            default: 'bottom-start',\n            validator: (value: BentoPopoverPositions) => Object.values(BentoPopoverPositions).includes(value),\n        },\n    });\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const infoIconRef = ref<HTMLDivElement>();\n    const targetElement = ref(null);\n    const popoverId = generateUid('bento-info-icon-with-popover');\n    const isOpen = ref();\n    const closingTimeOutId = ref();\n\n    const openPopover = () => {\n        isOpen.value = true;\n        if (closingTimeOutId.value) {\n            clearTimeout(closingTimeOutId.value);\n        }\n    };\n    const closePopover = () => {\n        // We want to delay closing for a couple of seconds so\n        // it doesn't flicker if a user hovers over the icon and then inside the popover.\n        const timeOutId = setTimeout(() => {\n            isOpen.value = false;\n        }, CLOSING_POPOVER_DELAY_MS);\n        closingTimeOutId.value = timeOutId;\n    };\n\n    const infoIconOnFocus = () => {\n        openPopover();\n    };\n\n    /**\n     * Only close popover on blur if the newly focus element is not a child of this element\n     * @param e - the event that contains the newly focused element\n     */\n    const infoIconOnFocusOut = (e: FocusEvent) => {\n        if (\n            !infoIconRef.value ||\n            !(e?.relatedTarget instanceof Element) ||\n            !infoIconRef.value.contains(e.relatedTarget)\n        ) {\n            closePopover();\n        }\n    };\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Internal component to be used whenever an info icon needs to be rendered with a popover instead of a tooltip.\n     *\n     * @example\n     * import { BentoInfoIconWithPopover } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoInfoIconWithPopover },\n     *     template: `\n     *          <info-icon-with-popover popover-text=\"Content can be passed as a string like\" :popover-position=\"position\">\n     *              Content can also be rendered as a slot\n     *          </info-icon-with-popover>\n     *     `\n     * }\n     */\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./info-icon-with-popover.scss\" />\n","<template>\n    <div class=\"b-header-meta__container\">\n        <bento-typography v-if=\"description || hasSlot('description')\" class=\"b-header-meta__description\" el=\"div\">\n            <slot name=\"description\">{{ description }}</slot>\n        </bento-typography>\n        <div v-if=\"lastUpdated\" class=\"b-header-meta__timestamp-section\">\n            <bento-typography class=\"b-header-meta__timestamp\" el=\"div\">\n                {{ timestamp }}\n            </bento-typography>\n            <bento-loading-button\n                v-if=\"reloadButton\"\n                variant=\"tertiary\"\n                :state=\"reloadButton.state\"\n                @click=\"reloadButton.event\"\n                ><template #iconLeft><reload-icon aria-hidden=\"true\" /></template\n                >{{ reloadButton.title }}</bento-loading-button\n            >\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, useSlots } from 'vue';\n    import { useDynamicDateFnsLocale, useHasSlot } from '@/composables';\n    import { formatDistanceToNow } from 'date-fns/formatDistanceToNow';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoLoadingButton } from '@/components/button';\n    import ReloadIcon from '@adyen/ui-assets-icons-16/vue/refresh';\n    import { useI18n } from '@/utils/ts/i18n';\n    import type { HeaderMetaProps } from './header-meta.types';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const { t, locale } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const props = withDefaults(defineProps<HeaderMetaProps>(), {\n        description: null,\n        lastUpdated: null,\n        reloadButton: null,\n    });\n\n    const activeLocale = computed(() => (props.lastUpdated ? locale.value : ''));\n    const dateLocale = useDynamicDateFnsLocale(activeLocale);\n\n    const timestamp = computed(() =>\n        props.lastUpdated\n            ? t('lastUpdated', {\n                  date: formatDistanceToNow(props.lastUpdated, {\n                      locale: dateLocale.value,\n                      addSuffix: true,\n                  }),\n              })\n            : null\n    );\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n</script>\n\n<script lang=\"ts\">\n    /**\n     * An internal component used by the BentoHeader and BentoHeaderWithViews components.\n     *\n     * @example\n     * import { HeaderMeta } from '@/internal';\n     *\n     * export default {\n     *     components: { HeaderMeta },\n     *     template: `\n     *          <header-meta description=\"header description\" :last-updated=\"new Date()\" />\n     *     `\n     * }\n     * @slot description - The description content. Overrides the `description` prop.\n     * @property description - Text showed under the title.\n     * @property lastUpdated - JavaScript \"Date\" object for when the content was last updated.\n     * @property reloadButton - Reload button which shows next to the header's timestamp.\n     */\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./header-meta.scss\" />\n"],"names":["dateFnsLocales","n","useDynamicDateFnsLocale","i18nLocale","dateLocale","shallowRef","watch","newLocale","getPath","loc","path","dateFnsImport","error","printDevelopmentWarning","differenceInMilliseconds","laterDate","earlierDate","toDate","differenceInSeconds","options","diff","getRoundingMethod","formatDistance","defaultOptions","getDefaultOptions","locale","enUS","minutesInAlmostTwoDays","comparison","compareAsc","localizeOptions","laterDate_","earlierDate_","normalizeDates","seconds","offsetInSeconds","getTimezoneOffsetInMilliseconds","minutes","months","minutesInDay","hours","minutesInMonth","days","differenceInMonths","nearestMonth","monthsSinceStartOfYear","years","formatDistanceToNow","date","constructNow","__default__$1","messages$1","t","useI18n","infoIconRef","ref","targetElement","popoverId","generateUid","isOpen","closingTimeOutId","openPopover","closePopover","timeOutId","infoIconOnFocus","infoIconOnFocusOut","e","__default__","messages","props","__props","activeLocale","computed","timestamp","slots","useSlots","hasSlot","useHasSlot"],"mappings":"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","x_google_ignoreList":[1,2,3,4]}