@networkinternational/ni-card-management-sdk 1.0.2

package/lib/module/NICardManagementComponents/ViewPinComponent.js

@@ -0,0 +1,38 @@
+import React, { useEffect } from 'react';
+import { NIPinTypeEnum, NIThemeEnum } from '../interfaces/NiInputInterfaces';
+import { useViewPin } from '../hooks/useViewPin';
+import PinState from '../components/PinState/PinState';
+import ViewPin from '../components/ViewPin/ViewPin';
+function ViewPinComponent({
+  input,
+  type: pinType,
+  callback
+}) {
+  const theme = input?.displayAttributes?.theme || NIThemeEnum.light;
+  const countdownTime = input?.timer;
+  const {
+    result: viewPinResult,
+    error: viewPinError,
+    isLoading: isViewPinLoading,
+    onViewPin
+  } = useViewPin();
+  (!!viewPinResult || !!viewPinError) && console.log('ViewPinView', {
+    viewPinResult,
+    viewPinError,
+    isViewPinLoading
+  });
+  useEffect(() => {
+    input && onViewPin(input, callback);
+  }, []);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ViewPin, {
+    input: input,
+    pinType: pinType || NIPinTypeEnum.dynamicFourToSix,
+    result: viewPinResult || '',
+    countdownTime: countdownTime || 0
+  }), /*#__PURE__*/React.createElement(PinState, {
+    isLoading: isViewPinLoading,
+    theme: theme
+  }));
+}
+export { ViewPinComponent, useViewPin };
+//# sourceMappingURL=ViewPinComponent.js.map

package/lib/module/NICardManagementComponents/ViewPinComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","NIPinTypeEnum","NIThemeEnum","useViewPin","PinState","ViewPin","ViewPinComponent","input","type","pinType","callback","theme","displayAttributes","light","countdownTime","timer","result","viewPinResult","error","viewPinError","isLoading","isViewPinLoading","onViewPin","console","log","createElement","Fragment","dynamicFourToSix"],"sourceRoot":"../../../src","sources":["NICardManagementComponents/ViewPinComponent.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AAExC,SAASC,aAAa,EAAEC,WAAW,QAAQ,iCAAiC;AAE5E,SAASC,UAAU,QAAQ,qBAAqB;AAChD,OAAOC,QAAQ,MAAM,iCAAiC;AACtD,OAAOC,OAAO,MAAM,+BAA+B;AAEnD,SAASC,gBAAgBA,CAAC;EACxBC,KAAK;EACLC,IAAI,EAAEC,OAAO;EACbC;AACkB,CAAC,EAAe;EAClC,MAAMC,KAAK,GAAGJ,KAAK,EAAEK,iBAAiB,EAAED,KAAK,IAAIT,WAAW,CAACW,KAAK;EAClE,MAAMC,aAAa,GAAGP,KAAK,EAAEQ,KAAK;EAElC,MAAM;IACJC,MAAM,EAAEC,aAAa;IACrBC,KAAK,EAAEC,YAAY;IACnBC,SAAS,EAAEC,gBAAgB;IAC3BC;EACF,CAAC,GAAGnB,UAAU,CAAC,CAAC;EAEhB,CAAC,CAAC,CAACc,aAAa,IAAI,CAAC,CAACE,YAAY,KAChCI,OAAO,CAACC,GAAG,CAAC,aAAa,EAAE;IACzBP,aAAa;IACbE,YAAY;IACZE;EACF,CAAC,CAAC;EAEJrB,SAAS,CAAC,MAAM;IACdO,KAAK,IAAIe,SAAS,CAACf,KAAK,EAAEG,QAAQ,CAAC;EACrC,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEX,KAAA,CAAA0B,aAAA,CAAA1B,KAAA,CAAA2B,QAAA,qBACE3B,KAAA,CAAA0B,aAAA,CAACpB,OAAO;IACNE,KAAK,EAAEA,KAAM;IACbE,OAAO,EAAEA,OAAO,IAAIR,aAAa,CAAC0B,gBAAiB;IACnDX,MAAM,EAAEC,aAAa,IAAI,EAAG;IAC5BH,aAAa,EAAEA,aAAa,IAAI;EAAE,CACnC,CAAC,eACFf,KAAA,CAAA0B,aAAA,CAACrB,QAAQ;IAACgB,SAAS,EAAEC,gBAAiB;IAACV,KAAK,EAAEA;EAAM,CAAE,CACtD,CAAC;AAEP;AAEA,SAASL,gBAAgB,EAAEH,UAAU"}

package/lib/module/components/CardDetails/CardDetails.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { CardDetailsBackgroundImage } from './CardDetailsBackgroundImage';
+import styles from './styles';
+import { View } from 'react-native';
+export function CardDetails({
+  displayAttributes,
+  getCardDetailsResult,
+  isError
+}) {
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.cardDetailsContainer
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.cardDetailsRow
+  }, /*#__PURE__*/React.createElement(CardDetailsBackgroundImage, {
+    displayAttributes: displayAttributes,
+    getCardDetailsResult: getCardDetailsResult,
+    isError: isError
+  })));
+}
+//# sourceMappingURL=CardDetails.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","CardDetailsBackgroundImage","styles","View","CardDetails","displayAttributes","getCardDetailsResult","isError","createElement","style","cardDetailsContainer","cardDetailsRow"],"sourceRoot":"../../../../src","sources":["components/CardDetails/CardDetails.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,0BAA0B,QAAQ,8BAA8B;AACzE,OAAOC,MAAM,MAAM,UAAU;AAC7B,SAASC,IAAI,QAAQ,cAAc;AAEnC,OAAO,SAASC,WAAWA,CAAC;EAC1BC,iBAAiB;EACjBC,oBAAoB;EACpBC;AACa,CAAC,EAAe;EAC7B,oBACEP,KAAA,CAAAQ,aAAA,CAACL,IAAI;IAACM,KAAK,EAAEP,MAAM,CAACQ;EAAqB,gBACvCV,KAAA,CAAAQ,aAAA,CAACL,IAAI;IAACM,KAAK,EAAEP,MAAM,CAACS;EAAe,gBACjCX,KAAA,CAAAQ,aAAA,CAACP,0BAA0B;IACzBI,iBAAiB,EAAEA,iBAAkB;IACrCC,oBAAoB,EAAEA,oBAAqB;IAC3CC,OAAO,EAAEA;EAAQ,CAClB,CACG,CACF,CAAC;AAEX"}

