@networkinternational/ni-card-management-sdk 1.0.2

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

@@ -0,0 +1,55 @@
+import { StyleSheet } from 'react-native';
+const styles = StyleSheet.create({
+  capturePinSection: {
+    flexDirection: 'column',
+    marginTop: 2,
+    width: '80%',
+    height: 225,
+    justifyContent: 'space-between'
+  },
+  titleSection: {
+    flexDirection: 'column',
+    marginTop: 20,
+    alignSelf: 'center'
+  },
+  pinSection: {
+    flexDirection: 'column'
+  },
+  pinInputView: {
+    flexDirection: 'row',
+    marginTop: 15,
+    borderColor: 'gray',
+    color: 'gray',
+    borderWidth: 1,
+    borderRadius: 15,
+    paddingLeft: 16,
+    paddingRight: 16,
+    fontSize: 16,
+    height: 50
+  },
+  pinInput: {
+    borderColor: 'gray',
+    color: 'gray',
+    fontSize: 18,
+    height: 50
+  },
+  showHideButton: {
+    alignItems: 'flex-end',
+    paddingTop: 10
+  },
+  row: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    justifyContent: 'flex-start',
+    gap: 5
+  },
+  pinButton: {
+    alignSelf: 'flex-end',
+    marginBottom: 24
+  },
+  nextButton: {
+    borderRadius: 20
+  }
+});
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","styles","create","capturePinSection","flexDirection","marginTop","width","height","justifyContent","titleSection","alignSelf","pinSection","pinInputView","borderColor","color","borderWidth","borderRadius","paddingLeft","paddingRight","fontSize","pinInput","showHideButton","alignItems","paddingTop","row","flexWrap","gap","pinButton","marginBottom","nextButton"],"sourceRoot":"../../../../src","sources":["components/Pin/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,MAAMC,MAAM,GAAGD,UAAU,CAACE,MAAM,CAAC;EAC/BC,iBAAiB,EAAE;IACjBC,aAAa,EAAE,QAAQ;IACvBC,SAAS,EAAE,CAAC;IACZC,KAAK,EAAE,KAAK;IACZC,MAAM,EAAE,GAAG;IACXC,cAAc,EAAE;EAClB,CAAC;EACDC,YAAY,EAAE;IACZL,aAAa,EAAE,QAAQ;IACvBC,SAAS,EAAE,EAAE;IACbK,SAAS,EAAE;EACb,CAAC;EACDC,UAAU,EAAE;IACVP,aAAa,EAAE;EACjB,CAAC;EACDQ,YAAY,EAAE;IACZR,aAAa,EAAE,KAAK;IACpBC,SAAS,EAAE,EAAE;IACbQ,WAAW,EAAE,MAAM;IACnBC,KAAK,EAAE,MAAM;IACbC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAE,EAAE;IACfC,YAAY,EAAE,EAAE;IAChBC,QAAQ,EAAE,EAAE;IACZZ,MAAM,EAAE;EACV,CAAC;EACDa,QAAQ,EAAE;IACRP,WAAW,EAAE,MAAM;IACnBC,KAAK,EAAE,MAAM;IACbK,QAAQ,EAAE,EAAE;IACZZ,MAAM,EAAE;EACV,CAAC;EACDc,cAAc,EAAE;IACdC,UAAU,EAAE,UAAU;IACtBC,UAAU,EAAE;EACd,CAAC;EACDC,GAAG,EAAE;IACHpB,aAAa,EAAE,KAAK;IACpBqB,QAAQ,EAAE,MAAM;IAChBjB,cAAc,EAAE,YAAY;IAC5BkB,GAAG,EAAE;EACP,CAAC;EACDC,SAAS,EAAE;IACTjB,SAAS,EAAE,UAAU;IACrBkB,YAAY,EAAE;EAChB,CAAC;EACDC,UAAU,EAAE;IACVb,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAEF,eAAef,MAAM"}

package/lib/module/components/PinState/LoadingState.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { ActivityIndicator, View } from 'react-native';
+import { themeColors } from '../../config/themeColors';
+import { NIThemeEnum } from '../../interfaces/NiInputInterfaces';
+import { HEIGHT_CARD } from '../../config/configCard';
+export default function LoadingState({
+  isLoading,
+  theme,
+  isCardDetails
+}) {
+  const color = theme === NIThemeEnum.light ? themeColors.light.colorActivityIndicator : themeColors.dark.colorActivityIndicator;
+  const LoadingIndicator = {
+    top: isCardDetails ? -(HEIGHT_CARD + 24) / 2 : 250
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: LoadingIndicator
+  }, isLoading && /*#__PURE__*/React.createElement(ActivityIndicator, {
+    size: "small",
+    color: color
+  }));
+}
+//# sourceMappingURL=LoadingState.js.map

