@pagopa/io-app-design-system 1.3.1 → 1.4.0

package/lib/module/components/accordion/AccordionItem.js

@@ -0,0 +1,126 @@
+import React, { useState } from "react";
+import { Text, View, StyleSheet, TouchableWithoutFeedback } from "react-native";
+import Animated, { useAnimatedStyle, withSpring } from "react-native-reanimated";
+import LinearGradient from "react-native-linear-gradient";
+import { IOAccordionRadius } from "../../core";
+import { makeFontStyleObject } from "../../utils/fonts";
+import { IOColors, hexToRgba } from "../../core/IOColors";
+import { H6 } from "../typography";
+import { IOSpringValues } from "../../core/IOAnimations";
+import { Icon } from "../icons/Icon";
+const accordionBodySpacing = 16;
+const accordionIconMargin = 8;
+const accordionBorder = "grey-200";
+const accordionBackground = "white";
+
+/* The code below is a re-adaptation of Dima Portenko's code:
+https://github.com/dimaportenko/reanimated-collapsable-card-tutorial
+*/
+export const AccordionBody = _ref => {
+  let {
+    children,
+    expanded
+  } = _ref;
+  const [height, setHeight] = useState(0);
+  const onLayout = event => {
+    const {
+      height: onLayoutHeight
+    } = event.nativeEvent.layout;
+    if (onLayoutHeight > 0 && height !== onLayoutHeight) {
+      setHeight(onLayoutHeight);
+    }
+  };
+  const animatedHeightStyle = useAnimatedStyle(() => ({
+    height: expanded ? withSpring(height, IOSpringValues.accordion) : withSpring(0, IOSpringValues.accordion)
+  }), [expanded]);
+  return /*#__PURE__*/React.createElement(Animated.View, {
+    style: [animatedHeightStyle, styles.accordionCollapsableContainer]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.accordionBodyContainer,
+    onLayout: onLayout
+  }, children));
+};
+export const AccordionItem = _ref2 => {
+  let {
+    title,
+    body
+  } = _ref2;
+  const [expanded, setExpanded] = useState(false);
+  const onItemPress = () => {
+    setExpanded(!expanded);
+  };
+  const animatedChevron = useAnimatedStyle(() => ({
+    transform: [{
+      rotate: expanded ? withSpring(`180deg`, IOSpringValues.accordion) : withSpring(`0deg`, IOSpringValues.accordion)
+    }]
+  }), [expanded]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.accordionWrapper
+  }, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+    accessible: true,
+    accessibilityRole: "button",
+    accessibilityState: {
+      expanded
+    },
+    onPress: onItemPress
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.textContainer
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexShrink: 1,
+      marginRight: accordionIconMargin
+    }
+  }, /*#__PURE__*/React.createElement(H6, {
+    color: "black"
+  }, title)), /*#__PURE__*/React.createElement(Animated.View, {
+    style: animatedChevron
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "chevronBottom",
+    color: "blueIO-500"
+  })))), /*#__PURE__*/React.createElement(AccordionBody, {
+    expanded: expanded
+  }, typeof body === "string" ? /*#__PURE__*/React.createElement(Text, {
+    style: styles.accordionBodyText
+  }, body) : body), /*#__PURE__*/React.createElement(LinearGradient, {
+    style: {
+      height: accordionBodySpacing,
+      position: "absolute",
+      // Place at the bottom
+      bottom: 0,
+      // Avoid gradient overlaps with border radius
+      left: accordionBodySpacing,
+      right: accordionBodySpacing
+    },
+    colors: [hexToRgba(IOColors[accordionBackground], 0), IOColors[accordionBackground]]
+  }));
+};
+const styles = StyleSheet.create({
+  accordionWrapper: {
+    borderColor: IOColors[accordionBorder],
+    borderWidth: 1,
+    borderRadius: IOAccordionRadius,
+    backgroundColor: IOColors[accordionBackground]
+  },
+  accordionCollapsableContainer: {
+    overflow: "hidden"
+  },
+  accordionBodyContainer: {
+    position: "absolute",
+    padding: accordionBodySpacing,
+    paddingTop: 0
+  },
+  accordionBodyText: {
+    fontSize: 14,
+    lineHeight: 21,
+    color: IOColors["grey-700"],
+    ...makeFontStyleObject("Regular", undefined, "TitilliumWeb")
+  },
+  textContainer: {
+    padding: accordionBodySpacing,
+    flexGrow: 1,
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between"
+  }
+});
+//# sourceMappingURL=AccordionItem.js.map

package/lib/module/components/accordion/AccordionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","Text","View","StyleSheet","TouchableWithoutFeedback","Animated","useAnimatedStyle","withSpring","LinearGradient","IOAccordionRadius","makeFontStyleObject","IOColors","hexToRgba","H6","IOSpringValues","Icon","accordionBodySpacing","accordionIconMargin","accordionBorder","accordionBackground","AccordionBody","_ref","children","expanded","height","setHeight","onLayout","event","onLayoutHeight","nativeEvent","layout","animatedHeightStyle","accordion","createElement","style","styles","accordionCollapsableContainer","accordionBodyContainer","AccordionItem","_ref2","title","body","setExpanded","onItemPress","animatedChevron","transform","rotate","accordionWrapper","accessible","accessibilityRole","accessibilityState","onPress","textContainer","flexShrink","marginRight","color","name","accordionBodyText","position","bottom","left","right","colors","create","borderColor","borderWidth","borderRadius","backgroundColor","overflow","padding","paddingTop","fontSize","lineHeight","undefined","flexGrow","flexDirection","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["components/accordion/AccordionItem.tsx"],"mappings":"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"}

package/lib/module/components/accordion/index.js