package/lib/module/components/CardDetails/CardDetailsBackgroundImage.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { ImageBackground } from 'react-native';
+import { CardDetailsGroups } from './CardDetailsGroups';
+import { styles } from './styles';
+export function CardDetailsBackgroundImage({
+  displayAttributes,
+  getCardDetailsResult,
+  isError
+}) {
+  const backgroundImageDefault = require('../../assets/images/grayCard.png');
+  const backgroundImage = displayAttributes?.cardAttributes?.backgroundImage || backgroundImageDefault;
+  return /*#__PURE__*/React.createElement(ImageBackground, {
+    source: backgroundImage,
+    style: styles.containerCardDetails,
+    imageStyle: styles.backgroundImageStyle
+  }, /*#__PURE__*/React.createElement(CardDetailsGroups, {
+    displayAttributes: displayAttributes,
+    getCardDetailsResult: getCardDetailsResult,
+    isError: isError
+  }));
+}
+//# sourceMappingURL=CardDetailsBackgroundImage.js.map

package/lib/module/components/CardDetails/CardDetailsBackgroundImage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ImageBackground","CardDetailsGroups","styles","CardDetailsBackgroundImage","displayAttributes","getCardDetailsResult","isError","backgroundImageDefault","require","backgroundImage","cardAttributes","createElement","source","style","containerCardDetails","imageStyle","backgroundImageStyle"],"sourceRoot":"../../../../src","sources":["components/CardDetails/CardDetailsBackgroundImage.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAA6B,cAAc;AAGnE,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,MAAM,QAAQ,UAAU;AAEjC,OAAO,SAASC,0BAA0BA,CAAC;EACzCC,iBAAiB;EACjBC,oBAAoB;EACpBC;AACkB,CAAC,EAAe;EAClC,MAAMC,sBAAsB,GAC1BC,OAAO,CAAC,kCAAkC,CAAmB;EAE/D,MAAMC,eAAe,GACnBL,iBAAiB,EAAEM,cAAc,EAAED,eAAe,IAClDF,sBAAsB;EAExB,oBACER,KAAA,CAAAY,aAAA,CAACX,eAAe;IACdY,MAAM,EAAEH,eAAgB;IACxBI,KAAK,EAAEX,MAAM,CAACY,oBAAqB;IACnCC,UAAU,EAAEb,MAAM,CAACc;EAAqB,gBAExCjB,KAAA,CAAAY,aAAA,CAACV,iBAAiB;IAChBG,iBAAiB,EAAEA,iBAAkB;IACrCC,oBAAoB,EAAEA,oBAAqB;IAC3CC,OAAO,EAAEA;EAAQ,CAClB,CACc,CAAC;AAEtB"}

package/lib/module/components/CardDetails/CardDetailsGroups.js