package/lib/module/components/PinState/LoadingState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ActivityIndicator","View","themeColors","NIThemeEnum","HEIGHT_CARD","LoadingState","isLoading","theme","isCardDetails","color","light","colorActivityIndicator","dark","LoadingIndicator","top","createElement","style","size"],"sourceRoot":"../../../../src","sources":["components/PinState/LoadingState.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,iBAAiB,EAAkBC,IAAI,QAAQ,cAAc;AAEtE,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,WAAW,QAAQ,oCAAoC;AAChE,SAASC,WAAW,QAAQ,yBAAyB;AAErD,eAAe,SAASC,YAAYA,CAAC;EACnCC,SAAS;EACTC,KAAK;EACLC;AAKF,CAAC,EAAe;EACd,MAAMC,KAAK,GACTF,KAAK,KAAKJ,WAAW,CAACO,KAAK,GACvBR,WAAW,CAACQ,KAAK,CAACC,sBAAsB,GACxCT,WAAW,CAACU,IAAI,CAACD,sBAAsB;EAE7C,MAAME,gBAA2B,GAAG;IAClCC,GAAG,EAAEN,aAAa,GAAG,EAAEJ,WAAW,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG;EACjD,CAAC;EACD,oBACEL,KAAA,CAAAgB,aAAA,CAACd,IAAI;IAACe,KAAK,EAAEH;EAAiB,GAC3BP,SAAS,iBAAIP,KAAA,CAAAgB,aAAA,CAACf,iBAAiB;IAACiB,IAAI,EAAC,OAAO;IAACR,KAAK,EAAEA;EAAM,CAAE,CACzD,CAAC;AAEX"}

package/lib/module/components/PinState/PinState.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { View } from 'react-native';
+import LoadingState from './LoadingState';
+function PinState({
+  isLoading,
+  theme,
+  isCardDetails
+}) {
+  const pinState = isCardDetails ? {} : {
+    position: 'absolute',
+    width: '100%'
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: pinState
+  }, /*#__PURE__*/React.createElement(LoadingState, {
+    isLoading: isLoading,
+    theme: theme,
+    isCardDetails: isCardDetails
+  }));
+}
+export default PinState;
+//# sourceMappingURL=PinState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","LoadingState","PinState","isLoading","theme","isCardDetails","pinState","position","width","createElement","style"],"sourceRoot":"../../../../src","sources":["components/PinState/PinState.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAQ,cAAc;AAEnD,OAAOC,YAAY,MAAM,gBAAgB;AAEzC,SAASC,QAAQA,CAAC;EAChBC,SAAS;EACTC,KAAK;EACLC;AAKF,CAAC,EAAe;EACd,MAAMC,QAAmB,GAAGD,aAAa,GACrC,CAAC,CAAC,GACF;IACEE,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE;EACT,CAAC;EAEL,oBACET,KAAA,CAAAU,aAAA,CAACT,IAAI;IAACU,KAAK,EAAEJ;EAAS,gBACpBP,KAAA,CAAAU,aAAA,CAACR,YAAY;IACXE,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAEA,KAAM;IACbC,aAAa,EAAEA;EAAc,CAC9B,CACG,CAAC;AAEX;AAEA,eAAeH,QAAQ"}

package/lib/module/components/SetPin/ConfirmPin.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { View } from 'react-native';
+import { NIThemeEnum } from '../../interfaces/NiInputInterfaces';
+import { themeColors } from '../../config/themeColors';
+import { NIButton } from '../NIButton/NIButton';
+import styles from './styles';
+import localLabels from '../../utils/localization';
+export default function ConfirmPin({
+  language,
+  theme,
+  disabled,
+  onConfirmPin
+}) {
+  const buttonConfirmColorDisabled = theme === NIThemeEnum.light ? themeColors.light.buttonConfirmColorDisabled : themeColors.dark.buttonConfirmColorDisabled;
+  const confirmButton = {
+    backgroundColor: buttonConfirmColorDisabled,
+    borderRadius: 20
+  };
+  const confirmPinButtonsLinearGradientColors = theme === NIThemeEnum.light ? themeColors.light.confirmPinButtonsLinearGradientColors : themeColors.dark.confirmPinButtonsLinearGradientColors;
+  const textColor = theme === NIThemeEnum.light ? themeColors.light.buttonConfirmTextColor : themeColors.dark.buttonConfirmTextColor;
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.confirmButton, confirmButton]
+  }, /*#__PURE__*/React.createElement(NIButton, {
+    title: localLabels(language).setPinButtonLabel,
+    mode: "text",
+    disabled: disabled,
+    textColor: textColor,
+    colors: confirmPinButtonsLinearGradientColors,
+    onPress: onConfirmPin
+  }));
+}
+//# sourceMappingURL=ConfirmPin.js.map

