@networkinternational/ni-card-management-sdk 1.0.2

package/lib/module/components/ChangePin/CaptureNewPin.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 CaptureNewPin({
+  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).changePinButtonLabel,
+    pinLabel: localLabels(language).enterNewCardPin,
+    pinLabelIndex: NILabels.changePinDescriptionLabel,
+    showHideLabels: {
+      show: localLabels(language).show,
+      hide: localLabels(language).hide
+    },
+    theme: theme,
+    input: input
+  }));
+}
+//# sourceMappingURL=CaptureNewPin.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","NILabels","NIStepEnum","CapturePin","localLabels","CaptureNewPin","setPin","pin","pinEditable","setNextStep","step","pinType","language","theme","input","createElement","Fragment","setupPinStep","title","changePinButtonLabel","pinLabel","enterNewCardPin","pinLabelIndex","changePinDescriptionLabel","showHideLabels","show","hide"],"sourceRoot":"../../../../src","sources":["components/ChangePin/CaptureNewPin.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,aAAaA,CAAC;EACpCC,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,oBAAqB;IAClDC,QAAQ,EAAEhB,WAAW,CAACQ,QAAQ,CAAC,CAACS,eAAgB;IAChDC,aAAa,EAAErB,QAAQ,CAACsB,yBAA0B;IAClDC,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/ChangePin/ChangePin.js