@@ -0,0 +1,85 @@
+import React, { useState } from 'react';
+import { View, useWindowDimensions, I18nManager } from 'react-native';
+import { NILabels, NILanguageEnum, NIThemeEnum } from '../../interfaces/NiInputInterfaces';
+import { CardDetailsCardNumberGroup } from './CardNumberGroup';
+import { CardDetailsDateCVVGroupOneRow } from './DateCVVGroupOneRow';
+import { CardDetailsCardHolderNameGroups } from './CardHolderNameGroups';
+import { styles } from './styles';
+import { WIDTH_CARD } from '../../config/configCard';
+import { NIButton } from '../NIButton/NIButton';
+import { themeColors } from '../../config/themeColors';
+import localLabels from '../../utils/localization';
+export function CardDetailsGroups({
+  displayAttributes,
+  getCardDetailsResult,
+  isError
+}) {
+  const language = displayAttributes?.language || NILanguageEnum.english;
+  const theme = displayAttributes?.theme || NIThemeEnum.light;
+  const shouldHide = displayAttributes?.cardAttributes?.shouldHide || false;
+  const [cardDetailsVisible, setCardDetailsVisible] = useState(shouldHide);
+  const [isVisibleCopiedButton, setIsVisibleCopiedButton] = useState(false);
+  const [timeoutId, setTimeoutId] = useState();
+  const {
+    width
+  } = useWindowDimensions();
+  const leftAlignment = displayAttributes?.cardAttributes?.textPositioning?.leftAlignment || 0.09;
+  const groupsLeftAlignment = Math.round(leftAlignment * width * WIDTH_CARD / 100);
+  const containerGroupsLeftAlignmentStyle = {
+    marginLeft: groupsLeftAlignment
+  };
+  const textColor = theme === NIThemeEnum.light ? themeColors.light.buttonCopiedTextColor : themeColors.dark.buttonCopiedTextColor;
+  const setTimeOut = () => {
+    clearTimeout(timeoutId);
+    setTimeoutId(setTimeout(() => {
+      setIsVisibleCopiedButton(false);
+      setTimeoutId(undefined);
+    }, 4000));
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, getCardDetailsResult && /*#__PURE__*/React.createElement(View, {
+    style: [styles.containerGroupsLeftAlignment, containerGroupsLeftAlignmentStyle, I18nManager.isRTL ? {
+      flexDirection: 'row-reverse'
+    } : {}]
+  }, /*#__PURE__*/React.createElement(CardDetailsCardNumberGroup, {
+    clearPan: getCardDetailsResult.clearPan,
+    maskedPan: getCardDetailsResult.maskedPan,
+    pinContentIndex: NILabels.cardNumberValueLabel,
+    cardDetailsVisible: cardDetailsVisible,
+    setIsVisibleCopiedButton: setIsVisibleCopiedButton,
+    displayAttributes: displayAttributes,
+    setTimeOut: setTimeOut
+  }), /*#__PURE__*/React.createElement(CardDetailsDateCVVGroupOneRow, {
+    expiry: getCardDetailsResult.expiry,
+    clearCVV2: getCardDetailsResult.clearCVV2,
+    pinLabelIndex: NILabels.expiryDateLabel,
+    pinContentIndex: NILabels.expiryDateValueLabel,
+    pinLabel1Index: NILabels.cvvLabel,
+    pinContent1Index: NILabels.cvvValueLabel,
+    cardDetailsVisible: {
+      cardDetailsVisible,
+      setCardDetailsVisible
+    },
+    shouldHide: shouldHide,
+    displayAttributes: displayAttributes,
+    isError: isError
+  }), /*#__PURE__*/React.createElement(CardDetailsCardHolderNameGroups, {
+    cardholderName: getCardDetailsResult.cardholderName,
+    pinContentIndex: NILabels.cardholderNameLabel,
+    cardDetailsVisible: cardDetailsVisible,
+    setIsVisibleCopiedButton: setIsVisibleCopiedButton,
+    setTimeOut: setTimeOut,
+    displayAttributes: displayAttributes
+  }), isVisibleCopiedButton && /*#__PURE__*/React.createElement(View, {
+    style: [styles.copyButton, I18nManager.isRTL ? {
+      marginRight: '15%'
+    } : {}]
+  }, /*#__PURE__*/React.createElement(NIButton, {
+    title: localLabels(language).copiedToClipboard,
+    mode: "text",
+    textColor: textColor,
+    colors: ['#bbb', '#bbb', '#bbb'],
+    disabled: false,
+    opacity: 0.8
+  }))));
+}
+//# sourceMappingURL=CardDetailsGroups.js.map

package/lib/module/components/CardDetails/CardDetailsGroups.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","View","useWindowDimensions","I18nManager","NILabels","NILanguageEnum","NIThemeEnum","CardDetailsCardNumberGroup","CardDetailsDateCVVGroupOneRow","CardDetailsCardHolderNameGroups","styles","WIDTH_CARD","NIButton","themeColors","localLabels","CardDetailsGroups","displayAttributes","getCardDetailsResult","isError","language","english","theme","light","shouldHide","cardAttributes","cardDetailsVisible","setCardDetailsVisible","isVisibleCopiedButton","setIsVisibleCopiedButton","timeoutId","setTimeoutId","width","leftAlignment","textPositioning","groupsLeftAlignment","Math","round","containerGroupsLeftAlignmentStyle","marginLeft","textColor","buttonCopiedTextColor","dark","setTimeOut","clearTimeout","setTimeout","undefined","createElement","Fragment","style","containerGroupsLeftAlignment","isRTL","flexDirection","clearPan","maskedPan","pinContentIndex","cardNumberValueLabel","expiry","clearCVV2","pinLabelIndex","expiryDateLabel","expiryDateValueLabel","pinLabel1Index","cvvLabel","pinContent1Index","cvvValueLabel","cardholderName","cardholderNameLabel","copyButton","marginRight","title","copiedToClipboard","mode","colors","disabled","opacity"],"sourceRoot":"../../../../src","sources":["components/CardDetails/CardDetailsGroups.tsx"],"mappings":"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"}

package/lib/module/components/CardDetails/CardHolderNameGroups.js

@@ -0,0 +1,60 @@
+import React from 'react';
+import { View, Text, TouchableOpacity, I18nManager } from 'react-native';
+import { useClipboard } from '@react-native-community/clipboard';
+import { NIThemeEnum } from '../../interfaces/NiInputInterfaces';
+import { styles } from './styles';
+import { HEIGHT_CARD } from '../../config/configCard';
+import { themeColors } from '../../config/themeColors';
+import { PredeterminedIcon } from '../icons/PredeterminedIcon';
+export function CardDetailsCardHolderNameGroups({
+  cardholderName,
+  pinContentIndex,
+  cardDetailsVisible,
+  setIsVisibleCopiedButton,
+  displayAttributes,
+  setTimeOut
+}) {
+  const [data, setString] = useClipboard();
+  const maskedCardholderName = cardholderName.replace(/\b\w*/g, function (s) {
+    return s.replace(/(?<!^)./g, '*');
+  });
+  const cardholderNameRendered = cardDetailsVisible ? maskedCardholderName : cardholderName;
+  const holderNameContentGroupTopAlignment = Math.round((displayAttributes?.cardAttributes?.textPositioning?.cardHolderNameGroupTopAlignment || 0.8) * HEIGHT_CARD);
+  const containerHolderNameContentGroupTopAlignmentStyle = {
+    position: 'absolute',
+    top: holderNameContentGroupTopAlignment
+  };
+  const theme = displayAttributes?.theme || NIThemeEnum.light;
+  const textFonts = displayAttributes?.fonts?.filter(item => item.label === pinContentIndex);
+  let textFont = textFonts && textFonts.length && textFonts[0]?.font;
+  textFont = textFont || {
+    name: 'Helvetica',
+    size: 17
+  };
+  const contentStyleText = {
+    color: theme === NIThemeEnum.light ? themeColors.light.colorCard : themeColors.dark.colorCard,
+    fontSize: textFont.size,
+    fontFamily: textFont.name
+  };
+  async function handleOnPress() {
+    await setString(cardholderName);
+    setIsVisibleCopiedButton(true);
+    setTimeOut();
+  }
+  !!data && console.log('clipboard', data);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+    style: [styles.containerHolderNameContentGroupTopAlignment, containerHolderNameContentGroupTopAlignmentStyle]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.copyRow, I18nManager.isRTL ? {
+      flexDirection: 'row-reverse'
+    } : {}]
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.textContent, contentStyleText]
+  }, cardholderNameRendered), !cardDetailsVisible && /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: handleOnPress
+  }, /*#__PURE__*/React.createElement(PredeterminedIcon, {
+    name: "content-copy",
+    size: 13
+  })))));
+}
+//# sourceMappingURL=CardHolderNameGroups.js.map