package/lib/module/components/SetPin/ConfirmPin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","NIThemeEnum","themeColors","NIButton","styles","localLabels","ConfirmPin","language","theme","disabled","onConfirmPin","buttonConfirmColorDisabled","light","dark","confirmButton","backgroundColor","borderRadius","confirmPinButtonsLinearGradientColors","textColor","buttonConfirmTextColor","createElement","style","title","setPinButtonLabel","mode","colors","onPress"],"sourceRoot":"../../../../src","sources":["components/SetPin/ConfirmPin.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAQ,cAAc;AAEnD,SAASC,WAAW,QAAQ,oCAAoC;AAEhE,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,WAAW,MAAM,0BAA0B;AAElD,eAAe,SAASC,UAAUA,CAAC;EACjCC,QAAQ;EACRC,KAAK;EACLC,QAAQ;EACRC;AACY,CAAC,EAAe;EAC5B,MAAMC,0BAA0B,GAC9BH,KAAK,KAAKP,WAAW,CAACW,KAAK,GACvBV,WAAW,CAACU,KAAK,CAACD,0BAA0B,GAC5CT,WAAW,CAACW,IAAI,CAACF,0BAA0B;EACjD,MAAMG,aAAwB,GAAG;IAC/BC,eAAe,EAAEJ,0BAA0B;IAC3CK,YAAY,EAAE;EAChB,CAAC;EACD,MAAMC,qCAAqC,GACzCT,KAAK,KAAKP,WAAW,CAACW,KAAK,GACvBV,WAAW,CAACU,KAAK,CAACK,qCAAqC,GACvDf,WAAW,CAACW,IAAI,CAACI,qCAAqC;EAE5D,MAAMC,SAAS,GACbV,KAAK,KAAKP,WAAW,CAACW,KAAK,GACvBV,WAAW,CAACU,KAAK,CAACO,sBAAsB,GACxCjB,WAAW,CAACW,IAAI,CAACM,sBAAsB;EAE7C,oBACEpB,KAAA,CAAAqB,aAAA,CAACpB,IAAI;IAACqB,KAAK,EAAE,CAACjB,MAAM,CAACU,aAAa,EAAEA,aAAa;EAAE,gBACjDf,KAAA,CAAAqB,aAAA,CAACjB,QAAQ;IACPmB,KAAK,EAAEjB,WAAW,CAACE,QAAQ,CAAC,CAACgB,iBAAkB;IAC/CC,IAAI,EAAC,MAAM;IACXf,QAAQ,EAAEA,QAAS;IACnBS,SAAS,EAAEA,SAAU;IACrBO,MAAM,EAAER,qCAAsC;IAC9CS,OAAO,EAAEhB;EAAa,CACvB,CACG,CAAC;AAEX"}

package/lib/module/components/SetPin/ReenterCardPin.js

@@ -0,0 +1,46 @@
+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 ReenterCardPin({
+  setPin: {
+    confirmationPin,
+    setConfirmationPin,
+    pin,
+    pinEditable
+  },
+  setNextStep: {
+    step,
+    onConfirmPin
+  },
+  pinType,
+  language,
+  theme,
+  input
+}) {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, step === NIStepEnum.reEnterPinStep && /*#__PURE__*/React.createElement(CapturePin, {
+    setPin: {
+      pin: confirmationPin,
+      setPin: setConfirmationPin,
+      initialPin: pin,
+      pinEditable
+    },
+    setNextStep: {
+      step,
+      onConfirmPin
+    },
+    pinType: pinType,
+    title: localLabels(language).setPinButtonLabel,
+    pinLabel: localLabels(language).confirmCardPIN,
+    wrongPinLabel: localLabels(language).wrongCardPin,
+    pinLabelIndex: NILabels.setPinDescriptionLabel,
+    showHideLabels: {
+      show: localLabels(language).show,
+      hide: localLabels(language).hide
+    },
+    theme: theme,
+    input: input
+  }));
+}
+//# sourceMappingURL=ReenterCardPin.js.map

package/lib/module/components/SetPin/ReenterCardPin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","NILabels","NIStepEnum","CapturePin","localLabels","ReenterCardPin","setPin","confirmationPin","setConfirmationPin","pin","pinEditable","setNextStep","step","onConfirmPin","pinType","language","theme","input","createElement","Fragment","reEnterPinStep","initialPin","title","setPinButtonLabel","pinLabel","confirmCardPIN","wrongPinLabel","wrongCardPin","pinLabelIndex","setPinDescriptionLabel","showHideLabels","show","hide"],"sourceRoot":"../../../../src","sources":["components/SetPin/ReenterCardPin.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,cAAcA,CAAC;EACrCC,MAAM,EAAE;IAAEC,eAAe;IAAEC,kBAAkB;IAAEC,GAAG;IAAEC;EAAY,CAAC;EACjEC,WAAW,EAAE;IAAEC,IAAI;IAAEC;EAAa,CAAC;EACnCC,OAAO;EACPC,QAAQ;EACRC,KAAK;EACLC;AACgB,CAAC,EAAe;EAChC,oBACEjB,KAAA,CAAAkB,aAAA,CAAAlB,KAAA,CAAAmB,QAAA,QACGP,IAAI,KAAKV,UAAU,CAACkB,cAAc,iBACjCpB,KAAA,CAAAkB,aAAA,CAACf,UAAU;IACTG,MAAM,EAAE;MACNG,GAAG,EAAEF,eAAe;MACpBD,MAAM,EAAEE,kBAAkB;MAC1Ba,UAAU,EAAEZ,GAAG;MACfC;IACF,CAAE;IACFC,WAAW,EAAE;MAAEC,IAAI;MAAEC;IAAa,CAAE;IACpCC,OAAO,EAAEA,OAAQ;IACjBQ,KAAK,EAAElB,WAAW,CAACW,QAAQ,CAAC,CAACQ,iBAAkB;IAC/CC,QAAQ,EAAEpB,WAAW,CAACW,QAAQ,CAAC,CAACU,cAAe;IAC/CC,aAAa,EAAEtB,WAAW,CAACW,QAAQ,CAAC,CAACY,YAAa;IAClDC,aAAa,EAAE3B,QAAQ,CAAC4B,sBAAuB;IAC/CC,cAAc,EAAE;MACdC,IAAI,EAAE3B,WAAW,CAACW,QAAQ,CAAC,CAACgB,IAAI;MAChCC,IAAI,EAAE5B,WAAW,CAACW,QAAQ,CAAC,CAACiB;IAC9B,CAAE;IACFhB,KAAK,EAAEA,KAAM;IACbC,KAAK,EAAEA;EAAM,CACd,CAEH,CAAC;AAEP"}

