related-ui-components 1.1.6

package/lib/module/components/Card/Card.js

@@ -0,0 +1,119 @@
+"use strict";
+
+import React from "react";
+import { View, TouchableOpacity, StyleSheet, Platform, ImageBackground } from "react-native";
+import { useTheme } from "../../theme/ThemeContext.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const Card = ({
+  children,
+  style,
+  onPress,
+  disabled = false,
+  elevation = 1,
+  testID,
+  variant,
+  backgroundColor,
+  borderColor,
+  borderRadius = 8,
+  backgroundImage
+  // margin,
+  // padding,
+}) => {
+  const theme = useTheme();
+  const getCardStyle = () => {
+    const baseStyle = {
+      backgroundColor: backgroundColor || theme.background,
+      borderRadius
+    };
+    switch (variant) {
+      case "outlined":
+        return {
+          ...baseStyle,
+          borderWidth: 1,
+          borderColor: borderColor || theme.border
+        };
+      case "filled":
+        return {
+          ...baseStyle,
+          backgroundColor: backgroundColor || theme.primary
+        };
+      case "elevated":
+        return {
+          ...baseStyle,
+          borderColor: borderColor || "transparent",
+          ...Platform.select({
+            ios: {
+              shadowColor: "#000",
+              shadowOffset: {
+                width: 0,
+                height: elevation
+              },
+              shadowOpacity: 0.1,
+              shadowRadius: elevation
+            },
+            android: {
+              elevation
+            }
+          })
+        };
+    }
+  };
+  const cardStyle = [styles.card, getCardStyle(), disabled && {
+    opacity: 0.6
+  }, style, backgroundImage && {
+    backgroundColor: "transparent"
+  }];
+  const renderCardContent = () => backgroundImage ? /*#__PURE__*/_jsx(ImageBackground, {
+    source: backgroundImage.source,
+    style: [styles.backgroundImage, backgroundImage.style],
+    imageStyle: [{
+      borderRadius
+    }, backgroundImage.imageStyle],
+    resizeMode: backgroundImage.resizeMode || "cover",
+    blurRadius: backgroundImage.blurRadius,
+    children: /*#__PURE__*/_jsx(View, {
+      style: [styles.imageContentContainer, {
+        opacity: backgroundImage.opacity !== undefined ? backgroundImage.opacity : 1
+      }],
+      children: children
+    })
+  }) : children;
+  if (onPress) {
+    return /*#__PURE__*/_jsx(TouchableOpacity, {
+      style: cardStyle,
+      onPress: onPress,
+      disabled: disabled,
+      testID: testID,
+      activeOpacity: 0.7,
+      accessibilityRole: "button",
+      accessibilityLabel: "Card",
+      children: renderCardContent()
+    });
+  }
+  return /*#__PURE__*/_jsx(View, {
+    style: cardStyle,
+    testID: testID,
+    children: renderCardContent()
+  });
+};
+const styles = StyleSheet.create({
+  card: {
+    borderRadius: 8,
+    // overflow: "hidden",
+    marginVertical: 8,
+    marginHorizontal: 16,
+    flexDirection: "column",
+    display: "flex"
+  },
+  backgroundImage: {
+    width: "100%",
+    height: "100%"
+    // overflow: "hidden",
+  },
+  imageContentContainer: {
+    flex: 1,
+    backgroundColor: "transparent"
+  }
+});
+export default Card;
+//# sourceMappingURL=Card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","TouchableOpacity","StyleSheet","Platform","ImageBackground","useTheme","jsx","_jsx","Card","children","style","onPress","disabled","elevation","testID","variant","backgroundColor","borderColor","borderRadius","backgroundImage","theme","getCardStyle","baseStyle","background","borderWidth","border","primary","select","ios","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","android","cardStyle","styles","card","opacity","renderCardContent","source","imageStyle","resizeMode","blurRadius","imageContentContainer","undefined","activeOpacity","accessibilityRole","accessibilityLabel","create","marginVertical","marginHorizontal","flexDirection","display","flex"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Card/Card.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Card/CardContent.js

