@zezosoft/zezo-ott-react-native-ui-kit 1.0.0 → 1.0.2

package/lib/module/components/Auth/Login/LoginWithPhone.js

@@ -13,12 +13,13 @@ import { BackgroundLayout } from '../../BackgroundLayout/BackgroundLayout';
 import { Logo } from '../../Logo/Logo';
 import { Button } from '../../Button';
 import HideKeyboard from '../../Keyboard/HideKeyboard';
-import { useTheme } from '../../../theme';
+import { useTheme } from '../../../theme/hook/useTheme';
 import { useKeyboard } from '../../../hooks/useKeyboard';
 import PhoneNumberInput from '../../Input/PhoneNumberInput';
 import TextButton from '../../Button/TextButton';
 import BackBtn from '../../Button/BackBtn';
 import { Text } from '../../Text';
+import { RFValue } from 'react-native-responsive-fontsize';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const DEFAULT_TEXT = {
   phoneLabel: 'Phone Number',
@@ -40,8 +41,7 @@ const LoginWithPhone = ({
   backgroundImage,
   loadingSubmitBtn,
   logoUri,
-  theme,
-  gradientEnabled = true,
+  theme: overrideTheme,
   text = DEFAULT_TEXT,
   renderLogo,
   renderPhoneHeader,
@@ -54,8 +54,8 @@ const LoginWithPhone = ({
     isKeyboardOpen
   } = useKeyboard();
   const {
-    theme: appliedTheme
-  } = useTheme(theme);
+    theme: resolvedTheme
+  } = useTheme(overrideTheme);
   const [isLoading, setIsLoading] = React.useState(false);
   const {
     control,
@@ -68,7 +68,7 @@ const LoginWithPhone = ({
     defaultValues: {
       phone: {
         fullNumber: '',
-        countryCode: '+91',
+        countryCode: '91',
         formattedNumber: ''
       }
     },
@@ -98,18 +98,25 @@ const LoginWithPhone = ({
       justifyContent: 'center',
       alignItems: 'center'
     },
+    topBackBtnWrapper: {
+      position: 'absolute',
+      top: verticalScale(6),
+      left: 0,
+      zIndex: 10
+    },
     centerContent: {
+      flex: 1,
       width: '100%',
       alignItems: 'center',
       justifyContent: 'center',
       maxWidth: scale(400)
     },
     title: {
-      fontSize: scale(22),
+      fontSize: RFValue(21),
       fontWeight: '700',
       marginTop: verticalScale(8),
       marginBottom: verticalScale(24),
-      color: appliedTheme.colors.textPrimary
+      color: resolvedTheme.colors.textPrimary
     },
     form: {
       width: '100%',
@@ -119,24 +126,26 @@ const LoginWithPhone = ({
     switchEmailText: {
       marginTop: verticalScale(10)
     }
-  }), [appliedTheme]);
+  }), [resolvedTheme]);
   const shouldRender = condition => typeof condition === 'function' || !!condition;
   return /*#__PURE__*/_jsx(BackgroundLayout, {
-    gradientEnabled: gradientEnabled,
-    backgroundImage: backgroundImage,
-    gradientSplit: isKeyboardOpen ? 0.3 : 0.4,
-    children: /*#__PURE__*/_jsx(HideKeyboard, {
-      keyboardVerticalOffset: verticalScale(-80),
-      children: /*#__PURE__*/_jsxs(View, {
-        style: [styles.container, containerStyle],
-        testID: "login-with-phone",
-        children: [shouldRender(renderTopBackBtn || onTopBackBtnPress) && (renderTopBackBtn ? renderTopBackBtn({
+    backgroundImage: backgroundImage?.source,
+    theme: resolvedTheme,
+    gradientSplitBackground: isKeyboardOpen ? 0.3 : 0.4,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: [styles.container, containerStyle],
+      testID: "login-with-phone",
+      children: [shouldRender(renderTopBackBtn || onTopBackBtnPress) && /*#__PURE__*/_jsx(View, {
+        style: styles.topBackBtnWrapper,
+        children: renderTopBackBtn ? renderTopBackBtn({
           onPress: onTopBackBtnPress ?? (() => {})
         }) : /*#__PURE__*/_jsx(BackBtn, {
-          theme: appliedTheme,
+          theme: resolvedTheme,
           style: topBackBtnStyle,
           onPress: onTopBackBtnPress
-        })), /*#__PURE__*/_jsxs(View, {
+        })
+      }), /*#__PURE__*/_jsx(HideKeyboard, {
+        children: /*#__PURE__*/_jsxs(View, {
           style: styles.centerContent,
           children: [renderLogo ? renderLogo() : logoUri ? /*#__PURE__*/_jsx(Logo, {
             logoUri: logoUri
@@ -166,7 +175,7 @@ const LoginWithPhone = ({
                 errorMessage: errors.phone?.message,
                 inputStyle: inputStyle,
                 containerStyle: inputContainerStyle,
-                theme: appliedTheme,
+                theme: resolvedTheme,
                 accessibilityLabel: `Phone input${errors.phone ? ', error' : ''}`
               })
             }), renderSubmitButton ? renderSubmitButton({
@@ -176,7 +185,7 @@ const LoginWithPhone = ({
             }) : /*#__PURE__*/_jsx(Button.Primary, {
               title: text.loginButton || DEFAULT_TEXT.loginButton,
               disabled: loadingSubmitBtn || !isValid || isLoading,
-              theme: appliedTheme,
+              theme: resolvedTheme,
               onPress: handleSubmit(handleFormSubmit),
               loadingText: text.loadingSubmitBtnText || DEFAULT_TEXT.loadingSubmitBtnText,
               loading: loadingSubmitBtn || isLoading
@@ -184,14 +193,14 @@ const LoginWithPhone = ({
           }), !isKeyboardOpen && shouldRender(renderLoginWithEmail || onLoginWithEmail) && (renderLoginWithEmail ? renderLoginWithEmail() : /*#__PURE__*/_jsx(TextButton, {
             title: text.loginWithEmailButton || DEFAULT_TEXT.loginWithEmailButton,
             onPress: handleEmailLogin,
-            color: appliedTheme.colors.button,
+            color: resolvedTheme.colors.button,
             style: styles.switchEmailText,
             underline: true,
             bold: true,
             align: "center"
           }))]
-        })]
-      })
+        })
+      })]
     })
   });
 };

package/lib/module/components/Auth/Login/LoginWithPhone.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","useCallback","useMemo","StyleSheet","View","useForm","Controller","scale","verticalScale","BackgroundLayout","Logo","Button","HideKeyboard","useTheme","useKeyboard","PhoneNumberInput","TextButton","BackBtn","Text","jsx","_jsx","jsxs","_jsxs","DEFAULT_TEXT","phoneLabel","phonePlaceholder","loginButton","loadingSubmitBtnText","loginWithEmailButton","LoginWithPhone","title","onSubmit","onTopBackBtnPress","containerStyle","titleStyle","formStyle","inputStyle","topBackBtnStyle","inputContainerStyle","backgroundImage","loadingSubmitBtn","logoUri","theme","gradientEnabled","text","renderLogo","renderPhoneHeader","renderSubmitButton","renderLoginWithEmail","onLoginWithEmail","renderTopBackBtn","isKeyboardOpen","appliedTheme","isLoading","setIsLoading","useState","control","handleSubmit","formState","errors","isValid","defaultValues","phone","fullNumber","countryCode","formattedNumber","mode","handleFormSubmit","data","error","console","handleEmailLogin","requestAnimationFrame","styles","create","container","flex","width","paddingHorizontal","justifyContent","alignItems","centerContent","maxWidth","fontSize","fontWeight","marginTop","marginBottom","color","colors","textPrimary","form","gap","switchEmailText","shouldRender","condition","gradientSplit","children","keyboardVerticalOffset","style","testID","onPress","name","rules","validate","value","length","render","field","onChange","onChangeText","label","placeholder","disabled","errorMessage","message","accessibilityLabel","loading","Primary","loadingText","button","underline","bold","align"],"sourceRoot":"../../../../../src","sources":["components/Auth/Login/LoginWithPhone.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACzD,SAASC,UAAU,EAAEC,IAAI,QAAwC,cAAc;AAC/E,SAASC,OAAO,EAAEC,UAAU,QAAQ,iBAAiB;AACrD,SAASC,KAAK,EAAEC,aAAa,QAAQ,2BAA2B;AAEhE,SAASC,gBAAgB,QAAQ,yCAAyC;AAC1E,SAASC,IAAI,QAAQ,iBAAiB;AACtC,SAASC,MAAM,QAAQ,cAAc;AACrC,OAAOC,YAAY,MAAM,6BAA6B;AACtD,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,WAAW,QAAQ,4BAA4B;AACxD,OAAOC,gBAAgB,MAAM,8BAA8B;AAC3D,OAAOC,UAAU,MAAM,yBAAyB;AAChD,OAAOC,OAAO,MAAM,sBAAsB;AAC1C,SAASC,IAAI,QAAQ,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AA2ClC,MAAMC,YAAY,GAAG;EACnBC,UAAU,EAAE,cAAc;EAC1BC,gBAAgB,EAAE,oBAAoB;EACtCC,WAAW,EAAE,OAAO;EACpBC,oBAAoB,EAAE,eAAe;EACrCC,oBAAoB,EAAE;AACxB,CAAC;AAED,MAAMC,cAA6C,GAAGA,CAAC;EACrDC,KAAK,GAAG,kBAAkB;EAC1BC,QAAQ;EACRC,iBAAiB;EACjBC,cAAc;EACdC,UAAU;EACVC,SAAS;EACTC,UAAU;EACVC,eAAe;EACfC,mBAAmB;EACnBC,eAAe;EACfC,gBAAgB;EAChBC,OAAO;EACPC,KAAK;EACLC,eAAe,GAAG,IAAI;EACtBC,IAAI,GAAGrB,YAAY;EACnBsB,UAAU;EACVC,iBAAiB;EACjBC,kBAAkB;EAClBC,oBAAoB;EACpBC,gBAAgB;EAChBC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAe,CAAC,GAAGrC,WAAW,CAAC,CAAC;EACxC,MAAM;IAAE4B,KAAK,EAAEU;EAAa,CAAC,GAAGvC,QAAQ,CAAC6B,KAAK,CAAC;EAC/C,MAAM,CAACW,SAAS,EAAEC,YAAY,CAAC,GAAGvD,KAAK,CAACwD,QAAQ,CAAC,KAAK,CAAC;EAEvD,MAAM;IACJC,OAAO;IACPC,YAAY;IACZC,SAAS,EAAE;MAAEC,MAAM;MAAEC;IAAQ;EAC/B,CAAC,GAAGvD,OAAO,CAAa;IACtBwD,aAAa,EAAE;MACbC,KAAK,EAAE;QAAEC,UAAU,EAAE,EAAE;QAAEC,WAAW,EAAE,KAAK;QAAEC,eAAe,EAAE;MAAG;IACnE,CAAC;IACDC,IAAI,EAAE;EACR,CAAC,CAAC;EAEF,MAAMC,gBAAgB,GAAGlE,WAAW,CAClC,MAAOmE,IAAgB,IAAK;IAC1B,IAAI,CAACrC,QAAQ,EAAE;IACfuB,YAAY,CAAC,IAAI,CAAC;IAClB,IAAI;MACF,MAAMvB,QAAQ,CAACqC,IAAI,CAAC;IACtB,CAAC,CAAC,OAAOC,KAAK,EAAE;MACdC,OAAO,CAACD,KAAK,CAAC,wBAAwB,EAAEA,KAAK,CAAC;IAChD,CAAC,SAAS;MACRf,YAAY,CAAC,KAAK,CAAC;IACrB;EACF,CAAC,EACD,CAACvB,QAAQ,CACX,CAAC;EAED,MAAMwC,gBAAgB,GAAGtE,WAAW,CAAC,MAAM;IACzC,IAAIgD,gBAAgB,EAAE;MACpBuB,qBAAqB,CAACvB,gBAAgB,CAAC;IACzC;EACF,CAAC,EAAE,CAACA,gBAAgB,CAAC,CAAC;EAEtB,MAAMwB,MAAM,GAAGvE,OAAO,CACpB,MACEC,UAAU,CAACuE,MAAM,CAAC;IAChBC,SAAS,EAAE;MACTC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,MAAM;MACbC,iBAAiB,EAAEvE,KAAK,CAAC,EAAE,CAAC;MAC5BwE,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE;IACd,CAAC;IACDC,aAAa,EAAE;MACbJ,KAAK,EAAE,MAAM;MACbG,UAAU,EAAE,QAAQ;MACpBD,cAAc,EAAE,QAAQ;MACxBG,QAAQ,EAAE3E,KAAK,CAAC,GAAG;IACrB,CAAC;IACDuB,KAAK,EAAE;MACLqD,QAAQ,EAAE5E,KAAK,CAAC,EAAE,CAAC;MACnB6E,UAAU,EAAE,KAAK;MACjBC,SAAS,EAAE7E,aAAa,CAAC,CAAC,CAAC;MAC3B8E,YAAY,EAAE9E,aAAa,CAAC,EAAE,CAAC;MAC/B+E,KAAK,EAAEnC,YAAY,CAACoC,MAAM,CAACC;IAC7B,CAAC;IACDC,IAAI,EAAE;MACJb,KAAK,EAAE,MAAM;MACbc,GAAG,EAAEnF,aAAa,CAAC,EAAE,CAAC;MACtBwE,UAAU,EAAE;IACd,CAAC;IACDY,eAAe,EAAE;MACfP,SAAS,EAAE7E,aAAa,CAAC,EAAE;IAC7B;EACF,CAAC,CAAC,EACJ,CAAC4C,YAAY,CACf,CAAC;EACD,MAAMyC,YAAY,GAAIC,SAA6B,IAAc,OAAOA,SAAS,KAAK,UAAU,IAAI,CAAC,CAACA,SAAS;EAC/G,oBACE1E,IAAA,CAACX,gBAAgB;IACfkC,eAAe,EAAEA,eAAgB;IACjCJ,eAAe,EAAEA,eAAgB;IACjCwD,aAAa,EAAE5C,cAAc,GAAG,GAAG,GAAG,GAAI;IAAA6C,QAAA,eAE1C5E,IAAA,CAACR,YAAY;MAACqF,sBAAsB,EAAEzF,aAAa,CAAC,CAAC,EAAE,CAAE;MAAAwF,QAAA,eACvD1E,KAAA,CAAClB,IAAI;QAAC8F,KAAK,EAAE,CAACzB,MAAM,CAACE,SAAS,EAAE1C,cAAc,CAAE;QAACkE,MAAM,EAAC,kBAAkB;QAAAH,QAAA,GACvEH,YAAY,CAAC3C,gBAAgB,IAAIlB,iBAAiB,CAAC,KACjDkB,gBAAgB,GACfA,gBAAgB,CAAC;UACfkD,OAAO,EAAEpE,iBAAiB,KAAK,MAAM,CAAC,CAAC;QACzC,CAAC,CAAC,gBAEFZ,IAAA,CAACH,OAAO;UAACyB,KAAK,EAAEU,YAAa;UAAC8C,KAAK,EAAE7D,eAAgB;UAAC+D,OAAO,EAAEpE;QAAkB,CAAE,CACpF,CAAC,eACJV,KAAA,CAAClB,IAAI;UAAC8F,KAAK,EAAEzB,MAAM,CAACQ,aAAc;UAAAe,QAAA,GAC/BnD,UAAU,GAAGA,UAAU,CAAC,CAAC,GAAGJ,OAAO,gBAAGrB,IAAA,CAACV,IAAI;YAAC+B,OAAO,EAAEA;UAAQ,CAAE,CAAC,GAAG,IAAI,EAEvEK,iBAAiB,GAAGA,iBAAiB,CAAC,CAAC,gBAAG1B,IAAA,CAACF,IAAI;YAACgF,KAAK,EAAE,CAACzB,MAAM,CAAC3C,KAAK,EAAEI,UAAU,CAAE;YAAA8D,QAAA,EAAElE;UAAK,CAAO,CAAC,eAElGR,KAAA,CAAClB,IAAI;YAAC8F,KAAK,EAAE,CAACzB,MAAM,CAACiB,IAAI,EAAEvD,SAAS,CAAE;YAAA6D,QAAA,gBACpC5E,IAAA,CAACd,UAAU;cACTkD,OAAO,EAAEA,OAAQ;cACjB6C,IAAI,EAAC,OAAO;cACZC,KAAK,EAAE;gBACLC,QAAQ,EAAGC,KAAK,IAAMA,KAAK,EAAEzC,UAAU,EAAE0C,MAAM,IAAI,EAAE,GAAG,IAAI,GAAG;cACjE,CAAE;cACFC,MAAM,EAAEA,CAAC;gBAAEC,KAAK,EAAE;kBAAEC,QAAQ;kBAAEJ;gBAAM;cAAE,CAAC,kBACrCpF,IAAA,CAACL,gBAAgB;gBACfyF,KAAK,EAAEA,KAAK,CAACvC,eAAgB;gBAC7B4C,YAAY,EAAED,QAAS;gBACvBE,KAAK,EAAElE,IAAI,CAACpB,UAAU,IAAID,YAAY,CAACC,UAAW;gBAClDuF,WAAW,EAAEnE,IAAI,CAACnB,gBAAgB,IAAIF,YAAY,CAACE,gBAAiB;gBACpEuF,QAAQ,EAAExE,gBAAgB,IAAIa,SAAU;gBACxCgB,KAAK,EAAE,CAAC,CAACV,MAAM,CAACG,KAAM;gBACtBmD,YAAY,EAAEtD,MAAM,CAACG,KAAK,EAAEoD,OAAQ;gBACpC9E,UAAU,EAAEA,UAAW;gBACvBH,cAAc,EAAEK,mBAAoB;gBACpCI,KAAK,EAAEU,YAAa;gBACpB+D,kBAAkB,EAAE,cAAcxD,MAAM,CAACG,KAAK,GAAG,SAAS,GAAG,EAAE;cAAG,CACnE;YACD,CACH,CAAC,EAEDf,kBAAkB,GACjBA,kBAAkB,CAAC;cACjBqD,OAAO,EAAE3C,YAAY,CAACU,gBAAgB,CAAC;cACvC6C,QAAQ,EAAE,CAACpD,OAAO,IAAIpB,gBAAgB,IAAIa,SAAS;cACnD+D,OAAO,EAAE5E,gBAAgB,IAAIa;YAC/B,CAAC,CAAC,gBAEFjC,IAAA,CAACT,MAAM,CAAC0G,OAAO;cACbvF,KAAK,EAAEc,IAAI,CAAClB,WAAW,IAAIH,YAAY,CAACG,WAAY;cACpDsF,QAAQ,EAAExE,gBAAgB,IAAI,CAACoB,OAAO,IAAIP,SAAU;cACpDX,KAAK,EAAEU,YAAa;cACpBgD,OAAO,EAAE3C,YAAY,CAACU,gBAAgB,CAAE;cACxCmD,WAAW,EAAE1E,IAAI,CAACjB,oBAAoB,IAAIJ,YAAY,CAACI,oBAAqB;cAC5EyF,OAAO,EAAE5E,gBAAgB,IAAIa;YAAU,CACxC,CACF;UAAA,CACG,CAAC,EACN,CAACF,cAAc,IACd0C,YAAY,CAAC7C,oBAAoB,IAAIC,gBAAgB,CAAC,KACrDD,oBAAoB,GACnBA,oBAAoB,CAAC,CAAC,gBAEtB5B,IAAA,CAACJ,UAAU;YACTc,KAAK,EAAEc,IAAI,CAAChB,oBAAoB,IAAIL,YAAY,CAACK,oBAAqB;YACtEwE,OAAO,EAAE7B,gBAAiB;YAC1BgB,KAAK,EAAEnC,YAAY,CAACoC,MAAM,CAAC+B,MAAO;YAClCrB,KAAK,EAAEzB,MAAM,CAACmB,eAAgB;YAC9B4B,SAAS;YACTC,IAAI;YACJC,KAAK,EAAC;UAAQ,CACf,CACF,CAAC;QAAA,CACA,CAAC;MAAA,CACH;IAAC,CACK;EAAC,CACC,CAAC;AAEvB,CAAC;AAED,4BAAe1H,IAAI,CAAC6B,cAAc,CAAC","ignoreList":[]}
+{"version":3,"names":["React","memo","useCallback","useMemo","StyleSheet","View","useForm","Controller","scale","verticalScale","BackgroundLayout","Logo","Button","HideKeyboard","useTheme","useKeyboard","PhoneNumberInput","TextButton","BackBtn","Text","RFValue","jsx","_jsx","jsxs","_jsxs","DEFAULT_TEXT","phoneLabel","phonePlaceholder","loginButton","loadingSubmitBtnText","loginWithEmailButton","LoginWithPhone","title","onSubmit","onTopBackBtnPress","containerStyle","titleStyle","formStyle","inputStyle","topBackBtnStyle","inputContainerStyle","backgroundImage","loadingSubmitBtn","logoUri","theme","overrideTheme","text","renderLogo","renderPhoneHeader","renderSubmitButton","renderLoginWithEmail","onLoginWithEmail","renderTopBackBtn","isKeyboardOpen","resolvedTheme","isLoading","setIsLoading","useState","control","handleSubmit","formState","errors","isValid","defaultValues","phone","fullNumber","countryCode","formattedNumber","mode","handleFormSubmit","data","error","console","handleEmailLogin","requestAnimationFrame","styles","create","container","flex","width","paddingHorizontal","justifyContent","alignItems","topBackBtnWrapper","position","top","left","zIndex","centerContent","maxWidth","fontSize","fontWeight","marginTop","marginBottom","color","colors","textPrimary","form","gap","switchEmailText","shouldRender","condition","source","gradientSplitBackground","children","style","testID","onPress","name","rules","validate","value","length","render","field","onChange","onChangeText","label","placeholder","disabled","errorMessage","message","accessibilityLabel","loading","Primary","loadingText","button","underline","bold","align"],"sourceRoot":"../../../../../src","sources":["components/Auth/Login/LoginWithPhone.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Auth/OTP/OTP.js

@@ -8,11 +8,12 @@ import { BackgroundLayout } from '../../BackgroundLayout/BackgroundLayout';
 import HideKeyboard from '../../Keyboard/HideKeyboard';
 import { useKeyboard } from '../../../hooks/useKeyboard';
 import BackBtn from '../../Button/BackBtn';
-import { useTheme } from '../../../theme';
+import { useTheme } from '../../../theme/hook/useTheme';
 import { Logo } from '../../Logo/Logo';
 import { Button } from '../../Button';
 import Display from '../../../utils/Display';
 import { Text } from '../../Text';
+import { RFValue } from 'react-native-responsive-fontsize';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const DEFAULT_TEXT = {
   otpLabel: 'Enter OTP',
@@ -26,7 +27,7 @@ const DEFAULT_TEXT = {
 const OTP = ({
   title,
   onSubmit,
-  onBackPress,
+  onTopBackBtnPress,
   containerStyle,
   titleStyle,
   formStyle,
@@ -34,8 +35,7 @@ const OTP = ({
   backgroundImage,
   loading = false,
   logoUri,
-  theme,
-  gradientEnabled = true,
+  theme: overrideTheme,
   otpDigitCount = 4,
   keyboardType = 'number-pad',
   phoneNumber,
@@ -53,8 +53,8 @@ const OTP = ({
   focusCellStyle
 }) => {
   const {
-    theme: appliedTheme
-  } = useTheme(theme);
+    theme: resolvedTheme
+  } = useTheme(overrideTheme);
   const {
     isKeyboardOpen
   } = useKeyboard();
@@ -77,22 +77,30 @@ const OTP = ({
       justifyContent: 'center',
       alignItems: 'center'
     },
-    content: {
+    topBackBtnWrapper: {
+      position: 'absolute',
+      top: verticalScale(6),
+      left: 0,
+      zIndex: 10
+    },
+    centerContent: {
+      flex: 1,
       width: '100%',
       maxWidth: scale(400),
       alignItems: 'center',
-      gap: verticalScale(12)
+      justifyContent: 'center',
+      gap: verticalScale(4)
     },
     title: {
-      fontSize: scale(22),
+      fontSize: RFValue(21),
       fontWeight: '700',
       marginTop: verticalScale(8),
-      color: appliedTheme.colors.textPrimary,
+      color: resolvedTheme.colors.textPrimary,
       textAlign: 'center'
     },
     sentText: {
-      fontSize: scale(14),
-      color: appliedTheme.colors.onSurfaceVariant,
+      fontSize: RFValue(12),
+      color: resolvedTheme.colors.onSurfaceVariant,
       textAlign: 'center',
       lineHeight: scale(18)
     },
@@ -104,7 +112,8 @@ const OTP = ({
       width: '100%',
       gap: verticalScale(20),
       alignItems: 'center',
-      marginTop: verticalScale(24)
+      marginTop: verticalScale(24),
+      marginBottom: isKeyboardOpen ? verticalScale(20) : 0
     },
     codeFieldRoot: {
       width: Display.setWidth(80),
@@ -113,20 +122,24 @@ const OTP = ({
     cell: {
       width: scale(55),
       height: scale(55),
-      fontSize: scale(30),
+      fontSize: RFValue(26),
       fontWeight: '500',
-      paddingTop: Platform.OS === 'ios' ? scale(10) : scale(7),
+      paddingTop: Platform.OS === 'ios' ? scale(9) : scale(7),
       borderWidth: scale(1),
       borderRadius: scale(8),
+      justifyContent: 'center',
+      alignItems: 'center',
       textAlign: 'center',
-      color: appliedTheme.colors.textPrimary,
-      borderColor: appliedTheme.colors.outline
+      alignSelf: 'center',
+      overflow: 'hidden',
+      color: resolvedTheme.colors.textPrimary,
+      borderColor: resolvedTheme.colors.outline
     },
     focusCell: {
-      borderColor: appliedTheme.colors.primary,
-      backgroundColor: appliedTheme.colors.surface
+      borderColor: resolvedTheme.colors.primary,
+      backgroundColor: resolvedTheme.colors.surfaceVariant
     }
-  }), [appliedTheme]);
+  }), [isKeyboardOpen, resolvedTheme.colors.onSurfaceVariant, resolvedTheme.colors.outline, resolvedTheme.colors.primary, resolvedTheme.colors.surfaceVariant, resolvedTheme.colors.textPrimary]);
   useEffect(() => {
     if (resendTimer <= 0) return;
     const timer = setInterval(() => {
@@ -155,22 +168,25 @@ const OTP = ({
   }, [onResendOtp, resendDisabledTime]);
   const isLoading = loading || isSubmitting;
   const isSubmitDisabled = otp.length !== otpDigitCount || isLoading;
+  const shouldRender = condition => typeof condition === 'function' || !!condition;
   return /*#__PURE__*/_jsx(BackgroundLayout, {
-    gradientEnabled: gradientEnabled,
-    backgroundImage: backgroundImage,
-    gradientSplit: isKeyboardOpen ? 0.3 : 0.4,
-    children: /*#__PURE__*/_jsx(HideKeyboard, {
-      keyboardVerticalOffset: verticalScale(-80),
-      children: /*#__PURE__*/_jsxs(View, {
-        style: [styles.container, containerStyle],
-        children: [renderBackButton ? renderBackButton({
-          onPress: onBackPress ?? (() => {})
-        }) : onBackPress ? /*#__PURE__*/_jsx(BackBtn, {
-          theme: appliedTheme,
+    theme: resolvedTheme,
+    backgroundImage: backgroundImage?.source,
+    gradientSplitBackground: isKeyboardOpen ? 0.3 : 0.4,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: [styles.container, containerStyle],
+      children: [shouldRender(renderBackButton || onTopBackBtnPress) && /*#__PURE__*/_jsx(View, {
+        style: styles.topBackBtnWrapper,
+        children: renderBackButton ? renderBackButton({
+          onPress: onTopBackBtnPress ?? (() => {})
+        }) : /*#__PURE__*/_jsx(BackBtn, {
+          theme: resolvedTheme,
           style: backBtnStyle,
-          onPress: onBackPress
-        }) : null, /*#__PURE__*/_jsxs(View, {
-          style: styles.content,
+          onPress: onTopBackBtnPress
+        })
+      }), /*#__PURE__*/_jsx(HideKeyboard, {
+        children: /*#__PURE__*/_jsxs(View, {
+          style: styles.centerContent,
           children: [renderLogo ? renderLogo() : logoUri ? /*#__PURE__*/_jsx(Logo, {
             logoUri: logoUri
           }) : null, renderOtpHeader ? renderOtpHeader() : /*#__PURE__*/_jsx(Text, {
@@ -184,9 +200,9 @@ const OTP = ({
             }), /*#__PURE__*/_jsx(Text, {
               style: {
                 fontWeight: '700',
-                fontSize: scale(15),
+                fontSize: RFValue(13),
                 marginTop: verticalScale(4),
-                color: appliedTheme.colors.primary
+                color: resolvedTheme.colors.primary
               },
               children: phoneNumber
             })]
@@ -222,12 +238,15 @@ const OTP = ({
               loading: isLoading
             }) : /*#__PURE__*/_jsx(Button.Primary, {
               title: text.submitButton || DEFAULT_TEXT.submitButton,
-              theme: appliedTheme,
+              theme: resolvedTheme,
               onPress: handleSubmit,
               loadingText: text.loadingSubmitBtnText,
+              titleStyle: {
+                fontSize: RFValue(13)
+              },
               disabled: isSubmitDisabled,
               loading: isLoading
-            }), /*#__PURE__*/_jsx(View, {
+            }), !isKeyboardOpen && /*#__PURE__*/_jsx(View, {
               style: {
                 alignItems: 'center',
                 marginTop: verticalScale(10)
@@ -238,16 +257,16 @@ const OTP = ({
               }) : /*#__PURE__*/_jsx(Text, {
                 onPress: resendTimer <= 0 ? handleResendOtp : undefined,
                 style: {
-                  fontSize: scale(14),
-                  color: resendTimer > 0 ? appliedTheme.colors.onSurfaceVariant : appliedTheme.colors.primary,
+                  fontSize: RFValue(12),
+                  color: resendTimer > 0 ? resolvedTheme.colors.onSurfaceVariant : resolvedTheme.colors.primary,
                   textAlign: 'center'
                 },
                 children: resendTimer > 0 ? `${text?.resendOtpCountdownText || DEFAULT_TEXT.resendOtpCountdownText} ${resendTimer}s` : text?.resendOtpText || DEFAULT_TEXT.resendOtpText
               })
             })]
           })]
-        })]
-      })
+        })
+      })]
     })
   });
 };

package/lib/module/components/Auth/OTP/OTP.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","useMemo","useState","useCallback","useEffect","View","StyleSheet","Platform","CodeField","Cursor","useBlurOnFulfill","useClearByFocusCell","scale","verticalScale","BackgroundLayout","HideKeyboard","useKeyboard","BackBtn","useTheme","Logo","Button","Display","Text","jsx","_jsx","jsxs","_jsxs","DEFAULT_TEXT","otpLabel","otpPlaceholder","submitButton","loadingSubmitBtnText","otpSentText","resendOtpText","resendOtpCountdownText","OTP","title","onSubmit","onBackPress","containerStyle","titleStyle","formStyle","backBtnStyle","backgroundImage","loading","logoUri","theme","gradientEnabled","otpDigitCount","keyboardType","phoneNumber","text","onResendOtp","renderResendButton","resendDisabledTime","renderLogo","renderSubmitButton","renderBackButton","renderOtpHeader","renderOtpInput","renderPhoneText","cellStyle","focusCellStyle","appliedTheme","isKeyboardOpen","otp","setOtp","isSubmitting","setIsSubmitting","resendTimer","setResendTimer","ref","value","cellCount","codeFieldProps","getCellOnLayoutHandler","setValue","styles","create","container","flex","width","paddingHorizontal","justifyContent","alignItems","content","maxWidth","gap","fontSize","fontWeight","marginTop","color","colors","textPrimary","textAlign","sentText","onSurfaceVariant","lineHeight","sentNumberContainer","form","codeFieldRoot","setWidth","cell","height","paddingTop","OS","borderWidth","borderRadius","borderColor","outline","focusCell","primary","backgroundColor","surface","timer","setInterval","prev","clearInterval","handleSubmit","length","error","console","handleResendOtp","isLoading","isSubmitDisabled","gradientSplit","children","keyboardVerticalOffset","style","onPress","onChange","val","replace","isFocused","Array","from","_","i","onChangeText","input","rootStyle","textContentType","renderCell","index","symbol","onLayout","disabled","Primary","loadingText","undefined"],"sourceRoot":"../../../../../src","sources":["components/Auth/OTP/OTP.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,SAAS,QAAQ,OAAO;AAC9E,SAASC,IAAI,EAA4DC,UAAU,EAAEC,QAAQ,QAAQ,cAAc;AACnH,SAASC,SAAS,EAAEC,MAAM,EAAEC,gBAAgB,EAAEC,mBAAmB,QAAQ,sCAAsC;AAC/G,SAASC,KAAK,EAAEC,aAAa,QAAQ,2BAA2B;AAEhE,SAASC,gBAAgB,QAAQ,yCAAyC;AAC1E,OAAOC,YAAY,MAAM,6BAA6B;AACtD,SAASC,WAAW,QAAQ,4BAA4B;AACxD,OAAOC,OAAO,MAAM,sBAAsB;AAC1C,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,IAAI,QAAQ,iBAAiB;AACtC,SAASC,MAAM,QAAQ,cAAc;AACrC,OAAOC,OAAO,MAAM,wBAAwB;AAC5C,SAASC,IAAI,QAAQ,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAkDlC,MAAMC,YAAY,GAAG;EACnBC,QAAQ,EAAE,WAAW;EACrBC,cAAc,EAAE,MAAM;EACtBC,YAAY,EAAE,YAAY;EAC1BC,oBAAoB,EAAE,cAAc;EACpCC,WAAW,EAAE,iCAAiC;EAC9CC,aAAa,EAAE,YAAY;EAC3BC,sBAAsB,EAAE;AAC1B,CAAC;AAED,MAAMC,GAAuB,GAAGA,CAAC;EAC/BC,KAAK;EACLC,QAAQ;EACRC,WAAW;EACXC,cAAc;EACdC,UAAU;EACVC,SAAS;EACTC,YAAY;EACZC,eAAe;EACfC,OAAO,GAAG,KAAK;EACfC,OAAO;EACPC,KAAK;EACLC,eAAe,GAAG,IAAI;EACtBC,aAAa,GAAG,CAAC;EACjBC,YAAY,GAAG,YAAY;EAC3BC,WAAW;EACXC,IAAI,GAAGxB,YAAY;EACnByB,WAAW;EACXC,kBAAkB;EAClBC,kBAAkB,GAAG,EAAE;EACvBC,UAAU;EACVC,kBAAkB;EAClBC,gBAAgB;EAChBC,eAAe;EACfC,cAAc;EACdC,eAAe;EACfC,SAAS;EACTC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEhB,KAAK,EAAEiB;EAAa,CAAC,GAAG7C,QAAQ,CAAC4B,KAAK,CAAC;EAC/C,MAAM;IAAEkB;EAAe,CAAC,GAAGhD,WAAW,CAAC,CAAC;EACxC,MAAM,CAACiD,GAAG,EAAEC,MAAM,CAAC,GAAGhE,QAAQ,CAAC,EAAE,CAAC;EAClC,MAAM,CAACiE,YAAY,EAAEC,eAAe,CAAC,GAAGlE,QAAQ,CAAC,KAAK,CAAC;EACvD,MAAM,CAACmE,WAAW,EAAEC,cAAc,CAAC,GAAGpE,QAAQ,CAACoD,kBAAkB,CAAC;EAElE,MAAMiB,GAAG,GAAG7D,gBAAgB,CAAC;IAAE8D,KAAK,EAAEP,GAAG;IAAEQ,SAAS,EAAEzB;EAAc,CAAC,CAAC;EACtE,MAAM,CAAC0B,cAAc,EAAEC,sBAAsB,CAAC,GAAGhE,mBAAmB,CAAC;IACnE6D,KAAK,EAAEP,GAAG;IACVW,QAAQ,EAAEV;EACZ,CAAC,CAAC;EAEF,MAAMW,MAAM,GAAG5E,OAAO,CACpB,MACEK,UAAU,CAACwE,MAAM,CAAC;IAChBC,SAAS,EAAE;MACTC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,MAAM;MACbC,iBAAiB,EAAEtE,KAAK,CAAC,EAAE,CAAC;MAC5BuE,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE;IACd,CAAC;IACDC,OAAO,EAAE;MACPJ,KAAK,EAAE,MAAM;MACbK,QAAQ,EAAE1E,KAAK,CAAC,GAAG,CAAC;MACpBwE,UAAU,EAAE,QAAQ;MACpBG,GAAG,EAAE1E,aAAa,CAAC,EAAE;IACvB,CAAC;IACDuB,KAAK,EAAE;MACLoD,QAAQ,EAAE5E,KAAK,CAAC,EAAE,CAAC;MACnB6E,UAAU,EAAE,KAAK;MACjBC,SAAS,EAAE7E,aAAa,CAAC,CAAC,CAAC;MAC3B8E,KAAK,EAAE5B,YAAY,CAAC6B,MAAM,CAACC,WAAW;MACtCC,SAAS,EAAE;IACb,CAAC;IACDC,QAAQ,EAAE;MACRP,QAAQ,EAAE5E,KAAK,CAAC,EAAE,CAAC;MACnB+E,KAAK,EAAE5B,YAAY,CAAC6B,MAAM,CAACI,gBAAgB;MAC3CF,SAAS,EAAE,QAAQ;MACnBG,UAAU,EAAErF,KAAK,CAAC,EAAE;IACtB,CAAC;IACDsF,mBAAmB,EAAE;MACnBR,SAAS,EAAE7E,aAAa,CAAC,CAAC,CAAC;MAC3BuE,UAAU,EAAE;IACd,CAAC;IACDe,IAAI,EAAE;MACJlB,KAAK,EAAE,MAAM;MACbM,GAAG,EAAE1E,aAAa,CAAC,EAAE,CAAC;MACtBuE,UAAU,EAAE,QAAQ;MACpBM,SAAS,EAAE7E,aAAa,CAAC,EAAE;IAC7B,CAAC;IACDuF,aAAa,EAAE;MACbnB,KAAK,EAAE5D,OAAO,CAACgF,QAAQ,CAAC,EAAE,CAAC;MAC3BX,SAAS,EAAE9E,KAAK,CAAC,EAAE;IACrB,CAAC;IACD0F,IAAI,EAAE;MACJrB,KAAK,EAAErE,KAAK,CAAC,EAAE,CAAC;MAChB2F,MAAM,EAAE3F,KAAK,CAAC,EAAE,CAAC;MACjB4E,QAAQ,EAAE5E,KAAK,CAAC,EAAE,CAAC;MACnB6E,UAAU,EAAE,KAAK;MACjBe,UAAU,EAAEjG,QAAQ,CAACkG,EAAE,KAAK,KAAK,GAAG7F,KAAK,CAAC,EAAE,CAAC,GAAGA,KAAK,CAAC,CAAC,CAAC;MACxD8F,WAAW,EAAE9F,KAAK,CAAC,CAAC,CAAC;MACrB+F,YAAY,EAAE/F,KAAK,CAAC,CAAC,CAAC;MACtBkF,SAAS,EAAE,QAAQ;MACnBH,KAAK,EAAE5B,YAAY,CAAC6B,MAAM,CAACC,WAAW;MACtCe,WAAW,EAAE7C,YAAY,CAAC6B,MAAM,CAACiB;IACnC,CAAC;IACDC,SAAS,EAAE;MACTF,WAAW,EAAE7C,YAAY,CAAC6B,MAAM,CAACmB,OAAO;MACxCC,eAAe,EAAEjD,YAAY,CAAC6B,MAAM,CAACqB;IACvC;EACF,CAAC,CAAC,EACJ,CAAClD,YAAY,CACf,CAAC;EAED3D,SAAS,CAAC,MAAM;IACd,IAAIiE,WAAW,IAAI,CAAC,EAAE;IACtB,MAAM6C,KAAK,GAAGC,WAAW,CAAC,MAAM;MAC9B7C,cAAc,CAAE8C,IAAI,IAAKA,IAAI,GAAG,CAAC,CAAC;IACpC,CAAC,EAAE,IAAI,CAAC;IACR,OAAO,MAAMC,aAAa,CAACH,KAAK,CAAC;EACnC,CAAC,EAAE,CAAC7C,WAAW,CAAC,CAAC;EAEjB,MAAMiD,YAAY,GAAGnH,WAAW,CAAC,YAAY;IAC3C,IAAI,CAACkC,QAAQ,IAAI4B,GAAG,CAACsD,MAAM,KAAKvE,aAAa,EAAE;IAC/CoB,eAAe,CAAC,IAAI,CAAC;IACrB,IAAI;MACF,MAAM/B,QAAQ,CAAC;QAAE4B;MAAI,CAAC,CAAC;IACzB,CAAC,CAAC,OAAOuD,KAAK,EAAE;MACdC,OAAO,CAACD,KAAK,CAAC,uBAAuB,EAAEA,KAAK,CAAC;IAC/C,CAAC,SAAS;MACRpD,eAAe,CAAC,KAAK,CAAC;IACxB;EACF,CAAC,EAAE,CAAC/B,QAAQ,EAAE4B,GAAG,EAAEjB,aAAa,CAAC,CAAC;EAElC,MAAM0E,eAAe,GAAGvH,WAAW,CAAC,MAAM;IACxC,IAAIiD,WAAW,EAAE;MACfA,WAAW,CAAC,CAAC;MACbkB,cAAc,CAAChB,kBAAkB,CAAC;IACpC;EACF,CAAC,EAAE,CAACF,WAAW,EAAEE,kBAAkB,CAAC,CAAC;EAErC,MAAMqE,SAAS,GAAG/E,OAAO,IAAIuB,YAAY;EACzC,MAAMyD,gBAAgB,GAAG3D,GAAG,CAACsD,MAAM,KAAKvE,aAAa,IAAI2E,SAAS;EAElE,oBACEnG,IAAA,CAACV,gBAAgB;IACfiC,eAAe,EAAEA,eAAgB;IACjCJ,eAAe,EAAEA,eAAgB;IACjCkF,aAAa,EAAE7D,cAAc,GAAG,GAAG,GAAG,GAAI;IAAA8D,QAAA,eAE1CtG,IAAA,CAACT,YAAY;MAACgH,sBAAsB,EAAElH,aAAa,CAAC,CAAC,EAAE,CAAE;MAAAiH,QAAA,eACvDpG,KAAA,CAACrB,IAAI;QAAC2H,KAAK,EAAE,CAACnD,MAAM,CAACE,SAAS,EAAExC,cAAc,CAAE;QAAAuF,QAAA,GAC7CrE,gBAAgB,GACfA,gBAAgB,CAAC;UAAEwE,OAAO,EAAE3F,WAAW,KAAK,MAAM,CAAC,CAAC;QAAE,CAAC,CAAC,GACtDA,WAAW,gBACbd,IAAA,CAACP,OAAO;UAAC6B,KAAK,EAAEiB,YAAa;UAACiE,KAAK,EAAEtF,YAAa;UAACuF,OAAO,EAAE3F;QAAY,CAAE,CAAC,GACzE,IAAI,eAERZ,KAAA,CAACrB,IAAI;UAAC2H,KAAK,EAAEnD,MAAM,CAACQ,OAAQ;UAAAyC,QAAA,GACzBvE,UAAU,GAAGA,UAAU,CAAC,CAAC,GAAGV,OAAO,gBAAGrB,IAAA,CAACL,IAAI;YAAC0B,OAAO,EAAEA;UAAQ,CAAE,CAAC,GAAG,IAAI,EAEvEa,eAAe,GAAGA,eAAe,CAAC,CAAC,gBAAGlC,IAAA,CAACF,IAAI;YAAC0G,KAAK,EAAE,CAACnD,MAAM,CAACzC,KAAK,EAAEI,UAAU,CAAE;YAAAsF,QAAA,EAAE1F;UAAK,CAAO,CAAC,EAE7Fc,WAAW,KACTU,eAAe,GACdA,eAAe,CAACV,WAAW,CAAC,gBAE5BxB,KAAA,CAACrB,IAAI;YAAC2H,KAAK,EAAEnD,MAAM,CAACqB,mBAAoB;YAAA4B,QAAA,gBACtCtG,IAAA,CAACF,IAAI;cAAC0G,KAAK,EAAEnD,MAAM,CAACkB,QAAS;cAAA+B,QAAA,EAAE3E,IAAI,EAAEnB;YAAW,CAAO,CAAC,eACxDR,IAAA,CAACF,IAAI;cACH0G,KAAK,EAAE;gBACLvC,UAAU,EAAE,KAAK;gBACjBD,QAAQ,EAAE5E,KAAK,CAAC,EAAE,CAAC;gBACnB8E,SAAS,EAAE7E,aAAa,CAAC,CAAC,CAAC;gBAC3B8E,KAAK,EAAE5B,YAAY,CAAC6B,MAAM,CAACmB;cAC7B,CAAE;cAAAe,QAAA,EAED5E;YAAW,CACR,CAAC;UAAA,CACH,CACP,CAAC,eAEJxB,KAAA,CAACrB,IAAI;YAAC2H,KAAK,EAAE,CAACnD,MAAM,CAACsB,IAAI,EAAE1D,SAAS,CAAE;YAAAqF,QAAA,GACnCnE,cAAc,GACbA,cAAc,CAAC;cACba,KAAK,EAAEP,GAAG;cACViE,QAAQ,EAAGC,GAAG,IAAKjE,MAAM,CAACiE,GAAG,CAACC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;cACjDC,SAAS,EAAEC,KAAK,CAACC,IAAI,CAAC;gBAAEhB,MAAM,EAAEvE;cAAc,CAAC,EAAE,CAACwF,CAAC,EAAEC,CAAC,KAAKxE,GAAG,CAACsD,MAAM,KAAKkB,CAAC;YAC7E,CAAC,CAAC,gBAEFjH,IAAA,CAAChB,SAAS;cACR+D,GAAG,EAAEA,GAAI;cAAA,GACLG,cAAc;cAClBF,KAAK,EAAEP,GAAI;cACXyE,YAAY,EAAGC,KAAK,IAAKzE,MAAM,CAACyE,KAAK,CAACP,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAE;cAC1D3D,SAAS,EAAEzB,aAAc;cACzB4F,SAAS,EAAE/D,MAAM,CAACuB,aAAc;cAChCnD,YAAY,EAAEA,YAAa;cAC3B4F,eAAe,EAAC,aAAa;cAC7BC,UAAU,EAAEA,CAAC;gBAAEC,KAAK;gBAAEC,MAAM;gBAAEX;cAAU,CAAC,kBACvC7G,IAAA,CAACF,IAAI;gBAEH0G,KAAK,EAAE,CAACnD,MAAM,CAACyB,IAAI,EAAEzC,SAAS,EAAEwE,SAAS,IAAIxD,MAAM,CAACiC,SAAS,EAAEuB,SAAS,IAAIvE,cAAc,CAAE;gBAC5FmF,QAAQ,EAAEtE,sBAAsB,CAACoE,KAAK,CAAE;gBAAAjB,QAAA,EAEvCkB,MAAM,KAAKX,SAAS,gBAAG7G,IAAA,CAACf,MAAM,IAAE,CAAC,GAAG,IAAI;cAAC,GAJrCsI,KAKD;YACN,CACH,CACF,EAEAvF,kBAAkB,GACjBA,kBAAkB,CAAC;cACjByE,OAAO,EAAEX,YAAY;cACrB4B,QAAQ,EAAEtB,gBAAgB;cAC1BhF,OAAO,EAAE+E;YACX,CAAC,CAAC,gBAEFnG,IAAA,CAACJ,MAAM,CAAC+H,OAAO;cACb/G,KAAK,EAAEe,IAAI,CAACrB,YAAY,IAAIH,YAAY,CAACG,YAAa;cACtDgB,KAAK,EAAEiB,YAAa;cACpBkE,OAAO,EAAEX,YAAa;cACtB8B,WAAW,EAAEjG,IAAI,CAACpB,oBAAqB;cACvCmH,QAAQ,EAAEtB,gBAAiB;cAC3BhF,OAAO,EAAE+E;YAAU,CACpB,CACF,eAGDnG,IAAA,CAACnB,IAAI;cAAC2H,KAAK,EAAE;gBAAE5C,UAAU,EAAE,QAAQ;gBAAEM,SAAS,EAAE7E,aAAa,CAAC,EAAE;cAAE,CAAE;cAAAiH,QAAA,EACjEzE,kBAAkB,GACjBA,kBAAkB,CAAC;gBACjB4E,OAAO,EAAEP,eAAe;gBACxBwB,QAAQ,EAAE7E,WAAW,GAAG;cAC1B,CAAC,CAAC,gBAEF7C,IAAA,CAACF,IAAI;gBACH2G,OAAO,EAAE5D,WAAW,IAAI,CAAC,GAAGqD,eAAe,GAAG2B,SAAU;gBACxDrB,KAAK,EAAE;kBACLxC,QAAQ,EAAE5E,KAAK,CAAC,EAAE,CAAC;kBACnB+E,KAAK,EAAEtB,WAAW,GAAG,CAAC,GAAGN,YAAY,CAAC6B,MAAM,CAACI,gBAAgB,GAAGjC,YAAY,CAAC6B,MAAM,CAACmB,OAAO;kBAC3FjB,SAAS,EAAE;gBACb,CAAE;gBAAAgC,QAAA,EAEDzD,WAAW,GAAG,CAAC,GACZ,GAAGlB,IAAI,EAAEjB,sBAAsB,IAAIP,YAAY,CAACO,sBAAsB,IAAImC,WAAW,GAAG,GACxFlB,IAAI,EAAElB,aAAa,IAAIN,YAAY,CAACM;cAAa,CACjD;YACP,CACG,CAAC;UAAA,CACH,CAAC;QAAA,CACH,CAAC;MAAA,CACH;IAAC,CACK;EAAC,CACC,CAAC;AAEvB,CAAC;AAED,4BAAejC,IAAI,CAACmC,GAAG,CAAC","ignoreList":[]}
+{"version":3,"names":["React","memo","useMemo","useState","useCallback","useEffect","View","StyleSheet","Platform","CodeField","Cursor","useBlurOnFulfill","useClearByFocusCell","scale","verticalScale","BackgroundLayout","HideKeyboard","useKeyboard","BackBtn","useTheme","Logo","Button","Display","Text","RFValue","jsx","_jsx","jsxs","_jsxs","DEFAULT_TEXT","otpLabel","otpPlaceholder","submitButton","loadingSubmitBtnText","otpSentText","resendOtpText","resendOtpCountdownText","OTP","title","onSubmit","onTopBackBtnPress","containerStyle","titleStyle","formStyle","backBtnStyle","backgroundImage","loading","logoUri","theme","overrideTheme","otpDigitCount","keyboardType","phoneNumber","text","onResendOtp","renderResendButton","resendDisabledTime","renderLogo","renderSubmitButton","renderBackButton","renderOtpHeader","renderOtpInput","renderPhoneText","cellStyle","focusCellStyle","resolvedTheme","isKeyboardOpen","otp","setOtp","isSubmitting","setIsSubmitting","resendTimer","setResendTimer","ref","value","cellCount","codeFieldProps","getCellOnLayoutHandler","setValue","styles","create","container","flex","width","paddingHorizontal","justifyContent","alignItems","topBackBtnWrapper","position","top","left","zIndex","centerContent","maxWidth","gap","fontSize","fontWeight","marginTop","color","colors","textPrimary","textAlign","sentText","onSurfaceVariant","lineHeight","sentNumberContainer","form","marginBottom","codeFieldRoot","setWidth","cell","height","paddingTop","OS","borderWidth","borderRadius","alignSelf","overflow","borderColor","outline","focusCell","primary","backgroundColor","surfaceVariant","timer","setInterval","prev","clearInterval","handleSubmit","length","error","console","handleResendOtp","isLoading","isSubmitDisabled","shouldRender","condition","source","gradientSplitBackground","children","style","onPress","onChange","val","replace","isFocused","Array","from","_","i","onChangeText","input","rootStyle","textContentType","renderCell","index","symbol","onLayout","disabled","Primary","loadingText","undefined"],"sourceRoot":"../../../../../src","sources":["components/Auth/OTP/OTP.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Auth/SignUp/SignUp.js

@@ -13,11 +13,12 @@ import { Button } from '../../Button';
 import { BackgroundLayout } from '../../BackgroundLayout/BackgroundLayout';
 import { Logo } from '../../Logo/Logo';
 import TextButton from '../../Button/TextButton';
-import { useTheme } from '../../../theme';
+import { useTheme } from '../../../theme/hook/useTheme';
 import { useKeyboard } from '../../../hooks/useKeyboard';
 import HideKeyboard from '../../Keyboard/HideKeyboard';
 import BackBtn from '../../Button/BackBtn';
 import { Text } from '../../Text';
+import { RFValue } from 'react-native-responsive-fontsize';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Signup = ({
   title = 'Sign Up',
@@ -34,8 +35,7 @@ const Signup = ({
   loadingSubmitBtn,
   backgroundImage,
   logoUri,
-  theme,
-  gradientEnabled,
+  theme: overrideTheme,
   text,
   loginTextProps,
   loginLinkTextProps,
@@ -64,8 +64,8 @@ const Signup = ({
     mode: 'onChange'
   });
   const {
-    theme: appliedTheme
-  } = useTheme(theme);
+    theme: resolvedTheme
+  } = useTheme(overrideTheme);
   const {
     isKeyboardOpen
   } = useKeyboard();
@@ -83,19 +83,23 @@ const Signup = ({
   }, [onSubmit]);
   const shouldRender = condition => typeof condition === 'function' || !!condition;
   return /*#__PURE__*/_jsx(BackgroundLayout, {
-    gradientEnabled: gradientEnabled,
-    backgroundImage: backgroundImage,
-    gradientSplit: isKeyboardOpen ? Platform.OS === 'ios' ? 0.19 : 0.14 : 0.3,
-    children: /*#__PURE__*/_jsx(HideKeyboard, {
-      children: /*#__PURE__*/_jsxs(View, {
-        style: [styles.container, containerStyle],
-        children: [shouldRender(renderTopBackBtn || onTopBackBtnPress) && (renderTopBackBtn ? renderTopBackBtn({
+    theme: resolvedTheme,
+    backgroundImage: backgroundImage?.source,
+    gradientSplitBackground: isKeyboardOpen ? Platform.OS === 'ios' ? 0.19 : 0.14 : 0.3,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: [styles.container, containerStyle],
+      children: [shouldRender(renderTopBackBtn || onTopBackBtnPress) && /*#__PURE__*/_jsx(View, {
+        style: styles.topBackBtnWrapper,
+        children: renderTopBackBtn ? renderTopBackBtn({
           onPress: onTopBackBtnPress ?? (() => {})
         }) : /*#__PURE__*/_jsx(BackBtn, {
-          theme: appliedTheme,
+          theme: resolvedTheme,
           style: topBackBtnStyle,
           onPress: onTopBackBtnPress
-        })), /*#__PURE__*/_jsxs(View, {
+        })
+      }), /*#__PURE__*/_jsxs(HideKeyboard, {
+        keyboardVerticalOffset: scale(-50),
+        children: [/*#__PURE__*/_jsxs(View, {
           style: styles.centerContent,
           children: [renderLogo ? renderLogo() : logoUri ? /*#__PURE__*/_jsx(Logo, {
             logoUri: logoUri
@@ -131,7 +135,7 @@ const Signup = ({
                 errorMessage: errors.username?.message,
                 inputStyle: inputStyle,
                 containerStyle: inputContainerStyle,
-                theme: appliedTheme
+                theme: resolvedTheme
               })
             }), /*#__PURE__*/_jsx(Controller, {
               control: control,
@@ -163,7 +167,7 @@ const Signup = ({
                 errorMessage: errors.email?.message,
                 inputStyle: inputStyle,
                 containerStyle: inputContainerStyle,
-                theme: appliedTheme,
+                theme: resolvedTheme,
                 textContentType: "emailAddress",
                 autoCapitalize: "none",
                 keyboardType: "email-address",
@@ -200,10 +204,12 @@ const Signup = ({
                 error: !!touchedFields.password && !!errors.password,
                 errorMessage: errors.password?.message,
                 containerStyle: inputContainerStyle,
-                textContentType: "password",
+                textContentType: "none",
                 autoCapitalize: "none",
+                spellCheck: false,
                 autoCorrect: false,
-                theme: appliedTheme
+                autoComplete: "off",
+                theme: resolvedTheme
               })
             }), /*#__PURE__*/_jsx(Controller, {
               control: control,
@@ -233,10 +239,12 @@ const Signup = ({
                 errorMessage: errors.confirmPassword?.message,
                 inputStyle: inputStyle,
                 containerStyle: inputContainerStyle,
-                theme: appliedTheme,
-                textContentType: "password",
+                theme: resolvedTheme,
+                textContentType: "none",
                 autoCapitalize: "none",
-                autoCorrect: false
+                spellCheck: false,
+                autoCorrect: false,
+                autoComplete: "off"
               })
             }), !isKeyboardOpen && (renderSubmitButton ? renderSubmitButton({
               onPress: handleSubmit(handleFormSubmit),
@@ -245,7 +253,7 @@ const Signup = ({
             }) : /*#__PURE__*/_jsx(Button.Primary, {
               title: text?.signupButton || 'Sign up',
               disabled: !isValid,
-              theme: appliedTheme,
+              theme: resolvedTheme,
               loading: loadingSubmitBtn || isLoading,
               loadingText: text?.loadingSubmitBtnText || 'Signing up...',
               onPress: handleSubmit(handleFormSubmit)
@@ -259,7 +267,7 @@ const Signup = ({
               style: styles.loginRow,
               children: [/*#__PURE__*/_jsx(Text, {
                 style: [styles.loginPrompt, loginTextProps],
-                color: appliedTheme?.colors?.textPrimary,
+                color: resolvedTheme?.colors?.textPrimary,
                 children: text?.loginPrompt || `Already have an account?`
               }), /*#__PURE__*/_jsx(TextButton, {
                 title: text?.loginLink || 'Login',
@@ -271,13 +279,13 @@ const Signup = ({
                 },
                 bold: true,
                 underline: true,
-                color: appliedTheme?.colors?.button,
+                color: resolvedTheme?.colors?.button,
                 style: loginLinkTextProps
               })]
             })
           })
         }))]
-      })
+      })]
     })
   });
 };
@@ -290,13 +298,20 @@ const styles = StyleSheet.create({
     justifyContent: 'center',
     alignItems: 'center'
   },
+  topBackBtnWrapper: {
+    position: 'absolute',
+    top: verticalScale(6),
+    left: 0,
+    zIndex: 10
+  },
   centerContent: {
+    flex: 1,
     width: '100%',
     alignItems: 'center',
     justifyContent: 'center'
   },
   title: {
-    fontSize: scale(22),
+    fontSize: RFValue(21),
     fontWeight: '700',
     marginTop: verticalScale(5),
     marginBottom: verticalScale(20)