package/lib/module/components/SetPin/SetPin.js

@@ -0,0 +1,109 @@
+import React, { useEffect, useState } from 'react';
+import { Platform, TouchableWithoutFeedback, Keyboard, View, I18nManager } from 'react-native';
+import { NIThemeEnum, NILanguageEnum, NIPinTypeEnum } from '../../interfaces/NiInputInterfaces';
+import { NIStepEnum } from '../../interfaces/NiInterfaces';
+import SetUpNewCardPin from './SetUpNewCardPin';
+import ReenterCardPin from './ReenterCardPin';
+import NextButton from '../Pin/NextButton';
+import ConfirmPin from './ConfirmPin';
+import styles from './styles';
+import { themeColors } from '../../config/themeColors';
+function SetPin({
+  input,
+  pinType,
+  result,
+  isLoading,
+  onSetPin,
+  callback
+}) {
+  const [pin, setPin] = useState('');
+  const [confirmationPin, setConfirmationPin] = useState('');
+  const [step, setNextStep] = useState(NIStepEnum.setupPinStep);
+  const [pinEditable, setPinEditable] = useState(true);
+  const [keyboardHeight, setKeyboardHeight] = useState(0);
+  const [initialKeyboardHeight, setInitialKeyboardHeight] = useState(0);
+  const language = input && input.displayAttributes?.language || NILanguageEnum.english;
+  const theme = input?.displayAttributes?.theme || NIThemeEnum.light;
+  const container = {
+    backgroundColor: theme === NIThemeEnum.light ? themeColors.light.background : themeColors.dark.background,
+    paddingBottom: Platform.OS === 'ios' ? keyboardHeight : 0
+  };
+  const isVisibleConfirmationButtonStep = step === NIStepEnum.reEnterPinStep;
+  const isVisibleConfirmationButton = isVisibleConfirmationButtonStep && pin === confirmationPin;
+  const disabled = !isVisibleConfirmationButton || isLoading || !!result;
+  const pinLength = pinType === NIPinTypeEnum.dynamicFourToSix ? NIPinTypeEnum.sixDigits : pinType;
+  const isPinDone = pinType === NIPinTypeEnum.dynamicFourToSix ? pin.length >= NIPinTypeEnum.fourDigits : pin.length === pinLength;
+  function onConfirmPin() {
+    !disabled && input && onSetPin && onSetPin(pin, input, callback);
+    setPinEditable(false);
+  }
+  useEffect(() => {
+    Keyboard.addListener('keyboardDidShow', () => {
+      const metrics = Keyboard.metrics();
+      if (!initialKeyboardHeight) {
+        setInitialKeyboardHeight(metrics?.height || 0);
+      }
+      setKeyboardHeight(metrics?.height || 0);
+    });
+    Keyboard.addListener('keyboardWillHide', () => {
+      setKeyboardHeight(0);
+    });
+    Keyboard.addListener('keyboardWillShow', () => {
+      if (initialKeyboardHeight) {
+        setKeyboardHeight(initialKeyboardHeight);
+      }
+    });
+  }, [initialKeyboardHeight]);
+  return /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+    onPress: Keyboard.dismiss
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, container]
+  }, /*#__PURE__*/React.createElement(SetUpNewCardPin, {
+    setPin: {
+      pin,
+      setPin,
+      pinEditable
+    },
+    setNextStep: {
+      step,
+      setNextStep
+    },
+    pinType: pinType,
+    language: language,
+    theme: theme,
+    input: input
+  }), /*#__PURE__*/React.createElement(ReenterCardPin, {
+    setPin: {
+      confirmationPin,
+      setConfirmationPin,
+      pin,
+      pinEditable
+    },
+    setNextStep: {
+      step,
+      onConfirmPin
+    },
+    pinType: pinType,
+    language: language,
+    theme: theme,
+    input: input
+  }), !isVisibleConfirmationButtonStep && /*#__PURE__*/React.createElement(View, {
+    style: [styles.capturePinSection, I18nManager.isRTL ? {
+      flexDirection: 'row'
+    } : {}]
+  }, /*#__PURE__*/React.createElement(NextButton, {
+    setNextStep: {
+      step,
+      setNextStep
+    },
+    disabled: !isPinDone,
+    theme: theme
+  })), isVisibleConfirmationButtonStep && /*#__PURE__*/React.createElement(ConfirmPin, {
+    language: language,
+    theme: theme,
+    disabled: !pinEditable || disabled,
+    onConfirmPin: onConfirmPin
+  })));
+}
+export default SetPin;
+//# sourceMappingURL=SetPin.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","Platform","TouchableWithoutFeedback","Keyboard","View","I18nManager","NIThemeEnum","NILanguageEnum","NIPinTypeEnum","NIStepEnum","SetUpNewCardPin","ReenterCardPin","NextButton","ConfirmPin","styles","themeColors","SetPin","input","pinType","result","isLoading","onSetPin","callback","pin","setPin","confirmationPin","setConfirmationPin","step","setNextStep","setupPinStep","pinEditable","setPinEditable","keyboardHeight","setKeyboardHeight","initialKeyboardHeight","setInitialKeyboardHeight","language","displayAttributes","english","theme","light","container","backgroundColor","background","dark","paddingBottom","OS","isVisibleConfirmationButtonStep","reEnterPinStep","isVisibleConfirmationButton","disabled","pinLength","dynamicFourToSix","sixDigits","isPinDone","length","fourDigits","onConfirmPin","addListener","metrics","height","createElement","onPress","dismiss","style","capturePinSection","isRTL","flexDirection"],"sourceRoot":"../../../../src","sources":["components/SetPin/SetPin.tsx"],"mappings":"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"}