@@ -0,0 +1,37 @@
+"use strict";
+
+import React from "react";
+import { View, StyleSheet } from "react-native";
+import { jsx as _jsx } from "react/jsx-runtime";
+const CardContent = ({
+  children,
+  style,
+  padding = 16
+}) => {
+  const getContentStyle = () => {
+    if (typeof padding === "number") {
+      return {
+        padding
+      };
+    } else if (padding) {
+      return {
+        paddingHorizontal: padding.horizontal,
+        paddingVertical: padding.vertical
+      };
+    }
+    return {
+      padding: 16
+    };
+  };
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.content, getContentStyle(), style],
+    children: children
+  });
+};
+const styles = StyleSheet.create({
+  content: {
+    padding: 16
+  }
+});
+export default CardContent;
+//# sourceMappingURL=CardContent.js.map

package/lib/module/components/Card/CardContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","jsx","_jsx","CardContent","children","style","padding","getContentStyle","paddingHorizontal","horizontal","paddingVertical","vertical","styles","content","create"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Card/CardContent.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGhD,MAAMC,WAAuC,GAAGA,CAAC;EAC/CC,QAAQ;EACRC,KAAK;EACLC,OAAO,GAAG;AACZ,CAAC,KAAK;EACJ,MAAMC,eAAe,GAAGA,CAAA,KAAM;IAC5B,IAAI,OAAOD,OAAO,KAAK,QAAQ,EAAE;MAC/B,OAAO;QAAEA;MAAQ,CAAC;IACpB,CAAC,MAAM,IAAIA,OAAO,EAAE;MAClB,OAAO;QACLE,iBAAiB,EAAEF,OAAO,CAACG,UAAU;QACrCC,eAAe,EAAEJ,OAAO,CAACK;MAC3B,CAAC;IACH;IACA,OAAO;MAAEL,OAAO,EAAE;IAAG,CAAC;EACxB,CAAC;EAED,oBACEJ,IAAA,CAACH,IAAI;IAACM,KAAK,EAAE,CAACO,MAAM,CAACC,OAAO,EAAEN,eAAe,CAAC,CAAC,EAAEF,KAAK,CAAE;IAAAD,QAAA,EAAEA;EAAQ,CAAO,CAAC;AAE9E,CAAC;AAED,MAAMQ,MAAM,GAAGZ,UAAU,CAACc,MAAM,CAAC;EAC/BD,OAAO,EAAE;IACPP,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEF,eAAeH,WAAW","ignoreList":[]}

package/lib/module/components/Card/CardFooter.js

@@ -0,0 +1,29 @@
+"use strict";
+
+import React from "react";
+import { View, StyleSheet } from "react-native";
+import { jsx as _jsx } from "react/jsx-runtime";
+const CardFooter = ({
+  children,
+  style,
+  inset = false,
+  justifyContent = "flex-end"
+}) => /*#__PURE__*/_jsx(View, {
+  style: [styles.footer, {
+    justifyContent
+  }, inset && {
+    marginHorizontal: 16
+  }, style],
+  children: children
+});
+const styles = StyleSheet.create({
+  footer: {
+    padding: 16,
+    // paddingBottom: 0,
+    flexDirection: "row",
+    justifyContent: "flex-end"
+    // alignItems: "center",
+  }
+});
+export default CardFooter;
+//# sourceMappingURL=CardFooter.js.map

package/lib/module/components/Card/CardFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","jsx","_jsx","CardFooter","children","style","inset","justifyContent","styles","footer","marginHorizontal","create","padding","flexDirection"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Card/CardFooter.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGhD,MAAMC,UAAqC,GAAGA,CAAC;EAC7CC,QAAQ;EACRC,KAAK;EACLC,KAAK,GAAG,KAAK;EACbC,cAAc,GAAG;AACnB,CAAC,kBACCL,IAAA,CAACH,IAAI;EACHM,KAAK,EAAE,CACLG,MAAM,CAACC,MAAM,EACb;IAAEF;EAAe,CAAC,EAClBD,KAAK,IAAI;IAAEI,gBAAgB,EAAE;EAAG,CAAC,EACjCL,KAAK,CACL;EAAAD,QAAA,EAEDA;AAAQ,CACL,CACP;AAED,MAAMI,MAAM,GAAGR,UAAU,CAACW,MAAM,CAAC;EAC/BF,MAAM,EAAE;IACNG,OAAO,EAAE,EAAE;IACX;IACAC,aAAa,EAAE,KAAK;IACpBN,cAAc,EAAE;IAChB;EACF;AACF,CAAC,CAAC;AAEF,eAAeJ,UAAU","ignoreList":[]}

package/lib/module/components/Card/CardHeader.js

