@adiraku/react-native-ui 1.2.11-canary-5 → 1.2.11

package/lib/module/components/SingleBalanceCard/SingleBalanceCard.component.js

@@ -0,0 +1,73 @@
+import React, { useState } from 'react';
+import { View, TouchableOpacity } from 'react-native';
+import { Typography } from '../typography/typography.component';
+import { IconSeeShow, IconCopy, IconInfo } from '../../icons';
+import { styles } from './SingleBalanceCard.styles';
+export const SingleBalanceCard = ({
+  title,
+  balance,
+  leadingComponent,
+  information,
+  footerComponent,
+  actionComponent,
+  hasDividerOnAction = false,
+  variant = 'basic',
+  defaultMasked = false
+}) => {
+  const [isBalanceVisible, setIsBalanceVisible] = useState(defaultMasked);
+  const isNonSliding = !!actionComponent && variant === 'basic';
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.cardContainer
+  }, isNonSliding ? /*#__PURE__*/React.createElement(View, {
+    style: styles.nonSlidingRow
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.nonSlidingLeft
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.headerRow
+  }, leadingComponent && /*#__PURE__*/React.createElement(View, {
+    style: styles.leading
+  }, " ", leadingComponent, " "), /*#__PURE__*/React.createElement(Typography, {
+    style: styles.title
+  }, " ", title, " "), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    activeOpacity: 0.6
+  }, /*#__PURE__*/React.createElement(IconInfo, null))), /*#__PURE__*/React.createElement(Typography, {
+    style: styles.balance
+  }, isBalanceVisible ? balance : '••••••••••••')), /*#__PURE__*/React.createElement(View, {
+    style: [styles.nonSlidingRight, hasDividerOnAction && styles.trailingWithDivider]
+  }, actionComponent)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+    style: styles.headerRow
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.headerLeft
+  }, leadingComponent && /*#__PURE__*/React.createElement(View, {
+    style: styles.leading
+  }, " ", leadingComponent, " "), /*#__PURE__*/React.createElement(Typography, {
+    style: styles.title
+  }, " ", title, " "), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    activeOpacity: 0.6
+  }, /*#__PURE__*/React.createElement(IconInfo, null)))), /*#__PURE__*/React.createElement(View, {
+    style: styles.balanceRow
+  }, /*#__PURE__*/React.createElement(Typography, {
+    style: styles.balance
+  }, isBalanceVisible ? balance : '••••••••••••'), /*#__PURE__*/React.createElement(View, {
+    style: styles.trailing
+  }, actionComponent && /*#__PURE__*/React.createElement(View, {
+    style: hasDividerOnAction ? styles.trailingWithDivider : undefined
+  }, actionComponent), variant === 'with-information' && /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: () => setIsBalanceVisible(prev => !prev)
+  }, /*#__PURE__*/React.createElement(IconSeeShow, null)))), variant === 'with-information' && information && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+    style: styles.divider
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.infoRow
+  }, /*#__PURE__*/React.createElement(Typography, {
+    style: styles.infoLabel
+  }, ' ', information.label, ' '), /*#__PURE__*/React.createElement(View, {
+    style: styles.infoRight
+  }, /*#__PURE__*/React.createElement(Typography, {
+    style: styles.noVA
+  }, ' ', information.value, ' '), information.onCopy && /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: information.onCopy
+  }, /*#__PURE__*/React.createElement(IconCopy, null)))))), footerComponent && /*#__PURE__*/React.createElement(View, {
+    style: styles.footer
+  }, " ", footerComponent, " "));
+};
+//# sourceMappingURL=SingleBalanceCard.component.js.map

package/lib/module/components/SingleBalanceCard/SingleBalanceCard.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","View","TouchableOpacity","Typography","IconSeeShow","IconCopy","IconInfo","styles","SingleBalanceCard","title","balance","leadingComponent","information","footerComponent","actionComponent","hasDividerOnAction","variant","defaultMasked","isBalanceVisible","setIsBalanceVisible","isNonSliding","createElement","style","cardContainer","nonSlidingRow","nonSlidingLeft","headerRow","leading","activeOpacity","nonSlidingRight","trailingWithDivider","Fragment","headerLeft","balanceRow","trailing","undefined","onPress","prev","divider","infoRow","infoLabel","label","infoRight","noVA","value","onCopy","footer"],"sourceRoot":"../../../../src","sources":["components/SingleBalanceCard/SingleBalanceCard.component.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/SingleBalanceCard/SingleBalanceCard.styles.js