package/lib/module/components/SetPin/SetUpNewCardPin.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 SetUpNewCardPin({
+  setPin: {
+    pin,
+    setPin,
+    pinEditable
+  },
+  setNextStep: {
+    step,
+    setNextStep
+  },
+  pinType,
+  language,
+  theme,
+  input
+}) {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, step === NIStepEnum.setupPinStep && /*#__PURE__*/React.createElement(CapturePin, {
+    setPin: {
+      pin,
+      setPin,
+      pinEditable
+    },
+    setNextStep: {
+      step,
+      setNextStep
+    },
+    pinType: pinType,
+    title: localLabels(language).setPinButtonLabel,
+    pinLabel: localLabels(language).enterNewCardPin,
+    pinLabelIndex: NILabels.setPinDescriptionLabel,
+    showHideLabels: {
+      show: localLabels(language).show,
+      hide: localLabels(language).hide
+    },
+    theme: theme,
+    input: input
+  }));
+}
+//# sourceMappingURL=SetUpNewCardPin.js.map

package/lib/module/components/SetPin/SetUpNewCardPin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","NILabels","NIStepEnum","CapturePin","localLabels","SetUpNewCardPin","setPin","pin","pinEditable","setNextStep","step","pinType","language","theme","input","createElement","Fragment","setupPinStep","title","setPinButtonLabel","pinLabel","enterNewCardPin","pinLabelIndex","setPinDescriptionLabel","showHideLabels","show","hide"],"sourceRoot":"../../../../src","sources":["components/SetPin/SetUpNewCardPin.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,eAAeA,CAAC;EACtCC,MAAM,EAAE;IAAEC,GAAG;IAAED,MAAM;IAAEE;EAAY,CAAC;EACpCC,WAAW,EAAE;IAAEC,IAAI;IAAED;EAAY,CAAC;EAClCE,OAAO;EACPC,QAAQ;EACRC,KAAK;EACLC;AACiB,CAAC,EAAe;EACjC,oBACEd,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAgB,QAAA,QACGN,IAAI,KAAKR,UAAU,CAACe,YAAY,iBAC/BjB,KAAA,CAAAe,aAAA,CAACZ,UAAU;IACTG,MAAM,EAAE;MAAEC,GAAG;MAAED,MAAM;MAAEE;IAAY,CAAE;IACrCC,WAAW,EAAE;MAAEC,IAAI;MAAED;IAAY,CAAE;IACnCE,OAAO,EAAEA,OAAQ;IACjBO,KAAK,EAAEd,WAAW,CAACQ,QAAQ,CAAC,CAACO,iBAAkB;IAC/CC,QAAQ,EAAEhB,WAAW,CAACQ,QAAQ,CAAC,CAACS,eAAgB;IAChDC,aAAa,EAAErB,QAAQ,CAACsB,sBAAuB;IAC/CC,cAAc,EAAE;MACdC,IAAI,EAAErB,WAAW,CAACQ,QAAQ,CAAC,CAACa,IAAI;MAChCC,IAAI,EAAEtB,WAAW,CAACQ,QAAQ,CAAC,CAACc;IAC9B,CAAE;IACFb,KAAK,EAAEA,KAAM;IACbC,KAAK,EAAEA;EAAM,CACd,CAEH,CAAC;AAEP"}

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

