@networkinternational/ni-card-management-sdk 1.0.2

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

@@ -0,0 +1,152 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = CapturePin;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _ShowHideButton = _interopRequireDefault(require("./ShowHideButton"));
+var _styles = _interopRequireDefault(require("./styles"));
+var _NiInputInterfaces = require("../../interfaces/NiInputInterfaces");
+var _themeColors = require("../../config/themeColors");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function CapturePin({
+  setPin: {
+    pin,
+    setPin,
+    initialPin,
+    pinEditable
+  },
+  setNextStep: {
+    step,
+    setNextStep,
+    onConfirmPin
+  },
+  pinType,
+  title,
+  pinLabel,
+  wrongPinLabel,
+  pinLabelIndex,
+  showHideLabels,
+  theme,
+  input,
+  showPin
+}) {
+  const [isShowHide, setIsShowHide] = (0, _react.useState)(false);
+  const inputRef = (0, _react.useRef)(null);
+  const [keyboardWillShow, setKeyboardWillShow] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    _reactNative.Keyboard.addListener('keyboardDidShow', () => {
+      setKeyboardWillShow(false);
+    });
+    _reactNative.Keyboard.addListener('keyboardWillShow', () => {
+      setKeyboardWillShow(true);
+    });
+  }, []);
+  const pinLength = pinType === _NiInputInterfaces.NIPinTypeEnum.dynamicFourToSix ? _NiInputInterfaces.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 === _NiInputInterfaces.NIPinTypeEnum.dynamicFourToSix ? pin.length >= _NiInputInterfaces.NIPinTypeEnum.fourDigits : pin.length === pinLength;
+  const isErrorPin = initialPin && isPinDone && initialPin !== pin;
+  function onSubmitEditing() {
+    if (isPinDone && !isErrorPin) {
+      onConfirmPin && onConfirmPin();
+      setNextStep && setNextStep(++step);
+    } else {
+      _reactNative.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 === _NiInputInterfaces.NIPinTypeEnum.fourDigits ? '14%' : pinType === _NiInputInterfaces.NIPinTypeEnum.fiveDigits ? '11%' : '9%',
+    color: theme === _NiInputInterfaces.NIThemeEnum.light ? _themeColors.themeColors.light.color : _themeColors.themeColors.dark.color
+  };
+  const pinInputBorder = {
+    borderColor: theme === _NiInputInterfaces.NIThemeEnum.light ? _themeColors.themeColors.light.color : _themeColors.themeColors.dark.color
+  };
+  const titleStyle = {
+    color: theme === _NiInputInterfaces.NIThemeEnum.light ? _themeColors.themeColors.light.color : _themeColors.themeColors.dark.color,
+    fontSize: font.size,
+    fontFamily: font.name,
+    fontWeight: 'bold'
+  };
+  const pinLabelStyle = {
+    color: theme === _NiInputInterfaces.NIThemeEnum.light ? _themeColors.themeColors.light.color : _themeColors.themeColors.dark.color,
+    fontSize: font.size,
+    fontFamily: font.name
+  };
+  const viewPinCapturePinSectionSizes = pinLabelIndex === _NiInputInterfaces.NILabels.viewPinDescriptionLabel ? {
+    height: undefined,
+    width: undefined
+  } : {};
+  const viewPinPinInputViewTopMargin = pinLabelIndex === _NiInputInterfaces.NILabels.viewPinDescriptionLabel ? {
+    marginTop: undefined
+  } : {};
+  const keyboardAppearance = theme === _NiInputInterfaces.NIThemeEnum.light ? _NiInputInterfaces.NIThemeEnum.light : _NiInputInterfaces.NIThemeEnum.dark;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [_styles.default.capturePinSection, viewPinCapturePinSectionSizes]
+  }, pinLabelIndex !== _NiInputInterfaces.NILabels.viewPinDescriptionLabel && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _styles.default.titleSection
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: titleStyle
+  }, title)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _styles.default.pinSection
+  }, pinLabelIndex !== _NiInputInterfaces.NILabels.viewPinDescriptionLabel && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [pinLabelStyle, isErrorPin ? pinInputError : {}]
+  }, isErrorPin ? wrongPinLabel : pinLabel), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableWithoutFeedback, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [_styles.default.pinInputView, pinInputBorder, viewPinPinInputViewTopMargin, _reactNative.I18nManager.isRTL ? {
+      flexDirection: 'row-reverse'
+    } : {}],
+    onTouchEnd: () => {
+      const isIos = _reactNative.Platform.OS === 'ios';
+      if (!_reactNative.Keyboard.isVisible()) {
+        if (isIos && keyboardWillShow) {
+          return;
+        }
+        _reactNative.Keyboard.dismiss();
+        inputRef.current?.focus();
+      }
+    }
+  }, pinChars.map((pinChar, index) => /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, {
+    ref: inputRef,
+    onLayout: () => {
+      index === 0 && inputRef.current && inputRef.current.focus();
+    },
+    editable: pinLabelIndex === _NiInputInterfaces.NILabels.viewPinDescriptionLabel ? false : pinEditable && index === 2 * (pinLength - 1),
+    key: index,
+    placeholder: '',
+    style: [_styles.default.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 !== _NiInputInterfaces.NILabels.viewPinDescriptionLabel && /*#__PURE__*/_react.default.createElement(_ShowHideButton.default, {
+    setShowHide: {
+      isShowHide,
+      setIsShowHide
+    },
+    showHideLabels: showHideLabels,
+    theme: theme
+  })));
+}
+//# sourceMappingURL=CapturePin.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ShowHideButton","_interopRequireDefault","_styles","_NiInputInterfaces","_themeColors","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","CapturePin","setPin","pin","initialPin","pinEditable","setNextStep","step","onConfirmPin","pinType","title","pinLabel","wrongPinLabel","pinLabelIndex","showHideLabels","theme","input","showPin","isShowHide","setIsShowHide","useState","inputRef","useRef","keyboardWillShow","setKeyboardWillShow","useEffect","Keyboard","addListener","pinLength","NIPinTypeEnum","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","NIThemeEnum","light","themeColors","dark","pinInputBorder","borderColor","titleStyle","fontSize","fontFamily","fontWeight","pinLabelStyle","viewPinCapturePinSectionSizes","NILabels","viewPinDescriptionLabel","height","undefined","viewPinPinInputViewTopMargin","marginTop","keyboardAppearance","createElement","View","style","styles","capturePinSection","titleSection","Text","pinSection","TouchableWithoutFeedback","pinInputView","I18nManager","isRTL","flexDirection","onTouchEnd","isIos","Platform","OS","isVisible","current","focus","map","pinChar","index","TextInput","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/commonjs/components/Pin/NextButton.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = NextButton;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _styles = _interopRequireDefault(require("./styles"));
+var _NiInputInterfaces = require("../../interfaces/NiInputInterfaces");
+var _NiInterfaces = require("../../interfaces/NiInterfaces");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function NextButton({
+  setNextStep: {
+    step,
+    setNextStep
+  },
+  disabled,
+  theme
+}) {
+  const nextButtonSource = theme === _NiInputInterfaces.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.default.createElement(_react.default.Fragment, null, (step === _NiInterfaces.NIStepEnum.currentPinStep || step === _NiInterfaces.NIStepEnum.setupPinStep) && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [_styles.default.pinButton, pinButtonStyle]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    onPress: () => setNextStep && setNextStep(++step),
+    disabled: disabled
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.ImageBackground, {
+    source: nextButtonSource,
+    style: [_styles.default.nextButton, nextButtonStyle]
+  }))));
+}
+//# sourceMappingURL=NextButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_styles","_NiInputInterfaces","_NiInterfaces","obj","__esModule","default","NextButton","setNextStep","step","disabled","theme","nextButtonSource","NIThemeEnum","light","pinButtonStyle","opacity","nextButtonStyle","width","height","borderRadius","createElement","Fragment","NIStepEnum","currentPinStep","setupPinStep","View","style","styles","pinButton","TouchableOpacity","onPress","ImageBackground","source","nextButton"],"sourceRoot":"../../../../src","sources":["components/Pin/NextButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAOA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAA8E,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE/D,SAASG,UAAUA,CAAC;EACjCC,WAAW,EAAE;IAAEC,IAAI;IAAED;EAAY,CAAC;EAClCE,QAAQ;EACRC;AACY,CAAC,EAAe;EAC5B,MAAMC,gBAAgB,GACpBD,KAAK,KAAKE,8BAAW,CAACC,KAAK,GACtBf,OAAO,CAAC,2CAA2C,CAAC,GACpDA,OAAO,CAAC,yCAAyC,CAAoB;EAE5E,MAAMgB,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,oBACEvB,MAAA,CAAAS,OAAA,CAAAe,aAAA,CAAAxB,MAAA,CAAAS,OAAA,CAAAgB,QAAA,QACG,CAACb,IAAI,KAAKc,wBAAU,CAACC,cAAc,IAClCf,IAAI,KAAKc,wBAAU,CAACE,YAAY,kBAChC5B,MAAA,CAAAS,OAAA,CAAAe,aAAA,CAACrB,YAAA,CAAA0B,IAAI;IAACC,KAAK,EAAE,CAACC,eAAM,CAACC,SAAS,EAAEd,cAAc;EAAE,gBAC9ClB,MAAA,CAAAS,OAAA,CAAAe,aAAA,CAACrB,YAAA,CAAA8B,gBAAgB;IACfC,OAAO,EAAEA,CAAA,KAAMvB,WAAW,IAAIA,WAAW,CAAC,EAAEC,IAAI,CAAE;IAClDC,QAAQ,EAAEA;EAAS,gBAEnBb,MAAA,CAAAS,OAAA,CAAAe,aAAA,CAACrB,YAAA,CAAAgC,eAAe;IACdC,MAAM,EAAErB,gBAAiB;IACzBe,KAAK,EAAE,CAACC,eAAM,CAACM,UAAU,EAAEjB,eAAe;EAAE,CAC7C,CACe,CACd,CAER,CAAC;AAEP"}

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

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ShowHide;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _styles = _interopRequireDefault(require("./styles"));
+var _themeColors = require("../../config/themeColors");
+var _NiInputInterfaces = require("../../interfaces/NiInputInterfaces");
+var _PredeterminedIcon = require("../icons/PredeterminedIcon");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ShowHide({
+  setShowHide: {
+    isShowHide,
+    setIsShowHide
+  },
+  showHideLabels: {
+    show,
+    hide
+  },
+  theme
+}) {
+  const color = theme === _NiInputInterfaces.NIThemeEnum.light ? _themeColors.themeColors.light.buttonShowHideTextColor : _themeColors.themeColors.dark.buttonShowHideTextColor;
+  const showHideTextButton = {
+    color: color
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [_styles.default.showHideButton, _reactNative.I18nManager.isRTL ? {
+      flexDirection: 'row'
+    } : {}]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    onPress: () => setIsShowHide(!isShowHide)
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [_styles.default.row, _reactNative.I18nManager.isRTL ? {
+      flexDirection: 'row-reverse'
+    } : {}]
+  }, /*#__PURE__*/_react.default.createElement(_PredeterminedIcon.PredeterminedIcon, {
+    name: isShowHide ? 'red-eye-off' : 'red-eye',
+    size: 20
+  }), isShowHide && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: showHideTextButton
+  }, hide), !isShowHide && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: showHideTextButton
+  }, show))));
+}
+//# sourceMappingURL=ShowHideButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_styles","_themeColors","_NiInputInterfaces","_PredeterminedIcon","obj","__esModule","default","ShowHide","setShowHide","isShowHide","setIsShowHide","showHideLabels","show","hide","theme","color","NIThemeEnum","light","themeColors","buttonShowHideTextColor","dark","showHideTextButton","createElement","View","style","styles","showHideButton","I18nManager","isRTL","flexDirection","TouchableOpacity","onPress","row","PredeterminedIcon","name","size","Text"],"sourceRoot":"../../../../src","sources":["components/Pin/ShowHideButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAQA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAJ,OAAA;AAEA,IAAAK,kBAAA,GAAAL,OAAA;AAA+D,SAAAD,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEhD,SAASG,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,KAAKE,8BAAW,CAACC,KAAK,GACvBC,wBAAW,CAACD,KAAK,CAACE,uBAAuB,GACzCD,wBAAW,CAACE,IAAI,CAACD,uBAAuB;EAC9C,MAAME,kBAA6B,GAAG;IACpCN,KAAK,EAAEA;EACT,CAAC;EAED,oBACEnB,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACvB,YAAA,CAAAwB,IAAI;IACHC,KAAK,EAAE,CACLC,eAAM,CAACC,cAAc,EACrBC,wBAAW,CAACC,KAAK,GAAG;MAAEC,aAAa,EAAE;IAAM,CAAC,GAAG,CAAC,CAAC;EACjD,gBAEFjC,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACvB,YAAA,CAAA+B,gBAAgB;IAACC,OAAO,EAAEA,CAAA,KAAMrB,aAAa,CAAC,CAACD,UAAU;EAAE,gBAC1Db,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACvB,YAAA,CAAAwB,IAAI;IACHC,KAAK,EAAE,CACLC,eAAM,CAACO,GAAG,EACVL,wBAAW,CAACC,KAAK,GAAG;MAAEC,aAAa,EAAE;IAAc,CAAC,GAAG,CAAC,CAAC;EACzD,gBAEFjC,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACnB,kBAAA,CAAA8B,iBAAiB;IAChBC,IAAI,EAAEzB,UAAU,GAAG,aAAa,GAAG,SAAU;IAC7C0B,IAAI,EAAE;EAAG,CACV,CAAC,EACD1B,UAAU,iBAAIb,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACvB,YAAA,CAAAqC,IAAI;IAACZ,KAAK,EAAEH;EAAmB,GAAER,IAAW,CAAC,EAC5D,CAACJ,UAAU,iBAAIb,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACvB,YAAA,CAAAqC,IAAI;IAACZ,KAAK,EAAEH;EAAmB,GAAET,IAAW,CACzD,CACU,CACd,CAAC;AAEX"}

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

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+const styles = _reactNative.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
+  }
+});
+var _default = exports.default = styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","styles","StyleSheet","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","_default","exports","default"],"sourceRoot":"../../../../src","sources":["components/Pin/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,MAAMC,MAAM,GAAGC,uBAAU,CAACC,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;AAAC,IAAAc,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEYhC,MAAM"}

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

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = LoadingState;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _themeColors = require("../../config/themeColors");
+var _NiInputInterfaces = require("../../interfaces/NiInputInterfaces");
+var _configCard = require("../../config/configCard");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function LoadingState({
+  isLoading,
+  theme,
+  isCardDetails
+}) {
+  const color = theme === _NiInputInterfaces.NIThemeEnum.light ? _themeColors.themeColors.light.colorActivityIndicator : _themeColors.themeColors.dark.colorActivityIndicator;
+  const LoadingIndicator = {
+    top: isCardDetails ? -(_configCard.HEIGHT_CARD + 24) / 2 : 250
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: LoadingIndicator
+  }, isLoading && /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, {
+    size: "small",
+    color: color
+  }));
+}
+//# sourceMappingURL=LoadingState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_themeColors","_NiInputInterfaces","_configCard","obj","__esModule","default","LoadingState","isLoading","theme","isCardDetails","color","NIThemeEnum","light","themeColors","colorActivityIndicator","dark","LoadingIndicator","top","HEIGHT_CARD","createElement","View","style","ActivityIndicator","size"],"sourceRoot":"../../../../src","sources":["components/PinState/LoadingState.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAAsD,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEvC,SAASG,YAAYA,CAAC;EACnCC,SAAS;EACTC,KAAK;EACLC;AAKF,CAAC,EAAe;EACd,MAAMC,KAAK,GACTF,KAAK,KAAKG,8BAAW,CAACC,KAAK,GACvBC,wBAAW,CAACD,KAAK,CAACE,sBAAsB,GACxCD,wBAAW,CAACE,IAAI,CAACD,sBAAsB;EAE7C,MAAME,gBAA2B,GAAG;IAClCC,GAAG,EAAER,aAAa,GAAG,EAAES,uBAAW,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG;EACjD,CAAC;EACD,oBACEtB,MAAA,CAAAS,OAAA,CAAAc,aAAA,CAACpB,YAAA,CAAAqB,IAAI;IAACC,KAAK,EAAEL;EAAiB,GAC3BT,SAAS,iBAAIX,MAAA,CAAAS,OAAA,CAAAc,aAAA,CAACpB,YAAA,CAAAuB,iBAAiB;IAACC,IAAI,EAAC,OAAO;IAACb,KAAK,EAAEA;EAAM,CAAE,CACzD,CAAC;AAEX"}