@@ -0,0 +1,106 @@
+import { StyleSheet } from 'react-native';
+import { Palettes, Radius, Shadow } from '../../themes';
+export const styles = StyleSheet.create({
+  cardContainer: {
+    backgroundColor: Palettes.white[50],
+    borderRadius: Radius[8],
+    ...Shadow['shadow-elevation-2'],
+    marginVertical: 8,
+    borderWidth: 1,
+    borderColor: Palettes.grey[100],
+    paddingLeft: 16,
+    paddingRight: 8,
+    paddingVertical: 12,
+    alignSelf: 'center',
+    maxWidth: 340,
+    width: '90%'
+  },
+  headerRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'flex-start',
+    marginBottom: 12
+  },
+  headerLeft: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  leading: {
+    marginRight: 8
+  },
+  title: {
+    fontSize: 12,
+    fontWeight: 'bold',
+    color: Palettes.black[900],
+    marginRight: 4
+  },
+  balanceRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    marginBottom: 8
+  },
+  balance: {
+    fontSize: 24,
+    fontWeight: 'bold',
+    color: Palettes.black[900],
+    minWidth: 140
+  },
+  trailing: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 8,
+    marginRight: 0
+  },
+  trailingWithDivider: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginLeft: 12,
+    paddingLeft: 12,
+    borderLeftWidth: 2,
+    borderLeftColor: Palettes.grey[100]
+  },
+  divider: {
+    borderBottomWidth: 1,
+    borderBottomColor: Palettes.grey[100],
+    marginVertical: 8
+  },
+  infoRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  infoLabel: {
+    fontSize: 14,
+    color: Palettes.black[700]
+  },
+  infoRight: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 4,
+    marginRight: 0
+  },
+  noVA: {
+    fontSize: 14,
+    fontWeight: '600',
+    color: Palettes.blue[600],
+    marginRight: 2
+  },
+  footer: {
+    marginTop: 12
+  },
+  nonSlidingRow: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center'
+  },
+  nonSlidingLeft: {
+    flex: 1
+  },
+  nonSlidingRight: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    paddingLeft: 12
+  }
+});
+//# sourceMappingURL=SingleBalanceCard.styles.js.map

package/lib/module/components/SingleBalanceCard/SingleBalanceCard.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Palettes","Radius","Shadow","styles","create","cardContainer","backgroundColor","white","borderRadius","marginVertical","borderWidth","borderColor","grey","paddingLeft","paddingRight","paddingVertical","alignSelf","maxWidth","width","headerRow","flexDirection","alignItems","justifyContent","marginBottom","headerLeft","leading","marginRight","title","fontSize","fontWeight","color","black","balanceRow","balance","minWidth","trailing","gap","trailingWithDivider","marginLeft","borderLeftWidth","borderLeftColor","divider","borderBottomWidth","borderBottomColor","infoRow","infoLabel","infoRight","noVA","blue","footer","marginTop","nonSlidingRow","nonSlidingLeft","flex","nonSlidingRight"],"sourceRoot":"../../../../src","sources":["components/SingleBalanceCard/SingleBalanceCard.styles.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/SingleBalanceCard/SingleBalanceCard.type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=SingleBalanceCard.type.js.map

package/lib/module/components/SingleBalanceCard/SingleBalanceCard.type.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/SingleBalanceCard/SingleBalanceCard.type.tsx"],"mappings":"","ignoreList":[]}

package/lib/module/components/TopUpCard/TopUpCard.component.js

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import { TouchableOpacity, View } from 'react-native';
+import { getStyle } from './TopUpCard.style';
+import { Typography } from './../typography/typography.component';
+const TopUpCards = props => {
+  const {
+    amount,
+    variant,
+    containerStyle,
+    price,
+    points,
+    type = 'basic',
+    onPress
+  } = props;
+  const styles = getStyle(variant);
+  const renderContent = () => /*#__PURE__*/React.createElement(View, {
+    style: styles.contentContainer
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "text-heading-h6-bold"
+  }, amount), price && /*#__PURE__*/React.createElement(Typography, {
+    variant: "text-body-tertiary-regular"
+  }, price));
+  return /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: [styles.cardContainer, containerStyle],
+    onPress: onPress,
+    activeOpacity: 0.7
+  }, type === 'with-points' && points !== undefined && /*#__PURE__*/React.createElement(View, {
+    style: styles.badge
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "text-subtitle-primary-semibold",
+    style: styles.badgeText,
+    numberOfLines: 1,
+    ellipsizeMode: "tail"
+  }, `+ ${points} poin`)), renderContent());
+};
+export { TopUpCards };
+//# sourceMappingURL=TopUpCard.component.js.map