@@ -0,0 +1,126 @@
+import React, { useEffect, useState } from 'react';
+import { View, Platform, TouchableWithoutFeedback, Keyboard, I18nManager } from 'react-native';
+import { NIThemeEnum, NILanguageEnum, NIPinTypeEnum } from '../../interfaces/NiInputInterfaces';
+import { NIStepEnum } from '../../interfaces/NiInterfaces';
+import CaptureCurrentPin from './CaptureCurrentPin';
+import CaptureNewPin from './CaptureNewPin';
+import ReenterNewPin from './ReenterNewPin';
+import NextButton from '../Pin/NextButton';
+import ConfirmPin from './ConfirmPin';
+import styles from './styles';
+import { themeColors } from '../../config/themeColors';
+function ChangePin({
+  input,
+  pinType,
+  result,
+  isLoading,
+  onChangePin,
+  callback
+}) {
+  const [currentPin, setCurrentPin] = useState('');
+  const [pin, setPin] = useState('');
+  const [confirmationPin, setConfirmationPin] = useState('');
+  const [step, setNextStep] = useState(NIStepEnum.currentPinStep);
+  const [pinEditable, setPinEditable] = useState(true);
+  const [keyboardHeight, setKeyboardHeight] = useState(0);
+  const [initialKeyboardHeight, setInitialKeyboardHeight] = useState(0);
+  const language = 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 _pin = step === NIStepEnum.currentPinStep ? currentPin : pin;
+  const isPinDone = pinType === NIPinTypeEnum.dynamicFourToSix ? _pin.length >= NIPinTypeEnum.fourDigits : _pin.length === pinLength;
+  function onConfirmPin() {
+    !disabled && input && onChangePin && onChangePin(currentPin, 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(CaptureCurrentPin, {
+    setPin: {
+      currentPin,
+      setCurrentPin,
+      pinEditable
+    },
+    setNextStep: {
+      step,
+      setNextStep
+    },
+    pinType: pinType,
+    language: language,
+    theme: theme,
+    input: input
+  }), /*#__PURE__*/React.createElement(CaptureNewPin, {
+    setPin: {
+      pin,
+      setPin,
+      pinEditable
+    },
+    setNextStep: {
+      step,
+      setNextStep
+    },
+    pinType: pinType,
+    language: language,
+    theme: theme,
+    input: input
+  }), /*#__PURE__*/React.createElement(ReenterNewPin, {
+    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 ChangePin;
+//# sourceMappingURL=ChangePin.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","View","Platform","TouchableWithoutFeedback","Keyboard","I18nManager","NIThemeEnum","NILanguageEnum","NIPinTypeEnum","NIStepEnum","CaptureCurrentPin","CaptureNewPin","ReenterNewPin","NextButton","ConfirmPin","styles","themeColors","ChangePin","input","pinType","result","isLoading","onChangePin","callback","currentPin","setCurrentPin","pin","setPin","confirmationPin","setConfirmationPin","step","setNextStep","currentPinStep","pinEditable","setPinEditable","keyboardHeight","setKeyboardHeight","initialKeyboardHeight","setInitialKeyboardHeight","language","displayAttributes","english","theme","light","container","backgroundColor","background","dark","paddingBottom","OS","isVisibleConfirmationButtonStep","reEnterPinStep","isVisibleConfirmationButton","disabled","pinLength","dynamicFourToSix","sixDigits","_pin","isPinDone","length","fourDigits","onConfirmPin","addListener","metrics","height","createElement","onPress","dismiss","style","capturePinSection","isRTL","flexDirection"],"sourceRoot":"../../../../src","sources":["components/ChangePin/ChangePin.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SACEC,IAAI,EACJC,QAAQ,EACRC,wBAAwB,EACxBC,QAAQ,EAERC,WAAW,QACN,cAAc;AAErB,SACEC,WAAW,EACXC,cAAc,EACdC,aAAa,QACR,oCAAoC;AAC3C,SAASC,UAAU,QAA0B,+BAA+B;AAC5E,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,OAAOC,UAAU,MAAM,mBAAmB;AAC1C,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,MAAM,MAAM,UAAU;AAC7B,SAASC,WAAW,QAAQ,0BAA0B;AAEtD,SAASC,SAASA,CAAC;EACjBC,KAAK;EACLC,OAAO;EACPC,MAAM;EACNC,SAAS;EACTC,WAAW;EACXC;AACW,CAAC,EAAe;EAC3B,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGzB,QAAQ,CAAS,EAAE,CAAC;EACxD,MAAM,CAAC0B,GAAG,EAAEC,MAAM,CAAC,GAAG3B,QAAQ,CAAS,EAAE,CAAC;EAC1C,MAAM,CAAC4B,eAAe,EAAEC,kBAAkB,CAAC,GAAG7B,QAAQ,CAAS,EAAE,CAAC;EAClE,MAAM,CAAC8B,IAAI,EAAEC,WAAW,CAAC,GAAG/B,QAAQ,CAACS,UAAU,CAACuB,cAAc,CAAC;EAC/D,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGlC,QAAQ,CAAC,IAAI,CAAC;EACpD,MAAM,CAACmC,cAAc,EAAEC,iBAAiB,CAAC,GAAGpC,QAAQ,CAAS,CAAC,CAAC;EAC/D,MAAM,CAACqC,qBAAqB,EAAEC,wBAAwB,CAAC,GAAGtC,QAAQ,CAAS,CAAC,CAAC;EAC7E,MAAMuC,QAAQ,GACXrB,KAAK,EAAEsB,iBAAiB,EAAED,QAAQ,IAAehC,cAAc,CAACkC,OAAO;EAC1E,MAAMC,KAAK,GAAGxB,KAAK,EAAEsB,iBAAiB,EAAEE,KAAK,IAAIpC,WAAW,CAACqC,KAAK;EAElE,MAAMC,SAAoB,GAAG;IAC3BC,eAAe,EACbH,KAAK,KAAKpC,WAAW,CAACqC,KAAK,GACvB3B,WAAW,CAAC2B,KAAK,CAACG,UAAU,GAC5B9B,WAAW,CAAC+B,IAAI,CAACD,UAAU;IACjCE,aAAa,EAAE9C,QAAQ,CAAC+C,EAAE,KAAK,KAAK,GAAGd,cAAc,GAAG;EAC1D,CAAC;EAED,MAAMe,+BAA+B,GAAGpB,IAAI,KAAKrB,UAAU,CAAC0C,cAAc;EAC1E,MAAMC,2BAA2B,GAC/BF,+BAA+B,IAAIxB,GAAG,KAAKE,eAAe;EAC5D,MAAMyB,QAAQ,GAAG,CAACD,2BAA2B,IAAI/B,SAAS,IAAI,CAAC,CAACD,MAAM;EAEtE,MAAMkC,SAAS,GACbnC,OAAO,KAAKX,aAAa,CAAC+C,gBAAgB,GACtC/C,aAAa,CAACgD,SAAS,GACvBrC,OAAO;EAEb,MAAMsC,IAAI,GAAG3B,IAAI,KAAKrB,UAAU,CAACuB,cAAc,GAAGR,UAAU,GAAGE,GAAG;EAClE,MAAMgC,SAAS,GACbvC,OAAO,KAAKX,aAAa,CAAC+C,gBAAgB,GACtCE,IAAI,CAACE,MAAM,IAAInD,aAAa,CAACoD,UAAU,GACvCH,IAAI,CAACE,MAAM,KAAKL,SAAS;EAC/B,SAASO,YAAYA,CAAA,EAAG;IACtB,CAACR,QAAQ,IACPnC,KAAK,IACLI,WAAW,IACXA,WAAW,CAACE,UAAU,EAAYE,GAAG,EAAER,KAAK,EAAEK,QAAQ,CAAC;IACzDW,cAAc,CAAC,KAAK,CAAC;EACvB;EAEAnC,SAAS,CAAC,MAAM;IACdK,QAAQ,CAAC0D,WAAW,CAAC,iBAAiB,EAAE,MAAM;MAC5C,MAAMC,OAAO,GAAG3D,QAAQ,CAAC2D,OAAO,CAAC,CAAC;MAClC,IAAI,CAAC1B,qBAAqB,EAAE;QAC1BC,wBAAwB,CAACyB,OAAO,EAAEC,MAAM,IAAI,CAAC,CAAC;MAChD;MAEA5B,iBAAiB,CAAC2B,OAAO,EAAEC,MAAM,IAAI,CAAC,CAAC;IACzC,CAAC,CAAC;IACF5D,QAAQ,CAAC0D,WAAW,CAAC,kBAAkB,EAAE,MAAM;MAC7C1B,iBAAiB,CAAC,CAAC,CAAC;IACtB,CAAC,CAAC;IACFhC,QAAQ,CAAC0D,WAAW,CAAC,kBAAkB,EAAE,MAAM;MAC7C,IAAIzB,qBAAqB,EAAE;QACzBD,iBAAiB,CAACC,qBAAqB,CAAC;MAC1C;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,qBAAqB,CAAC,CAAC;EAE3B,oBACEvC,KAAA,CAAAmE,aAAA,CAAC9D,wBAAwB;IAAC+D,OAAO,EAAE9D,QAAQ,CAAC+D;EAAQ,gBAClDrE,KAAA,CAAAmE,aAAA,CAAChE,IAAI;IAACmE,KAAK,EAAE,CAACrD,MAAM,CAAC6B,SAAS,EAAEA,SAAS;EAAE,gBACzC9C,KAAA,CAAAmE,aAAA,CAACvD,iBAAiB;IAChBiB,MAAM,EAAE;MAAEH,UAAU;MAAEC,aAAa;MAAEQ;IAAY,CAAE;IACnDF,WAAW,EAAE;MAAED,IAAI;MAAEC;IAAY,CAAE;IACnCZ,OAAO,EAAEA,OAAQ;IACjBoB,QAAQ,EAAEA,QAAS;IACnBG,KAAK,EAAEA,KAAM;IACbxB,KAAK,EAAEA;EAAM,CACd,CAAC,eACFpB,KAAA,CAAAmE,aAAA,CAACtD,aAAa;IACZgB,MAAM,EAAE;MAAED,GAAG;MAAEC,MAAM;MAAEM;IAAY,CAAE;IACrCF,WAAW,EAAE;MAAED,IAAI;MAAEC;IAAY,CAAE;IACnCZ,OAAO,EAAEA,OAAQ;IACjBoB,QAAQ,EAAEA,QAAS;IACnBG,KAAK,EAAEA,KAAM;IACbxB,KAAK,EAAEA;EAAM,CACd,CAAC,eACFpB,KAAA,CAAAmE,aAAA,CAACrD,aAAa;IACZe,MAAM,EAAE;MACNC,eAAe;MACfC,kBAAkB;MAClBH,GAAG;MACHO;IACF,CAAE;IACFF,WAAW,EAAE;MAAED,IAAI;MAAE+B;IAAa,CAAE;IACpC1C,OAAO,EAAEA,OAAQ;IACjBoB,QAAQ,EAAEA,QAAS;IACnBG,KAAK,EAAEA,KAAM;IACbxB,KAAK,EAAEA;EAAM,CACd,CAAC,EACD,CAACgC,+BAA+B,iBAC/BpD,KAAA,CAAAmE,aAAA,CAAChE,IAAI;IACHmE,KAAK,EAAE,CACLrD,MAAM,CAACsD,iBAAiB,EACxBhE,WAAW,CAACiE,KAAK,GAAG;MAAEC,aAAa,EAAE;IAAM,CAAC,GAAG,CAAC,CAAC;EACjD,gBAEFzE,KAAA,CAAAmE,aAAA,CAACpD,UAAU;IACTkB,WAAW,EAAE;MAAED,IAAI;MAAEC;IAAY,CAAE;IACnCsB,QAAQ,EAAE,CAACK,SAAU;IACrBhB,KAAK,EAAEA;EAAM,CACd,CACG,CACP,EACAQ,+BAA+B,iBAC9BpD,KAAA,CAAAmE,aAAA,CAACnD,UAAU;IACTyB,QAAQ,EAAEA,QAAS;IACnBG,KAAK,EAAEA,KAAM;IACbW,QAAQ,EAAE,CAACpB,WAAW,IAAIoB,QAAS;IACnCQ,YAAY,EAAEA;EAAa,CAC5B,CAEC,CACkB,CAAC;AAE/B;AAEA,eAAe5C,SAAS"}

package/lib/module/components/ChangePin/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).changePinButtonLabel,
+    mode: "text",
+    disabled: disabled,
+    textColor: textColor,
+    colors: confirmPinButtonsLinearGradientColors,
+    onPress: onConfirmPin
+  }));
+}
+//# sourceMappingURL=ConfirmPin.js.map