@@ -1,3 +1,3 @@
 export * from "./RawAccordion";
-export * from "./IOAccordion";
+export * from "./AccordionItem";
 //# sourceMappingURL=index.js.map

package/lib/module/components/accordion/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/accordion/index.tsx"],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,eAAe"}
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/accordion/index.tsx"],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB"}

package/lib/module/components/common/LogoPaymentWithFallback.js

@@ -0,0 +1,40 @@
+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 { Icon } from "../icons";
+import { IOPaymentExtLogos, IOPaymentLogos, LogoPayment, LogoPaymentExt } from "../logos";
+/**
+ * This component renders either
+ * - a LogoPayment/LogoPaymentExt component
+ * - a default credit card icon
+ * @param cardIcon: IOLogoPaymentType icon
+ * @param size: the size of the icon (standard is 24/48)
+ * @param fallbackIconColor: default icon color (standard is grey-700)
+ * @param isExtended: if true, renders a LogoPaymentExt component
+ * @returns a LogoPayment/LogopaymentExt component if the cardIcon is supported, a default credit card icon otherwise
+ */
+export const LogoPaymentWithFallback = _ref => {
+  let {
+    brand,
+    fallbackIconColor = "grey-700",
+    isExtended = false,
+    size = isExtended ? 48 : 24
+  } = _ref;
+  const logos = isExtended ? IOPaymentExtLogos : IOPaymentLogos;
+  return pipe(brand, O.fromNullable, O.chain(findFirstCaseInsensitive(logos)), O.map(_ref2 => {
+    let [brand] = _ref2;
+    return brand;
+  }), O.fold(() => /*#__PURE__*/React.createElement(Icon, {
+    name: "creditCard",
+    size: size,
+    color: fallbackIconColor
+  }), brand => isExtended ? /*#__PURE__*/React.createElement(LogoPaymentExt, {
+    name: brand,
+    size: size
+  }) : /*#__PURE__*/React.createElement(LogoPayment, {
+    name: brand,
+    size: size
+  })));
+};
+//# sourceMappingURL=LogoPaymentWithFallback.js.map

package/lib/module/components/common/LogoPaymentWithFallback.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["O","pipe","React","findFirstCaseInsensitive","Icon","IOPaymentExtLogos","IOPaymentLogos","LogoPayment","LogoPaymentExt","LogoPaymentWithFallback","_ref","brand","fallbackIconColor","isExtended","size","logos","fromNullable","chain","map","_ref2","fold","createElement","name","color"],"sourceRoot":"../../../../src","sources":["components/common/LogoPaymentWithFallback.tsx"],"mappings":"AAAA,OAAO,KAAKA,CAAC,MAAM,kBAAkB;AACrC,SAASC,IAAI,QAAQ,oBAAoB;AACzC,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SAASC,wBAAwB,QAAQ,oBAAoB;AAE7D,SAA0BC,IAAI,QAAQ,UAAU;AAChD,SAGEC,iBAAiB,EACjBC,cAAc,EACdC,WAAW,EACXC,cAAc,QACT,UAAU;AAajB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,uBAAuB,GAAGC,IAAA,IAKR;EAAA,IALS;IACtCC,KAAK;IACLC,iBAAiB,GAAG,UAAU;IAC9BC,UAAU,GAAG,KAAK;IAClBC,IAAI,GAAGD,UAAU,GAAG,EAAE,GAAG;EACF,CAAC,GAAAH,IAAA;EACxB,MAAMK,KAAK,GAAGF,UAAU,GAAGR,iBAAiB,GAAGC,cAAc;EAE7D,OAAOL,IAAI,CACTU,KAAK,EACLX,CAAC,CAACgB,YAAY,EACdhB,CAAC,CAACiB,KAAK,CAACd,wBAAwB,CAACY,KAAK,CAAC,CAAC,EACxCf,CAAC,CAACkB,GAAG,CAACC,KAAA;IAAA,IAAC,CAACR,KAAK,CAAC,GAAAQ,KAAA;IAAA,OAAKR,KAAK;EAAA,EAAC,EACzBX,CAAC,CAACoB,IAAI,CACJ,mBAAMlB,KAAA,CAAAmB,aAAA,CAACjB,IAAI;IAACkB,IAAI,EAAC,YAAY;IAACR,IAAI,EAAEA,IAAK;IAACS,KAAK,EAAEX;EAAkB,CAAE,CAAC,EACtED,KAAK,IACHE,UAAU,gBACRX,KAAA,CAAAmB,aAAA,CAACb,cAAc;IAACc,IAAI,EAAEX,KAA8B;IAACG,IAAI,EAAEA;EAAK,CAAE,CAAC,gBAEnEZ,KAAA,CAAAmB,aAAA,CAACd,WAAW;IAACe,IAAI,EAAEX,KAA2B;IAACG,IAAI,EAAEA;EAAK,CAAE,CAElE,CACF,CAAC;AACH,CAAC"}

package/lib/module/components/index.js

@@ -17,4 +17,5 @@ export * from "./switch";
 export * from "./tag";
 export * from "./tabs";
 export * from "./typography";
+export * from "./textInput";
 //# sourceMappingURL=index.js.map

package/lib/module/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.tsx"],"mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,YAAY;AAC1B,cAAc,kBAAkB;AAChC,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,OAAO;AACrB,cAAc,QAAQ;AACtB,cAAc,cAAc"}
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.tsx"],"mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,YAAY;AAC1B,cAAc,kBAAkB;AAChC,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,OAAO;AACrB,cAAc,QAAQ;AACtB,cAAc,cAAc;AAC5B,cAAc,aAAa"}

package/lib/module/components/listitems/ListItemTransaction.js