package/lib/module/components/TopUpCard/TopUpCard.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","TouchableOpacity","View","getStyle","Typography","TopUpCards","props","amount","variant","containerStyle","price","points","type","onPress","styles","renderContent","createElement","style","contentContainer","cardContainer","activeOpacity","undefined","badge","badgeText","numberOfLines","ellipsizeMode"],"sourceRoot":"../../../../src","sources":["components/TopUpCard/TopUpCard.component.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,QAAQ,QAAQ,mBAAmB;AAE5C,SAASC,UAAU,QAAQ,sCAAsC;AAEjE,MAAMC,UAAoC,GAAIC,KAAK,IAAK;EACtD,MAAM;IACJC,MAAM;IACNC,OAAO;IACPC,cAAc;IACdC,KAAK;IACLC,MAAM;IACNC,IAAI,GAAG,OAAO;IACdC;EACF,CAAC,GAAGP,KAAK;EAET,MAAMQ,MAAM,GAAGX,QAAQ,CAACK,OAAO,CAAC;EAEhC,MAAMO,aAAa,GAAGA,CAAA,kBACpBf,KAAA,CAAAgB,aAAA,CAACd,IAAI;IAACe,KAAK,EAAGH,MAAM,CAACI;EAAiB,gBACpClB,KAAA,CAAAgB,aAAA,CAACZ,UAAU;IAACI,OAAO,EAAG;EAAsB,GACzCD,MACS,CAAC,EACZG,KAAK,iBACJV,KAAA,CAAAgB,aAAA,CAACZ,UAAU;IAACI,OAAO,EAAC;EAA4B,GAC7CE,KACS,CAEV,CACP;EAED,oBACEV,KAAA,CAAAgB,aAAA,CAACf,gBAAgB;IAACgB,KAAK,EAAG,CAACH,MAAM,CAACK,aAAa,EAAEV,cAAc,CAAE;IAACI,OAAO,EAAKA,OAAS;IAACO,aAAa,EAAK;EAAI,GAE3GR,IAAI,KAAK,aAAa,IAAID,MAAM,KAAKU,SAAS,iBAC7CrB,KAAA,CAAAgB,aAAA,CAACd,IAAI;IAACe,KAAK,EAAEH,MAAM,CAACQ;EAAM,gBACxBtB,KAAA,CAAAgB,aAAA,CAACZ,UAAU;IAACI,OAAO,EAAG,gCAAgC;IAACS,KAAK,EAAKH,MAAM,CAACS,SAAW;IAACC,aAAa,EAAK,CAAE;IAACC,aAAa,EAAG;EAAM,GAC5H,KAAKd,MAAM,OACF,CACR,CACP,EACAI,aAAa,CAAC,CACC,CAAC;AAEvB,CAAC;AAED,SAASV,UAAU","ignoreList":[]}

package/lib/module/components/TopUpCard/TopUpCard.style.js

@@ -0,0 +1,67 @@
+import { StyleSheet } from 'react-native';
+import { Palettes, Radius } from '../../themes';
+export const getStyle = variant => {
+  const isSelected = variant === 'selected';
+  return StyleSheet.create({
+    cardContainer: {
+      width: 156,
+      height: 101,
+      borderRadius: 8,
+      backgroundColor: Palettes.white[50],
+      borderWidth: isSelected ? 2 : 1,
+      borderColor: isSelected ? Palettes.yellow[600] : '#E0E0E0',
+      position: 'relative',
+      flexDirection: 'column',
+      justifyContent: 'center',
+      alignItems: 'flex-start',
+      paddingHorizontal: 16,
+      gap: 4,
+      shadowColor: '#000000',
+      shadowOpacity: isSelected ? 0.2 : 0.1,
+      shadowRadius: isSelected ? 8 : 4,
+      shadowOffset: {
+        width: 0,
+        height: isSelected ? 4 : 2
+      },
+      elevation: isSelected ? 4 : 2
+    },
+    text: {
+      fontSize: 20,
+      fontWeight: '700',
+      color: Palettes.black[900],
+      textAlign: 'left'
+    },
+    price: {
+      marginTop: 4,
+      fontSize: 12,
+      color: Palettes.black[900],
+      textAlign: 'left'
+    },
+    badge: {
+      position: 'absolute',
+      top: -7,
+      right: 12,
+      width: 84,
+      height: 28,
+      backgroundColor: Palettes.yellow[600],
+      borderRadius: Radius[8],
+      justifyContent: 'center',
+      alignItems: 'center',
+      paddingVertical: 4,
+      paddingHorizontal: 8,
+      flexDirection: 'row',
+      zIndex: 1
+    },
+    badgeText: {
+      fontSize: 12,
+      lineHeight: 12,
+      fontWeight: '600',
+      color: Palettes.black[900]
+    },
+    contentContainer: {
+      width: '100%',
+      alignItems: 'flex-start'
+    }
+  });
+};
+//# sourceMappingURL=TopUpCard.style.js.map

