@pagopa/io-app-design-system 2.1.0 → 2.1.1

package/src/components/common/LogoPaymentWithFallback.tsx

@@ -1,7 +1,4 @@
-import * as O from "fp-ts/lib/Option";
-import { pipe } from "fp-ts/lib/function";
 import * as React from "react";
-import { findFirstCaseInsensitive } from "../../utils/object";
 import { IOColors } from "../../core";
 import { IOIconSizeScale, Icon } from "../icons";
 import {
@@ -12,6 +9,7 @@ import {
   LogoPayment,
   LogoPaymentExt
 } from "../logos";
+import { findFirstCaseInsensitive } from "../../utils/object";
 
 export type LogoPaymentWithFallback = {
   brand?: string;
@@ -42,19 +40,19 @@ export const LogoPaymentWithFallback = ({
 }: LogoPaymentWithFallback) => {
   const logos = isExtended ? IOPaymentExtLogos : IOPaymentLogos;
 
-  return pipe(
-    brand,
-    O.fromNullable,
-    O.chain(findFirstCaseInsensitive(logos)),
-    O.map(([brand]) => brand),
-    O.fold(
-      () => <Icon name="creditCard" size={size} color={fallbackIconColor} />,
-      brand =>
-        isExtended ? (
-          <LogoPaymentExt name={brand as IOLogoPaymentExtType} size={size} />
-        ) : (
-          <LogoPayment name={brand as IOLogoPaymentType} size={size} />
-        )
-    )
+  if (!brand) {
+    return <Icon name="creditCard" size={size} color={fallbackIconColor} />;
+  }
+
+  const findCase = findFirstCaseInsensitive(logos, brand);
+
+  if (!findCase) {
+    return <Icon name="creditCard" size={size} color={fallbackIconColor} />;
+  }
+
+  return isExtended ? (
+    <LogoPaymentExt name={findCase as IOLogoPaymentExtType} size={size} />
+  ) : (
+    <LogoPayment name={findCase as IOLogoPaymentType} size={size} />
   );
 };

package/src/components/listitems/ListItemInfo.tsx

@@ -1,5 +1,5 @@
 import React, { ComponentProps, useCallback, useMemo } from "react";
-import { Platform, View } from "react-native";
+import { AccessibilityRole, Platform, View } from "react-native";
 import {
   IOListItemStyles,
   IOListItemVisualParams,
@@ -7,12 +7,12 @@ import {
   useIOTheme
 } from "../../core";
 import { WithTestID } from "../../utils/types";
-import { IOIconSizeScale, IOIcons, Icon } from "../icons";
-import { H6, LabelSmall } from "../typography";
-import { ButtonLink, IconButton } from "../buttons";
 import { Badge } from "../badge";
+import { ButtonLink, IconButton } from "../buttons";
 import { LogoPaymentWithFallback } from "../common/LogoPaymentWithFallback";
+import { IOIconSizeScale, IOIcons, Icon } from "../icons";
 import { IOLogoPaymentType } from "../logos";
+import { H6, LabelSmall } from "../typography";
 
 type ButtonLinkActionProps = {
   type: "buttonLink";
@@ -41,6 +41,7 @@ export type ListItemInfo = WithTestID<{
   endElement?: EndElementProps;
   // Accessibility
   accessibilityLabel?: string;
+  accessibilityRole?: AccessibilityRole;
 }> &
   (
     | {
@@ -63,6 +64,7 @@ export const ListItemInfo = ({
   paymentLogoIcon,
   endElement,
   accessibilityLabel,
+  accessibilityRole,
   testID
 }: ListItemInfo) => {
   const theme = useIOTheme();
@@ -136,6 +138,7 @@ export const ListItemInfo = ({
       testID={testID}
       accessible={endElement === undefined ? true : false}
       accessibilityLabel={listItemAccessibilityLabel}
+      accessibilityRole={accessibilityRole}
     >
       <View style={IOListItemStyles.listItemInner}>
         {icon && (

package/src/components/listitems/ListItemTransaction.tsx

@@ -1,5 +1,3 @@
-import * as O from "fp-ts/lib/Option";
-import { pipe } from "fp-ts/lib/function";
 import React from "react";
 import { ImageURISource, StyleSheet, View } from "react-native";
 import Placeholder from "rn-placeholder";
@@ -14,8 +12,6 @@ import {
   useIOExperimentalDesign,
   useIOTheme
 } from "../../core";
-
-import { getAccessibleAmountText } from "../../utils/accessibility";
 import { WithTestID } from "../../utils/types";
 import { isImageUri } from "../../utils/url";
 import { Avatar } from "../avatar/Avatar";
@@ -73,14 +69,20 @@ export type ListItemTransaction = WithTestID<
     accessible?: boolean;
   } & (
       | {
-          transactionStatus: ListItemTransactionStatusWithoutBadge;
+          transaction: {
+            amount: string;
+            amountAccessibilityLabel: string;
+            status: ListItemTransactionStatusWithoutBadge;
+          };
           badgeText?: string;
-          transactionAmount: string;
         }
       | {
-          transactionStatus: ListItemTransactionStatusWithBadge;
+          transaction: {
+            amount?: string;
+            amountAccessibilityLabel?: string;
+            status: ListItemTransactionStatusWithBadge;
+          };
           badgeText: string;
-          transactionAmount?: string;
         }
     )
 >;
@@ -119,20 +121,15 @@ export const ListItemTransaction = ({
   subtitle,
   testID,
   title,
-  transactionAmount,
+  transaction: { amount, amountAccessibilityLabel, status = "success" },
   badgeText,
-  transactionStatus = "success",
   numberOfLines = 2,
   accessible
 }: ListItemTransaction) => {
   const { isExperimental } = useIOExperimentalDesign();
   const theme = useIOTheme();
 
-  const maybeBadgeText = pipe(
-    badgeText,
-    O.fromNullable,
-    O.getOrElse(() => "-")
-  );
+  const maybeBadgeText = badgeText ?? "-";
 
   if (isLoading) {
     return <SkeletonComponent />;
@@ -147,25 +144,25 @@ export const ListItemTransaction = ({
 
   const ListItemTransactionContent = () => {
     const TransactionAmountOrBadgeComponent = () => {
-      switch (transactionStatus) {
+      switch (status) {
         case "success":
           return (
             <H6
-              accessibilityLabel={getAccessibleAmountText(transactionAmount)}
+              accessibilityLabel={amountAccessibilityLabel}
               color={hasChevronRight ? interactiveColor : amountColor}
               numberOfLines={numberOfLines}
             >
-              {transactionAmount || ""}
+              {amount || ""}
             </H6>
           );
         case "refunded":
           return (
             <H6
-              accessibilityLabel={getAccessibleAmountText(transactionAmount)}
+              accessibilityLabel={amountAccessibilityLabel}
               color={hasChevronRight ? interactiveColor : successColor}
               numberOfLines={numberOfLines}
             >
-              {transactionAmount || ""}
+              {amount || ""}
             </H6>
           );
         case "failure":
@@ -217,33 +214,30 @@ export const ListItemTransaction = ({
     );
   };
 
-  return pipe(
-    onPress,
-    O.fromNullable,
-    O.fold(
-      () => (
-        <View
-          style={IOListItemStyles.listItem}
-          testID={testID}
-          accessible={accessible}
-          accessibilityLabel={accessibilityLabel}
-        >
-          <View style={IOListItemStyles.listItemInner}>
-            <ListItemTransactionContent />
-          </View>
-        </View>
-      ),
-      onPress => (
-        <PressableListItemBase
-          onPress={onPress}
-          testID={testID}
-          accessibilityLabel={accessibilityLabel}
-        >
+  if (onPress) {
+    return (
+      <PressableListItemBase
+        onPress={onPress}
+        testID={testID}
+        accessibilityLabel={accessibilityLabel}
+      >
+        <ListItemTransactionContent />
+      </PressableListItemBase>
+    );
+  } else {
+    return (
+      <View
+        style={IOListItemStyles.listItem}
+        testID={testID}
+        accessible={accessible}
+        accessibilityLabel={accessibilityLabel}
+      >
+        <View style={IOListItemStyles.listItemInner}>
           <ListItemTransactionContent />
-        </PressableListItemBase>
-      )
-    )
-  );
+        </View>
+      </View>
+    );
+  }
 };
 
 const SkeletonComponent = () => (

package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap

@@ -187,11 +187,6 @@ exports[`Test List Item Components - Experimental Enabled  ListItemIDP Snapshot
     />
     <Image
       accessibilityIgnoresInvertColors={true}
-      source={
-        {
-          "uri": "undefined",
-        }
-      }
       style={
         {
           "height": 30,
@@ -1884,11 +1879,6 @@ exports[`Test List Item Components ListItemIDP Snapshot 1`] = `
     />
     <Image
       accessibilityIgnoresInvertColors={true}
-      source={
-        {
-          "uri": "undefined",
-        }
-      }
       style={
         {
           "height": 30,

package/src/components/listitems/__test__/listitem.test.tsx

@@ -80,8 +80,11 @@ describe("Test List Item Components", () => {
       <ListItemTransaction
         title="TITLE"
         subtitle="subtitle"
-        transactionStatus="success"
-        transactionAmount="€ 1.000,00"
+        transaction={{
+          status: "success",
+          amount: "€ 1.000,00",
+          amountAccessibilityLabel: "€ 1.000,00"
+        }}
         isLoading={true}
         onPress={onButtonPress}
       />
@@ -180,8 +183,11 @@ describe("Test List Item Components - Experimental Enabled ", () => {
       <ListItemTransaction
         title="TITLE"
         subtitle="subtitle"
-        transactionStatus="success"
-        transactionAmount="€ 1.000,00"
+        transaction={{
+          status: "success",
+          amount: "€ 1.000,00",
+          amountAccessibilityLabel: "€ 1.000,00"
+        }}
         isLoading={true}
         onPress={onButtonPress}
       />

package/src/components/modules/ModuleIDP.tsx

@@ -1,11 +1,11 @@
 import * as React from "react";
-import { Image, ImageSourcePropType, Platform, StyleSheet } from "react-native";
+import { Image, ImageSourcePropType, StyleSheet } from "react-native";
+import { addCacheTimestampToUri } from "../../utils/image";
 import {
   IOListItemLogoMargin,
   useIOExperimentalDesign,
   useIOTheme
 } from "../../core";
-import { toAndroidCacheTimestamp } from "../../utils/dates";
 import { IOText } from "../typography";
 import {
   PressableModuleBase,
@@ -28,12 +28,6 @@ const styles = StyleSheet.create({
   }
 });
 
-// https://github.com/facebook/react-native/issues/12606
-// Image cache forced refresh for Android by appending
-// the `ts` query parameter as DDMMYYYY to simulate a 24h TTL.
-const androidIdpLogoForcedRefreshed = () =>
-  Platform.OS === "android" ? `?ts=${toAndroidCacheTimestamp()}` : "";
-
 export const ModuleIDP = ({
   name,
   localLogo,
@@ -47,11 +41,8 @@ export const ModuleIDP = ({
   const { isExperimental } = useIOExperimentalDesign();
 
   // eslint-disable-next-line no-console
-  const urlLogoIDP = localLogo
-    ? localLogo
-    : {
-        uri: `${logo}${androidIdpLogoForcedRefreshed()}`
-      };
+  const urlLogoIDP = localLogo ? localLogo : addCacheTimestampToUri(logo);
+
   return (
     <PressableModuleBase
       onPress={onPress}

package/src/components/modules/ModulePaymentNotice.tsx

@@ -2,7 +2,6 @@ import * as React from "react";
 import { GestureResponderEvent, StyleSheet, View } from "react-native";
 import Placeholder from "rn-placeholder";
 import { IOListItemVisualParams, IOSpacer, useIOTheme } from "../../core";
-import { getAccessibleAmountText } from "../../utils/accessibility";
 import { WithTestID } from "../../utils/types";
 import { Badge } from "../badge";
 import { Icon } from "../icons";
@@ -29,13 +28,19 @@ export type ModulePaymentNoticeProps = WithTestID<
     onPress: (event: GestureResponderEvent) => void;
   } & (
     | {
-        paymentNoticeStatus: Extract<PaymentNoticeStatus, "default">;
-        paymentNoticeAmount: string;
+        paymentNotice: {
+          status: Extract<PaymentNoticeStatus, "default">;
+          amount: string;
+          amountAccessibilityLabel: string;
+        };
         badgeText?: never;
       }
     | {
-        paymentNoticeStatus: Exclude<PaymentNoticeStatus, "default">;
-        paymentNoticeAmount?: never;
+        paymentNotice: {
+          status: Exclude<PaymentNoticeStatus, "default">;
+          amount?: string;
+          amountAccessibilityLabel?: string;
+        };
         badgeText: string;
       }
   )
@@ -52,22 +57,21 @@ const styles = StyleSheet.create({
 const ModulePaymentNoticeContent = ({
   title,
   subtitle,
-  paymentNoticeStatus,
-  paymentNoticeAmount,
+  paymentNotice: { status, amount, amountAccessibilityLabel },
   badgeText = ""
 }: Omit<ModulePaymentNoticeProps, "isLoading" | "onPress" | "testID">) => {
   const theme = useIOTheme();
 
   const AmountOrBadgeComponent = () => {
-    switch (paymentNoticeStatus) {
+    switch (status) {
       case "default":
         return (
           <H6
-            accessibilityLabel={getAccessibleAmountText(paymentNoticeAmount)}
+            accessibilityLabel={amountAccessibilityLabel}
             color={theme["interactiveElem-default"]}
             numberOfLines={1}
           >
-            {paymentNoticeAmount}
+            {amount}
           </H6>
         );
       case "paid":

package/src/components/tag/Tag.tsx

@@ -1,5 +1,3 @@
-import * as O from "fp-ts/lib/Option";
-import { pipe } from "fp-ts/lib/function";
 import React from "react";
 import { Platform, StyleSheet, View } from "react-native";
 import {
@@ -148,23 +146,16 @@ export const Tag = ({
 
   return (
     <View testID={testID} style={styles.tag}>
-      {pipe(
-        variantProps,
-        O.fromNullable,
-        O.fold(
-          () => null,
-          ({ iconColor, iconName }) => (
-            <View style={styles.iconWrapper}>
-              <Icon
-                name={iconName}
-                color={iconColor}
-                size={IOTagIconSize}
-                accessible={!!iconAccessibilityLabel}
-                accessibilityLabel={iconAccessibilityLabel}
-              />
-            </View>
-          )
-        )
+      {variantProps && (
+        <View style={styles.iconWrapper}>
+          <Icon
+            name={variantProps.iconName}
+            color={variantProps.iconColor}
+            size={IOTagIconSize}
+            accessible={!!iconAccessibilityLabel}
+            accessibilityLabel={iconAccessibilityLabel}
+          />
+        </View>
       )}
       {variantProps && text && <View style={styles.spacer} />}
       {text && (

package/src/core/IODSExperimentalContextProvider.tsx

@@ -1,4 +1,3 @@
-import { constVoid } from "fp-ts/function";
 import React from "react";
 
 type IOExperimentalContextType = {
@@ -11,7 +10,7 @@ type IOExperimentalContextType = {
 export const IOExperimentalDesignContext =
   React.createContext<IOExperimentalContextType>({
     isExperimental: false,
-    setExperimental: constVoid
+    setExperimental: () => void 0
   });
 
 export const useIOExperimentalDesign = () =>

package/src/core/IOThemeContextProvider.tsx

@@ -1,4 +1,3 @@
-import { constVoid } from "fp-ts/function";
 import React, { useMemo } from "react";
 import { Appearance } from "react-native";
 import {
@@ -24,7 +23,7 @@ export const IOThemeContext: React.Context<IOThemeContextType> =
     themeType: Appearance.getColorScheme() === "dark" ? "dark" : "light",
     theme:
       Appearance.getColorScheme() === "dark" ? IOThemes.dark : IOThemes.light,
-    setTheme: constVoid
+    setTheme: () => void 0
   });
 
 export const useIOThemeContext = () => React.useContext(IOThemeContext);

package/src/utils/accessibility.ts

@@ -1,23 +1,6 @@
-import { pipe } from "fp-ts/lib/function";
-import * as O from "fp-ts/lib/Option";
-import I18n from "i18n-js";
 import { useEffect, useState } from "react";
 import { AccessibilityInfo, Platform } from "react-native";
 
-/**
- * This function is used to get the text that will be read by the screen reader
- * with the correct minus symbol pronunciation.
- */
-export const getAccessibleAmountText = (amount?: string) =>
-  pipe(
-    amount,
-    O.fromNullable,
-    O.map(amount =>
-      amount.replace("-", I18n.t("global.accessibility.minusSymbol"))
-    ),
-    O.getOrElseW(() => undefined)
-  );
-
 /**
  * Query whether a bold text is currently enabled. The result is true
  * when bold text is enabled and false otherwise.

package/src/utils/image.ts

@@ -1,9 +1,4 @@
-import { pipe } from "fp-ts/lib/function";
-import { ImageURISource, Platform } from "react-native";
-import * as B from "fp-ts/boolean";
-import * as T from "io-ts";
-import * as E from "fp-ts/Either";
-import { toAndroidCacheTimestamp } from "./dates";
+import { ImageSourcePropType, Platform } from "react-native";
 
 /**
  * Adds a locale timestamp to the image URI to invalidate cache on the following day if the current platform is Android.
@@ -12,27 +7,32 @@ import { toAndroidCacheTimestamp } from "./dates";
  * @returns a new source with a modified URI which includes the actual timestamp in the locale format without slashes
  * if the platform is Android and the source contains an URI. The same source otherwise.
  */
-export const addCacheTimestampToUri = (source: ImageURISource) => {
-  const UriSource = T.type({
-    uri: T.string
-  });
+export const addCacheTimestampToUri = (source: ImageSourcePropType) => {
+  // If the platform is not Android, return the source as is
+  if (Platform.OS !== "android") {
+    return source;
+  }
 
-  return pipe(
-    Platform.OS === "android",
-    B.fold(
-      () => source,
-      () =>
-        pipe(
-          source,
-          UriSource.decode,
-          E.fold(
-            () => source,
-            () => ({
-              ...source,
-              uri: `${source.uri}?ts=${toAndroidCacheTimestamp()}`
-            })
-          )
-        )
-    )
-  );
+  // If the source is a number, it's a local image return as is
+  if (typeof source === "number") {
+    return source;
+  }
+
+  // This invalidates the cache on the following day
+  const cacheBurstParam = new Date()
+    .toISOString()
+    .split("T")[0]
+    .replace(/-/g, "");
+
+  if (Array.isArray(source)) {
+    return source.map(image =>
+      image.uri
+        ? { ...image, uri: `${image.uri}?ts=${cacheBurstParam}` }
+        : image
+    );
+  } else {
+    return source.uri
+      ? { ...source, uri: `${source.uri}?ts=${cacheBurstParam}` }
+      : source;
+  }
 };

package/src/utils/object.ts

@@ -1,12 +1,13 @@
-import * as A from "fp-ts/Array";
-import * as O from "fp-ts/Option";
-import { pipe } from "fp-ts/lib/function";
-
-export const findFirstCaseInsensitive =
-  <T>(obj: { [key: string]: T }) =>
-  (key: string): O.Option<[string, T]> =>
-    pipe(
-      obj,
-      Object.entries,
-      A.findFirst(([k, _]) => k.toLowerCase() === key.toLowerCase())
-    );
+// Function to find the first case-insensitive logo
+export const findFirstCaseInsensitive = <T>(
+  obj: { [key: string]: T },
+  key: string
+) => {
+  const lowerKey = key.toLowerCase();
+  for (const [k] of Object.entries(obj)) {
+    if (k.toLowerCase() === lowerKey) {
+      return k;
+    }
+  }
+  return null;
+};

package/lib/commonjs/utils/dates.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.toAndroidCacheTimestamp = exports.localeDateFormat = void 0;
-var _i18nJs = _interopRequireDefault(require("i18n-js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const localeDateFormat = (date, format) => isNaN(date.getTime()) ? _i18nJs.default.t("global.date.invalid") : _i18nJs.default.strftime(date, format);
-
-/**
- * Generates a locale formatted timestamp,
- * used to force the refresh of the Image component cache for Android devices
- * every 24 hours.
- * @returns the actual locale date short format without slashes.
- */
-exports.localeDateFormat = localeDateFormat;
-const toAndroidCacheTimestamp = () => localeDateFormat(new Date(), _i18nJs.default.t("global.dateFormats.shortFormat").replace(/\//g, ""));
-exports.toAndroidCacheTimestamp = toAndroidCacheTimestamp;
-//# sourceMappingURL=dates.js.map

package/lib/commonjs/utils/dates.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_i18nJs","_interopRequireDefault","require","obj","__esModule","default","localeDateFormat","date","format","isNaN","getTime","I18n","t","strftime","exports","toAndroidCacheTimestamp","Date","replace"],"sourceRoot":"../../../src","sources":["utils/dates.ts"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA2B,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEpB,MAAMG,gBAAgB,GAAGA,CAACC,IAAU,EAAEC,MAAc,KACzDC,KAAK,CAACF,IAAI,CAACG,OAAO,CAAC,CAAC,CAAC,GACjBC,eAAI,CAACC,CAAC,CAAC,qBAAqB,CAAC,GAC7BD,eAAI,CAACE,QAAQ,CAACN,IAAI,EAAEC,MAAM,CAAC;;AAEjC;AACA;AACA;AACA;AACA;AACA;AALAM,OAAA,CAAAR,gBAAA,GAAAA,gBAAA;AAMO,MAAMS,uBAAuB,GAAGA,CAAA,KACrCT,gBAAgB,CACd,IAAIU,IAAI,CAAC,CAAC,EACVL,eAAI,CAACC,CAAC,CAAC,gCAAgC,CAAC,CAACK,OAAO,CAAC,KAAK,EAAE,EAAE,CAC5D,CAAC;AAACH,OAAA,CAAAC,uBAAA,GAAAA,uBAAA"}

package/lib/module/utils/dates.js

@@ -1,11 +0,0 @@
-import I18n from "i18n-js";
-export const localeDateFormat = (date, format) => isNaN(date.getTime()) ? I18n.t("global.date.invalid") : I18n.strftime(date, format);
-
-/**
- * Generates a locale formatted timestamp,
- * used to force the refresh of the Image component cache for Android devices
- * every 24 hours.
- * @returns the actual locale date short format without slashes.
- */
-export const toAndroidCacheTimestamp = () => localeDateFormat(new Date(), I18n.t("global.dateFormats.shortFormat").replace(/\//g, ""));
-//# sourceMappingURL=dates.js.map

package/lib/module/utils/dates.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["I18n","localeDateFormat","date","format","isNaN","getTime","t","strftime","toAndroidCacheTimestamp","Date","replace"],"sourceRoot":"../../../src","sources":["utils/dates.ts"],"mappings":"AAAA,OAAOA,IAAI,MAAM,SAAS;AAE1B,OAAO,MAAMC,gBAAgB,GAAGA,CAACC,IAAU,EAAEC,MAAc,KACzDC,KAAK,CAACF,IAAI,CAACG,OAAO,CAAC,CAAC,CAAC,GACjBL,IAAI,CAACM,CAAC,CAAC,qBAAqB,CAAC,GAC7BN,IAAI,CAACO,QAAQ,CAACL,IAAI,EAAEC,MAAM,CAAC;;AAEjC;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMK,uBAAuB,GAAGA,CAAA,KACrCP,gBAAgB,CACd,IAAIQ,IAAI,CAAC,CAAC,EACVT,IAAI,CAACM,CAAC,CAAC,gCAAgC,CAAC,CAACI,OAAO,CAAC,KAAK,EAAE,EAAE,CAC5D,CAAC"}

package/lib/typescript/utils/dates.d.ts

@@ -1,9 +0,0 @@
-export declare const localeDateFormat: (date: Date, format: string) => string;
-/**
- * Generates a locale formatted timestamp,
- * used to force the refresh of the Image component cache for Android devices
- * every 24 hours.
- * @returns the actual locale date short format without slashes.
- */
-export declare const toAndroidCacheTimestamp: () => string;
-//# sourceMappingURL=dates.d.ts.map

package/lib/typescript/utils/dates.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dates.d.ts","sourceRoot":"","sources":["../../../src/utils/dates.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,SAAU,IAAI,UAAU,MAAM,KAAG,MAG7B,CAAC;AAElC;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,cAIjC,CAAC"}

package/src/utils/dates.ts

@@ -1,18 +0,0 @@
-import I18n from "i18n-js";
-
-export const localeDateFormat = (date: Date, format: string): string =>
-  isNaN(date.getTime())
-    ? I18n.t("global.date.invalid")
-    : I18n.strftime(date, format);
-
-/**
- * Generates a locale formatted timestamp,
- * used to force the refresh of the Image component cache for Android devices
- * every 24 hours.
- * @returns the actual locale date short format without slashes.
- */
-export const toAndroidCacheTimestamp = () =>
-  localeDateFormat(
-    new Date(),
-    I18n.t("global.dateFormats.shortFormat").replace(/\//g, "")
-  );