package/lib/module/components/CardDetails/CardHolderNameGroups.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","TouchableOpacity","I18nManager","useClipboard","NIThemeEnum","styles","HEIGHT_CARD","themeColors","PredeterminedIcon","CardDetailsCardHolderNameGroups","cardholderName","pinContentIndex","cardDetailsVisible","setIsVisibleCopiedButton","displayAttributes","setTimeOut","data","setString","maskedCardholderName","replace","s","cardholderNameRendered","holderNameContentGroupTopAlignment","Math","round","cardAttributes","textPositioning","cardHolderNameGroupTopAlignment","containerHolderNameContentGroupTopAlignmentStyle","position","top","theme","light","textFonts","fonts","filter","item","label","textFont","length","font","name","size","contentStyleText","color","colorCard","dark","fontSize","fontFamily","handleOnPress","console","log","createElement","Fragment","style","containerHolderNameContentGroupTopAlignment","copyRow","isRTL","flexDirection","textContent","onPress"],"sourceRoot":"../../../../src","sources":["components/CardDetails/CardHolderNameGroups.tsx"],"mappings":"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"}

package/lib/module/components/CardDetails/CardNumberGroup.js

@@ -0,0 +1,62 @@
+import React from 'react';
+import { View, TouchableOpacity, Text, I18nManager } from 'react-native';
+import { useClipboard } from '@react-native-community/clipboard';
+import { NIThemeEnum } from '../../interfaces/NiInputInterfaces';
+import { styles } from './styles';
+import { HEIGHT_CARD } from '../../config/configCard';
+import { themeColors } from '../../config/themeColors';
+import { PredeterminedIcon } from '../icons/PredeterminedIcon';
+export function CardDetailsCardNumberGroup({
+  clearPan,
+  maskedPan,
+  pinContentIndex,
+  cardDetailsVisible,
+  setIsVisibleCopiedButton,
+  displayAttributes,
+  setTimeOut
+}) {
+  const [data, setString] = useClipboard();
+  const clearPanRendered = clearPan.replace(/.{4}/g, '$& ');
+  const maskedPanRendered = maskedPan.replace(/[a-zA-Z0-9]+(?=....)/g, function (s) {
+    return '*'.repeat(s.length);
+  }).replace(/.{4}/g, '$& ');
+  const cardNumber = cardDetailsVisible ? maskedPanRendered : clearPanRendered;
+  const cardNumberGroupTopAlignment = Math.round((displayAttributes?.cardAttributes?.textPositioning?.cardNumberGroupTopAlignment || 0.4) * HEIGHT_CARD);
+  const containerCardNumberContentGroupTopAlignmentStyle = {
+    position: 'absolute',
+    top: cardNumberGroupTopAlignment
+  };
+  const theme = displayAttributes?.theme || NIThemeEnum.light;
+  const textFonts = displayAttributes?.fonts?.filter(item => item.label === pinContentIndex);
+  let textFont = textFonts && textFonts.length && textFonts[0]?.font;
+  textFont = textFont || {
+    name: 'Helvetica',
+    size: 17
+  };
+  const contentStyleText = {
+    color: theme === NIThemeEnum.light ? themeColors.light.colorCard : themeColors.dark.colorCard,
+    fontSize: textFont.size,
+    fontFamily: textFont.name
+  };
+  async function handleOnPress() {
+    await setString(clearPan);
+    setIsVisibleCopiedButton(true);
+    setTimeOut();
+  }
+  !!data && console.log('clipboard', data);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+    style: [styles.containerCardNumberContentGroupTopAlignment, containerCardNumberContentGroupTopAlignmentStyle]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.copyRow, I18nManager.isRTL ? {
+      flexDirection: 'row-reverse'
+    } : {}]
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.textContent, contentStyleText]
+  }, cardNumber), !cardDetailsVisible && /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: handleOnPress
+  }, /*#__PURE__*/React.createElement(PredeterminedIcon, {
+    name: "content-copy",
+    size: 13
+  })))));
+}
+//# sourceMappingURL=CardNumberGroup.js.map