package/lib/module/components/TopUpCard/TopUpCard.style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Palettes","Radius","getStyle","variant","isSelected","create","cardContainer","width","height","borderRadius","backgroundColor","white","borderWidth","borderColor","yellow","position","flexDirection","justifyContent","alignItems","paddingHorizontal","gap","shadowColor","shadowOpacity","shadowRadius","shadowOffset","elevation","text","fontSize","fontWeight","color","black","textAlign","price","marginTop","badge","top","right","paddingVertical","zIndex","badgeText","lineHeight","contentContainer"],"sourceRoot":"../../../../src","sources":["components/TopUpCard/TopUpCard.style.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,EAAEC,MAAM,QAAQ,cAAc;AAE/C,OAAO,MAAMC,QAAQ,GAAIC,OAAkC,IAAK;EAC9D,MAAMC,UAAU,GAAGD,OAAO,KAAK,UAAU;EACzC,OAAOJ,UAAU,CAACM,MAAM,CAAC;IACvBC,aAAa,EAAE;MACbC,KAAK,EAAE,GAAG;MACVC,MAAM,EAAE,GAAG;MACXC,YAAY,EAAE,CAAC;MACfC,eAAe,EAAEV,QAAQ,CAACW,KAAK,CAAC,EAAE,CAAC;MACnCC,WAAW,EAAER,UAAU,GAAG,CAAC,GAAG,CAAC;MAC/BS,WAAW,EAAET,UAAU,GAAGJ,QAAQ,CAACc,MAAM,CAAC,GAAG,CAAC,GAAG,SAAS;MAC1DC,QAAQ,EAAE,UAAmB;MAC7BC,aAAa,EAAE,QAAQ;MACvBC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,YAAY;MACxBC,iBAAiB,EAAE,EAAE;MACrBC,GAAG,EAAE,CAAC;MACNC,WAAW,EAAE,SAAS;MACtBC,aAAa,EAAElB,UAAU,GAAG,GAAG,GAAG,GAAG;MACrCmB,YAAY,EAAEnB,UAAU,GAAG,CAAC,GAAG,CAAC;MAChCoB,YAAY,EAAE;QAAEjB,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAEJ,UAAU,GAAG,CAAC,GAAG;MAAE,CAAC;MACtDqB,SAAS,EAAErB,UAAU,GAAG,CAAC,GAAG;IAC9B,CAAC;IACDsB,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,KAAK;MACjBC,KAAK,EAAE7B,QAAQ,CAAC8B,KAAK,CAAC,GAAG,CAAC;MAC1BC,SAAS,EAAE;IACb,CAAC;IACDC,KAAK,EAAE;MACLC,SAAS,EAAE,CAAC;MACZN,QAAQ,EAAE,EAAE;MACZE,KAAK,EAAE7B,QAAQ,CAAC8B,KAAK,CAAC,GAAG,CAAC;MAC1BC,SAAS,EAAE;IACb,CAAC;IACDG,KAAK,EAAE;MACLnB,QAAQ,EAAE,UAAU;MACpBoB,GAAG,EAAE,CAAC,CAAC;MACPC,KAAK,EAAE,EAAE;MACT7B,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVE,eAAe,EAAEV,QAAQ,CAACc,MAAM,CAAC,GAAG,CAAC;MACrCL,YAAY,EAAER,MAAM,CAAC,CAAC,CAAC;MACvBgB,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBmB,eAAe,EAAE,CAAC;MAClBlB,iBAAiB,EAAE,CAAC;MACpBH,aAAa,EAAE,KAAK;MACpBsB,MAAM,EAAE;IACV,CAAC;IACDC,SAAS,EAAE;MACTZ,QAAQ,EAAE,EAAE;MACZa,UAAU,EAAE,EAAE;MACdZ,UAAU,EAAE,KAAK;MACjBC,KAAK,EAAE7B,QAAQ,CAAC8B,KAAK,CAAC,GAAG;IAC3B,CAAC;IACDW,gBAAgB,EAAE;MAChBlC,KAAK,EAAE,MAAM;MACbW,UAAU,EAAE;IACd;EACF,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}