package/lib/module/components/ChangePin/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","changePinButtonLabel","mode","colors","onPress"],"sourceRoot":"../../../../src","sources":["components/ChangePin/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,oBAAqB;IAClDC,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/ChangePin/ReenterNewPin.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 ReenterNewPin({
+  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).changePinButtonLabel,
+    pinLabel: localLabels(language).confirmCardPIN,
+    wrongPinLabel: localLabels(language).wrongCardPin,
+    pinLabelIndex: NILabels.changePinDescriptionLabel,
+    showHideLabels: {
+      show: localLabels(language).show,
+      hide: localLabels(language).hide
+    },
+    theme: theme,
+    input: input
+  }));
+}
+//# sourceMappingURL=ReenterNewPin.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","NILabels","NIStepEnum","CapturePin","localLabels","ReenterNewPin","setPin","confirmationPin","setConfirmationPin","pin","pinEditable","setNextStep","step","onConfirmPin","pinType","language","theme","input","createElement","Fragment","reEnterPinStep","initialPin","title","changePinButtonLabel","pinLabel","confirmCardPIN","wrongPinLabel","wrongCardPin","pinLabelIndex","changePinDescriptionLabel","showHideLabels","show","hide"],"sourceRoot":"../../../../src","sources":["components/ChangePin/ReenterNewPin.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,aAAaA,CAAC;EACpCC,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,oBAAqB;IAClDC,QAAQ,EAAEpB,WAAW,CAACW,QAAQ,CAAC,CAACU,cAAe;IAC/CC,aAAa,EAAEtB,WAAW,CAACW,QAAQ,CAAC,CAACY,YAAa;IAClDC,aAAa,EAAE3B,QAAQ,CAAC4B,yBAA0B;IAClDC,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/ChangePin/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/ChangePin/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/ChangePin/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/NIButton/NIButton.js

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import { Button } from 'react-native-paper';
+import LinearGradient from 'react-native-linear-gradient';
+import styles from './styles';
+function NIButton({
+  title,
+  mode,
+  textColor,
+  colors,
+  disabled,
+  opacity,
+  onPress
+}) {
+  const defaultLinearGradientColors = ['#f0f0f0', '#e0e0e0', '#b0b0b0'];
+  const buttonStyle = {
+    opacity: opacity
+  };
+  return /*#__PURE__*/React.createElement(LinearGradient, {
+    start: {
+      x: 0,
+      y: 0
+    },
+    end: {
+      x: 1,
+      y: 0
+    },
+    locations: [0, 0.65, 0.9],
+    style: [styles.button, buttonStyle],
+    colors: !disabled && colors || defaultLinearGradientColors
+  }, /*#__PURE__*/React.createElement(Button, {
+    mode: mode,
+    textColor: textColor,
+    disabled: disabled,
+    onPress: onPress
+  }, title));
+}
+export { NIButton };
+//# sourceMappingURL=NIButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Button","LinearGradient","styles","NIButton","title","mode","textColor","colors","disabled","opacity","onPress","defaultLinearGradientColors","buttonStyle","createElement","start","x","y","end","locations","style","button"],"sourceRoot":"../../../../src","sources":["components/NIButton/NIButton.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,OAAOC,cAAc,MAAM,8BAA8B;AAEzD,OAAOC,MAAM,MAAM,UAAU;AAkB7B,SAASC,QAAQA,CAAC;EAChBC,KAAK;EACLC,IAAI;EACJC,SAAS;EACTC,MAAM;EACNC,QAAQ;EACRC,OAAO;EACPC;AACiB,CAAC,EAAe;EACjC,MAAMC,2BAA2B,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;EACrE,MAAMC,WAAsB,GAAG;IAC7BH,OAAO,EAAEA;EACX,CAAC;EACD,oBACEV,KAAA,CAAAc,aAAA,CAACZ,cAAc;IACba,KAAK,EAAE;MAAEC,CAAC,EAAE,CAAC;MAAEC,CAAC,EAAE;IAAE,CAAE;IACtBC,GAAG,EAAE;MAAEF,CAAC,EAAE,CAAC;MAAEC,CAAC,EAAE;IAAE,CAAE;IACpBE,SAAS,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,GAAG,CAAE;IAC1BC,KAAK,EAAE,CAACjB,MAAM,CAACkB,MAAM,EAAER,WAAW,CAAE;IACpCL,MAAM,EAAG,CAACC,QAAQ,IAAID,MAAM,IAAKI;EAA4B,gBAE7DZ,KAAA,CAAAc,aAAA,CAACb,MAAM;IACLK,IAAI,EAAEA,IAAK;IACXC,SAAS,EAAEA,SAAU;IACrBE,QAAQ,EAAEA,QAAS;IACnBE,OAAO,EAAEA;EAAQ,GAEhBN,KACK,CACM,CAAC;AAErB;AAEA,SAASD,QAAQ"}

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

