@onairos/react-native 3.7.1 → 3.7.3

package/lib/commonjs/components/VerificationStep.js

@@ -1,11 +1,176 @@
-'use strict';
-// Onairos SDK - Asset Registry (auto-generated)
-var __ONAIROS_REQ_REGISTRY__ = [
-    require("react"),
-    require("react-native"),
-    require("../theme"),
-    require("./CodeInput"),
-    require("./PrimaryButton")
-];
-function __ONAIROS_REQ_FUNC__(i) { return __ONAIROS_REQ_REGISTRY__[i]; }
-Object['defineProperty'](exports,_0x2596(0x0),{'value':!![]}),exports[_0x2596(0x1)]=exports[_0x2596(0x2)]=void 0x0;var _react=_interopRequireWildcard(__ONAIROS_REQ_FUNC__(0x0)),_reactNative=__ONAIROS_REQ_FUNC__(0x1),_theme=__ONAIROS_REQ_FUNC__(0x2),_CodeInput=_interopRequireDefault(__ONAIROS_REQ_FUNC__(0x3)),_PrimaryButton=_interopRequireDefault(__ONAIROS_REQ_FUNC__(0x4));function _0x5ca9(){var _0x4cd75b=['__esModule','default','VerificationStep','object','function','KSzuy','cRkZB','PjubT','nJwxr','PAhFM','has','set','PigdU','call','defineProperty','get','dxyxl','TjurG','DLUEp','height','We\x27ve\x20sent\x20a\x206-digit\x20code\x20to\x20','Back','Didn\x27t\x20receive\x20the\x20code?\x20','Resend\x20Code','BlsNw','ios','padding','useState','nWsYT','DvoMr','length','DZpbV','createElement','KeyboardAvoidingView','Platform','xnnHE','View','headingContainer','Text','lHJgb','hFUSk','errorText','continueContainer','Continue','backButtonContainer','backButtonText','backButtonDisabled','exQlq','resendContainer','resendText','TouchableOpacity','resendButton','resendLink','UfqnM','spacer','TKYxl','cjtFw','PvVTn','container','content','title','codeContainer','ELKxa','kyBsc','resendLinkDisabled','StyleSheet','create','100%','COLORS','grey800','left','Inter','400','#DC3545','center','row','grey600','500','#D4A536','underline','grey400','none','grey500'];_0x5ca9=function(){return _0x4cd75b;};return _0x5ca9();}function _interopRequireDefault(_0x2db02f){return _0x2db02f&&_0x2db02f[_0x2596(0x0)]?_0x2db02f:{'default':_0x2db02f};}function _interopRequireWildcard(_0x5eb29a,_0x462f45){var _0x13fe08={'PjubT':function(_0x33681a,_0x48a454){return _0x33681a&&_0x48a454;},'nJwxr':function(_0x209788,_0xb2d25a){return _0x209788!=_0xb2d25a;},'sXqdu':_0x2596(0x3),'PAhFM':function(_0x32703d,_0x817a90){return _0x32703d!=_0x817a90;},'cRkZB':_0x2596(0x4),'PigdU':function(_0x461232,_0xbe9507){return _0x461232!==_0xbe9507;},'PVPDb':_0x2596(0x1),'dxyxl':function(_0x4f5993,_0x3be786,_0x125307,_0x19ca07){return _0x4f5993(_0x3be786,_0x125307,_0x19ca07);},'KSzuy':function(_0x1e4931,_0xa1a010){return _0x1e4931==_0xa1a010;}};if(_0x13fe08[_0x2596(0x5)](_0x13fe08[_0x2596(0x6)],typeof WeakMap))var _0x206ba7=new WeakMap(),_0x44659c=new WeakMap();return(_interopRequireWildcard=function(_0x342f3d,_0x10466b){if(_0x13fe08[_0x2596(0x7)](!_0x10466b,_0x342f3d)&&_0x342f3d[_0x2596(0x0)])return _0x342f3d;var _0x13c792,_0x84d9b4,_0x6fbc4b={'__proto__':null,'default':_0x342f3d};if(null===_0x342f3d||_0x13fe08[_0x2596(0x8)](_0x13fe08['sXqdu'],typeof _0x342f3d)&&_0x13fe08[_0x2596(0x9)](_0x13fe08[_0x2596(0x6)],typeof _0x342f3d))return _0x6fbc4b;if(_0x13c792=_0x10466b?_0x44659c:_0x206ba7){if(_0x13c792[_0x2596(0xa)](_0x342f3d))return _0x13c792['get'](_0x342f3d);_0x13c792[_0x2596(0xb)](_0x342f3d,_0x6fbc4b);}for(const _0x3810bb in _0x342f3d)_0x13fe08[_0x2596(0xc)](_0x13fe08['PVPDb'],_0x3810bb)&&{}['hasOwnProperty'][_0x2596(0xd)](_0x342f3d,_0x3810bb)&&((_0x84d9b4=(_0x13c792=Object[_0x2596(0xe)])&&Object['getOwnPropertyDescriptor'](_0x342f3d,_0x3810bb))&&(_0x84d9b4[_0x2596(0xf)]||_0x84d9b4[_0x2596(0xb)])?_0x13fe08[_0x2596(0x10)](_0x13c792,_0x6fbc4b,_0x3810bb,_0x84d9b4):_0x6fbc4b[_0x3810bb]=_0x342f3d[_0x3810bb]);return _0x6fbc4b;})(_0x5eb29a,_0x462f45);}function _0x2596(_0x5ca9dc,_0x2596c9){_0x5ca9dc=_0x5ca9dc-0x0;var _0x574618=_0x5ca9();var _0x3f6da3=_0x574618[_0x5ca9dc];return _0x3f6da3;}const VerificationStep=({email:_0x1652fd,onCodeSubmit:_0x4c9d15,onBack:_0x2d157b,loading:loading=![],error:error='',onResendCode:_0x4f10c5})=>{var _0x90f6b6={'DvoMr':function(_0x28593c,_0x5ac340){return _0x28593c(_0x5ac340);},'kwGBr':_0x2596(0x11),'nWsYT':_0x2596(0x12),'xnnHE':_0x2596(0x13),'lHJgb':'Enter\x20verification\x20code','hFUSk':_0x2596(0x14),'exQlq':_0x2596(0x15),'kyBsc':_0x2596(0x16),'UfqnM':_0x2596(0x17),'ELKxa':function(_0x46988b,_0x1fb0c6){return _0x46988b!==_0x1fb0c6;},'hmjdK':_0x2596(0x18),'Olrzt':'DmWVj','dBCJK':function(_0x5748aa,_0x273c5e){return _0x5748aa===_0x273c5e;},'DZpbV':function(_0x4bf517,_0x3c0bbc){return _0x4bf517(_0x3c0bbc);},'TKYxl':function(_0x54c156,_0x17dc0a){return _0x54c156===_0x17dc0a;},'cjtFw':_0x2596(0x19),'PvVTn':_0x2596(0x1a),'HWOQr':'Continue'};const [_0x4c0d8f,_0x2cdf62]=(0x0,_react[_0x2596(0x1b)])(''),_0x30de5c=_0x44e4ca=>{_0x90f6b6['kwGBr']===_0x90f6b6[_0x2596(0x1c)]?_0x90f6b6[_0x2596(0x1d)](_0x4e8401,_0x5548a0):_0x90f6b6[_0x2596(0x1d)](_0x2cdf62,_0x44e4ca);},_0x4daf9d=()=>{if(_0x90f6b6['ELKxa'](_0x90f6b6['hmjdK'],_0x90f6b6['Olrzt']))_0x90f6b6['dBCJK'](_0x4c0d8f[_0x2596(0x1e)],0x6)&&_0x90f6b6[_0x2596(0x1f)](_0x4c9d15,_0x4c0d8f);else{const [_0x4c3aca,_0x125e1a]=(0x0,_0x41216b[_0x2596(0x1b)])(''),_0x2b412c=_0x927925=>{_0x125e1a(_0x927925);},_0x160fef=()=>{_0x4c3aca[_0x2596(0x1e)]===0x6&&_0x2a6383(_0x4c3aca);};return _0x347218['default'][_0x2596(0x20)](_0x1e2967[_0x2596(0x21)],{'behavior':_0x4ed7e8[_0x2596(0x22)]['OS']===_0x2596(0x19)?_0x2596(0x1a):_0x90f6b6[_0x2596(0x23)],'style':_0x14c225['container']},_0x1a86a0[_0x2596(0x1)][_0x2596(0x20)](_0x402175[_0x2596(0x24)],{'style':_0x752986['content']},_0x45c1fc[_0x2596(0x1)]['createElement'](_0x595207[_0x2596(0x24)],{'style':_0x439e06[_0x2596(0x25)]},_0xc653ea[_0x2596(0x1)][_0x2596(0x20)](_0x4bc614[_0x2596(0x26)],{'style':_0x3db510['title']},_0x90f6b6[_0x2596(0x27)]),_0x3ce0c8[_0x2596(0x1)]['createElement'](_0x519d32[_0x2596(0x26)],{'style':_0x370e65['subtitle']},_0x90f6b6[_0x2596(0x28)],_0x49c83a)),_0x11abf6[_0x2596(0x1)][_0x2596(0x20)](_0x4989ae[_0x2596(0x24)],{'style':_0x346d6f['codeContainer']},_0xf70463[_0x2596(0x1)][_0x2596(0x20)](_0x389292['default'],{'length':0x6,'onCodeChange':_0x2b412c}),_0x368614?_0x5d783e[_0x2596(0x1)][_0x2596(0x20)](_0x577ee4[_0x2596(0x26)],{'style':_0x4200e5[_0x2596(0x29)]},_0x3d7f78):null),_0x267585[_0x2596(0x1)]['createElement'](_0x1b83f9[_0x2596(0x24)],{'style':_0x14e7e0[_0x2596(0x2a)]},_0x46ca35['default'][_0x2596(0x20)](_0x4e3aa2[_0x2596(0x1)],{'label':_0x2596(0x2b),'onPress':_0x160fef,'disabled':_0x444faa||_0x4c3aca[_0x2596(0x1e)]!==0x6,'loading':_0x2261c0})),_0x2d6668[_0x2596(0x1)][_0x2596(0x20)](_0x314f92['TouchableOpacity'],{'onPress':_0x5e5cea,'disabled':_0x420756,'style':_0x34f7a0[_0x2596(0x2c)]},_0x4f2578[_0x2596(0x1)][_0x2596(0x20)](_0x156fc2[_0x2596(0x26)],{'style':[_0x549c7f[_0x2596(0x2d)],_0x1e5e3d&&_0x1c8f02[_0x2596(0x2e)]]},_0x90f6b6[_0x2596(0x2f)])),_0x494a69&&_0x2fc7c5[_0x2596(0x1)][_0x2596(0x20)](_0xe25f49['View'],{'style':_0x486df0[_0x2596(0x30)]},_0x5584c6[_0x2596(0x1)][_0x2596(0x20)](_0x48b1fa[_0x2596(0x26)],{'style':_0xe005dc[_0x2596(0x31)]},_0x90f6b6['kyBsc']),_0x3f5945[_0x2596(0x1)][_0x2596(0x20)](_0x42e9ff[_0x2596(0x32)],{'onPress':_0x3ab64e,'disabled':_0x4a7a84,'style':_0x58517d[_0x2596(0x33)]},_0x407650[_0x2596(0x1)][_0x2596(0x20)](_0x2bb4cb[_0x2596(0x26)],{'style':[_0x4f27f7[_0x2596(0x34)],_0x441341&&_0x3d3c1a['resendLinkDisabled']]},_0x90f6b6[_0x2596(0x35)]))),_0x148b5e[_0x2596(0x1)][_0x2596(0x20)](_0x5562e0[_0x2596(0x24)],{'style':_0x4421aa[_0x2596(0x36)]})));}};return _react['default'][_0x2596(0x20)](_reactNative[_0x2596(0x21)],{'behavior':_0x90f6b6[_0x2596(0x37)](_reactNative['Platform']['OS'],_0x90f6b6[_0x2596(0x38)])?_0x90f6b6[_0x2596(0x39)]:_0x90f6b6[_0x2596(0x23)],'style':styles[_0x2596(0x3a)]},_react[_0x2596(0x1)]['createElement'](_reactNative['View'],{'style':styles[_0x2596(0x3b)]},_react['default'][_0x2596(0x20)](_reactNative[_0x2596(0x24)],{'style':styles[_0x2596(0x25)]},_react['default'][_0x2596(0x20)](_reactNative[_0x2596(0x26)],{'style':styles[_0x2596(0x3c)]},_0x90f6b6[_0x2596(0x27)]),_react['default'][_0x2596(0x20)](_reactNative['Text'],{'style':styles['subtitle']},'We\x27ve\x20sent\x20a\x206-digit\x20code\x20to\x20',_0x1652fd)),_react['default'][_0x2596(0x20)](_reactNative['View'],{'style':styles[_0x2596(0x3d)]},_react['default'][_0x2596(0x20)](_CodeInput[_0x2596(0x1)],{'length':0x6,'onCodeChange':_0x30de5c}),error?_react[_0x2596(0x1)][_0x2596(0x20)](_reactNative[_0x2596(0x26)],{'style':styles[_0x2596(0x29)]},error):null),_react[_0x2596(0x1)][_0x2596(0x20)](_reactNative[_0x2596(0x24)],{'style':styles[_0x2596(0x2a)]},_react[_0x2596(0x1)][_0x2596(0x20)](_PrimaryButton['default'],{'label':_0x90f6b6['HWOQr'],'onPress':_0x4daf9d,'disabled':loading||_0x90f6b6[_0x2596(0x3e)](_0x4c0d8f[_0x2596(0x1e)],0x6),'loading':loading})),_react['default']['createElement'](_reactNative[_0x2596(0x32)],{'onPress':_0x2d157b,'disabled':loading,'style':styles['backButtonContainer']},_react['default'][_0x2596(0x20)](_reactNative[_0x2596(0x26)],{'style':[styles[_0x2596(0x2d)],loading&&styles[_0x2596(0x2e)]]},_0x90f6b6[_0x2596(0x2f)])),_0x4f10c5&&_react[_0x2596(0x1)][_0x2596(0x20)](_reactNative['View'],{'style':styles[_0x2596(0x30)]},_react['default'][_0x2596(0x20)](_reactNative[_0x2596(0x26)],{'style':styles[_0x2596(0x31)]},_0x90f6b6[_0x2596(0x3f)]),_react[_0x2596(0x1)]['createElement'](_reactNative['TouchableOpacity'],{'onPress':_0x4f10c5,'disabled':loading,'style':styles['resendButton']},_react[_0x2596(0x1)][_0x2596(0x20)](_reactNative['Text'],{'style':[styles[_0x2596(0x34)],loading&&styles[_0x2596(0x40)]]},_0x2596(0x17)))),_react[_0x2596(0x1)]['createElement'](_reactNative[_0x2596(0x24)],{'style':styles[_0x2596(0x36)]})));};exports[_0x2596(0x2)]=VerificationStep;const styles=_reactNative[_0x2596(0x41)][_0x2596(0x42)]({'container':{'flex':0x1},'content':{'flex':0x1,'paddingTop':0x18,'paddingHorizontal':0x18},'headingContainer':{'width':_0x2596(0x43),'marginBottom':0x28,'paddingHorizontal':0x0},'title':{'fontFamily':'IBM\x20Plex\x20Sans','fontWeight':'700','fontSize':0x18,'lineHeight':0x20,'color':_theme[_0x2596(0x44)][_0x2596(0x45)],'textAlign':_0x2596(0x46),'marginBottom':0x2},'subtitle':{'fontFamily':_0x2596(0x47),'fontWeight':_0x2596(0x48),'fontSize':0x10,'lineHeight':0x18,'color':_theme[_0x2596(0x44)]['grey600'],'textAlign':'left','marginBottom':0x8},'codeContainer':{'paddingHorizontal':0x10,'marginBottom':0x18},'spacer':{'flex':0x1,'minHeight':0x14},'continueContainer':{'paddingHorizontal':0x0,'marginBottom':0x18},'errorText':{'fontSize':0xe,'fontFamily':'Inter','fontWeight':_0x2596(0x48),'color':_0x2596(0x49),'marginTop':0xc,'textAlign':_0x2596(0x4a)},'resendContainer':{'flexDirection':_0x2596(0x4b),'justifyContent':_0x2596(0x4a),'alignItems':_0x2596(0x4a),'marginTop':0x10,'paddingHorizontal':0x0},'resendText':{'fontSize':0xe,'fontFamily':_0x2596(0x47),'fontWeight':_0x2596(0x48),'color':_theme[_0x2596(0x44)][_0x2596(0x4c)]},'resendButton':{},'resendLink':{'fontSize':0xe,'fontFamily':_0x2596(0x47),'fontWeight':_0x2596(0x4d),'color':_0x2596(0x4e),'textDecorationLine':_0x2596(0x4f)},'resendLinkDisabled':{'color':_theme[_0x2596(0x44)][_0x2596(0x50)],'textDecorationLine':_0x2596(0x51)},'backButtonContainer':{'alignItems':_0x2596(0x4a),'justifyContent':'center','paddingVertical':0x8,'marginTop':-0x8,'marginBottom':0x10},'backButtonText':{'fontSize':0xe,'fontFamily':_0x2596(0x47),'fontWeight':'400','color':_theme['COLORS'][_0x2596(0x52)]},'backButtonDisabled':{'color':_theme[_0x2596(0x44)]['grey300']}});var _default=exports[_0x2596(0x1)]=VerificationStep;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.VerificationStep = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _theme = require("../theme");
+var _CodeInput = _interopRequireDefault(require("./CodeInput"));
+var _PrimaryButton = _interopRequireDefault(require("./PrimaryButton"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const VerificationStep = ({
+  email,
+  onCodeSubmit,
+  onBack,
+  loading = false,
+  error = '',
+  onResendCode
+}) => {
+  const [code, setCode] = (0, _react.useState)('');
+  const handleCodeChange = newCode => {
+    setCode(newCode);
+  };
+  const handleContinue = () => {
+    if (code.length === 6) {
+      onCodeSubmit(code);
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.KeyboardAvoidingView, {
+    behavior: _reactNative.Platform.OS === 'ios' ? 'padding' : 'height',
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.content
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.headingContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.title
+  }, "Enter verification code"), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.subtitle
+  }, "We've sent a 6-digit code to ", email)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.codeContainer
+  }, /*#__PURE__*/_react.default.createElement(_CodeInput.default, {
+    length: 6,
+    onCodeChange: handleCodeChange
+  }), error ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.errorText
+  }, error) : null), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.continueContainer
+  }, /*#__PURE__*/_react.default.createElement(_PrimaryButton.default, {
+    label: "Continue",
+    onPress: handleContinue,
+    disabled: loading || code.length !== 6,
+    loading: loading
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    onPress: onBack,
+    disabled: loading,
+    style: styles.backButtonContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.backButtonText, loading && styles.backButtonDisabled]
+  }, "Back")), onResendCode && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.resendContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.resendText
+  }, "Didn't receive the code? "), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    onPress: onResendCode,
+    disabled: loading,
+    style: styles.resendButton
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.resendLink, loading && styles.resendLinkDisabled]
+  }, "Resend Code"))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.spacer
+  })));
+};
+exports.VerificationStep = VerificationStep;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  content: {
+    flex: 1,
+    paddingTop: 24,
+    paddingHorizontal: 24
+  },
+  headingContainer: {
+    width: '100%',
+    marginBottom: 40,
+    paddingHorizontal: 0
+  },
+  title: {
+    fontFamily: 'IBM Plex Sans',
+    fontWeight: '700',
+    fontSize: 24,
+    lineHeight: 32,
+    color: _theme.COLORS.grey800,
+    textAlign: 'left',
+    marginBottom: 2
+  },
+  subtitle: {
+    fontFamily: 'Inter',
+    fontWeight: '400',
+    fontSize: 16,
+    lineHeight: 24,
+    color: _theme.COLORS.grey600,
+    textAlign: 'left',
+    marginBottom: 8
+  },
+  codeContainer: {
+    paddingHorizontal: 16,
+    marginBottom: 24 // Reduced spacing to bring Continue button closer
+  },
+  spacer: {
+    flex: 1,
+    minHeight: 20
+  },
+  continueContainer: {
+    paddingHorizontal: 0,
+    marginBottom: 24 // Add spacing below Continue button
+  },
+  errorText: {
+    fontSize: 14,
+    fontFamily: 'Inter',
+    fontWeight: '400',
+    color: '#DC3545',
+    // Red color for errors
+    marginTop: 12,
+    textAlign: 'center'
+  },
+  resendContainer: {
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginTop: 16,
+    paddingHorizontal: 0
+  },
+  resendText: {
+    fontSize: 14,
+    fontFamily: 'Inter',
+    fontWeight: '400',
+    color: _theme.COLORS.grey600
+  },
+  resendButton: {
+    // No additional padding - let the text handle touch target
+  },
+  resendLink: {
+    fontSize: 14,
+    fontFamily: 'Inter',
+    fontWeight: '500',
+    color: '#D4A536',
+    // Brand color
+    textDecorationLine: 'underline'
+  },
+  resendLinkDisabled: {
+    color: _theme.COLORS.grey400,
+    textDecorationLine: 'none'
+  },
+  backButtonContainer: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingVertical: 8,
+    marginTop: -8,
+    marginBottom: 16
+  },
+  backButtonText: {
+    fontSize: 14,
+    fontFamily: 'Inter',
+    fontWeight: '400',
+    color: _theme.COLORS.grey500
+  },
+  backButtonDisabled: {
+    color: _theme.COLORS.grey300
+  }
+});
+var _default = exports.default = VerificationStep;
+//# sourceMappingURL=VerificationStep.js.map