package/lib/module/components/CardDetails/CardNumberGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","TouchableOpacity","Text","I18nManager","useClipboard","NIThemeEnum","styles","HEIGHT_CARD","themeColors","PredeterminedIcon","CardDetailsCardNumberGroup","clearPan","maskedPan","pinContentIndex","cardDetailsVisible","setIsVisibleCopiedButton","displayAttributes","setTimeOut","data","setString","clearPanRendered","replace","maskedPanRendered","s","repeat","length","cardNumber","cardNumberGroupTopAlignment","Math","round","cardAttributes","textPositioning","containerCardNumberContentGroupTopAlignmentStyle","position","top","theme","light","textFonts","fonts","filter","item","label","textFont","font","name","size","contentStyleText","color","colorCard","dark","fontSize","fontFamily","handleOnPress","console","log","createElement","Fragment","style","containerCardNumberContentGroupTopAlignment","copyRow","isRTL","flexDirection","textContent","onPress"],"sourceRoot":"../../../../src","sources":["components/CardDetails/CardNumberGroup.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAEEC,IAAI,EACJC,gBAAgB,EAChBC,IAAI,EACJC,WAAW,QACN,cAAc;AACrB,SAASC,YAAY,QAAQ,mCAAmC;AAEhE,SAEEC,WAAW,QACN,oCAAoC;AAE3C,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,iBAAiB,QAAQ,4BAA4B;AAE9D,OAAO,SAASC,0BAA0BA,CAAC;EACzCC,QAAQ;EACRC,SAAS;EACTC,eAAe;EACfC,kBAAkB;EAClBC,wBAAwB;EACxBC,iBAAiB;EACjBC;AAC4B,CAAC,EAAe;EAC5C,MAAM,CAACC,IAAI,EAAEC,SAAS,CAAC,GAAGf,YAAY,CAAC,CAAC;EAExC,MAAMgB,gBAAgB,GAAGT,QAAQ,CAACU,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC;EACzD,MAAMC,iBAAiB,GAAGV,SAAS,CAChCS,OAAO,CAAC,uBAAuB,EAAE,UAAUE,CAAS,EAAE;IACrD,OAAO,GAAG,CAACC,MAAM,CAACD,CAAC,CAACE,MAAM,CAAC;EAC7B,CAAC,CAAC,CACDJ,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC;EAE1B,MAAMK,UAAU,GAAGZ,kBAAkB,GAAGQ,iBAAiB,GAAGF,gBAAgB;EAE5E,MAAMO,2BAA2B,GAAGC,IAAI,CAACC,KAAK,CAC5C,CAACb,iBAAiB,EAAEc,cAAc,EAAEC,eAAe,EAC/CJ,2BAA2B,IAAI,GAAG,IAAIpB,WAC5C,CAAC;EACD,MAAMyB,gDAA2D,GAAG;IAClEC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAEP;EACP,CAAC;EAED,MAAMQ,KAAK,GAAGnB,iBAAiB,EAAEmB,KAAK,IAAI9B,WAAW,CAAC+B,KAAK;EAE3D,MAAMC,SAAS,GAAGrB,iBAAiB,EAAEsB,KAAK,EAAEC,MAAM,CAC/CC,IAAqB,IAAKA,IAAI,CAACC,KAAK,KAAK5B,eAC5C,CAAC;EAED,IAAI6B,QAAQ,GAAGL,SAAS,IAAIA,SAAS,CAACZ,MAAM,IAAIY,SAAS,CAAC,CAAC,CAAC,EAAEM,IAAI;EAClED,QAAQ,GAAGA,QAAQ,IAAI;IAAEE,IAAI,EAAE,WAAW;IAAEC,IAAI,EAAE;EAAG,CAAC;EAEtD,MAAMC,gBAA2B,GAAG;IAClCC,KAAK,EACHZ,KAAK,KAAK9B,WAAW,CAAC+B,KAAK,GACvB5B,WAAW,CAAC4B,KAAK,CAACY,SAAS,GAC3BxC,WAAW,CAACyC,IAAI,CAACD,SAAS;IAChCE,QAAQ,EAAER,QAAQ,CAACG,IAAI;IACvBM,UAAU,EAAET,QAAQ,CAACE;EACvB,CAAC;EAED,eAAeQ,aAAaA,CAAA,EAAkB;IAC5C,MAAMjC,SAAS,CAACR,QAAQ,CAAC;IACzBI,wBAAwB,CAAC,IAAI,CAAC;IAC9BE,UAAU,CAAC,CAAC;EACd;EACA,CAAC,CAACC,IAAI,IAAImC,OAAO,CAACC,GAAG,CAAC,WAAW,EAAEpC,IAAI,CAAC;EAExC,oBACEnB,KAAA,CAAAwD,aAAA,CAAAxD,KAAA,CAAAyD,QAAA,qBACEzD,KAAA,CAAAwD,aAAA,CAACvD,IAAI;IACHyD,KAAK,EAAE,CACLnD,MAAM,CAACoD,2CAA2C,EAClD1B,gDAAgD;EAChD,gBAEFjC,KAAA,CAAAwD,aAAA,CAACvD,IAAI;IACHyD,KAAK,EAAE,CACLnD,MAAM,CAACqD,OAAO,EACdxD,WAAW,CAACyD,KAAK,GAAG;MAAEC,aAAa,EAAE;IAAc,CAAC,GAAG,CAAC,CAAC;EACzD,gBAEF9D,KAAA,CAAAwD,aAAA,CAACrD,IAAI;IAACuD,KAAK,EAAE,CAACnD,MAAM,CAACwD,WAAW,EAAEhB,gBAAgB;EAAE,GACjDpB,UACG,CAAC,EACN,CAACZ,kBAAkB,iBAClBf,KAAA,CAAAwD,aAAA,CAACtD,gBAAgB;IAAC8D,OAAO,EAAEX;EAAc,gBACvCrD,KAAA,CAAAwD,aAAA,CAAC9C,iBAAiB;IAACmC,IAAI,EAAC,cAAc;IAACC,IAAI,EAAE;EAAG,CAAE,CAClC,CAEhB,CACF,CACN,CAAC;AAEP"}