@@ -0,0 +1,9 @@
+import { StyleSheet } from 'react-native';
+const styles = StyleSheet.create({
+  button: {
+    width: '100%',
+    borderRadius: 20
+  }
+});
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","styles","create","button","width","borderRadius"],"sourceRoot":"../../../../src","sources":["components/NIButton/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,MAAMC,MAAM,GAAGD,UAAU,CAACE,MAAM,CAAC;EAC/BC,MAAM,EAAE;IACNC,KAAK,EAAE,MAAM;IACbC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAEF,eAAeJ,MAAM"}

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

@@ -0,0 +1,143 @@
+import React, { useState, useRef, useEffect } from 'react';
+import { View, Platform, Text, TextInput, Keyboard, TouchableWithoutFeedback, I18nManager } from 'react-native';
+import ShowHide from './ShowHideButton';
+import styles from './styles';
+import { NIPinTypeEnum, NILabels, NIThemeEnum } from '../../interfaces/NiInputInterfaces';
+import { themeColors } from '../../config/themeColors';
+export default function CapturePin({
+  setPin: {
+    pin,
+    setPin,
+    initialPin,
+    pinEditable
+  },
+  setNextStep: {
+    step,
+    setNextStep,
+    onConfirmPin
+  },
+  pinType,
+  title,
+  pinLabel,
+  wrongPinLabel,
+  pinLabelIndex,
+  showHideLabels,
+  theme,
+  input,
+  showPin
+}) {
+  const [isShowHide, setIsShowHide] = useState(false);
+  const inputRef = useRef(null);
+  const [keyboardWillShow, setKeyboardWillShow] = useState(false);
+  useEffect(() => {
+    Keyboard.addListener('keyboardDidShow', () => {
+      setKeyboardWillShow(false);
+    });
+    Keyboard.addListener('keyboardWillShow', () => {
+      setKeyboardWillShow(true);
+    });
+  }, []);
+  const pinLength = pinType === NIPinTypeEnum.dynamicFourToSix ? NIPinTypeEnum.sixDigits : pinType;
+  const pinChars = [...[...(pin.length ? pin.toString() : '').padEnd(pinLength, ' ')].join('|')];
+  const pinInputError = {
+    color: 'red'
+  };
+  function handleKeyPress(event) {
+    const key = event.nativeEvent.key.toLowerCase();
+    pin.length < pinLength && ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'].includes(key) && setPin(pin + key);
+    ['backspace'].includes(key) && setPin(pin.substring(0, pin.length - 1));
+  }
+  const isPinDone = pinType === NIPinTypeEnum.dynamicFourToSix ? pin.length >= NIPinTypeEnum.fourDigits : pin.length === pinLength;
+  const isErrorPin = initialPin && isPinDone && initialPin !== pin;
+  function onSubmitEditing() {
+    if (isPinDone && !isErrorPin) {
+      onConfirmPin && onConfirmPin();
+      setNextStep && setNextStep(++step);
+    } else {
+      Keyboard.dismiss;
+    }
+  }
+  const labelFonts = input && input.displayAttributes && input.displayAttributes.fonts && input.displayAttributes.fonts.filter(item => item.label === pinLabelIndex);
+  let font = labelFonts && labelFonts.length && labelFonts[0]?.font;
+  font = font || {
+    name: 'Helvetica',
+    size: 17
+  };
+  const pinInputStyle = {
+    width: pinType === NIPinTypeEnum.fourDigits ? '14%' : pinType === NIPinTypeEnum.fiveDigits ? '11%' : '9%',
+    color: theme === NIThemeEnum.light ? themeColors.light.color : themeColors.dark.color
+  };
+  const pinInputBorder = {
+    borderColor: theme === NIThemeEnum.light ? themeColors.light.color : themeColors.dark.color
+  };
+  const titleStyle = {
+    color: theme === NIThemeEnum.light ? themeColors.light.color : themeColors.dark.color,
+    fontSize: font.size,
+    fontFamily: font.name,
+    fontWeight: 'bold'
+  };
+  const pinLabelStyle = {
+    color: theme === NIThemeEnum.light ? themeColors.light.color : themeColors.dark.color,
+    fontSize: font.size,
+    fontFamily: font.name
+  };
+  const viewPinCapturePinSectionSizes = pinLabelIndex === NILabels.viewPinDescriptionLabel ? {
+    height: undefined,
+    width: undefined
+  } : {};
+  const viewPinPinInputViewTopMargin = pinLabelIndex === NILabels.viewPinDescriptionLabel ? {
+    marginTop: undefined
+  } : {};
+  const keyboardAppearance = theme === NIThemeEnum.light ? NIThemeEnum.light : NIThemeEnum.dark;
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.capturePinSection, viewPinCapturePinSectionSizes]
+  }, pinLabelIndex !== NILabels.viewPinDescriptionLabel && /*#__PURE__*/React.createElement(View, {
+    style: styles.titleSection
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: titleStyle
+  }, title)), /*#__PURE__*/React.createElement(View, {
+    style: styles.pinSection
+  }, pinLabelIndex !== NILabels.viewPinDescriptionLabel && /*#__PURE__*/React.createElement(Text, {
+    style: [pinLabelStyle, isErrorPin ? pinInputError : {}]
+  }, isErrorPin ? wrongPinLabel : pinLabel), /*#__PURE__*/React.createElement(TouchableWithoutFeedback, null, /*#__PURE__*/React.createElement(View, {
+    style: [styles.pinInputView, pinInputBorder, viewPinPinInputViewTopMargin, I18nManager.isRTL ? {
+      flexDirection: 'row-reverse'
+    } : {}],
+    onTouchEnd: () => {
+      const isIos = Platform.OS === 'ios';
+      if (!Keyboard.isVisible()) {
+        if (isIos && keyboardWillShow) {
+          return;
+        }
+        Keyboard.dismiss();
+        inputRef.current?.focus();
+      }
+    }
+  }, pinChars.map((pinChar, index) => /*#__PURE__*/React.createElement(TextInput, {
+    ref: inputRef,
+    onLayout: () => {
+      index === 0 && inputRef.current && inputRef.current.focus();
+    },
+    editable: pinLabelIndex === NILabels.viewPinDescriptionLabel ? false : pinEditable && index === 2 * (pinLength - 1),
+    key: index,
+    placeholder: '',
+    style: [styles.pinInput, pinInputStyle, isErrorPin && !(index % 2) ? pinInputError : {}],
+    inputMode: "decimal",
+    keyboardType: "numeric",
+    textAlign: "center",
+    caretHidden: true,
+    value: index % 2 || pinChar === ' ' || isShowHide || showPin ? pinChar : '*',
+    onKeyPress: event => handleKeyPress(event),
+    onSubmitEditing: onSubmitEditing,
+    maxLength: 1,
+    keyboardAppearance: keyboardAppearance
+  })))), pinLabelIndex !== NILabels.viewPinDescriptionLabel && /*#__PURE__*/React.createElement(ShowHide, {
+    setShowHide: {
+      isShowHide,
+      setIsShowHide
+    },
+    showHideLabels: showHideLabels,
+    theme: theme
+  })));
+}
+//# sourceMappingURL=CapturePin.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useRef","useEffect","View","Platform","Text","TextInput","Keyboard","TouchableWithoutFeedback","I18nManager","ShowHide","styles","NIPinTypeEnum","NILabels","NIThemeEnum","themeColors","CapturePin","setPin","pin","initialPin","pinEditable","setNextStep","step","onConfirmPin","pinType","title","pinLabel","wrongPinLabel","pinLabelIndex","showHideLabels","theme","input","showPin","isShowHide","setIsShowHide","inputRef","keyboardWillShow","setKeyboardWillShow","addListener","pinLength","dynamicFourToSix","sixDigits","pinChars","length","toString","padEnd","join","pinInputError","color","handleKeyPress","event","key","nativeEvent","toLowerCase","includes","substring","isPinDone","fourDigits","isErrorPin","onSubmitEditing","dismiss","labelFonts","displayAttributes","fonts","filter","item","label","font","name","size","pinInputStyle","width","fiveDigits","light","dark","pinInputBorder","borderColor","titleStyle","fontSize","fontFamily","fontWeight","pinLabelStyle","viewPinCapturePinSectionSizes","viewPinDescriptionLabel","height","undefined","viewPinPinInputViewTopMargin","marginTop","keyboardAppearance","createElement","style","capturePinSection","titleSection","pinSection","pinInputView","isRTL","flexDirection","onTouchEnd","isIos","OS","isVisible","current","focus","map","pinChar","index","ref","onLayout","editable","placeholder","pinInput","inputMode","keyboardType","textAlign","caretHidden","value","onKeyPress","maxLength","setShowHide"],"sourceRoot":"../../../../src","sources":["components/Pin/CapturePin.tsx"],"mappings":"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"}

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { TouchableOpacity, View, ImageBackground } from 'react-native';
+import styles from './styles';
+import { NIThemeEnum } from '../../interfaces/NiInputInterfaces';
+import { NIStepEnum } from '../../interfaces/NiInterfaces';
+export default function NextButton({
+  setNextStep: {
+    step,
+    setNextStep
+  },
+  disabled,
+  theme
+}) {
+  const nextButtonSource = theme === NIThemeEnum.light ? require('../../assets/icons/icons8-arrow-100_1.png') : require('../../assets/icons/icons8-arrow-100.png');
+  const pinButtonStyle = {
+    opacity: disabled ? 0.3 : 1
+  };
+  const nextButtonStyle = {
+    width: 50,
+    height: 50,
+    borderRadius: 20
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, (step === NIStepEnum.currentPinStep || step === NIStepEnum.setupPinStep) && /*#__PURE__*/React.createElement(View, {
+    style: [styles.pinButton, pinButtonStyle]
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: () => setNextStep && setNextStep(++step),
+    disabled: disabled
+  }, /*#__PURE__*/React.createElement(ImageBackground, {
+    source: nextButtonSource,
+    style: [styles.nextButton, nextButtonStyle]
+  }))));
+}
+//# sourceMappingURL=NextButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","TouchableOpacity","View","ImageBackground","styles","NIThemeEnum","NIStepEnum","NextButton","setNextStep","step","disabled","theme","nextButtonSource","light","require","pinButtonStyle","opacity","nextButtonStyle","width","height","borderRadius","createElement","Fragment","currentPinStep","setupPinStep","style","pinButton","onPress","source","nextButton"],"sourceRoot":"../../../../src","sources":["components/Pin/NextButton.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,gBAAgB,EAChBC,IAAI,EACJC,eAAe,QAEV,cAAc;AAErB,OAAOC,MAAM,MAAM,UAAU;AAC7B,SAASC,WAAW,QAAQ,oCAAoC;AAChE,SAA4BC,UAAU,QAAQ,+BAA+B;AAE7E,eAAe,SAASC,UAAUA,CAAC;EACjCC,WAAW,EAAE;IAAEC,IAAI;IAAED;EAAY,CAAC;EAClCE,QAAQ;EACRC;AACY,CAAC,EAAe;EAC5B,MAAMC,gBAAgB,GACpBD,KAAK,KAAKN,WAAW,CAACQ,KAAK,GACtBC,OAAO,CAAC,2CAA2C,CAAC,GACpDA,OAAO,CAAC,yCAAyC,CAAoB;EAE5E,MAAMC,cAAc,GAAG;IACrBC,OAAO,EAAEN,QAAQ,GAAG,GAAG,GAAG;EAC5B,CAAC;EACD,MAAMO,eAAe,GAAG;IACtBC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE;EAChB,CAAC;EAED,oBACEpB,KAAA,CAAAqB,aAAA,CAAArB,KAAA,CAAAsB,QAAA,QACG,CAACb,IAAI,KAAKH,UAAU,CAACiB,cAAc,IAClCd,IAAI,KAAKH,UAAU,CAACkB,YAAY,kBAChCxB,KAAA,CAAAqB,aAAA,CAACnB,IAAI;IAACuB,KAAK,EAAE,CAACrB,MAAM,CAACsB,SAAS,EAAEX,cAAc;EAAE,gBAC9Cf,KAAA,CAAAqB,aAAA,CAACpB,gBAAgB;IACf0B,OAAO,EAAEA,CAAA,KAAMnB,WAAW,IAAIA,WAAW,CAAC,EAAEC,IAAI,CAAE;IAClDC,QAAQ,EAAEA;EAAS,gBAEnBV,KAAA,CAAAqB,aAAA,CAAClB,eAAe;IACdyB,MAAM,EAAEhB,gBAAiB;IACzBa,KAAK,EAAE,CAACrB,MAAM,CAACyB,UAAU,EAAEZ,eAAe;EAAE,CAC7C,CACe,CACd,CAER,CAAC;AAEP"}

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