@@ -0,0 +1,72 @@
+"use strict";
+
+import React from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+import { useTheme } from "../../theme/ThemeContext.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const CardHeader = ({
+  title,
+  subtitle,
+  left,
+  right,
+  style,
+  titleStyle,
+  subtitleStyle,
+  titleColor,
+  subtitleColor
+}) => {
+  const theme = useTheme();
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.header, style],
+    children: [left && /*#__PURE__*/_jsx(View, {
+      style: styles.left,
+      children: left
+    }), /*#__PURE__*/_jsxs(View, {
+      style: [styles.headerTextContainer, !left ? {
+        paddingLeft: 0
+      } : {}],
+      children: [title && typeof title === 'string' ? /*#__PURE__*/_jsx(Text, {
+        style: [styles.title, {
+          color: titleColor || theme.text
+        }, titleStyle],
+        children: title
+      }) : title, subtitle && typeof subtitle === 'string' ? /*#__PURE__*/_jsx(Text, {
+        style: [styles.subtitle, {
+          color: subtitleColor || theme.helper
+        }, subtitleStyle],
+        children: subtitle
+      }) : subtitle]
+    }), right && /*#__PURE__*/_jsx(View, {
+      style: styles.right,
+      children: right
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  header: {
+    flexDirection: 'row',
+    padding: 16,
+    paddingBottom: 0
+    // backgroundColor:"red",
+    // alignItems: 'center'
+  },
+  left: {
+    marginRight: 16
+  },
+  headerTextContainer: {
+    flex: 1
+  },
+  right: {
+    marginLeft: 16
+  },
+  title: {
+    fontSize: 18,
+    fontWeight: '600'
+  },
+  subtitle: {
+    fontSize: 14,
+    marginTop: 4
+  }
+});
+export default CardHeader;
+//# sourceMappingURL=CardHeader.js.map

package/lib/module/components/Card/CardHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","StyleSheet","useTheme","jsx","_jsx","jsxs","_jsxs","CardHeader","title","subtitle","left","right","style","titleStyle","subtitleStyle","titleColor","subtitleColor","theme","styles","header","children","headerTextContainer","paddingLeft","color","text","helper","create","flexDirection","padding","paddingBottom","marginRight","flex","marginLeft","fontSize","fontWeight","marginTop"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Card/CardHeader.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAErD,SAASC,QAAQ,QAAQ,6BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEpD,MAAMC,UAAqC,GAAGA,CAAC;EAC7CC,KAAK;EACLC,QAAQ;EACRC,IAAI;EACJC,KAAK;EACLC,KAAK;EACLC,UAAU;EACVC,aAAa;EACbC,UAAU;EACVC;AACF,CAAC,KAAK;EACJ,MAAMC,KAAK,GAAGf,QAAQ,CAAC,CAAC;EAExB,oBACEI,KAAA,CAACP,IAAI;IAACa,KAAK,EAAE,CAACM,MAAM,CAACC,MAAM,EAAEP,KAAK,CAAE;IAAAQ,QAAA,GACjCV,IAAI,iBAAIN,IAAA,CAACL,IAAI;MAACa,KAAK,EAAEM,MAAM,CAACR,IAAK;MAAAU,QAAA,EAAEV;IAAI,CAAO,CAAC,eAEhDJ,KAAA,CAACP,IAAI;MAACa,KAAK,EAAE,CAACM,MAAM,CAACG,mBAAmB,EAAE,CAACX,IAAI,GAAG;QAAEY,WAAW,EAAE;MAAE,CAAC,GAAG,CAAC,CAAC,CAAE;MAAAF,QAAA,GACxEZ,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ,gBACjCJ,IAAA,CAACJ,IAAI;QAACY,KAAK,EAAE,CACXM,MAAM,CAACV,KAAK,EACZ;UAAEe,KAAK,EAAER,UAAU,IAAIE,KAAK,CAACO;QAAK,CAAC,EACnCX,UAAU,CACV;QAAAO,QAAA,EACCZ;MAAK,CACF,CAAC,GAEPA,KACD,EACAC,QAAQ,IAAI,OAAOA,QAAQ,KAAK,QAAQ,gBACvCL,IAAA,CAACJ,IAAI;QAACY,KAAK,EAAE,CACXM,MAAM,CAACT,QAAQ,EACf;UAAEc,KAAK,EAAEP,aAAa,IAAIC,KAAK,CAACQ;QAAO,CAAC,EACxCX,aAAa,CACb;QAAAM,QAAA,EACCX;MAAQ,CACL,CAAC,GAEPA,QACD;IAAA,CACG,CAAC,EAENE,KAAK,iBAAIP,IAAA,CAACL,IAAI;MAACa,KAAK,EAAEM,MAAM,CAACP,KAAM;MAAAS,QAAA,EAAET;IAAK,CAAO,CAAC;EAAA,CAC/C,CAAC;AAEX,CAAC;AAED,MAAMO,MAAM,GAAGjB,UAAU,CAACyB,MAAM,CAAC;EAC/BP,MAAM,EAAE;IACNQ,aAAa,EAAE,KAAK;IACpBC,OAAO,EAAE,EAAE;IACXC,aAAa,EAAE;IACf;IACA;EACF,CAAC;EACDnB,IAAI,EAAE;IACJoB,WAAW,EAAE;EACf,CAAC;EACDT,mBAAmB,EAAE;IACnBU,IAAI,EAAE;EACR,CAAC;EACDpB,KAAK,EAAE;IACLqB,UAAU,EAAE;EACd,CAAC;EACDxB,KAAK,EAAE;IACLyB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACDzB,QAAQ,EAAE;IACRwB,QAAQ,EAAE,EAAE;IACZE,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEF,eAAe5B,UAAU","ignoreList":[]}