package/lib/module/components/TopUpCard/TopUpCard.type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=TopUpCard.type.js.map

package/lib/module/components/TopUpCard/TopUpCard.type.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/TopUpCard/TopUpCard.type.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/index.js

@@ -35,6 +35,7 @@ export { Loader } from './Loader/loader.component';
 export { Notification } from './Notification/notification.component';
 export { Pagination } from './Pagination/pagination.component';
 export { BudgetCard } from './BudgetCard/budget-card.component';
+export { TopUpCards } from './TopUpCard/TopUpCard.component';
 export { Banner } from './Banner/banner.component';
 export { FilterList } from './FilterList/FilterList.component';
 export { BasicTab } from './BasicTab/BasicTab.component';
@@ -47,5 +48,6 @@ export { Ribbon } from './Ribbon/Ribbon.component';
 export { StickyBar } from './StickyBar/StickyBar.component';
 export { LimitAngsuranCard } from './LimitAngsuranCard/LimitAngsuranCard.component';
 export { ToolTip } from './ToolTip/tooltip.component';
+export { SingleBalanceCard } from './SingleBalanceCard/SingleBalanceCard.component';
 export { SelectionModalProps, SelectionItemData, SelectionModalValue } from './selection-modal/selection-modal.type';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["ActionList","Badges","BottomTabBar","Button","Calendars","CategoryCard","ContentCard","Label","BaseComponent","Typography","Coachmark","circleSvgPath","TextLink","SliderIndicator","TextInput","TextArea","StepperCounter","Divider","Tabs","RadioButton","Chips","BottomSheet","BottomSheetHandler","SearchInput","RadioInput","CheckBoxInput","Checkbox","Appbar","Snackbar","SnackbarComponent","SnackbarUI","SelectionModal","Switch","Dot","InformationBox","RoundedTab","Countdown","Loader","Notification","Pagination","BudgetCard","Banner","FilterList","BasicTab","InformationCard","NotificationBox","InputPIN","Mask","MaskArray","MaskInputProps","MaskItem","Masks","UseMaskedInputProps","createNumberMask","formatWithMask","useMaskedInputProps","SelectionCard","Ribbon","StickyBar","LimitAngsuranCard","ToolTip","SelectionModalProps","SelectionItemData","SelectionModalValue"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,YAAY,QAAQ,uCAAuC;AACpE,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,YAAY,QAAQ,uCAAuC;AACpE,SAASC,WAAW,QAAQ,qCAAqC;AACjE,SAASC,KAAK,QAAQ,yBAAyB;AAC/C,SAASC,aAAa,QAAQ,uBAAuB;AACrD,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,SAAS,EAAEC,aAAa,QAAQ,iCAAiC;AAC1E,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,eAAe,QAAQ,+CAA+C;AAC/E,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,cAAc,QAAQ,2CAA2C;AAC1E,SAASC,OAAO,QAAQ,6BAA6B;AACrD,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,WAAW,QAAQ,qCAAqC;AACjE,SAASC,KAAK,QAAQ,yBAAyB;AAC/C,SACEC,WAAW,EACXC,kBAAkB,QACb,qCAAqC;AAC5C,SAASC,WAAW,QAAQ,uCAAuC;AACnE,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,aAAa,QAAQ,yCAAyC;AACvE,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SACEC,QAAQ,EACRC,iBAAiB,EACjBC,UAAU,QACL,+BAA+B;AACtC,SAASC,cAAc,QAAQ,6CAA6C;AAC5E,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,GAAG,QAAQ,qBAAqB;AACzC,SAASC,cAAc,QAAQ,6CAA6C;AAC5E,SAASC,UAAU,QAAQ,qCAAqC;AAChE,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,YAAY,QAAQ,uCAAuC;AACpE,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,UAAU,QAAQ,oCAAoC;AAC/D,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,eAAe,QAAQ,+CAA+C;AAC/E,SAASC,eAAe,QAAQ,6CAA6C;AAC7E,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SACEC,IAAI,EACJC,SAAS,EACTC,cAAc,EACdC,QAAQ,EACRC,KAAK,EACLC,mBAAmB,EACnBC,gBAAgB,EAChBC,cAAc,EACdC,mBAAmB,QACd,yBAAyB;AAChC,SAASC,aAAa,QAAQ,0CAA0C;AACxE,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,iBAAiB,QAAQ,iDAAiD;AACnF,SAASC,OAAO,QAAQ,6BAA6B;AA4BrD,SACEC,mBAAmB,EACnBC,iBAAiB,EACjBC,mBAAmB,QACd,wCAAwC","ignoreList":[]}
+{"version":3,"names":["ActionList","Badges","BottomTabBar","Button","Calendars","CategoryCard","ContentCard","Label","BaseComponent","Typography","Coachmark","circleSvgPath","TextLink","SliderIndicator","TextInput","TextArea","StepperCounter","Divider","Tabs","RadioButton","Chips","BottomSheet","BottomSheetHandler","SearchInput","RadioInput","CheckBoxInput","Checkbox","Appbar","Snackbar","SnackbarComponent","SnackbarUI","SelectionModal","Switch","Dot","InformationBox","RoundedTab","Countdown","Loader","Notification","Pagination","BudgetCard","TopUpCards","Banner","FilterList","BasicTab","InformationCard","NotificationBox","InputPIN","Mask","MaskArray","MaskInputProps","MaskItem","Masks","UseMaskedInputProps","createNumberMask","formatWithMask","useMaskedInputProps","SelectionCard","Ribbon","StickyBar","LimitAngsuranCard","ToolTip","SingleBalanceCard","SelectionModalProps","SelectionItemData","SelectionModalValue"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,YAAY,QAAQ,uCAAuC;AACpE,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,YAAY,QAAQ,uCAAuC;AACpE,SAASC,WAAW,QAAQ,qCAAqC;AACjE,SAASC,KAAK,QAAQ,yBAAyB;AAC/C,SAASC,aAAa,QAAQ,uBAAuB;AACrD,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,SAAS,EAAEC,aAAa,QAAQ,iCAAiC;AAC1E,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,eAAe,QAAQ,+CAA+C;AAC/E,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,cAAc,QAAQ,2CAA2C;AAC1E,SAASC,OAAO,QAAQ,6BAA6B;AACrD,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,WAAW,QAAQ,qCAAqC;AACjE,SAASC,KAAK,QAAQ,yBAAyB;AAC/C,SACEC,WAAW,EACXC,kBAAkB,QACb,qCAAqC;AAC5C,SAASC,WAAW,QAAQ,uCAAuC;AACnE,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,aAAa,QAAQ,yCAAyC;AACvE,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SACEC,QAAQ,EACRC,iBAAiB,EACjBC,UAAU,QACL,+BAA+B;AACtC,SAASC,cAAc,QAAQ,6CAA6C;AAC5E,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,GAAG,QAAQ,qBAAqB;AACzC,SAASC,cAAc,QAAQ,6CAA6C;AAC5E,SAASC,UAAU,QAAQ,qCAAqC;AAChE,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,YAAY,QAAQ,uCAAuC;AACpE,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,UAAU,QAAQ,oCAAoC;AAC/D,SAASC,UAAU,QAAQ,iCAAiC;AAE5D,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,eAAe,QAAQ,+CAA+C;AAC/E,SAASC,eAAe,QAAQ,6CAA6C;AAC7E,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SACEC,IAAI,EACJC,SAAS,EACTC,cAAc,EACdC,QAAQ,EACRC,KAAK,EACLC,mBAAmB,EACnBC,gBAAgB,EAChBC,cAAc,EACdC,mBAAmB,QACd,yBAAyB;AAChC,SAASC,aAAa,QAAQ,0CAA0C;AACxE,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,iBAAiB,QAAQ,iDAAiD;AACnF,SAASC,OAAO,QAAQ,6BAA6B;AACrD,SAASC,iBAAiB,QAAQ,iDAAiD;AA4BnF,SACEC,mBAAmB,EACnBC,iBAAiB,EACjBC,mBAAmB,QACd,wCAAwC","ignoreList":[]}

package/lib/typescript/components/InputPIN/InputPIN.style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputPIN.style.d.ts","sourceRoot":"","sources":["../../../../src/components/InputPIN/InputPIN.style.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,UAAU,kBAAkB;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,kBAAkB,CAAC,EAAE,SAAS,CAAC;CAChC;AAED,eAAO,MAAM,QAAQ,0BA6DpB,CAAC"}
+{"version":3,"file":"InputPIN.style.d.ts","sourceRoot":"","sources":["../../../../src/components/InputPIN/InputPIN.style.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,UAAU,kBAAkB;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,kBAAkB,CAAC,EAAE,SAAS,CAAC;CAChC;AAED,eAAO,MAAM,QAAQ,0BA2DpB,CAAC"}

package/lib/typescript/components/SingleBalanceCard/SingleBalanceCard.component.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SingleBalanceCardProps } from './SingleBalanceCard.type';
+export declare const SingleBalanceCard: ({ title, balance, leadingComponent, information, footerComponent, actionComponent, hasDividerOnAction, variant, defaultMasked, }: SingleBalanceCardProps) => JSX.Element;
+//# sourceMappingURL=SingleBalanceCard.component.d.ts.map

package/lib/typescript/components/SingleBalanceCard/SingleBalanceCard.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleBalanceCard.component.d.ts","sourceRoot":"","sources":["../../../../src/components/SingleBalanceCard/SingleBalanceCard.component.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,iBAAiB,qIAU3B,sBAAsB,gBAsGxB,CAAC"}

package/lib/typescript/components/SingleBalanceCard/SingleBalanceCard.styles.d.ts

@@ -0,0 +1,183 @@
+export declare const styles: {
+    cardContainer: {
+        marginVertical: number;
+        borderWidth: number;
+        borderColor: string;
+        paddingLeft: number;
+        paddingRight: number;
+        paddingVertical: number;
+        alignSelf: "center";
+        maxWidth: number;
+        width: string;
+        backfaceVisibility?: "visible" | "hidden" | undefined;
+        backgroundColor: import("react-native").ColorValue;
+        borderBottomColor?: import("react-native").ColorValue | undefined;
+        borderBottomEndRadius?: number | undefined;
+        borderBottomLeftRadius?: number | undefined;
+        borderBottomRightRadius?: number | undefined;
+        borderBottomStartRadius?: number | undefined;
+        borderBottomWidth?: number | undefined;
+        borderEndColor?: import("react-native").ColorValue | undefined;
+        borderLeftColor?: import("react-native").ColorValue | undefined;
+        borderLeftWidth?: number | undefined;
+        borderRadius: number;
+        borderRightColor?: import("react-native").ColorValue | undefined;
+        borderRightWidth?: number | undefined;
+        borderStartColor?: import("react-native").ColorValue | undefined;
+        borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+        borderTopColor?: import("react-native").ColorValue | undefined;
+        borderTopEndRadius?: number | undefined;
+        borderTopLeftRadius?: number | undefined;
+        borderTopRightRadius?: number | undefined;
+        borderTopStartRadius?: number | undefined;
+        borderTopWidth?: number | undefined;
+        opacity?: number | undefined;
+        elevation?: number | undefined;
+        alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
+        alignItems?: import("react-native").FlexAlignType | undefined;
+        aspectRatio?: string | number | undefined;
+        borderEndWidth?: string | number | undefined;
+        borderStartWidth?: string | number | undefined;
+        bottom?: string | number | undefined;
+        display?: "none" | "flex" | undefined;
+        end?: string | number | undefined;
+        flex?: number | undefined;
+        flexBasis?: string | number | undefined;
+        flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+        rowGap?: number | undefined;
+        gap?: number | undefined;
+        columnGap?: number | undefined;
+        flexGrow?: number | undefined;
+        flexShrink?: number | undefined;
+        flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+        height?: string | number | undefined;
+        justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+        left?: string | number | undefined;
+        margin?: string | number | undefined;
+        marginBottom?: string | number | undefined;
+        marginEnd?: string | number | undefined;
+        marginHorizontal?: string | number | undefined;
+        marginLeft?: string | number | undefined;
+        marginRight?: string | number | undefined;
+        marginStart?: string | number | undefined;
+        marginTop?: string | number | undefined;
+        maxHeight?: string | number | undefined;
+        minHeight?: string | number | undefined;
+        minWidth?: string | number | undefined;
+        overflow?: "visible" | "hidden" | "scroll" | undefined;
+        padding?: string | number | undefined;
+        paddingBottom?: string | number | undefined;
+        paddingEnd?: string | number | undefined;
+        paddingHorizontal?: string | number | undefined;
+        paddingStart?: string | number | undefined;
+        paddingTop?: string | number | undefined;
+        position?: "absolute" | "relative" | undefined;
+        right?: string | number | undefined;
+        start?: string | number | undefined;
+        top?: string | number | undefined;
+        zIndex?: number | undefined;
+        direction?: "ltr" | "rtl" | "inherit" | undefined;
+        shadowColor?: import("react-native").ColorValue | undefined;
+        shadowOffset?: {
+            width: number;
+            height: number;
+        } | undefined;
+        shadowOpacity?: number | undefined;
+        shadowRadius?: number | undefined;
+        transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
+        transformMatrix?: number[] | undefined;
+        rotation?: number | undefined;
+        scaleX?: number | undefined;
+        scaleY?: number | undefined;
+        translateX?: number | undefined;
+        translateY?: number | undefined;
+    };
+    headerRow: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "flex-start";
+        marginBottom: number;
+    };
+    headerLeft: {
+        flexDirection: "row";
+        alignItems: "center";
+    };
+    leading: {
+        marginRight: number;
+    };
+    title: {
+        fontSize: number;
+        fontWeight: "bold";
+        color: string;
+        marginRight: number;
+    };
+    balanceRow: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "space-between";
+        marginBottom: number;
+    };
+    balance: {
+        fontSize: number;
+        fontWeight: "bold";
+        color: string;
+        minWidth: number;
+    };
+    trailing: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+        marginRight: number;
+    };
+    trailingWithDivider: {
+        justifyContent: "center";
+        alignItems: "center";
+        marginLeft: number;
+        paddingLeft: number;
+        borderLeftWidth: number;
+        borderLeftColor: string;
+    };
+    divider: {
+        borderBottomWidth: number;
+        borderBottomColor: string;
+        marginVertical: number;
+    };
+    infoRow: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "space-between";
+    };
+    infoLabel: {
+        fontSize: number;
+        color: string;
+    };
+    infoRight: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+        marginRight: number;
+    };
+    noVA: {
+        fontSize: number;
+        fontWeight: "600";
+        color: string;
+        marginRight: number;
+    };
+    footer: {
+        marginTop: number;
+    };
+    nonSlidingRow: {
+        flexDirection: "row";
+        justifyContent: "space-between";
+        alignItems: "center";
+    };
+    nonSlidingLeft: {
+        flex: number;
+    };
+    nonSlidingRight: {
+        justifyContent: "center";
+        alignItems: "center";
+        paddingLeft: number;
+    };
+};
+//# sourceMappingURL=SingleBalanceCard.styles.d.ts.map