package/lib/module/components/CardDetails/DateCVVGroupOneRow.js

@@ -0,0 +1,97 @@
+import React from 'react';
+import { View, TouchableOpacity, Text, I18nManager } from 'react-native';
+import { NILanguageEnum, NIThemeEnum } from '../../interfaces/NiInputInterfaces';
+import { styles } from './styles';
+import localLabels from '../../utils/localization';
+import { HEIGHT_CARD } from '../../config/configCard';
+import { themeColors } from '../../config/themeColors';
+import { PredeterminedIcon } from '../icons/PredeterminedIcon';
+export function CardDetailsDateCVVGroupOneRow({
+  expiry,
+  clearCVV2,
+  pinLabelIndex,
+  pinContentIndex,
+  pinLabel1Index,
+  pinContent1Index,
+  cardDetailsVisible: {
+    cardDetailsVisible,
+    setCardDetailsVisible
+  },
+  shouldHide,
+  displayAttributes,
+  isError
+}) {
+  const expiryRendered = isError ? expiry : !cardDetailsVisible ? expiry.replace(/(\d{2})/, '$&/') : '**/**';
+  const clearCVV2Rendered = cardDetailsVisible ? clearCVV2.replace(/[0-9]/g, '*') : clearCVV2;
+  const language = displayAttributes?.language || NILanguageEnum.english;
+  const dateCVVContentGroupTopAlignment = Math.round((displayAttributes?.cardAttributes?.textPositioning?.dateCvvGroupTopAlignment || 0.6) * HEIGHT_CARD);
+  const containerDateCVVContentGroupTopAlignmentStyle = {
+    position: 'absolute',
+    top: dateCVVContentGroupTopAlignment,
+    gap: 10
+  };
+  const theme = displayAttributes?.theme || NIThemeEnum.light;
+  const labelFonts = displayAttributes?.fonts?.filter(item => item.label === pinLabelIndex);
+  let labelFont = labelFonts && labelFonts.length && labelFonts[0]?.font;
+  labelFont = labelFont || {
+    name: 'Helvetica',
+    size: 17
+  };
+  const labelStyleText = {
+    color: theme === NIThemeEnum.light ? themeColors.light.colorCard : themeColors.dark.colorCard,
+    fontSize: labelFont.size,
+    fontFamily: labelFont.name
+  };
+  const labelFonts1 = displayAttributes?.fonts?.filter(item => item.label === pinLabel1Index);
+  let labelFont1 = labelFonts1 && labelFonts1.length && labelFonts1[0]?.font;
+  labelFont1 = labelFont1 || {
+    name: 'Helvetica',
+    size: 17
+  };
+  const labelStyleText1 = {
+    color: theme === NIThemeEnum.light ? themeColors.light.colorCard : themeColors.dark.colorCard,
+    fontSize: labelFont1.size,
+    fontFamily: labelFont1.name
+  };
+  const textFonts = displayAttributes?.fonts?.filter(item => item.label === pinContentIndex);
+  let textFont = textFonts && textFonts.length && textFonts[0]?.font;
+  textFont = textFont || {
+    name: 'Helvetica',
+    size: 17
+  };
+  const contentStyleText = {
+    color: theme === NIThemeEnum.light ? themeColors.light.colorCard : themeColors.dark.colorCard,
+    fontSize: textFont.size,
+    fontFamily: textFont.name
+  };
+  const textFonts1 = displayAttributes?.fonts?.filter(item => item.label === pinContent1Index);
+  let textFont1 = textFonts1 && textFonts1.length && textFonts1[0]?.font;
+  textFont1 = textFont1 || {
+    name: 'Helvetica',
+    size: 17
+  };
+  const contentStyleText1 = {
+    color: theme === NIThemeEnum.light ? themeColors.light.colorCard : themeColors.dark.colorCard,
+    fontSize: textFont1.size,
+    fontFamily: textFont1.name
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.containerDateCVVContentGroupTopAlignment, containerDateCVVContentGroupTopAlignmentStyle, I18nManager.isRTL ? {
+      flexDirection: 'row-reverse'
+    } : {}]
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.textLabel, labelStyleText]
+  }, localLabels(language).expiry), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.textContent, contentStyleText]
+  }, expiryRendered), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.textLabel, labelStyleText1]
+  }, localLabels(language).CVV), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.textContent, contentStyleText1]
+  }, clearCVV2Rendered), !isError && shouldHide && /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: () => setCardDetailsVisible(!cardDetailsVisible)
+  }, /*#__PURE__*/React.createElement(PredeterminedIcon, {
+    name: cardDetailsVisible ? 'eye' : 'eye-off',
+    size: 13
+  })));
+}
+//# sourceMappingURL=DateCVVGroupOneRow.js.map

