@bifold/core 1.0.0 → 2.0.1

package/lib/commonjs/screens/PINChange.js

@@ -0,0 +1,212 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _native = require("@react-navigation/native");
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _reactNative = require("react-native");
+var _ButtonApi = require("../components/buttons/Button-api");
+var _PINInput = _interopRequireDefault(require("../components/inputs/PINInput"));
+var _PINValidationHelper = _interopRequireDefault(require("../components/misc/PINValidationHelper"));
+var _AlertModal = _interopRequireDefault(require("../components/modals/AlertModal"));
+var _KeyboardView = _interopRequireDefault(require("../components/views/KeyboardView"));
+var _constants = require("../constants");
+var _containerApi = require("../container-api");
+var _animatedComponents = require("../contexts/animated-components");
+var _auth = require("../contexts/auth");
+var _store = require("../contexts/store");
+var _theme = require("../contexts/theme");
+var _usePINValidation = require("../hooks/usePINValidation");
+var _types = require("../modules/history/types");
+var _error = require("../types/error");
+var _navigators = require("../types/navigators");
+var _agent = require("../utils/agent");
+var _testable = require("../utils/testable");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 && {}.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; }
+// eslint-disable-next-line import/no-named-as-default
+
+const PINChange = () => {
+  const {
+    agent
+  } = (0, _agent.useAppAgent)();
+  const {
+    checkWalletPIN,
+    rekeyWallet
+  } = (0, _auth.useAuth)();
+  const [PIN, setPIN] = (0, _react.useState)('');
+  const [PINTwo, setPINTwo] = (0, _react.useState)('');
+  const [PINOld, setPINOld] = (0, _react.useState)('');
+  const [isLoading, setIsLoading] = (0, _react.useState)(false);
+  const navigation = (0, _native.useNavigation)();
+  const [store] = (0, _store.useStore)();
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  const {
+    ColorPallet
+  } = (0, _theme.useTheme)();
+  const {
+    ButtonLoading
+  } = (0, _animatedComponents.useAnimatedComponents)();
+  const PINTwoInputRef = (0, _react.useRef)(null);
+  const createPINButtonRef = (0, _react.useRef)(null);
+  const [PINHeader, Button, inlineMessages, logger, historyManagerCurried, historyEnabled, historyEventsLogger] = (0, _containerApi.useServices)([_containerApi.TOKENS.COMPONENT_PIN_HEADER, _containerApi.TOKENS.COMP_BUTTON, _containerApi.TOKENS.INLINE_ERRORS, _containerApi.TOKENS.UTIL_LOGGER, _containerApi.TOKENS.FN_LOAD_HISTORY, _containerApi.TOKENS.HISTORY_ENABLED, _containerApi.TOKENS.HISTORY_EVENTS_LOGGER]);
+  const {
+    PINValidations,
+    validatePINEntry,
+    inlineMessageField1,
+    inlineMessageField2,
+    modalState,
+    setModalState,
+    clearModal,
+    PINSecurity
+  } = (0, _usePINValidation.usePINValidation)(PIN, PINTwo);
+  const style = _reactNative.StyleSheet.create({
+    screenContainer: {
+      height: '100%',
+      backgroundColor: ColorPallet.brand.primaryBackground,
+      padding: 20,
+      justifyContent: 'space-between'
+    },
+    // below used as helpful labels for views, no properties needed atp
+    contentContainer: {},
+    controlsContainer: {}
+  });
+  const checkOldPIN = (0, _react.useCallback)(async PIN => {
+    const valid = await checkWalletPIN(PIN);
+    if (!valid) {
+      setModalState({
+        visible: true,
+        title: t('PINCreate.InvalidPIN'),
+        message: t(`PINCreate.Message.OldPINIncorrect`),
+        onModalDismiss: clearModal
+      });
+    }
+    return valid;
+  }, [checkWalletPIN, t, setModalState, clearModal]);
+  const logHistoryRecord = (0, _react.useCallback)(() => {
+    try {
+      if (!(agent && historyEnabled)) {
+        logger.trace(`[${PINChange.name}]:[logHistoryRecord] Skipping history log, either history function disabled or agent undefined`);
+        return;
+      }
+      const historyManager = historyManagerCurried(agent);
+      /** Save history record for pin edited */
+      const recordData = {
+        type: _types.HistoryCardType.PinChanged,
+        message: _types.HistoryCardType.PinChanged,
+        createdAt: new Date()
+      };
+      historyManager.saveHistory(recordData);
+    } catch (err) {
+      logger.error(`[${PINChange.name}]:[logHistoryRecord] Error saving history: ${err}`);
+    }
+  }, [agent, historyEnabled, logger, historyManagerCurried]);
+  const handleChangePinTap = async () => {
+    try {
+      setIsLoading(true);
+      const valid = validatePINEntry(PIN, PINTwo);
+      if (valid) {
+        const oldPinValid = await checkOldPIN(PINOld);
+        if (oldPinValid) {
+          const success = await rekeyWallet(agent, PINOld, PIN, store.preferences.useBiometry);
+          if (success) {
+            if (historyEventsLogger.logPinChanged) {
+              logHistoryRecord();
+            }
+            setModalState({
+              visible: true,
+              title: t('PINChange.PinChangeSuccessTitle'),
+              message: t('PINChange.PinChangeSuccessMessage'),
+              onModalDismiss: () => {
+                navigation.navigate(_navigators.Screens.Settings);
+                clearModal();
+              }
+            });
+          }
+        }
+      }
+    } catch (err) {
+      const error = new _error.BifoldError(t('Error.Title1049'), t('Error.Message1049'), (err === null || err === void 0 ? void 0 : err.message) ?? err, 1049);
+      _reactNative.DeviceEventEmitter.emit(_constants.EventTypes.ERROR_ADDED, error);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  const isContinueDisabled = (0, _react.useMemo)(() => {
+    if (inlineMessages || isLoading) {
+      return false;
+    }
+    return PIN === '' || PINTwo === '' || PINOld === '' || PIN.length < _constants.minPINLength || PINTwo.length < _constants.minPINLength;
+  }, [inlineMessages, isLoading, PIN, PINTwo, PINOld]);
+  return /*#__PURE__*/_react.default.createElement(_KeyboardView.default, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: style.screenContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: style.contentContainer
+  }, /*#__PURE__*/_react.default.createElement(PINHeader, {
+    updatePin: true
+  }), /*#__PURE__*/_react.default.createElement(_PINInput.default, {
+    label: t('PINChange.EnterOldPINTitle'),
+    testID: (0, _testable.testIdWithKey)('EnterOldPIN'),
+    accessibilityLabel: t('PINChange.EnterOldPIN'),
+    onPINChanged: p => {
+      setPINOld(p);
+    }
+  }), /*#__PURE__*/_react.default.createElement(_PINInput.default, {
+    label: t('PINChange.EnterPINTitle'),
+    onPINChanged: p => {
+      setPIN(p);
+      if (p.length === _constants.minPINLength && PINTwoInputRef !== null && PINTwoInputRef !== void 0 && PINTwoInputRef.current) {
+        PINTwoInputRef.current.focus();
+        const reactTag = (0, _reactNative.findNodeHandle)(PINTwoInputRef.current);
+        if (reactTag) {
+          _reactNative.AccessibilityInfo.setAccessibilityFocus(reactTag);
+        }
+      }
+    },
+    testID: (0, _testable.testIdWithKey)('EnterPIN'),
+    accessibilityLabel: t('PINCreate.EnterPIN'),
+    autoFocus: false,
+    inlineMessage: inlineMessageField1
+  }), /*#__PURE__*/_react.default.createElement(_PINInput.default, {
+    label: t('PINChange.ReenterPIN'),
+    onPINChanged: p => {
+      setPINTwo(p);
+      if (p.length === _constants.minPINLength) {
+        _reactNative.Keyboard.dismiss();
+        const reactTag = (createPINButtonRef === null || createPINButtonRef === void 0 ? void 0 : createPINButtonRef.current) && (0, _reactNative.findNodeHandle)(createPINButtonRef.current);
+        if (reactTag) {
+          _reactNative.AccessibilityInfo.setAccessibilityFocus(reactTag);
+        }
+      }
+    },
+    testID: (0, _testable.testIdWithKey)('ReenterPIN'),
+    accessibilityLabel: t('PINChange.ReenterPIN'),
+    autoFocus: false,
+    ref: PINTwoInputRef,
+    inlineMessage: inlineMessageField2
+  }), PINSecurity.displayHelper && /*#__PURE__*/_react.default.createElement(_PINValidationHelper.default, {
+    validations: PINValidations
+  }), modalState.visible && /*#__PURE__*/_react.default.createElement(_AlertModal.default, {
+    title: modalState.title,
+    message: modalState.message,
+    submit: modalState.onModalDismiss
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: style.controlsContainer
+  }, /*#__PURE__*/_react.default.createElement(Button, {
+    title: t('PINChange.ChangePIN'),
+    testID: (0, _testable.testIdWithKey)('ChangePIN'),
+    accessibilityLabel: t('PINChange.ChangePIN'),
+    buttonType: _ButtonApi.ButtonType.Primary,
+    disabled: isContinueDisabled,
+    onPress: handleChangePinTap,
+    ref: createPINButtonRef
+  }, isLoading ? /*#__PURE__*/_react.default.createElement(ButtonLoading, null) : null))));
+};
+var _default = exports.default = PINChange;
+//# sourceMappingURL=PINChange.js.map