package/lib/typescript/components/SingleBalanceCard/SingleBalanceCard.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleBalanceCard.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/SingleBalanceCard/SingleBalanceCard.styles.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuHjB,CAAC"}

package/lib/typescript/components/SingleBalanceCard/SingleBalanceCard.type.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+export declare type SingleBalanceCardProps = {
+    title: string;
+    balance: string;
+    leadingComponent?: ReactNode;
+    actionComponent?: ReactNode;
+    information?: {
+        label: string;
+        value: string;
+        onCopy?: () => void;
+    };
+    footerComponent?: ReactNode;
+    variant?: 'basic' | 'with-information';
+    hasDividerOnAction?: boolean;
+    defaultMasked?: boolean;
+};
+//# sourceMappingURL=SingleBalanceCard.type.d.ts.map

package/lib/typescript/components/SingleBalanceCard/SingleBalanceCard.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleBalanceCard.type.d.ts","sourceRoot":"","sources":["../../../../src/components/SingleBalanceCard/SingleBalanceCard.type.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,oBAAY,sBAAsB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,WAAW,CAAC,EAAE;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;IACF,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,GAAG,kBAAkB,CAAC;IACvC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC"}

package/lib/typescript/components/TopUpCard/TopUpCard.component.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import type { TopUpCardProps } from './TopUpCard.type';
+declare const TopUpCards: React.FC<TopUpCardProps>;
+export { TopUpCards };
+//# sourceMappingURL=TopUpCard.component.d.ts.map

package/lib/typescript/components/TopUpCard/TopUpCard.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopUpCard.component.d.ts","sourceRoot":"","sources":["../../../../src/components/TopUpCard/TopUpCard.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAuCxC,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}