@@ -0,0 +1,23 @@
+import { StyleSheet } from 'react-native';
+const styles = StyleSheet.create({
+  pinContainer: {
+    flex: 1
+  },
+  container: {
+    flexDirection: 'column',
+    flex: 1,
+    justifyContent: 'space-between',
+    alignItems: 'center'
+  },
+  confirmButton: {
+    alignItems: 'center',
+    width: '80%',
+    marginBottom: 24,
+    height: 35
+  },
+  capturePinSection: {
+    width: '80%'
+  }
+});
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","styles","create","pinContainer","flex","container","flexDirection","justifyContent","alignItems","confirmButton","width","marginBottom","height","capturePinSection"],"sourceRoot":"../../../../src","sources":["components/SetPin/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,MAAMC,MAAM,GAAGD,UAAU,CAACE,MAAM,CAAC;EAC/BC,YAAY,EAAE;IACZC,IAAI,EAAE;EACR,CAAC;EACDC,SAAS,EAAE;IACTC,aAAa,EAAE,QAAQ;IACvBF,IAAI,EAAE,CAAC;IACPG,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE;EACd,CAAC;EACDC,aAAa,EAAE;IACbD,UAAU,EAAE,QAAQ;IACpBE,KAAK,EAAE,KAAK;IACZC,YAAY,EAAE,EAAE;IAChBC,MAAM,EAAE;EACV,CAAC;EACDC,iBAAiB,EAAE;IACjBH,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,eAAeT,MAAM"}

package/lib/module/components/VerifyPin/CaptureVerifyPin.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 CaptureVerifyPin({
+  setPin: {
+    pin,
+    setPin,
+    pinEditable
+  },
+  setNextStep: {
+    step,
+    onConfirmPin
+  },
+  pinType,
+  language,
+  theme,
+  input
+}) {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, step === NIStepEnum.verifyStep && /*#__PURE__*/React.createElement(CapturePin, {
+    setPin: {
+      pin,
+      setPin: setPin,
+      pinEditable
+    },
+    setNextStep: {
+      step,
+      onConfirmPin
+    },
+    pinType: pinType,
+    title: localLabels(language).verifyPinButtonLabel,
+    pinLabel: localLabels(language).enterVerifyCardPin,
+    pinLabelIndex: NILabels.setPinDescriptionLabel,
+    showHideLabels: {
+      show: localLabels(language).show,
+      hide: localLabels(language).hide
+    },
+    theme: theme,
+    input: input
+  }));
+}
+//# sourceMappingURL=CaptureVerifyPin.js.map

package/lib/module/components/VerifyPin/CaptureVerifyPin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","NILabels","NIStepEnum","CapturePin","localLabels","CaptureVerifyPin","setPin","pin","pinEditable","setNextStep","step","onConfirmPin","pinType","language","theme","input","createElement","Fragment","verifyStep","title","verifyPinButtonLabel","pinLabel","enterVerifyCardPin","pinLabelIndex","setPinDescriptionLabel","showHideLabels","show","hide"],"sourceRoot":"../../../../src","sources":["components/VerifyPin/CaptureVerifyPin.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,QAAQ,QAAQ,oCAAoC;AAC7D,SACEC,UAAU,QAEL,+BAA+B;AACtC,OAAOC,UAAU,MAAM,mBAAmB;AAC1C,OAAOC,WAAW,MAAM,0BAA0B;AAElD,eAAe,SAASC,gBAAgBA,CAAC;EACvCC,MAAM,EAAE;IAAEC,GAAG;IAAED,MAAM;IAAEE;EAAY,CAAC;EACpCC,WAAW,EAAE;IAAEC,IAAI;IAAEC;EAAa,CAAC;EACnCC,OAAO;EACPC,QAAQ;EACRC,KAAK;EACLC;AACkB,CAAC,EAAe;EAClC,oBACEf,KAAA,CAAAgB,aAAA,CAAAhB,KAAA,CAAAiB,QAAA,QACGP,IAAI,KAAKR,UAAU,CAACgB,UAAU,iBAC7BlB,KAAA,CAAAgB,aAAA,CAACb,UAAU;IACTG,MAAM,EAAE;MAAEC,GAAG;MAAED,MAAM,EAAEA,MAAM;MAAEE;IAAY,CAAE;IAC7CC,WAAW,EAAE;MAAEC,IAAI;MAAEC;IAAa,CAAE;IACpCC,OAAO,EAAEA,OAAQ;IACjBO,KAAK,EAAEf,WAAW,CAACS,QAAQ,CAAC,CAACO,oBAAqB;IAClDC,QAAQ,EAAEjB,WAAW,CAACS,QAAQ,CAAC,CAACS,kBAAmB;IACnDC,aAAa,EAAEtB,QAAQ,CAACuB,sBAAuB;IAC/CC,cAAc,EAAE;MACdC,IAAI,EAAEtB,WAAW,CAACS,QAAQ,CAAC,CAACa,IAAI;MAChCC,IAAI,EAAEvB,WAAW,CAACS,QAAQ,CAAC,CAACc;IAC9B,CAAE;IACFb,KAAK,EAAEA,KAAM;IACbC,KAAK,EAAEA;EAAM,CACd,CAEH,CAAC;AAEP"}