package/lib/commonjs/screens/PINChange.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_native","require","_react","_interopRequireWildcard","_reactI18next","_reactNative","_ButtonApi","_PINInput","_interopRequireDefault","_PINValidationHelper","_AlertModal","_KeyboardView","_constants","_containerApi","_animatedComponents","_auth","_store","_theme","_usePINValidation","_types","_error","_navigators","_agent","_testable","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","PINChange","agent","useAppAgent","checkWalletPIN","rekeyWallet","useAuth","PIN","setPIN","useState","PINTwo","setPINTwo","PINOld","setPINOld","isLoading","setIsLoading","navigation","useNavigation","store","useStore","useTranslation","ColorPallet","useTheme","ButtonLoading","useAnimatedComponents","PINTwoInputRef","useRef","createPINButtonRef","PINHeader","Button","inlineMessages","logger","historyManagerCurried","historyEnabled","historyEventsLogger","useServices","TOKENS","COMPONENT_PIN_HEADER","COMP_BUTTON","INLINE_ERRORS","UTIL_LOGGER","FN_LOAD_HISTORY","HISTORY_ENABLED","HISTORY_EVENTS_LOGGER","PINValidations","validatePINEntry","inlineMessageField1","inlineMessageField2","modalState","setModalState","clearModal","PINSecurity","usePINValidation","style","StyleSheet","create","screenContainer","height","backgroundColor","brand","primaryBackground","padding","justifyContent","contentContainer","controlsContainer","checkOldPIN","useCallback","valid","visible","title","message","onModalDismiss","logHistoryRecord","trace","name","historyManager","recordData","type","HistoryCardType","PinChanged","createdAt","Date","saveHistory","err","error","handleChangePinTap","oldPinValid","success","preferences","useBiometry","logPinChanged","navigate","Screens","Settings","BifoldError","DeviceEventEmitter","emit","EventTypes","ERROR_ADDED","isContinueDisabled","useMemo","length","minPINLength","createElement","View","updatePin","label","testID","testIdWithKey","accessibilityLabel","onPINChanged","p","current","focus","reactTag","findNodeHandle","AccessibilityInfo","setAccessibilityFocus","autoFocus","inlineMessage","Keyboard","dismiss","ref","displayHelper","validations","submit","buttonType","ButtonType","Primary","disabled","onPress","_default","exports"],"sourceRoot":"../../../src","sources":["screens/PINChange.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/screens/PINCreate.js