@@ -0,0 +1,41 @@
+import React from 'react';
+import { Text, TouchableOpacity, View, I18nManager } from 'react-native';
+import styles from './styles';
+import { themeColors } from '../../config/themeColors';
+import { NIThemeEnum } from '../../interfaces/NiInputInterfaces';
+import { PredeterminedIcon } from '../icons/PredeterminedIcon';
+export default function ShowHide({
+  setShowHide: {
+    isShowHide,
+    setIsShowHide
+  },
+  showHideLabels: {
+    show,
+    hide
+  },
+  theme
+}) {
+  const color = theme === NIThemeEnum.light ? themeColors.light.buttonShowHideTextColor : themeColors.dark.buttonShowHideTextColor;
+  const showHideTextButton = {
+    color: color
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.showHideButton, I18nManager.isRTL ? {
+      flexDirection: 'row'
+    } : {}]
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: () => setIsShowHide(!isShowHide)
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.row, I18nManager.isRTL ? {
+      flexDirection: 'row-reverse'
+    } : {}]
+  }, /*#__PURE__*/React.createElement(PredeterminedIcon, {
+    name: isShowHide ? 'red-eye-off' : 'red-eye',
+    size: 20
+  }), isShowHide && /*#__PURE__*/React.createElement(Text, {
+    style: showHideTextButton
+  }, hide), !isShowHide && /*#__PURE__*/React.createElement(Text, {
+    style: showHideTextButton
+  }, show))));
+}
+//# sourceMappingURL=ShowHideButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","TouchableOpacity","View","I18nManager","styles","themeColors","NIThemeEnum","PredeterminedIcon","ShowHide","setShowHide","isShowHide","setIsShowHide","showHideLabels","show","hide","theme","color","light","buttonShowHideTextColor","dark","showHideTextButton","createElement","style","showHideButton","isRTL","flexDirection","onPress","row","name","size"],"sourceRoot":"../../../../src","sources":["components/Pin/ShowHideButton.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,IAAI,EAEJC,gBAAgB,EAChBC,IAAI,EACJC,WAAW,QACN,cAAc;AAErB,OAAOC,MAAM,MAAM,UAAU;AAC7B,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,WAAW,QAAQ,oCAAoC;AAEhE,SAASC,iBAAiB,QAAQ,4BAA4B;AAE9D,eAAe,SAASC,QAAQA,CAAC;EAC/BC,WAAW,EAAE;IAAEC,UAAU;IAAEC;EAAc,CAAC;EAC1CC,cAAc,EAAE;IAAEC,IAAI;IAAEC;EAAK,CAAC;EAC9BC;AACgB,CAAC,EAAe;EAChC,MAAMC,KAAK,GACTD,KAAK,KAAKT,WAAW,CAACW,KAAK,GACvBZ,WAAW,CAACY,KAAK,CAACC,uBAAuB,GACzCb,WAAW,CAACc,IAAI,CAACD,uBAAuB;EAC9C,MAAME,kBAA6B,GAAG;IACpCJ,KAAK,EAAEA;EACT,CAAC;EAED,oBACEjB,KAAA,CAAAsB,aAAA,CAACnB,IAAI;IACHoB,KAAK,EAAE,CACLlB,MAAM,CAACmB,cAAc,EACrBpB,WAAW,CAACqB,KAAK,GAAG;MAAEC,aAAa,EAAE;IAAM,CAAC,GAAG,CAAC,CAAC;EACjD,gBAEF1B,KAAA,CAAAsB,aAAA,CAACpB,gBAAgB;IAACyB,OAAO,EAAEA,CAAA,KAAMf,aAAa,CAAC,CAACD,UAAU;EAAE,gBAC1DX,KAAA,CAAAsB,aAAA,CAACnB,IAAI;IACHoB,KAAK,EAAE,CACLlB,MAAM,CAACuB,GAAG,EACVxB,WAAW,CAACqB,KAAK,GAAG;MAAEC,aAAa,EAAE;IAAc,CAAC,GAAG,CAAC,CAAC;EACzD,gBAEF1B,KAAA,CAAAsB,aAAA,CAACd,iBAAiB;IAChBqB,IAAI,EAAElB,UAAU,GAAG,aAAa,GAAG,SAAU;IAC7CmB,IAAI,EAAE;EAAG,CACV,CAAC,EACDnB,UAAU,iBAAIX,KAAA,CAAAsB,aAAA,CAACrB,IAAI;IAACsB,KAAK,EAAEF;EAAmB,GAAEN,IAAW,CAAC,EAC5D,CAACJ,UAAU,iBAAIX,KAAA,CAAAsB,aAAA,CAACrB,IAAI;IAACsB,KAAK,EAAEF;EAAmB,GAAEP,IAAW,CACzD,CACU,CACd,CAAC;AAEX"}