package/lib/module/components/CardDetails/DateCVVGroupOneRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","TouchableOpacity","Text","I18nManager","NILanguageEnum","NIThemeEnum","styles","localLabels","HEIGHT_CARD","themeColors","PredeterminedIcon","CardDetailsDateCVVGroupOneRow","expiry","clearCVV2","pinLabelIndex","pinContentIndex","pinLabel1Index","pinContent1Index","cardDetailsVisible","setCardDetailsVisible","shouldHide","displayAttributes","isError","expiryRendered","replace","clearCVV2Rendered","language","english","dateCVVContentGroupTopAlignment","Math","round","cardAttributes","textPositioning","dateCvvGroupTopAlignment","containerDateCVVContentGroupTopAlignmentStyle","position","top","gap","theme","light","labelFonts","fonts","filter","item","label","labelFont","length","font","name","size","labelStyleText","color","colorCard","dark","fontSize","fontFamily","labelFonts1","labelFont1","labelStyleText1","textFonts","textFont","contentStyleText","textFonts1","textFont1","contentStyleText1","createElement","style","containerDateCVVContentGroupTopAlignment","isRTL","flexDirection","textLabel","textContent","CVV","onPress"],"sourceRoot":"../../../../src","sources":["components/CardDetails/DateCVVGroupOneRow.tsx"],"mappings":"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"}

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

@@ -0,0 +1,92 @@
+import { StyleSheet } from 'react-native';
+import { HEIGHT_CARD, WIDTH_CARD } from '../../config/configCard';
+export const styles = StyleSheet.create({
+  cardDetailsContainer: {
+    flexDirection: 'column',
+    alignItems: 'center',
+    width: '100%'
+  },
+  cardDetailsRow: {
+    width: `${WIDTH_CARD}%`,
+    height: HEIGHT_CARD,
+    alignItems: 'center',
+    borderRadius: 20
+  },
+  containerCardDetails: {
+    width: '100%',
+    height: '100%',
+    borderRadius: 20
+  },
+  backgroundImageStyle: {
+    resizeMode: 'cover',
+    borderRadius: 20
+  },
+  copyRow: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    justifyContent: 'flex-start',
+    gap: 5
+  },
+  textLabel: {
+    color: 'white',
+    fontFamily: 'Helvetica',
+    fontWeight: '100',
+    fontSize: 12,
+    textAlign: 'left',
+    letterSpacing: 0,
+    writingDirection: 'ltr'
+  },
+  textContent: {
+    color: 'white',
+    fontFamily: 'Helvetica',
+    fontWeight: '400',
+    fontSize: 18,
+    textAlign: 'left',
+    letterSpacing: 0,
+    writingDirection: 'ltr'
+  },
+  containerGroupsLeftAlignment: {
+    marginLeft: 40
+  },
+  containerCardNumberGroupTopAlignment: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    position: 'absolute',
+    top: 60
+  },
+  containerCardNumberContentGroupTopAlignment: {
+    position: 'absolute',
+    top: 65
+  },
+  containerDateCVVGroupTopAlignment: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    position: 'absolute',
+    top: 85,
+    gap: 50
+  },
+  containerDateCVVContentGroupTopAlignment: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    position: 'absolute',
+    top: 110,
+    gap: 45
+  },
+  containerHolderNameGroupTopAlignment: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    position: 'absolute',
+    top: 135
+  },
+  containerHolderNameContentGroupTopAlignment: {
+    position: 'absolute',
+    top: 160
+  },
+  copyButton: {
+    alignSelf: 'center',
+    marginTop: '30%',
+    width: '60%'
+  }
+});
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","HEIGHT_CARD","WIDTH_CARD","styles","create","cardDetailsContainer","flexDirection","alignItems","width","cardDetailsRow","height","borderRadius","containerCardDetails","backgroundImageStyle","resizeMode","copyRow","flexWrap","justifyContent","gap","textLabel","color","fontFamily","fontWeight","fontSize","textAlign","letterSpacing","writingDirection","textContent","containerGroupsLeftAlignment","marginLeft","containerCardNumberGroupTopAlignment","position","top","containerCardNumberContentGroupTopAlignment","containerDateCVVGroupTopAlignment","containerDateCVVContentGroupTopAlignment","containerHolderNameGroupTopAlignment","containerHolderNameContentGroupTopAlignment","copyButton","alignSelf","marginTop"],"sourceRoot":"../../../../src","sources":["components/CardDetails/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,WAAW,EAAEC,UAAU,QAAQ,yBAAyB;AAEjE,OAAO,MAAMC,MAAM,GAAGH,UAAU,CAACI,MAAM,CAAC;EACtCC,oBAAoB,EAAE;IACpBC,aAAa,EAAE,QAAQ;IACvBC,UAAU,EAAE,QAAQ;IACpBC,KAAK,EAAE;EACT,CAAC;EACDC,cAAc,EAAE;IACdD,KAAK,EAAG,GAAEN,UAAW,GAAE;IACvBQ,MAAM,EAAET,WAAW;IACnBM,UAAU,EAAE,QAAQ;IACpBI,YAAY,EAAE;EAChB,CAAC;EAEDC,oBAAoB,EAAE;IACpBJ,KAAK,EAAE,MAAM;IACbE,MAAM,EAAE,MAAM;IACdC,YAAY,EAAE;EAChB,CAAC;EAEDE,oBAAoB,EAAE;IACpBC,UAAU,EAAE,OAAO;IACnBH,YAAY,EAAE;EAChB,CAAC;EAEDI,OAAO,EAAE;IACPT,aAAa,EAAE,KAAK;IACpBU,QAAQ,EAAE,MAAM;IAChBC,cAAc,EAAE,YAAY;IAC5BC,GAAG,EAAE;EACP,CAAC;EAEDC,SAAS,EAAE;IACTC,KAAK,EAAE,OAAO;IACdC,UAAU,EAAE,WAAW;IACvBC,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE,MAAM;IACjBC,aAAa,EAAE,CAAC;IAChBC,gBAAgB,EAAE;EACpB,CAAC;EAEDC,WAAW,EAAE;IACXP,KAAK,EAAE,OAAO;IACdC,UAAU,EAAE,WAAW;IACvBC,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE,MAAM;IACjBC,aAAa,EAAE,CAAC;IAChBC,gBAAgB,EAAE;EACpB,CAAC;EAEDE,4BAA4B,EAAE;IAC5BC,UAAU,EAAE;EACd,CAAC;EAEDC,oCAAoC,EAAE;IACpCxB,aAAa,EAAE,KAAK;IACpBU,QAAQ,EAAE,MAAM;IAChBe,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE;EACP,CAAC;EACDC,2CAA2C,EAAE;IAC3CF,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE;EACP,CAAC;EAEDE,iCAAiC,EAAE;IACjC5B,aAAa,EAAE,KAAK;IACpBU,QAAQ,EAAE,MAAM;IAChBe,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,EAAE;IACPd,GAAG,EAAE;EACP,CAAC;EAEDiB,wCAAwC,EAAE;IACxC7B,aAAa,EAAE,KAAK;IACpBU,QAAQ,EAAE,MAAM;IAChBe,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,GAAG;IACRd,GAAG,EAAE;EACP,CAAC;EAEDkB,oCAAoC,EAAE;IACpC9B,aAAa,EAAE,KAAK;IACpBU,QAAQ,EAAE,MAAM;IAChBe,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE;EACP,CAAC;EAEDK,2CAA2C,EAAE;IAC3CN,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE;EACP,CAAC;EAEDM,UAAU,EAAE;IACVC,SAAS,EAAE,QAAQ;IACnBC,SAAS,EAAE,KAAK;IAChBhC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,eAAeL,MAAM"}