@@ -3,91 +3,109 @@ import { pipe } from "fp-ts/lib/function";
 import React from "react";
 import { StyleSheet, View } from "react-native";
 import Placeholder from "rn-placeholder";
-import { IOListItemStyles, IOListItemVisualParams, IOStyles, IOVisualCostants, useIOTheme } from "../../core";
+import { IOListItemLogoMargin, IOListItemStyles, IOListItemVisualParams, IOStyles, IOVisualCostants, useIOTheme } from "../../core";
+import { LogoPaymentWithFallback } from "../common/LogoPaymentWithFallback";
+import { isImageUri } from "../../utils/url";
+import { getAccessibleAmountText } from "../../utils/accessibility";
 import { Avatar } from "../avatar/Avatar";
 import { Badge } from "../badge/Badge";
 import { Icon } from "../icons";
-import { LogoPayment } from "../logos";
 import { VSpacer } from "../spacer";
 import { H6, LabelSmall } from "../typography";
 import { PressableListItemBase } from "./PressableListItemsBase";
-const isImageUrI = value => typeof value === "object" && value.uri !== undefined;
+const CARD_LOGO_SIZE = 24;
+const MUNICIPALITY_LOGO_SIZE = 44;
+// this is the <Avatar/>'s "small" size,
+// since it is bigger than the card logos, we use
+// it as a base size for homogeneous sizing via container size.
+
 const LeftComponent = _ref => {
   let {
-    logoNameOrUrl
+    logoIcon
   } = _ref;
-  if (isImageUrI(logoNameOrUrl)) {
+  if (isImageUri(logoIcon)) {
     return /*#__PURE__*/React.createElement(Avatar, {
-      shape: "circle",
+      logoUri: [logoIcon],
       size: "small",
-      logoUri: [logoNameOrUrl]
+      shape: "circle"
     });
-  } else {
-    return /*#__PURE__*/React.createElement(View, {
-      style: {
-        width: IOVisualCostants.avatarSizeSmall,
-        height: IOVisualCostants.avatarSizeSmall,
-        alignItems: "center",
-        justifyContent: "center"
-      }
-    }, /*#__PURE__*/React.createElement(LogoPayment, {
-      name: logoNameOrUrl
-    }));
   }
+  if ( /*#__PURE__*/React.isValidElement(logoIcon)) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, logoIcon);
+  }
+  return /*#__PURE__*/React.createElement(LogoPaymentWithFallback, {
+    brand: logoIcon,
+    size: CARD_LOGO_SIZE
+  });
 };
 export const ListItemTransaction = _ref2 => {
   let {
     accessibilityLabel,
     hasChevronRight = false,
     isLoading = false,
-    paymentLogoOrUrl,
+    paymentLogoIcon,
     onPress,
     subtitle,
     testID,
     title,
     transactionAmount,
+    badgeText,
     transactionStatus = "success"
   } = _ref2;
   const theme = useIOTheme();
+  const maybeBadgeText = pipe(badgeText, O.fromNullable, O.getOrElse(() => "-"));
   if (isLoading) {
     return /*#__PURE__*/React.createElement(SkeletonComponent, null);
   }
-  const designSystemBlue = "blue";
+  const designSystemBlue = "blueIO-500";
   const ListItemTransactionContent = () => {
     const TransactionAmountOrBadgeComponent = () => {
       switch (transactionStatus) {
         case "success":
           return /*#__PURE__*/React.createElement(H6, {
+            accessibilityLabel: getAccessibleAmountText(transactionAmount),
             color: hasChevronRight ? designSystemBlue : "black"
-          }, transactionAmount || "-");
+          }, transactionAmount || "");
+        case "refunded":
+          return /*#__PURE__*/React.createElement(H6, {
+            accessibilityLabel: getAccessibleAmountText(transactionAmount),
+            color: hasChevronRight ? designSystemBlue : "success-700"
+          }, transactionAmount || "");
         case "failure":
+        case "cancelled":
           return /*#__PURE__*/React.createElement(Badge, {
             variant: "error",
-            text: "Failed"
+            text: maybeBadgeText
+          });
+        case "reversal":
+          return /*#__PURE__*/React.createElement(Badge, {
+            variant: "lightBlue",
+            text: maybeBadgeText
           });
         case "pending":
           return /*#__PURE__*/React.createElement(Badge, {
             variant: "info",
-            text: "Cancelled"
+            text: maybeBadgeText
           });
       }
     };