@@ -4,13 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _native = require("@react-navigation/native");
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactNative = require("react-native");
-var _MaterialIcons = _interopRequireDefault(require("react-native-vector-icons/MaterialIcons"));
 var _ButtonApi = require("../components/buttons/Button-api");
 var _PINInput = _interopRequireDefault(require("../components/inputs/PINInput"));
+var _PINValidationHelper = _interopRequireDefault(require("../components/misc/PINValidationHelper"));
 var _AlertModal = _interopRequireDefault(require("../components/modals/AlertModal"));
 var _KeyboardView = _interopRequireDefault(require("../components/views/KeyboardView"));
 var _constants = require("../constants");
@@ -20,14 +19,9 @@ var _auth = require("../contexts/auth");
 var _store = require("../contexts/reducers/store");
 var _store2 = require("../contexts/store");
 var _theme = require("../contexts/theme");
+var _usePINValidation = require("../hooks/usePINValidation");
 var _error = require("../types/error");
-var _navigators = require("../types/navigators");
-var _PINCreationValidation = require("../utils/PINCreationValidation");
 var _testable = require("../utils/testable");
-var _InlineErrorText = require("../components/inputs/InlineErrorText");
-var _types = require("../modules/history/types");
-var _agent = require("../utils/agent");
-var _ThemedText = require("../components/texts/ThemedText");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 && {}.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; }
@@ -35,37 +29,18 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 
 const PINCreate = ({
   setAuthenticated,
-  explainedStatus,
-  route
+  explainedStatus
 }) => {
-  var _route$params;
-  const updatePin = (_route$params = route.params) === null || _route$params === void 0 ? void 0 : _route$params.updatePin;
   const {
-    agent
-  } = (0, _agent.useAppAgent)();
-  const {
-    setPIN: setWalletPIN,
-    checkWalletPIN,
-    rekeyWallet
+    setPIN: setWalletPIN
   } = (0, _auth.useAuth)();
   const [PIN, setPIN] = (0, _react.useState)('');
   const [PINTwo, setPINTwo] = (0, _react.useState)('');
-  const [PINOld, setPINOld] = (0, _react.useState)('');
-  const [continueEnabled, setContinueEnabled] = (0, _react.useState)(true);
   const [isLoading, setIsLoading] = (0, _react.useState)(false);
-  const [modalState, setModalState] = (0, _react.useState)({
-    visible: false,
-    title: '',
-    message: ''
-  });
-  const iconSize = 24;
-  const navigation = (0, _native.useNavigation)();
-  const [store, dispatch] = (0, _store2.useStore)();
+  const [, dispatch] = (0, _store2.useStore)();
   const {
     t
   } = (0, _reactI18next.useTranslation)();
-  const [inlineMessageField1, setInlineMessageField1] = (0, _react.useState)();
-  const [inlineMessageField2, setInlineMessageField2] = (0, _react.useState)();
   const {
     ColorPallet
   } = (0, _theme.useTheme)();
@@ -74,14 +49,18 @@ const PINCreate = ({
   } = (0, _animatedComponents.useAnimatedComponents)();
   const PINTwoInputRef = (0, _react.useRef)(null);
   const createPINButtonRef = (0, _react.useRef)(null);
-  const actionButtonLabel = updatePin ? t('PINCreate.ChangePIN') : t('PINCreate.CreatePIN');
-  const actionButtonTestId = updatePin ? (0, _testable.testIdWithKey)('ChangePIN') : (0, _testable.testIdWithKey)('CreatePIN');
-  const [PINExplainer, PINCreateHeader, {
-    PINSecurity,
+  const [PINExplainer, PINHeader, {
     showPINExplainer
-  }, Button, inlineMessages, logger, historyManagerCurried, historyEnabled, historyEventsLogger] = (0, _containerApi.useServices)([_containerApi.TOKENS.SCREEN_PIN_EXPLAINER, _containerApi.TOKENS.COMPONENT_PIN_CREATE_HEADER, _containerApi.TOKENS.CONFIG, _containerApi.TOKENS.COMP_BUTTON, _containerApi.TOKENS.INLINE_ERRORS, _containerApi.TOKENS.UTIL_LOGGER, _containerApi.TOKENS.FN_LOAD_HISTORY, _containerApi.TOKENS.HISTORY_ENABLED, _containerApi.TOKENS.HISTORY_EVENTS_LOGGER]);
+  }, Button, inlineMessages] = (0, _containerApi.useServices)([_containerApi.TOKENS.SCREEN_PIN_EXPLAINER, _containerApi.TOKENS.COMPONENT_PIN_HEADER, _containerApi.TOKENS.CONFIG, _containerApi.TOKENS.COMP_BUTTON, _containerApi.TOKENS.INLINE_ERRORS]);
   const [explained, setExplained] = (0, _react.useState)(explainedStatus || showPINExplainer === false);
-  const [PINOneValidations, setPINOneValidations] = (0, _react.useState)((0, _PINCreationValidation.PINCreationValidations)(PIN, PINSecurity.rules));
+  const {
+    PINValidations,
+    validatePINEntry,
+    inlineMessageField1,
+    inlineMessageField2,
+    modalState,
+    PINSecurity
+  } = (0, _usePINValidation.usePINValidation)(PIN, PINTwo);
   const style = _reactNative.StyleSheet.create({
     screenContainer: {
       height: '100%',
@@ -95,10 +74,9 @@ const PINCreate = ({
   });
   const passcodeCreate = (0, _react.useCallback)(async PIN => {
     try {
-      setContinueEnabled(false);
       await setWalletPIN(PIN);
-      // This will trigger initAgent
       setAuthenticated(true);
+      // this dispatch finishes this step of onboarding and will cause a navigation
       dispatch({
         type: _store.DispatchAction.DID_CREATE_PIN
       });
@@ -107,150 +85,35 @@ const PINCreate = ({
       _reactNative.DeviceEventEmitter.emit(_constants.EventTypes.ERROR_ADDED, error);
     }
   }, [setWalletPIN, setAuthenticated, dispatch, t]);
-  const displayModalMessage = (title, message) => {
-    setModalState({
-      visible: true,
-      title: title,
-      message: message
-    });
-  };
-  const attentionMessage = (0, _react.useCallback)((title, message, pinOne) => {
-    if (inlineMessages.enabled) {
-      const config = {
-        message: message,
-        inlineType: _InlineErrorText.InlineErrorType.error,
-        config: inlineMessages
-      };
-      if (pinOne) {
-        setInlineMessageField1(config);
-      } else {
-        setInlineMessageField2(config);
-      }
-    } else {
-      displayModalMessage(title, message);
-    }
-  }, [inlineMessages]);
-  const validatePINEntry = (0, _react.useCallback)((PINOne, PINTwo) => {
-    for (const validation of PINOneValidations) {
-      if (validation.isInvalid) {
-        attentionMessage(t('PINCreate.InvalidPIN'), t(`PINCreate.Message.${validation.errorName}`, validation === null || validation === void 0 ? void 0 : validation.errorTextAddition), true);
-        return false;
-      }
-    }
-    if (PINOne !== PINTwo) {
-      attentionMessage(t('PINCreate.InvalidPIN'), t('PINCreate.PINsDoNotMatch'), false);
-      return false;
-    }
-    return true;
-  }, [PINOneValidations, t, attentionMessage]);
-  const checkOldPIN = (0, _react.useCallback)(async PIN => {
-    const valid = await checkWalletPIN(PIN);
-    if (!valid) {
-      displayModalMessage(t('PINCreate.InvalidPIN'), t(`PINCreate.Message.OldPINIncorrect`));
-    }
-    return valid;
-  }, [checkWalletPIN, t]);
-  const confirmEntry = (0, _react.useCallback)(async (PINOne, PINTwo) => {
-    if (!validatePINEntry(PINOne, PINTwo)) {
-      return;
-    }
-    await passcodeCreate(PINOne);
-  }, [validatePINEntry, passcodeCreate]);
-  const logHistoryRecord = (0, _react.useCallback)(() => {
-    try {
-      if (!(agent && historyEnabled)) {
-        logger.trace(`[${PINCreate.name}]:[logHistoryRecord] Skipping history log, either history function disabled or agent undefined!`);
-        return;
-      }
-      const historyManager = historyManagerCurried(agent);
-      /** Save history record for pin edited */
-      const recordData = {
-        type: _types.HistoryCardType.PinChanged,
-        message: _types.HistoryCardType.PinChanged,
-        createdAt: new Date()
-      };
-      historyManager.saveHistory(recordData);
-    } catch (err) {
-      logger.error(`[${PINCreate.name}]:[logHistoryRecord] Error saving history: ${err}`);
-    }
-  }, [agent, historyEnabled, logger, historyManagerCurried]);
-  const handleCreatePinTap = async () => {
+  const handleCreatePinTap = (0, _react.useCallback)(async () => {
     setIsLoading(true);
-    if (updatePin) {
-      const valid = validatePINEntry(PIN, PINTwo);
-      if (valid) {
-        setContinueEnabled(false);
-        const oldPinValid = await checkOldPIN(PINOld);
-        if (oldPinValid) {
-          const success = await rekeyWallet(PINOld, PIN, store.preferences.useBiometry);
-          if (success) {
-            if (historyEventsLogger.logPinChanged) {
-              logHistoryRecord();
-            }
-            setModalState({
-              visible: true,
-              title: t('PINCreate.PinChangeSuccessTitle'),
-              message: t('PINCreate.PinChangeSuccessMessage'),
-              onModalDismiss: () => {
-                navigation.navigate(_navigators.Screens.Settings);
-              }
-            });
-          }
-        }
-        setContinueEnabled(true);
-      }
-    } else {
-      await confirmEntry(PIN, PINTwo);
+    if (validatePINEntry(PIN, PINTwo)) {
+      await passcodeCreate(PIN);
     }
     setIsLoading(false);
-  };
-  const isContinueDisabled = () => {
-    if (inlineMessages) {
+  }, [PIN, PINTwo, passcodeCreate, validatePINEntry]);
+  const isContinueDisabled = (0, _react.useMemo)(() => {
+    if (inlineMessages.enabled) {
       return false;
     }
-    return !continueEnabled || PIN.length < _constants.minPINLength || PINTwo.length < _constants.minPINLength;
-  };
-  (0, _react.useEffect)(() => {
-    if (updatePin) {
-      setContinueEnabled(PIN !== '' && PINTwo !== '' && PINOld !== '');
-    }
-  }, [updatePin, PIN, PINTwo, PINOld]);
-  const continueCreatePIN = () => {
+    return isLoading || PIN.length < _constants.minPINLength || PINTwo.length < _constants.minPINLength;
+  }, [isLoading, PIN, PINTwo, inlineMessages]);
+  const continueCreatePIN = (0, _react.useCallback)(() => {
     setExplained(true);
-  };
-  (0, _react.useEffect)(() => {
-    setInlineMessageField1(undefined);
-    setInlineMessageField2(undefined);
-  }, [PIN, PINTwo]);
+  }, []);
   return explained ? /*#__PURE__*/_react.default.createElement(_KeyboardView.default, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: style.screenContainer
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: style.contentContainer
-  }, /*#__PURE__*/_react.default.createElement(PINCreateHeader, {
-    updatePin: updatePin
-  }), updatePin && /*#__PURE__*/_react.default.createElement(_PINInput.default, {
-    label: t('PINCreate.EnterOldPINTitle'),
-    testID: (0, _testable.testIdWithKey)('EnterOldPIN'),
-    accessibilityLabel: t('PINCreate.EnterOldPIN'),
-    onPINChanged: p => {
-      setPINOld(p);
-    }
-  }), /*#__PURE__*/_react.default.createElement(_PINInput.default, {
-    label: t('PINCreate.EnterPINTitle', {
-      new: updatePin ? t('PINCreate.NewPIN') + ' ' : ''
-    }),
+  }, /*#__PURE__*/_react.default.createElement(PINHeader, null), /*#__PURE__*/_react.default.createElement(_PINInput.default, {
+    label: t('PINCreate.EnterPINTitle'),
     onPINChanged: p => {
       setPIN(p);
-      setPINOneValidations((0, _PINCreationValidation.PINCreationValidations)(p, PINSecurity.rules));
-      if (p.length === _constants.minPINLength) {
-        if (PINTwoInputRef !== null && PINTwoInputRef !== void 0 && PINTwoInputRef.current) {
-          PINTwoInputRef.current.focus();
-          // NOTE:(jl) `findNodeHandle` will be deprecated in React 18.
-          // https://reactnative.dev/docs/new-architecture-library-intro#preparing-your-javascript-codebase-for-the-new-react-native-renderer-fabric
-          const reactTag = (0, _reactNative.findNodeHandle)(PINTwoInputRef.current);
-          if (reactTag) {
-            _reactNative.AccessibilityInfo.setAccessibilityFocus(reactTag);
-          }
+      if (p.length === _constants.minPINLength && PINTwoInputRef !== null && PINTwoInputRef !== void 0 && PINTwoInputRef.current) {
+        PINTwoInputRef.current.focus();
+        const reactTag = (0, _reactNative.findNodeHandle)(PINTwoInputRef.current);
+        if (reactTag) {
+          _reactNative.AccessibilityInfo.setAccessibilityFocus(reactTag);
         }
       }
     },
@@ -259,79 +122,39 @@ const PINCreate = ({
     autoFocus: false,
     inlineMessage: inlineMessageField1
   }), /*#__PURE__*/_react.default.createElement(_PINInput.default, {
-    label: t('PINCreate.ReenterPIN', {
-      new: updatePin ? t('PINCreate.NewPIN') + ' ' : ''
-    }),
+    label: t('PINCreate.ReenterPIN'),
     onPINChanged: p => {
       setPINTwo(p);
       if (p.length === _constants.minPINLength) {
         _reactNative.Keyboard.dismiss();
-        if (createPINButtonRef !== null && createPINButtonRef !== void 0 && createPINButtonRef.current) {
-          // NOTE:(jl) `findNodeHandle` will be deprecated in React 18.
-          // https://reactnative.dev/docs/new-architecture-library-intro#preparing-your-javascript-codebase-for-the-new-react-native-renderer-fabric
-          const reactTag = (0, _reactNative.findNodeHandle)(createPINButtonRef.current);
-          if (reactTag) {
-            _reactNative.AccessibilityInfo.setAccessibilityFocus(reactTag);
-          }
+        const reactTag = (createPINButtonRef === null || createPINButtonRef === void 0 ? void 0 : createPINButtonRef.current) && (0, _reactNative.findNodeHandle)(createPINButtonRef.current);
+        if (reactTag) {
+          _reactNative.AccessibilityInfo.setAccessibilityFocus(reactTag);
         }
       }
     },
     testID: (0, _testable.testIdWithKey)('ReenterPIN'),
-    accessibilityLabel: t('PINCreate.ReenterPIN', {
-      new: updatePin ? t('PINCreate.NewPIN') + ' ' : ''
-    }),
+    accessibilityLabel: t('PINCreate.ReenterPIN'),
     autoFocus: false,
     ref: PINTwoInputRef,
     inlineMessage: inlineMessageField2
-  }), PINSecurity.displayHelper && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      marginBottom: 16
-    }
-  }, PINOneValidations.map((validation, index) => {
-    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      style: {
-        flexDirection: 'row'
-      },
-      key: index
-    }, validation.isInvalid ? /*#__PURE__*/_react.default.createElement(_MaterialIcons.default, {
-      accessibilityLabel: t('PINCreate.Helper.ClearIcon'),
-      name: "clear",
-      size: iconSize,
-      color: ColorPallet.notification.errorIcon
-    }) : /*#__PURE__*/_react.default.createElement(_MaterialIcons.default, {
-      accessibilityLabel: t('PINCreate.Helper.CheckIcon'),
-      name: "check",
-      size: iconSize,
-      color: ColorPallet.notification.successIcon
-    }), /*#__PURE__*/_react.default.createElement(_ThemedText.ThemedText, {
-      style: {
-        paddingLeft: 4
-      }
-    }, t(`PINCreate.Helper.${validation.errorName}`, validation === null || validation === void 0 ? void 0 : validation.errorTextAddition)));
-  })), modalState.visible && /*#__PURE__*/_react.default.createElement(_AlertModal.default, {
+  }), PINSecurity.displayHelper && /*#__PURE__*/_react.default.createElement(_PINValidationHelper.default, {
+    validations: PINValidations
+  }), modalState.visible && /*#__PURE__*/_react.default.createElement(_AlertModal.default, {
     title: modalState.title,
     message: modalState.message,
-    submit: () => {
-      if (modalState.onModalDismiss) {
-        modalState.onModalDismiss();
-      }
-      setModalState({
-        ...modalState,
-        visible: false,
-        onModalDismiss: undefined
-      });
-    }
+    submit: modalState.onModalDismiss
   })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: style.controlsContainer
   }, /*#__PURE__*/_react.default.createElement(Button, {
-    title: actionButtonLabel,
-    testID: actionButtonTestId,
-    accessibilityLabel: actionButtonLabel,
+    title: t('PINCreate.CreatePIN'),
+    testID: (0, _testable.testIdWithKey)('CreatePIN'),
+    accessibilityLabel: t('PINCreate.CreatePIN'),
     buttonType: _ButtonApi.ButtonType.Primary,
-    disabled: isContinueDisabled(),
+    disabled: isContinueDisabled,
     onPress: handleCreatePinTap,
     ref: createPINButtonRef
-  }, !continueEnabled && isLoading ? /*#__PURE__*/_react.default.createElement(ButtonLoading, null) : null)))) : /*#__PURE__*/_react.default.createElement(PINExplainer, {
+  }, isLoading ? /*#__PURE__*/_react.default.createElement(ButtonLoading, null) : null)))) : /*#__PURE__*/_react.default.createElement(PINExplainer, {
     continueCreatePIN: continueCreatePIN
   });
 };