package/lib/module/components/ChangePin/CaptureCurrentPin.js

@@ -0,0 +1,43 @@
+import React from 'react';
+import { NILabels } from '../../interfaces/NiInputInterfaces';
+import { NIStepEnum } from '../../interfaces/NiInterfaces';
+import CapturePin from '../Pin/CapturePin';
+import localLabels from '../../utils/localization';
+export default function CaptureCurrentPin({
+  setPin: {
+    currentPin,
+    setCurrentPin,
+    pinEditable
+  },
+  setNextStep: {
+    step,
+    setNextStep
+  },
+  pinType,
+  language,
+  theme,
+  input
+}) {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, step === NIStepEnum.currentPinStep && /*#__PURE__*/React.createElement(CapturePin, {
+    setPin: {
+      pin: currentPin,
+      setPin: setCurrentPin,
+      pinEditable
+    },
+    setNextStep: {
+      step,
+      setNextStep
+    },
+    pinType: pinType,
+    title: localLabels(language).changePinButtonLabel,
+    pinLabel: localLabels(language).enterCurrentCardPin,
+    pinLabelIndex: NILabels.changePinDescriptionLabel,
+    showHideLabels: {
+      show: localLabels(language).show,
+      hide: localLabels(language).hide
+    },
+    theme: theme,
+    input: input
+  }));
+}
+//# sourceMappingURL=CaptureCurrentPin.js.map

package/lib/module/components/ChangePin/CaptureCurrentPin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","NILabels","NIStepEnum","CapturePin","localLabels","CaptureCurrentPin","setPin","currentPin","setCurrentPin","pinEditable","setNextStep","step","pinType","language","theme","input","createElement","Fragment","currentPinStep","pin","title","changePinButtonLabel","pinLabel","enterCurrentCardPin","pinLabelIndex","changePinDescriptionLabel","showHideLabels","show","hide"],"sourceRoot":"../../../../src","sources":["components/ChangePin/CaptureCurrentPin.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,QAAQ,QAAQ,oCAAoC;AAC7D,SAEEC,UAAU,QACL,+BAA+B;AACtC,OAAOC,UAAU,MAAM,mBAAmB;AAC1C,OAAOC,WAAW,MAAM,0BAA0B;AAElD,eAAe,SAASC,iBAAiBA,CAAC;EACxCC,MAAM,EAAE;IAAEC,UAAU;IAAEC,aAAa;IAAEC;EAAY,CAAC;EAClDC,WAAW,EAAE;IAAEC,IAAI;IAAED;EAAY,CAAC;EAClCE,OAAO;EACPC,QAAQ;EACRC,KAAK;EACLC;AACgB,CAAC,EAAe;EAChC,oBACEf,KAAA,CAAAgB,aAAA,CAAAhB,KAAA,CAAAiB,QAAA,QACGN,IAAI,KAAKT,UAAU,CAACgB,cAAc,iBACjClB,KAAA,CAAAgB,aAAA,CAACb,UAAU;IACTG,MAAM,EAAE;MAAEa,GAAG,EAAEZ,UAAU;MAAED,MAAM,EAAEE,aAAa;MAAEC;IAAY,CAAE;IAChEC,WAAW,EAAE;MAAEC,IAAI;MAAED;IAAY,CAAE;IACnCE,OAAO,EAAEA,OAAQ;IACjBQ,KAAK,EAAEhB,WAAW,CAACS,QAAQ,CAAC,CAACQ,oBAAqB;IAClDC,QAAQ,EAAElB,WAAW,CAACS,QAAQ,CAAC,CAACU,mBAAoB;IACpDC,aAAa,EAAEvB,QAAQ,CAACwB,yBAA0B;IAClDC,cAAc,EAAE;MACdC,IAAI,EAAEvB,WAAW,CAACS,QAAQ,CAAC,CAACc,IAAI;MAChCC,IAAI,EAAExB,WAAW,CAACS,QAAQ,CAAC,CAACe;IAC9B,CAAE;IACFd,KAAK,EAAEA,KAAM;IACbC,KAAK,EAAEA;EAAM,CACd,CAEH,CAAC;AAEP"}