-    return /*#__PURE__*/React.createElement(React.Fragment, null, paymentLogoOrUrl && /*#__PURE__*/React.createElement(View, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, paymentLogoIcon && /*#__PURE__*/React.createElement(View, {
       style: {
-        marginRight: IOListItemVisualParams.iconMargin
+        marginRight: IOListItemLogoMargin,
+        width: MUNICIPALITY_LOGO_SIZE,
+        alignItems: "center"
       }
     }, /*#__PURE__*/React.createElement(LeftComponent, {
-      logoNameOrUrl: paymentLogoOrUrl
+      logoIcon: paymentLogoIcon
     })), /*#__PURE__*/React.createElement(View, {
       style: IOStyles.flex
-    }, /*#__PURE__*/React.createElement(H6, {
+    }, /*#__PURE__*/React.createElement(LabelSmall, {
+      numberOfLines: 2,
       color: theme["textBody-default"]
     }, title), /*#__PURE__*/React.createElement(LabelSmall, {
       weight: "Regular",
       color: theme["textBody-tertiary"]
-    }, subtitle), /*#__PURE__*/React.createElement(VSpacer, {
-      size: 4
-    })), /*#__PURE__*/React.createElement(View, {
+    }, subtitle)), /*#__PURE__*/React.createElement(View, {
       style: Styles.rightSection
     }, /*#__PURE__*/React.createElement(TransactionAmountOrBadgeComponent, null), hasChevronRight && /*#__PURE__*/React.createElement(Icon, {
       name: "chevronRightListItem",

package/lib/module/components/listitems/ListItemTransaction.js.map

@@ -1 +1 @@
-{"version":3,"names":["O","pipe","React","StyleSheet","View","Placeholder","IOListItemStyles","IOListItemVisualParams","IOStyles","IOVisualCostants","useIOTheme","Avatar","Badge","Icon","LogoPayment","VSpacer","H6","LabelSmall","PressableListItemBase","isImageUrI","value","uri","undefined","LeftComponent","_ref","logoNameOrUrl","createElement","shape","size","logoUri","style","width","avatarSizeSmall","height","alignItems","justifyContent","name","ListItemTransaction","_ref2","accessibilityLabel","hasChevronRight","isLoading","paymentLogoOrUrl","onPress","subtitle","testID","title","transactionAmount","transactionStatus","theme","SkeletonComponent","designSystemBlue","ListItemTransactionContent","TransactionAmountOrBadgeComponent","color","variant","text","Fragment","marginRight","iconMargin","flex","weight","Styles","rightSection","chevronSize","fromNullable","fold","listItem","accessible","listItemInner","Box","animate","radius","marginLeft","create","flexDirection"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemTransaction.tsx"],"mappings":"AAAA,OAAO,KAAKA,CAAC,MAAM,kBAAkB;AACrC,SAASC,IAAI,QAAQ,oBAAoB;AACzC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAAyBC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/D,OAAOC,WAAW,MAAM,gBAAgB;AACxC,SAEEC,gBAAgB,EAChBC,sBAAsB,EACtBC,QAAQ,EACRC,gBAAgB,EAChBC,UAAU,QACL,YAAY;AAEnB,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,KAAK,QAAQ,gBAAgB;AACtC,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAA4BC,WAAW,QAAQ,UAAU;AACzD,SAASC,OAAO,QAAQ,WAAW;AACnC,SAASC,EAAE,EAAEC,UAAU,QAAQ,eAAe;AAC9C,SAEEC,qBAAqB,QAChB,0BAA0B;AA0BjC,MAAMC,UAAU,GACdC,KAAyC,IAEzC,OAAOA,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACC,GAAG,KAAKC,SAAS;AAEtD,MAAMC,aAAa,GAAGC,IAAA,IAA2C;EAAA,IAA1C;IAAEC;EAAkC,CAAC,GAAAD,IAAA;EAC1D,IAAIL,UAAU,CAACM,aAAa,CAAC,EAAE;IAC7B,oBAAOvB,KAAA,CAAAwB,aAAA,CAACf,MAAM;MAACgB,KAAK,EAAC,QAAQ;MAACC,IAAI,EAAC,OAAO;MAACC,OAAO,EAAE,CAACJ,aAAa;IAAE,CAAE,CAAC;EACzE,CAAC,MAAM;IACL,oBACEvB,KAAA,CAAAwB,aAAA,CAACtB,IAAI;MACH0B,KAAK,EAAE;QACLC,KAAK,EAAEtB,gBAAgB,CAACuB,eAAe;QACvCC,MAAM,EAAExB,gBAAgB,CAACuB,eAAe;QACxCE,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE;MAClB;IAAE,gBAEFjC,KAAA,CAAAwB,aAAA,CAACZ,WAAW;MAACsB,IAAI,EAAEX;IAAc,CAAE,CAC/B,CAAC;EAEX;AACF,CAAC;AAED,OAAO,MAAMY,mBAAmB,GAAGC,KAAA,IAWR;EAAA,IAXS;IAClCC,kBAAkB;IAClBC,eAAe,GAAG,KAAK;IACvBC,SAAS,GAAG,KAAK;IACjBC,gBAAgB;IAChBC,OAAO;IACPC,QAAQ;IACRC,MAAM;IACNC,KAAK;IACLC,iBAAiB;IACjBC,iBAAiB,GAAG;EACD,CAAC,GAAAV,KAAA;EACpB,MAAMW,KAAK,GAAGvC,UAAU,CAAC,CAAC;EAE1B,IAAI+B,SAAS,EAAE;IACb,oBAAOvC,KAAA,CAAAwB,aAAA,CAACwB,iBAAiB,MAAE,CAAC;EAC9B;EAEA,MAAMC,gBAA0B,GAAG,MAAM;EACzC,MAAMC,0BAA0B,GAAGA,CAAA,KAAM;IACvC,MAAMC,iCAAiC,GAAGA,CAAA,KAAM;MAC9C,QAAQL,iBAAiB;QACvB,KAAK,SAAS;UACZ,oBACE9C,KAAA,CAAAwB,aAAA,CAACV,EAAE;YAACsC,KAAK,EAAEd,eAAe,GAAGW,gBAAgB,GAAG;UAAQ,GACrDJ,iBAAiB,IAAI,GACpB,CAAC;QAGT,KAAK,SAAS;UACZ,oBAAO7C,KAAA,CAAAwB,aAAA,CAACd,KAAK;YAAC2C,OAAO,EAAC,OAAO;YAACC,IAAI,EAAE;UAAS,CAAE,CAAC;QAClD,KAAK,SAAS;UACZ,oBAAOtD,KAAA,CAAAwB,aAAA,CAACd,KAAK;YAAC2C,OAAO,EAAC,MAAM;YAACC,IAAI,EAAE;UAAY,CAAE,CAAC;MACtD;IACF,CAAC;IAED,oBACEtD,KAAA,CAAAwB,aAAA,CAAAxB,KAAA,CAAAuD,QAAA,QACGf,gBAAgB,iBACfxC,KAAA,CAAAwB,aAAA,CAACtB,IAAI;MAAC0B,KAAK,EAAE;QAAE4B,WAAW,EAAEnD,sBAAsB,CAACoD;MAAW;IAAE,gBAC9DzD,KAAA,CAAAwB,aAAA,CAACH,aAAa;MAACE,aAAa,EAAEiB;IAAiB,CAAE,CAC7C,CACP,eACDxC,KAAA,CAAAwB,aAAA,CAACtB,IAAI;MAAC0B,KAAK,EAAEtB,QAAQ,CAACoD;IAAK,gBACzB1D,KAAA,CAAAwB,aAAA,CAACV,EAAE;MAACsC,KAAK,EAAEL,KAAK,CAAC,kBAAkB;IAAE,GAAEH,KAAU,CAAC,eAClD5C,KAAA,CAAAwB,aAAA,CAACT,UAAU;MAAC4C,MAAM,EAAC,SAAS;MAACP,KAAK,EAAEL,KAAK,CAAC,mBAAmB;IAAE,GAC5DL,QACS,CAAC,eACb1C,KAAA,CAAAwB,aAAA,CAACX,OAAO;MAACa,IAAI,EAAE;IAAE,CAAE,CACf,CAAC,eACP1B,KAAA,CAAAwB,aAAA,CAACtB,IAAI;MAAC0B,KAAK,EAAEgC,MAAM,CAACC;IAAa,gBAC/B7D,KAAA,CAAAwB,aAAA,CAAC2B,iCAAiC,MAAE,CAAC,EACpCb,eAAe,iBACdtC,KAAA,CAAAwB,aAAA,CAACb,IAAI;MACHuB,IAAI,EAAC,sBAAsB;MAC3BkB,KAAK,EAAEH,gBAAiB;MACxBvB,IAAI,EAAErB,sBAAsB,CAACyD;IAAY,CAC1C,CAEC,CACN,CAAC;EAEP,CAAC;EAED,OAAO/D,IAAI,CACT0C,OAAO,EACP3C,CAAC,CAACiE,YAAY,EACdjE,CAAC,CAACkE,IAAI,CACJ,mBACEhE,KAAA,CAAAwB,aAAA,CAACtB,IAAI;IACH0B,KAAK,EAAExB,gBAAgB,CAAC6D,QAAS;IACjCtB,MAAM,EAAEA,MAAO;IACfuB,UAAU,EAAE,IAAK;IACjB7B,kBAAkB,EAAEA;EAAmB,gBAEvCrC,KAAA,CAAAwB,aAAA,CAACtB,IAAI;IAAC0B,KAAK,EAAExB,gBAAgB,CAAC+D;EAAc,gBAC1CnE,KAAA,CAAAwB,aAAA,CAAC0B,0BAA0B,MAAE,CACzB,CACF,CACP,EACDT,OAAO,iBACLzC,KAAA,CAAAwB,aAAA,CAACR,qBAAqB;IACpByB,OAAO,EAAEA,OAAQ;IACjBE,MAAM,EAAEA,MAAO;IACfN,kBAAkB,EAAEA;EAAmB,gBAEvCrC,KAAA,CAAAwB,aAAA,CAAC0B,0BAA0B,MAAE,CACR,CAE3B,CACF,CAAC;AACH,CAAC;AAED,MAAMF,iBAAiB,GAAGA,CAAA,kBACxBhD,KAAA,CAAAwB,aAAA,CAACtB,IAAI;EAAC0B,KAAK,EAAExB,gBAAgB,CAAC6D,QAAS;EAACC,UAAU,EAAE;AAAM,gBACxDlE,KAAA,CAAAwB,aAAA,CAACtB,IAAI;EAAC0B,KAAK,EAAExB,gBAAgB,CAAC+D;AAAc,gBAC1CnE,KAAA,CAAAwB,aAAA,CAACtB,IAAI;EAAC0B,KAAK,EAAE;IAAE4B,WAAW,EAAEnD,sBAAsB,CAACoD;EAAW;AAAE,gBAC9DzD,KAAA,CAAAwB,aAAA,CAACrB,WAAW,CAACiE,GAAG;EACdC,OAAO,EAAC,MAAM;EACdtC,MAAM,EAAExB,gBAAgB,CAACuB,eAAgB;EACzCD,KAAK,EAAEtB,gBAAgB,CAACuB,eAAgB;EACxCwC,MAAM,EAAE;AAAI,CACb,CACG,CAAC,eACPtE,KAAA,CAAAwB,aAAA,CAACtB,IAAI;EAAC0B,KAAK,EAAEtB,QAAQ,CAACoD;AAAK,gBACzB1D,KAAA,CAAAwB,aAAA,CAACrB,WAAW,CAACiE,GAAG;EAACC,OAAO,EAAC,MAAM;EAACC,MAAM,EAAE,CAAE;EAACzC,KAAK,EAAE,EAAG;EAACE,MAAM,EAAE;AAAG,CAAE,CAAC,eACpE/B,KAAA,CAAAwB,aAAA,CAACX,OAAO;EAACa,IAAI,EAAE;AAAE,CAAE,CAAC,eACpB1B,KAAA,CAAAwB,aAAA,CAACrB,WAAW,CAACiE,GAAG;EAACC,OAAO,EAAC,MAAM;EAACC,MAAM,EAAE,CAAE;EAACzC,KAAK,EAAE,GAAI;EAACE,MAAM,EAAE;AAAG,CAAE,CAChE,CAAC,eACP/B,KAAA,CAAAwB,aAAA,CAACtB,IAAI;EAAC0B,KAAK,EAAE;IAAE2C,UAAU,EAAElE,sBAAsB,CAACoD;EAAW;AAAE,gBAC7DzD,KAAA,CAAAwB,aAAA,CAACrB,WAAW,CAACiE,GAAG;EAACC,OAAO,EAAC,MAAM;EAACC,MAAM,EAAE,CAAE;EAACzC,KAAK,EAAE,EAAG;EAACE,MAAM,EAAE;AAAG,CAAE,CAC/D,CACF,CACF,CACP;AAED,MAAM6B,MAAM,GAAG3D,UAAU,CAACuE,MAAM,CAAC;EAC/BX,YAAY,EAAE;IACZU,UAAU,EAAElE,sBAAsB,CAACoD,UAAU;IAC7CgB,aAAa,EAAE,KAAK;IACpBzC,UAAU,EAAE,QAAQ;IACpBD,MAAM,EAAE;EACV;AACF,CAAC,CAAC"}
+{"version":3,"names":["O","pipe","React","StyleSheet","View","Placeholder","IOListItemLogoMargin","IOListItemStyles","IOListItemVisualParams","IOStyles","IOVisualCostants","useIOTheme","LogoPaymentWithFallback","isImageUri","getAccessibleAmountText","Avatar","Badge","Icon","VSpacer","H6","LabelSmall","PressableListItemBase","CARD_LOGO_SIZE","MUNICIPALITY_LOGO_SIZE","LeftComponent","_ref","logoIcon","createElement","logoUri","size","shape","isValidElement","Fragment","brand","ListItemTransaction","_ref2","accessibilityLabel","hasChevronRight","isLoading","paymentLogoIcon","onPress","subtitle","testID","title","transactionAmount","badgeText","transactionStatus","theme","maybeBadgeText","fromNullable","getOrElse","SkeletonComponent","designSystemBlue","ListItemTransactionContent","TransactionAmountOrBadgeComponent","color","variant","text","style","marginRight","width","alignItems","flex","numberOfLines","weight","Styles","rightSection","name","chevronSize","fold","listItem","accessible","listItemInner","iconMargin","Box","animate","height","avatarSizeSmall","radius","marginLeft","create","flexDirection"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemTransaction.tsx"],"mappings":"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"}

package/lib/module/components/pictograms/svg/PictogramFocusOn.js

@@ -1,6 +1,6 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from "react";
-import { Svg, Path, G, Defs } from "react-native-svg";
+import { Svg, Path, G, Defs, ClipPath } from "react-native-svg";
 const PictogramFocusOn = _ref => {
   let {
     size,
@@ -13,30 +13,30 @@ const PictogramFocusOn = _ref => {
     height: size,
     viewBox: "0 0 80 80"
   }, props), /*#__PURE__*/React.createElement(G, {
-    "clip-path": "url(#a)"
+    clipPath: "url(#a)"
   }, /*#__PURE__*/React.createElement(Path, {
     fill: "#AAEEEF",
-    "fill-rule": "evenodd",
+    fillRule: "evenodd",
     d: "M37.0385 36.6024c2.6444-3.4677 4.2148-7.7986 4.2148-12.4963 0-11.3918-9.2348-20.62667-20.6266-20.62667C9.23488 3.47943 0 12.7143 0 24.1061s9.23488 20.6267 20.6267 20.6267c4.4277 0 8.5295-1.3951 11.89-3.7697l-1.5767-.6757-.7113-1.4226V37.798l1.6004-.8891 5.2094-.3065Z",
-    "clip-rule": "evenodd"
+    clipRule: "evenodd"
   }), /*#__PURE__*/React.createElement(Path, {
     fill: "#00C5CA",
     d: "M20.5295 29.5c-.3443 0-.6293-.2724-.651-.6222l-.1207-1.9419c-.0817-1.313.7858-2.4577 1.9653-2.995.1316-.0599.2599-.1217.3849-.1853.7403-.3871 1.3506-.825 1.8308-1.3139.4801-.4889.8303-1.0389 1.0504-1.65.2401-.6111.3601-1.263.3601-1.9556 0-.7741-.1801-1.487-.5402-2.1389-.3601-.6518-.8904-1.1815-1.5906-1.5889-.6803-.4074-1.4906-.6111-2.431-.6111-.7203 0-1.4105.1426-2.0708.4278-.6403.2648-1.2305.6824-1.7707 1.2528-.3548.389-.6724.8538-.9527 1.3945-.2058.3968-.7123.5401-1.0638.2693-.244-.188-.3347-.5216-.2013-.802.3663-.7697.8154-1.4338 1.3475-1.9924.6402-.6722 1.3605-1.1815 2.1608-1.5278.8203-.3463 1.6907-.5194 2.611-.5194 1.2005 0 2.2609.2648 3.1813.7944.9404.5093 1.6706 1.2019 2.1909 2.0778.5202.8759.7803 1.8537.7803 2.9334 0 1.0388-.2401 2.0064-.7203 2.9027-.4602.876-1.1105 1.65-1.9508 2.3223-.4332.336-.9062.6314-1.4191.8862-.8979.4461-1.5879 1.2888-1.6416 2.3045l-.0873 1.6503c-.0186.3524-.3048.6284-.6514.6284Zm-1.1826 4.125c0-.4278.1101-.7741.3302-1.0389.2201-.2648.5202-.3972.9003-.3972.4002 0 .7003.1222.9004.3667.2201.2444.3301.6009.3301 1.0694 0 .387-.11.713-.3301.9778-.2201.2648-.5202.3972-.9004.3972-.4001 0-.7103-.1222-.9303-.3667-.2001-.2444-.3002-.5805-.3002-1.0083Z"
   }), /*#__PURE__*/React.createElement(G, {
     fill: "#0B3EE3",
-    "clip-path": "url(#b)"
+    clipPath: "url(#b)"
   }, /*#__PURE__*/React.createElement(Path, {
     d: "M57.8921 36.9438c.0571.1885.4071.7038.5898.7809 2.0276 2.5853 9.2849 6.7823 22.9454 4.3214v-1.6532c-9.4293 2.1222-15.7294.5002-19.2706-1.5552-2.2284-1.2935-3.3109-3.7543-4.2552-6.1516-1.3778-3.4978-3.5629-7.8791-5.8681-8.0139-.5196-.0371-1.5274.1142-2.1613 1.459-1.1106 2.3441-.6024 7.4292.8109 10.2245-3.7688-.2599-14.2127-.8937-18.4212-.2713-2.581.3798-2.6324 1.8559-2.5867 2.2984.3112 3.0265 6.2584 4.6512 11.015 4.6826-.4796.9907-.9308 2.4925-.2455 3.903.9878 2.0301 3.9743 3.0751 8.8765 3.1036h.0342c1.3591 0 2.5754-.4483 3.4376-1.262 1.0535-.9993 1.1934-2.2356.3826-3.392-.8908-1.2705-2.4554-2.0014-4.1342-1.9615-1.3105.0314-2.6124.3398-3.8715.9108l.5567 1.2249c1.0907-.4968 2.2184-.7623 3.3462-.7909 1.2648-.0342 2.3669.4883 2.9979 1.3876.4282.6082.3654 1.0993-.2056 1.6418-.6082.5739-1.4989.8908-2.5097.8908h-.0285c-5.4076-.0314-7.1549-1.2905-7.6688-2.3413-.768-1.5732.7566-3.5889.7737-3.6089.1599-.2085.1827-.4911.06-.7252-.1228-.2313-.3712-.3712-.6339-.3569-6.8779.3911-10.718-2.2328-10.8436-3.4406-.0457-.4482.7166-.7223 1.4446-.8308 4.9194-.7252 19.3377.3683 19.4833.3797.294.0286.5367-.1285.6566-.3769.12-.2512.0771-.5482-.1113-.7509-1.6246-1.7588-2.4611-7.7176-1.399-9.9617.336-.7117.7084-.6971.8601-.6912l.005.0002c1.8672.1085 4.5967 6.4556 5.9386 10.9268Z"
   }), /*#__PURE__*/React.createElement(Path, {
     d: "M48.1249 55.006c-.7652 0-1.5875-.0343-2.4697-.0999-2.1556-.1656-3.5146-.8623-4.0457-2.0758-.8993-2.0614 1.0593-4.6197 1.2848-4.9052l1.0536.8366c-.474.5996-1.5989 2.4041-1.1078 3.5319.394.8965 1.8015 1.1849 2.9122 1.2705 3.98.3055 6.6381-.1028 7.9229-1.2049.5425-.4654.8337-1.0621.8908-1.8216l1.3419.0999c-.0828 1.1164-.5396 2.0387-1.3562 2.741-1.2677 1.0907-3.3833 1.6275-6.4325 1.6275h.0057Z"
   }), /*#__PURE__*/React.createElement(Path, {
     d: "M80.8936 54.09c-11.9529 4.5537-21.8188.2965-26.3249-1.6009l-.8894 1.0673c10.6723 5.5142 21.2853 4.1505 27.2143 2.1345V54.09Z"
-  }))), /*#__PURE__*/React.createElement(Defs, null, /*#__PURE__*/React.createElement("clipPath", {
+  }))), /*#__PURE__*/React.createElement(Defs, null, /*#__PURE__*/React.createElement(ClipPath, {
     id: "a"
   }, /*#__PURE__*/React.createElement(Path, {
     fill: "#fff",
     d: "M0 0h80v80H0z"
-  })), /*#__PURE__*/React.createElement("clipPath", {
+  })), /*#__PURE__*/React.createElement(ClipPath, {
     id: "b"
   }, /*#__PURE__*/React.createElement(Path, {
     fill: "#fff",

package/lib/module/components/pictograms/svg/PictogramFocusOn.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Svg","Path","G","Defs","PictogramFocusOn","_ref","size","color","props","createElement","_extends","fill","width","height","viewBox","d","id","transform"],"sourceRoot":"../../../../../src","sources":["components/pictograms/svg/PictogramFocusOn.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,EAAEC,IAAI,EAAEC,CAAC,EAAEC,IAAI,QAAQ,kBAAkB;AAGrD,MAAMC,gBAAgB,GAAGC,IAAA;EAAA,IAAC;IAAEC,IAAI;IAAEC,KAAK;IAAE,GAAGC;EAAyB,CAAC,GAAAH,IAAA;EAAA,oBACpEN,KAAA,CAAAU,aAAA,CAACT,GAAG,EAAAU,QAAA;IAACC,IAAI,EAAC,MAAM;IAACC,KAAK,EAAEN,IAAK;IAACO,MAAM,EAAEP,IAAK;IAACQ,OAAO,EAAC;EAAW,GAAKN,KAAK,gBACvET,KAAA,CAAAU,aAAA,CAACP,CAAC;IAAC,aAAU;EAAS,gBACpBH,KAAA,CAAAU,aAAA,CAACR,IAAI;IACHU,IAAI,EAAC,SAAS;IACd,aAAU,SAAS;IACnBI,CAAC,EAAC,6QAA6Q;IAC/Q,aAAU;EAAS,CACpB,CAAC,eACFhB,KAAA,CAAAU,aAAA,CAACR,IAAI;IACHU,IAAI,EAAC,SAAS;IACdI,CAAC,EAAC;EAAyqC,CAC5qC,CAAC,eACFhB,KAAA,CAAAU,aAAA,CAACP,CAAC;IAACS,IAAI,EAAC,SAAS;IAAC,aAAU;EAAS,gBACnCZ,KAAA,CAAAU,aAAA,CAACR,IAAI;IAACc,CAAC,EAAC;EAAyvC,CAAE,CAAC,eACpwChB,KAAA,CAAAU,aAAA,CAACR,IAAI;IAACc,CAAC,EAAC;EAA0Y,CAAE,CAAC,eACrZhB,KAAA,CAAAU,aAAA,CAACR,IAAI;IAACc,CAAC,EAAC;EAA8H,CAAE,CACvI,CACF,CAAC,eACJhB,KAAA,CAAAU,aAAA,CAACN,IAAI,qBACHJ,KAAA,CAAAU,aAAA;IAAUO,EAAE,EAAC;EAAG,gBACdjB,KAAA,CAAAU,aAAA,CAACR,IAAI;IAACU,IAAI,EAAC,MAAM;IAACI,CAAC,EAAC;EAAe,CAAE,CAC7B,CAAC,eACXhB,KAAA,CAAAU,aAAA;IAAUO,EAAE,EAAC;EAAG,gBACdjB,KAAA,CAAAU,aAAA,CAACR,IAAI;IACHU,IAAI,EAAC,MAAM;IACXI,CAAC,EAAC,oBAAoB;IACtBE,SAAS,EAAC;EAA4B,CACvC,CACO,CACN,CACH,CAAC;AAAA,CACP;AAED,eAAeb,gBAAgB"}
+{"version":3,"names":["React","Svg","Path","G","Defs","ClipPath","PictogramFocusOn","_ref","size","color","props","createElement","_extends","fill","width","height","viewBox","clipPath","fillRule","d","clipRule","id","transform"],"sourceRoot":"../../../../../src","sources":["components/pictograms/svg/PictogramFocusOn.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,EAAEC,IAAI,EAAEC,CAAC,EAAEC,IAAI,EAAEC,QAAQ,QAAQ,kBAAkB;AAG/D,MAAMC,gBAAgB,GAAGC,IAAA;EAAA,IAAC;IAAEC,IAAI;IAAEC,KAAK;IAAE,GAAGC;EAAyB,CAAC,GAAAH,IAAA;EAAA,oBACpEP,KAAA,CAAAW,aAAA,CAACV,GAAG,EAAAW,QAAA;IAACC,IAAI,EAAC,MAAM;IAACC,KAAK,EAAEN,IAAK;IAACO,MAAM,EAAEP,IAAK;IAACQ,OAAO,EAAC;EAAW,GAAKN,KAAK,gBACvEV,KAAA,CAAAW,aAAA,CAACR,CAAC;IAACc,QAAQ,EAAC;EAAS,gBACnBjB,KAAA,CAAAW,aAAA,CAACT,IAAI;IACHW,IAAI,EAAC,SAAS;IACdK,QAAQ,EAAC,SAAS;IAClBC,CAAC,EAAC,6QAA6Q;IAC/QC,QAAQ,EAAC;EAAS,CACnB,CAAC,eACFpB,KAAA,CAAAW,aAAA,CAACT,IAAI;IACHW,IAAI,EAAC,SAAS;IACdM,CAAC,EAAC;EAAyqC,CAC5qC,CAAC,eACFnB,KAAA,CAAAW,aAAA,CAACR,CAAC;IAACU,IAAI,EAAC,SAAS;IAACI,QAAQ,EAAC;EAAS,gBAClCjB,KAAA,CAAAW,aAAA,CAACT,IAAI;IAACiB,CAAC,EAAC;EAAyvC,CAAE,CAAC,eACpwCnB,KAAA,CAAAW,aAAA,CAACT,IAAI;IAACiB,CAAC,EAAC;EAA0Y,CAAE,CAAC,eACrZnB,KAAA,CAAAW,aAAA,CAACT,IAAI;IAACiB,CAAC,EAAC;EAA8H,CAAE,CACvI,CACF,CAAC,eACJnB,KAAA,CAAAW,aAAA,CAACP,IAAI,qBACHJ,KAAA,CAAAW,aAAA,CAACN,QAAQ;IAACgB,EAAE,EAAC;EAAG,gBACdrB,KAAA,CAAAW,aAAA,CAACT,IAAI;IAACW,IAAI,EAAC,MAAM;IAACM,CAAC,EAAC;EAAe,CAAE,CAC7B,CAAC,eACXnB,KAAA,CAAAW,aAAA,CAACN,QAAQ;IAACgB,EAAE,EAAC;EAAG,gBACdrB,KAAA,CAAAW,aAAA,CAACT,IAAI;IACHW,IAAI,EAAC,MAAM;IACXM,CAAC,EAAC,oBAAoB;IACtBG,SAAS,EAAC;EAA4B,CACvC,CACO,CACN,CACH,CAAC;AAAA,CACP;AAED,eAAehB,gBAAgB"}

package/lib/module/components/textInput/TextInput.js

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { TextInputBase } from "./TextInputBase";
+export const TextInput = props => /*#__PURE__*/React.createElement(TextInputBase, props);
+//# sourceMappingURL=TextInput.js.map

package/lib/module/components/textInput/TextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","TextInputBase","TextInput","props","createElement"],"sourceRoot":"../../../../src","sources":["components/textInput/TextInput.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,aAAa,QAAQ,iBAAiB;AAW/C,OAAO,MAAMC,SAAS,GAAIC,KAAqB,iBAC7CH,KAAA,CAAAI,aAAA,CAACH,aAAa,EAAKE,KAAQ,CAC5B"}