package/lib/module/components/VerifyPin/ConfirmPin.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import { View } from 'react-native';
+import { NIThemeEnum } from '../../interfaces/NiInputInterfaces';
+import { themeColors } from '../../config/themeColors';
+import { NIButton } from '../NIButton/NIButton';
+import styles from './styles';
+import localLabels from '../../utils/localization';
+function ConfirmPin({
+  language,
+  theme,
+  disabled,
+  onConfirmPin
+}) {
+  const buttonConfirmColorDisabled = theme === NIThemeEnum.light ? themeColors.light.buttonConfirmColorDisabled : themeColors.dark.buttonConfirmColorDisabled;
+  const confirmButton = {
+    backgroundColor: buttonConfirmColorDisabled,
+    borderRadius: 20
+  };
+  const textColor = theme === NIThemeEnum.light ? themeColors.light.buttonConfirmTextColor : themeColors.dark.buttonConfirmTextColor;
+  const confirmPinButtonsLinearGradientColors = theme === NIThemeEnum.light ? themeColors.light.confirmPinButtonsLinearGradientColors : themeColors.dark.confirmPinButtonsLinearGradientColors;
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.confirmButton, confirmButton]
+  }, /*#__PURE__*/React.createElement(NIButton, {
+    title: localLabels(language).verifyPinButtonLabel,
+    mode: "text",
+    disabled: disabled,
+    textColor: textColor,
+    colors: confirmPinButtonsLinearGradientColors,
+    onPress: onConfirmPin
+  }));
+}
+export default ConfirmPin;
+//# sourceMappingURL=ConfirmPin.js.map

package/lib/module/components/VerifyPin/ConfirmPin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","NIThemeEnum","themeColors","NIButton","styles","localLabels","ConfirmPin","language","theme","disabled","onConfirmPin","buttonConfirmColorDisabled","light","dark","confirmButton","backgroundColor","borderRadius","textColor","buttonConfirmTextColor","confirmPinButtonsLinearGradientColors","createElement","style","title","verifyPinButtonLabel","mode","colors","onPress"],"sourceRoot":"../../../../src","sources":["components/VerifyPin/ConfirmPin.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAQ,cAAc;AAEnD,SAASC,WAAW,QAAQ,oCAAoC;AAEhE,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,WAAW,MAAM,0BAA0B;AAElD,SAASC,UAAUA,CAAC;EAClBC,QAAQ;EACRC,KAAK;EACLC,QAAQ;EACRC;AACY,CAAC,EAAe;EAC5B,MAAMC,0BAA0B,GAC9BH,KAAK,KAAKP,WAAW,CAACW,KAAK,GACvBV,WAAW,CAACU,KAAK,CAACD,0BAA0B,GAC5CT,WAAW,CAACW,IAAI,CAACF,0BAA0B;EACjD,MAAMG,aAAwB,GAAG;IAC/BC,eAAe,EAAEJ,0BAA0B;IAC3CK,YAAY,EAAE;EAChB,CAAC;EAED,MAAMC,SAAS,GACbT,KAAK,KAAKP,WAAW,CAACW,KAAK,GACvBV,WAAW,CAACU,KAAK,CAACM,sBAAsB,GACxChB,WAAW,CAACW,IAAI,CAACK,sBAAsB;EAE7C,MAAMC,qCAAqC,GACzCX,KAAK,KAAKP,WAAW,CAACW,KAAK,GACvBV,WAAW,CAACU,KAAK,CAACO,qCAAqC,GACvDjB,WAAW,CAACW,IAAI,CAACM,qCAAqC;EAC5D,oBACEpB,KAAA,CAAAqB,aAAA,CAACpB,IAAI;IAACqB,KAAK,EAAE,CAACjB,MAAM,CAACU,aAAa,EAAEA,aAAa;EAAE,gBACjDf,KAAA,CAAAqB,aAAA,CAACjB,QAAQ;IACPmB,KAAK,EAAEjB,WAAW,CAACE,QAAQ,CAAC,CAACgB,oBAAqB;IAClDC,IAAI,EAAC,MAAM;IACXf,QAAQ,EAAEA,QAAS;IACnBQ,SAAS,EAAEA,SAAU;IACrBQ,MAAM,EAAEN,qCAAsC;IAC9CO,OAAO,EAAEhB;EAAa,CACvB,CACG,CAAC;AAEX;AAEA,eAAeJ,UAAU"}

package/lib/module/components/VerifyPin/VerifyPin.js