package/lib/module/components/Card/CardImage.js

@@ -0,0 +1,46 @@
+"use strict";
+
+import React from 'react';
+import { Image, View, StyleSheet } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const CardImage = ({
+  source,
+  style,
+  height = 200,
+  width = '100%',
+  resizeMode = 'cover',
+  borderRadius,
+  overlay
+}) => /*#__PURE__*/_jsxs(View, {
+  style: styles.container,
+  children: [/*#__PURE__*/_jsx(Image, {
+    source: source,
+    style: [styles.image,
+    // {
+    //   height,
+    //   width,
+    //   resizeMode,
+    //   borderRadius,
+    // },
+    style]
+  }), overlay && /*#__PURE__*/_jsx(View, {
+    style: styles.overlay,
+    children: overlay
+  })]
+});
+const styles = StyleSheet.create({
+  container: {
+    position: 'relative'
+  },
+  image: {
+    width: '100%',
+    height: 200
+  },
+  overlay: {
+    ...StyleSheet.absoluteFillObject,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+export default CardImage;
+//# sourceMappingURL=CardImage.js.map

package/lib/module/components/Card/CardImage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","View","StyleSheet","jsx","_jsx","jsxs","_jsxs","CardImage","source","style","height","width","resizeMode","borderRadius","overlay","styles","container","children","image","create","position","absoluteFillObject","justifyContent","alignItems"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Card/CardImage.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGvD,MAAMC,SAAmC,GAAGA,CAAC;EAC3CC,MAAM;EACNC,KAAK;EACLC,MAAM,GAAG,GAAG;EACZC,KAAK,GAAG,MAAM;EACdC,UAAU,GAAG,OAAO;EACpBC,YAAY;EACZC;AACF,CAAC,kBACCR,KAAA,CAACL,IAAI;EAACQ,KAAK,EAAEM,MAAM,CAACC,SAAU;EAAAC,QAAA,gBAC5Bb,IAAA,CAACJ,KAAK;IACJQ,MAAM,EAAEA,MAAO;IACfC,KAAK,EAAE,CACLM,MAAM,CAACG,KAAK;IACZ;IACA;IACA;IACA;IACA;IACA;IACAT,KAAK;EACL,CACH,CAAC,EACDK,OAAO,iBACNV,IAAA,CAACH,IAAI;IAACQ,KAAK,EAAEM,MAAM,CAACD,OAAQ;IAAAG,QAAA,EACzBH;EAAO,CACJ,CACP;AAAA,CACG,CACP;AAED,MAAMC,MAAM,GAAGb,UAAU,CAACiB,MAAM,CAAC;EAC/BH,SAAS,EAAE;IACTI,QAAQ,EAAE;EACZ,CAAC;EACDF,KAAK,EAAE;IACLP,KAAK,EAAE,MAAM;IACbD,MAAM,EAAE;EACV,CAAC;EACDI,OAAO,EAAE;IACP,GAAGZ,UAAU,CAACmB,kBAAkB;IAChCC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,eAAehB,SAAS","ignoreList":[]}

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

@@ -0,0 +1,18 @@
+"use strict";
+
+// components/Card/index.ts
+export { default as Card } from "./Card.js";
+export * from "./Card.js";
+export { default as CardContent } from "./CardContent.js";
+export { default as CardFooter } from "./CardFooter.js";
+export { default as CardHeader } from "./CardHeader.js";
+export { default as CardImage } from "./CardImage.js";
+
+// Export templates
+export { default as DealCardWithBackgroundImage } from "./templates/DealCardWithBackgroundImage.js";
+export { default as DealCard } from "./templates/DealCard.js";
+export { default as SimpleTrendingCard } from "./templates/SimpleTrendingCard.js";
+
+// Export types
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["default","Card","CardContent","CardFooter","CardHeader","CardImage","DealCardWithBackgroundImage","DealCard","SimpleTrendingCard"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Card/index.ts"],"mappings":";;AAAA;AACA,SAASA,OAAO,IAAIC,IAAI,QAAO,WAAQ;AACvC,cAAc,WAAQ;AACtB,SAASD,OAAO,IAAIE,WAAW,QAAQ,kBAAe;AACtD,SAASF,OAAO,IAAIG,UAAU,QAAQ,iBAAc;AACpD,SAASH,OAAO,IAAII,UAAU,QAAQ,iBAAc;AACpD,SAASJ,OAAO,IAAIK,SAAS,QAAQ,gBAAa;;AAElD;AACA,SAASL,OAAO,IAAIM,2BAA2B,QAAQ,4CAAyC;AAChG,SAASN,OAAO,IAAIO,QAAQ,QAAQ,yBAAsB;AAC1D,SAASP,OAAO,IAAIQ,kBAAkB,QAAQ,mCAAgC;;AAE9E;AACA,cAAc,YAAS","ignoreList":[]}

package/lib/module/components/Card/templates/DealCard.js

@@ -0,0 +1,183 @@
+"use strict";
+
+import React from "react";
+import { View, Text, Image, useWindowDimensions } from "react-native";
+import Card from "../Card.js";
+import { useTheme } from "../../../theme/ThemeContext.js";
+import ProgressBar from "../../ProgressBar/ProgressBar.js";
+import CardHeader from "../CardHeader.js";
+import CardFooter from "../CardFooter.js";
+import LockOverlay from "../../LockOverlay/LockOverlay.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DealCard = ({
+  imageSource,
+  onPress,
+  label,
+  labelContainerStyle,
+  labelStyle,
+  dealDescription,
+  dealDescriptionStyle,
+  dealPrice,
+  dealPriceStyle,
+  dealProviderName,
+  dealProviderNameStyle,
+  progressBar,
+  progressBarText,
+  progressBarTextPosition,
+  progressBarTextAlign,
+  progressValue,
+  progressHeight,
+  progressWidth,
+  remainingProgressColor,
+  progressColor,
+  style,
+  width,
+  variant = "horizontal",
+  isRTL = false,
+  overlayVisible = false
+}) => {
+  const theme = useTheme();
+  const {
+    width: screenWidth
+  } = useWindowDimensions();
+  const isVertical = variant === "vertical";
+  const imageSize = Math.min(110, 110);
+  const cardPadding = 12;
+  const fontSize = screenWidth < 360 ? 14 : 16;
+  const calculatedProgressWidth = progressWidth || (typeof width === "number" ? width * 0.4 : screenWidth * 0.3);
+  const containerFlexDirection = isVertical ? "column" : isRTL ? "row-reverse" : "row";
+  const textContainerStyle = {
+    flex: isVertical ? 0 : 1,
+    ...(isVertical ? {
+      paddingLeft: cardPadding,
+      paddingRight: cardPadding
+    } : isRTL ? {
+      paddingLeft: cardPadding
+    } : {
+      paddingRight: cardPadding
+    })
+  };
+  const renderDealPrice = () => {
+    return /*#__PURE__*/_jsx(Text, {
+      style: [{
+        textAlign: "right",
+        fontSize: fontSize,
+        fontWeight: "bold",
+        marginBottom: 3,
+        color: theme.text
+      }, isRTL && {
+        textAlign: "left"
+      }, dealPriceStyle],
+      children: dealPrice
+    });
+  };
+  return /*#__PURE__*/_jsxs(Card, {
+    onPress: onPress,
+    variant: "filled",
+    backgroundColor: theme.surface,
+    style: [{
+      borderRadius: 16,
+      overflow: "hidden",
+      alignItems: isVertical ? "stretch" : "center",
+      flexDirection: containerFlexDirection
+    }, typeof width === "number" && {
+      width
+    }, style],
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: isVertical ? {
+        position: "relative",
+        marginHorizontal: cardPadding,
+        marginVertical: cardPadding,
+        borderRadius: 10,
+        overflow: "hidden"
+      } : {
+        position: "relative",
+        marginLeft: cardPadding,
+        marginRight: cardPadding,
+        borderRadius: 10,
+        overflow: "hidden"
+      },
+      children: [/*#__PURE__*/_jsx(Image, {
+        source: imageSource,
+        style: isVertical ? {
+          height: 200,
+          width: "100%",
+          borderRadius: 10,
+          alignSelf: "center",
+          resizeMode: "cover"
+        } : {
+          width: imageSize,
+          height: imageSize,
+          borderRadius: 10,
+          alignSelf: "center",
+          resizeMode: "cover"
+        }
+      }), /*#__PURE__*/_jsx(LockOverlay, {
+        visible: overlayVisible
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: textContainerStyle,
+      children: [/*#__PURE__*/_jsx(CardHeader, {
+        title: dealProviderName,
+        subtitle: dealDescription,
+        subtitleStyle: [isRTL && {
+          textAlign: "right"
+        }, dealDescriptionStyle],
+        titleStyle: [isRTL && {
+          textAlign: "right"
+        }, dealProviderNameStyle],
+        style: {
+          paddingLeft: 0,
+          paddingRight: 0
+        }
+      }), /*#__PURE__*/_jsxs(View, {
+        style: {
+          marginTop: 10,
+          marginBottom: 15
+        },
+        children: [renderDealPrice(), /*#__PURE__*/_jsxs(CardFooter, {
+          justifyContent: "space-between",
+          style: [{
+            padding: 0
+          }, isRTL && {
+            flexDirection: "row-reverse"
+          }],
+          children: [label && /*#__PURE__*/_jsx(View, {
+            style: [{
+              backgroundColor: theme.primary,
+              paddingVertical: 5,
+              paddingHorizontal: 8,
+              borderRadius: 10
+            }, labelContainerStyle],
+            children: /*#__PURE__*/_jsx(Text, {
+              style: [{
+                color: theme.onPrimary,
+                fontSize: 14
+              }, labelStyle],
+              children: label
+            })
+          }), /*#__PURE__*/_jsx(View, {
+            children: progressBar && /*#__PURE__*/_jsx(ProgressBar, {
+              progress: progressValue,
+              remainingColor: remainingProgressColor,
+              progressColor: progressColor,
+              height: progressHeight || (screenWidth < 360 ? 10 : 14),
+              width: calculatedProgressWidth,
+              textPosition: progressBarTextPosition,
+              text: progressBarText,
+              showText: progressBarText != null,
+              textAlign: isRTL && progressBarTextAlign == null ? "right" : progressBarTextAlign,
+              isRTL: isRTL,
+              textStyle: {
+                fontSize: screenWidth < 360 ? 8 : 10,
+                color: theme.text
+              }
+            })
+          })]
+        })]
+      })]
+    })]
+  });
+};
+export default DealCard;
+//# sourceMappingURL=DealCard.js.map

package/lib/module/components/Card/templates/DealCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","Image","useWindowDimensions","Card","useTheme","ProgressBar","CardHeader","CardFooter","LockOverlay","jsx","_jsx","jsxs","_jsxs","DealCard","imageSource","onPress","label","labelContainerStyle","labelStyle","dealDescription","dealDescriptionStyle","dealPrice","dealPriceStyle","dealProviderName","dealProviderNameStyle","progressBar","progressBarText","progressBarTextPosition","progressBarTextAlign","progressValue","progressHeight","progressWidth","remainingProgressColor","progressColor","style","width","variant","isRTL","overlayVisible","theme","screenWidth","isVertical","imageSize","Math","min","cardPadding","fontSize","calculatedProgressWidth","containerFlexDirection","textContainerStyle","flex","paddingLeft","paddingRight","renderDealPrice","textAlign","fontWeight","marginBottom","color","text","children","backgroundColor","surface","borderRadius","overflow","alignItems","flexDirection","position","marginHorizontal","marginVertical","marginLeft","marginRight","source","height","alignSelf","resizeMode","visible","title","subtitle","subtitleStyle","titleStyle","marginTop","justifyContent","padding","primary","paddingVertical","paddingHorizontal","onPrimary","progress","remainingColor","textPosition","showText","textStyle"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/Card/templates/DealCard.tsx"],"mappings":"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","ignoreList":[]}