package/lib/commonjs/components/PinState/PinState.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _LoadingState = _interopRequireDefault(require("./LoadingState"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function PinState({
+  isLoading,
+  theme,
+  isCardDetails
+}) {
+  const pinState = isCardDetails ? {} : {
+    position: 'absolute',
+    width: '100%'
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: pinState
+  }, /*#__PURE__*/_react.default.createElement(_LoadingState.default, {
+    isLoading: isLoading,
+    theme: theme,
+    isCardDetails: isCardDetails
+  }));
+}
+var _default = exports.default = PinState;
+//# sourceMappingURL=PinState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_LoadingState","obj","__esModule","default","PinState","isLoading","theme","isCardDetails","pinState","position","width","createElement","View","style","_default","exports"],"sourceRoot":"../../../../src","sources":["components/PinState/PinState.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA0C,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE1C,SAASG,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,oBACEd,MAAA,CAAAO,OAAA,CAAAQ,aAAA,CAACZ,YAAA,CAAAa,IAAI;IAACC,KAAK,EAAEL;EAAS,gBACpBZ,MAAA,CAAAO,OAAA,CAAAQ,aAAA,CAACX,aAAA,CAAAG,OAAY;IACXE,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAEA,KAAM;IACbC,aAAa,EAAEA;EAAc,CAC9B,CACG,CAAC;AAEX;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAZ,OAAA,GAEcC,QAAQ"}

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ConfirmPin;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _NiInputInterfaces = require("../../interfaces/NiInputInterfaces");
+var _themeColors = require("../../config/themeColors");
+var _NIButton = require("../NIButton/NIButton");
+var _styles = _interopRequireDefault(require("./styles"));
+var _localization = _interopRequireDefault(require("../../utils/localization"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ConfirmPin({
+  language,
+  theme,
+  disabled,
+  onConfirmPin
+}) {
+  const buttonConfirmColorDisabled = theme === _NiInputInterfaces.NIThemeEnum.light ? _themeColors.themeColors.light.buttonConfirmColorDisabled : _themeColors.themeColors.dark.buttonConfirmColorDisabled;
+  const confirmButton = {
+    backgroundColor: buttonConfirmColorDisabled,
+    borderRadius: 20
+  };
+  const confirmPinButtonsLinearGradientColors = theme === _NiInputInterfaces.NIThemeEnum.light ? _themeColors.themeColors.light.confirmPinButtonsLinearGradientColors : _themeColors.themeColors.dark.confirmPinButtonsLinearGradientColors;
+  const textColor = theme === _NiInputInterfaces.NIThemeEnum.light ? _themeColors.themeColors.light.buttonConfirmTextColor : _themeColors.themeColors.dark.buttonConfirmTextColor;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [_styles.default.confirmButton, confirmButton]
+  }, /*#__PURE__*/_react.default.createElement(_NIButton.NIButton, {
+    title: (0, _localization.default)(language).setPinButtonLabel,
+    mode: "text",
+    disabled: disabled,
+    textColor: textColor,
+    colors: confirmPinButtonsLinearGradientColors,
+    onPress: onConfirmPin
+  }));
+}
+//# sourceMappingURL=ConfirmPin.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_NiInputInterfaces","_themeColors","_NIButton","_styles","_localization","obj","__esModule","default","ConfirmPin","language","theme","disabled","onConfirmPin","buttonConfirmColorDisabled","NIThemeEnum","light","themeColors","dark","confirmButton","backgroundColor","borderRadius","confirmPinButtonsLinearGradientColors","textColor","buttonConfirmTextColor","createElement","View","style","styles","NIButton","title","localLabels","setPinButtonLabel","mode","colors","onPress"],"sourceRoot":"../../../../src","sources":["components/SetPin/ConfirmPin.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,kBAAA,GAAAF,OAAA;AAEA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,aAAA,GAAAP,sBAAA,CAAAC,OAAA;AAAmD,SAAAD,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEpC,SAASG,UAAUA,CAAC;EACjCC,QAAQ;EACRC,KAAK;EACLC,QAAQ;EACRC;AACY,CAAC,EAAe;EAC5B,MAAMC,0BAA0B,GAC9BH,KAAK,KAAKI,8BAAW,CAACC,KAAK,GACvBC,wBAAW,CAACD,KAAK,CAACF,0BAA0B,GAC5CG,wBAAW,CAACC,IAAI,CAACJ,0BAA0B;EACjD,MAAMK,aAAwB,GAAG;IAC/BC,eAAe,EAAEN,0BAA0B;IAC3CO,YAAY,EAAE;EAChB,CAAC;EACD,MAAMC,qCAAqC,GACzCX,KAAK,KAAKI,8BAAW,CAACC,KAAK,GACvBC,wBAAW,CAACD,KAAK,CAACM,qCAAqC,GACvDL,wBAAW,CAACC,IAAI,CAACI,qCAAqC;EAE5D,MAAMC,SAAS,GACbZ,KAAK,KAAKI,8BAAW,CAACC,KAAK,GACvBC,wBAAW,CAACD,KAAK,CAACQ,sBAAsB,GACxCP,wBAAW,CAACC,IAAI,CAACM,sBAAsB;EAE7C,oBACE3B,MAAA,CAAAW,OAAA,CAAAiB,aAAA,CAACzB,YAAA,CAAA0B,IAAI;IAACC,KAAK,EAAE,CAACC,eAAM,CAACT,aAAa,EAAEA,aAAa;EAAE,gBACjDtB,MAAA,CAAAW,OAAA,CAAAiB,aAAA,CAACtB,SAAA,CAAA0B,QAAQ;IACPC,KAAK,EAAE,IAAAC,qBAAW,EAACrB,QAAQ,CAAC,CAACsB,iBAAkB;IAC/CC,IAAI,EAAC,MAAM;IACXrB,QAAQ,EAAEA,QAAS;IACnBW,SAAS,EAAEA,SAAU;IACrBW,MAAM,EAAEZ,qCAAsC;IAC9Ca,OAAO,EAAEtB;EAAa,CACvB,CACG,CAAC;AAEX"}

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

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ReenterCardPin;
+var _react = _interopRequireDefault(require("react"));
+var _NiInputInterfaces = require("../../interfaces/NiInputInterfaces");
+var _NiInterfaces = require("../../interfaces/NiInterfaces");
+var _CapturePin = _interopRequireDefault(require("../Pin/CapturePin"));
+var _localization = _interopRequireDefault(require("../../utils/localization"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ReenterCardPin({
+  setPin: {
+    confirmationPin,
+    setConfirmationPin,
+    pin,
+    pinEditable
+  },
+  setNextStep: {
+    step,
+    onConfirmPin
+  },
+  pinType,
+  language,
+  theme,
+  input
+}) {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, step === _NiInterfaces.NIStepEnum.reEnterPinStep && /*#__PURE__*/_react.default.createElement(_CapturePin.default, {
+    setPin: {
+      pin: confirmationPin,
+      setPin: setConfirmationPin,
+      initialPin: pin,
+      pinEditable
+    },
+    setNextStep: {
+      step,
+      onConfirmPin
+    },
+    pinType: pinType,
+    title: (0, _localization.default)(language).setPinButtonLabel,
+    pinLabel: (0, _localization.default)(language).confirmCardPIN,
+    wrongPinLabel: (0, _localization.default)(language).wrongCardPin,
+    pinLabelIndex: _NiInputInterfaces.NILabels.setPinDescriptionLabel,
+    showHideLabels: {
+      show: (0, _localization.default)(language).show,
+      hide: (0, _localization.default)(language).hide
+    },
+    theme: theme,
+    input: input
+  }));
+}
+//# sourceMappingURL=ReenterCardPin.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_NiInputInterfaces","_NiInterfaces","_CapturePin","_localization","obj","__esModule","default","ReenterCardPin","setPin","confirmationPin","setConfirmationPin","pin","pinEditable","setNextStep","step","onConfirmPin","pinType","language","theme","input","createElement","Fragment","NIStepEnum","reEnterPinStep","initialPin","title","localLabels","setPinButtonLabel","pinLabel","confirmCardPIN","wrongPinLabel","wrongCardPin","pinLabelIndex","NILabels","setPinDescriptionLabel","showHideLabels","show","hide"],"sourceRoot":"../../../../src","sources":["components/SetPin/ReenterCardPin.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAIA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,aAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAmD,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEpC,SAASG,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,oBACEtB,MAAA,CAAAS,OAAA,CAAAc,aAAA,CAAAvB,MAAA,CAAAS,OAAA,CAAAe,QAAA,QACGP,IAAI,KAAKQ,wBAAU,CAACC,cAAc,iBACjC1B,MAAA,CAAAS,OAAA,CAAAc,aAAA,CAAClB,WAAA,CAAAI,OAAU;IACTE,MAAM,EAAE;MACNG,GAAG,EAAEF,eAAe;MACpBD,MAAM,EAAEE,kBAAkB;MAC1Bc,UAAU,EAAEb,GAAG;MACfC;IACF,CAAE;IACFC,WAAW,EAAE;MAAEC,IAAI;MAAEC;IAAa,CAAE;IACpCC,OAAO,EAAEA,OAAQ;IACjBS,KAAK,EAAE,IAAAC,qBAAW,EAACT,QAAQ,CAAC,CAACU,iBAAkB;IAC/CC,QAAQ,EAAE,IAAAF,qBAAW,EAACT,QAAQ,CAAC,CAACY,cAAe;IAC/CC,aAAa,EAAE,IAAAJ,qBAAW,EAACT,QAAQ,CAAC,CAACc,YAAa;IAClDC,aAAa,EAAEC,2BAAQ,CAACC,sBAAuB;IAC/CC,cAAc,EAAE;MACdC,IAAI,EAAE,IAAAV,qBAAW,EAACT,QAAQ,CAAC,CAACmB,IAAI;MAChCC,IAAI,EAAE,IAAAX,qBAAW,EAACT,QAAQ,CAAC,CAACoB;IAC9B,CAAE;IACFnB,KAAK,EAAEA,KAAM;IACbC,KAAK,EAAEA;EAAM,CACd,CAEH,CAAC;AAEP"}

package/lib/commonjs/components/SetPin/SetPin.js

@@ -0,0 +1,118 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _NiInputInterfaces = require("../../interfaces/NiInputInterfaces");
+var _NiInterfaces = require("../../interfaces/NiInterfaces");
+var _SetUpNewCardPin = _interopRequireDefault(require("./SetUpNewCardPin"));
+var _ReenterCardPin = _interopRequireDefault(require("./ReenterCardPin"));
+var _NextButton = _interopRequireDefault(require("../Pin/NextButton"));
+var _ConfirmPin = _interopRequireDefault(require("./ConfirmPin"));
+var _styles = _interopRequireDefault(require("./styles"));
+var _themeColors = require("../../config/themeColors");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function SetPin({
+  input,
+  pinType,
+  result,
+  isLoading,
+  onSetPin,
+  callback
+}) {
+  const [pin, setPin] = (0, _react.useState)('');
+  const [confirmationPin, setConfirmationPin] = (0, _react.useState)('');
+  const [step, setNextStep] = (0, _react.useState)(_NiInterfaces.NIStepEnum.setupPinStep);
+  const [pinEditable, setPinEditable] = (0, _react.useState)(true);
+  const [keyboardHeight, setKeyboardHeight] = (0, _react.useState)(0);
+  const [initialKeyboardHeight, setInitialKeyboardHeight] = (0, _react.useState)(0);
+  const language = input && input.displayAttributes?.language || _NiInputInterfaces.NILanguageEnum.english;
+  const theme = input?.displayAttributes?.theme || _NiInputInterfaces.NIThemeEnum.light;
+  const container = {
+    backgroundColor: theme === _NiInputInterfaces.NIThemeEnum.light ? _themeColors.themeColors.light.background : _themeColors.themeColors.dark.background,
+    paddingBottom: _reactNative.Platform.OS === 'ios' ? keyboardHeight : 0
+  };
+  const isVisibleConfirmationButtonStep = step === _NiInterfaces.NIStepEnum.reEnterPinStep;
+  const isVisibleConfirmationButton = isVisibleConfirmationButtonStep && pin === confirmationPin;
+  const disabled = !isVisibleConfirmationButton || isLoading || !!result;
+  const pinLength = pinType === _NiInputInterfaces.NIPinTypeEnum.dynamicFourToSix ? _NiInputInterfaces.NIPinTypeEnum.sixDigits : pinType;
+  const isPinDone = pinType === _NiInputInterfaces.NIPinTypeEnum.dynamicFourToSix ? pin.length >= _NiInputInterfaces.NIPinTypeEnum.fourDigits : pin.length === pinLength;
+  function onConfirmPin() {
+    !disabled && input && onSetPin && onSetPin(pin, input, callback);
+    setPinEditable(false);
+  }
+  (0, _react.useEffect)(() => {
+    _reactNative.Keyboard.addListener('keyboardDidShow', () => {
+      const metrics = _reactNative.Keyboard.metrics();
+      if (!initialKeyboardHeight) {
+        setInitialKeyboardHeight(metrics?.height || 0);
+      }
+      setKeyboardHeight(metrics?.height || 0);
+    });
+    _reactNative.Keyboard.addListener('keyboardWillHide', () => {
+      setKeyboardHeight(0);
+    });
+    _reactNative.Keyboard.addListener('keyboardWillShow', () => {
+      if (initialKeyboardHeight) {
+        setKeyboardHeight(initialKeyboardHeight);
+      }
+    });
+  }, [initialKeyboardHeight]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableWithoutFeedback, {
+    onPress: _reactNative.Keyboard.dismiss
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [_styles.default.container, container]
+  }, /*#__PURE__*/_react.default.createElement(_SetUpNewCardPin.default, {
+    setPin: {
+      pin,
+      setPin,
+      pinEditable
+    },
+    setNextStep: {
+      step,
+      setNextStep
+    },
+    pinType: pinType,
+    language: language,
+    theme: theme,
+    input: input
+  }), /*#__PURE__*/_react.default.createElement(_ReenterCardPin.default, {
+    setPin: {
+      confirmationPin,
+      setConfirmationPin,
+      pin,
+      pinEditable
+    },
+    setNextStep: {
+      step,
+      onConfirmPin
+    },
+    pinType: pinType,
+    language: language,
+    theme: theme,
+    input: input
+  }), !isVisibleConfirmationButtonStep && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [_styles.default.capturePinSection, _reactNative.I18nManager.isRTL ? {
+      flexDirection: 'row'
+    } : {}]
+  }, /*#__PURE__*/_react.default.createElement(_NextButton.default, {
+    setNextStep: {
+      step,
+      setNextStep
+    },
+    disabled: !isPinDone,
+    theme: theme
+  })), isVisibleConfirmationButtonStep && /*#__PURE__*/_react.default.createElement(_ConfirmPin.default, {
+    language: language,
+    theme: theme,
+    disabled: !pinEditable || disabled,
+    onConfirmPin: onConfirmPin
+  })));
+}
+var _default = exports.default = SetPin;
+//# sourceMappingURL=SetPin.js.map