@@ -0,0 +1,83 @@
+import React, { useEffect, useState } from 'react';
+import { View, Platform, TouchableWithoutFeedback, Keyboard } from 'react-native';
+import { NILanguageEnum, NIPinTypeEnum, NIThemeEnum } from '../../interfaces/NiInputInterfaces';
+import { NIStepEnum } from '../../interfaces/NiInterfaces';
+import CaptureVerifyPin from './CaptureVerifyPin';
+import ConfirmPin from './ConfirmPin';
+import styles from './styles';
+import { themeColors } from '../../config/themeColors';
+function VerifyPin({
+  pinType,
+  input,
+  result,
+  isLoading,
+  onVerifyPin,
+  callback
+}) {
+  const [pin, setPin] = useState('');
+  const [step, setNextStep] = useState(NIStepEnum.verifyStep);
+  const [pinEditable, setPinEditable] = useState(true);
+  const [keyboardHeight, setKeyboardHeight] = useState(0);
+  const [initialKeyboardHeight, setInitialKeyboardHeight] = useState(0);
+  const {
+    displayAttributes
+  } = input || {};
+  const language = displayAttributes?.language || NILanguageEnum.english;
+  const theme = input?.displayAttributes?.theme || NIThemeEnum.light;
+  const container = {
+    backgroundColor: theme === NIThemeEnum.light ? themeColors.light.background : themeColors.dark.background,
+    paddingBottom: Platform.OS === 'ios' ? keyboardHeight : 0
+  };
+  const isVisibleConfirmationButton = step === NIStepEnum.verifyStep;
+  const disabled = !isVisibleConfirmationButton || isLoading || !!result;
+  const pinLength = pinType === NIPinTypeEnum.dynamicFourToSix ? NIPinTypeEnum.sixDigits : pinType;
+  const isPinDone = pinType === NIPinTypeEnum.dynamicFourToSix ? pin.length >= NIPinTypeEnum.fourDigits : pin.length === pinLength;
+  function onConfirmPin() {
+    !disabled && input && onVerifyPin && onVerifyPin(pin, input, callback);
+    setPinEditable(false);
+  }
+  useEffect(() => {
+    Keyboard.addListener('keyboardDidShow', () => {
+      const metrics = Keyboard.metrics();
+      if (!initialKeyboardHeight) {
+        setInitialKeyboardHeight(metrics?.height || 0);
+      }
+      setKeyboardHeight(metrics?.height || 0);
+    });
+    Keyboard.addListener('keyboardWillHide', () => {
+      setKeyboardHeight(0);
+    });
+    Keyboard.addListener('keyboardWillShow', () => {
+      if (initialKeyboardHeight) {
+        setKeyboardHeight(initialKeyboardHeight);
+      }
+    });
+  }, [initialKeyboardHeight]);
+  return /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+    onPress: Keyboard.dismiss
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, container]
+  }, /*#__PURE__*/React.createElement(CaptureVerifyPin, {
+    setPin: {
+      pin,
+      setPin,
+      pinEditable
+    },
+    setNextStep: {
+      step,
+      setNextStep,
+      onConfirmPin
+    },
+    pinType: pinType,
+    language: language,
+    theme: theme,
+    input: input
+  }), /*#__PURE__*/React.createElement(ConfirmPin, {
+    language: language,
+    theme: theme,
+    disabled: !pinEditable || !isPinDone,
+    onConfirmPin: onConfirmPin
+  })));
+}
+export default VerifyPin;
+//# sourceMappingURL=VerifyPin.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","View","Platform","TouchableWithoutFeedback","Keyboard","NILanguageEnum","NIPinTypeEnum","NIThemeEnum","NIStepEnum","CaptureVerifyPin","ConfirmPin","styles","themeColors","VerifyPin","pinType","input","result","isLoading","onVerifyPin","callback","pin","setPin","step","setNextStep","verifyStep","pinEditable","setPinEditable","keyboardHeight","setKeyboardHeight","initialKeyboardHeight","setInitialKeyboardHeight","displayAttributes","language","english","theme","light","container","backgroundColor","background","dark","paddingBottom","OS","isVisibleConfirmationButton","disabled","pinLength","dynamicFourToSix","sixDigits","isPinDone","length","fourDigits","onConfirmPin","addListener","metrics","height","createElement","onPress","dismiss","style"],"sourceRoot":"../../../../src","sources":["components/VerifyPin/VerifyPin.tsx"],"mappings":"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"}

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

@@ -0,0 +1,20 @@
+import { StyleSheet } from 'react-native';
+const styles = StyleSheet.create({
+  pinContainer: {
+    flex: 1
+  },
+  container: {
+    flexDirection: 'column',
+    flex: 1,
+    justifyContent: 'space-between',
+    alignItems: 'center'
+  },
+  confirmButton: {
+    alignItems: 'center',
+    width: '80%',
+    marginBottom: 24,
+    height: 35
+  }
+});
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","styles","create","pinContainer","flex","container","flexDirection","justifyContent","alignItems","confirmButton","width","marginBottom","height"],"sourceRoot":"../../../../src","sources":["components/VerifyPin/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,MAAMC,MAAM,GAAGD,UAAU,CAACE,MAAM,CAAC;EAC/BC,YAAY,EAAE;IACZC,IAAI,EAAE;EACR,CAAC;EACDC,SAAS,EAAE;IACTC,aAAa,EAAE,QAAQ;IACvBF,IAAI,EAAE,CAAC;IACPG,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE;EACd,CAAC;EACDC,aAAa,EAAE;IACbD,UAAU,EAAE,QAAQ;IACpBE,KAAK,EAAE,KAAK;IACZC,YAAY,EAAE,EAAE;IAChBC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEF,eAAeX,MAAM"}