tf-checkout-react-native 1.0.45 → 2.0.0-beta.0

package/src/containers/resetPassword/ResetPassword.tsx

@@ -1,110 +0,0 @@
-import React, { FC, useRef, useState } from 'react'
-
-import { ResetPasswordCore, ResetPasswordCoreHandle } from '../../core'
-import { useDebounced } from '../../helpers/Debounced'
-import { validatePasswords } from '../../helpers/Validators'
-import ResetPasswordView from './ResetPasswordView'
-import { IResetPasswordProps } from './types'
-
-const ResetPassword: FC<IResetPasswordProps> = ({
-  token,
-  styles,
-  texts,
-  onResetPasswordError,
-  onResetPasswordSuccess,
-  onPressCancelButton,
-  onPressResetButton,
-}) => {
-  //#region State
-  const [newPassword, setNewPassword] = useState('')
-  const [confirmNewPassword, setConfirmNewPassword] = useState('')
-  const [apiError, setApiError] = useState('')
-  const [apiSuccess, setApiSuccess] = useState('')
-  const [isLoading, setIsLoading] = useState(false)
-  //#endregion State
-
-  const resetPasswordCoreRef = useRef<ResetPasswordCoreHandle>(null)
-
-  const newPasswordError = useDebounced(newPassword, () =>
-    validatePasswords(newPassword, confirmNewPassword)
-  )
-
-  const confirmNewPasswordError = useDebounced(confirmNewPassword, () =>
-    validatePasswords(newPassword, confirmNewPassword)
-  )
-
-  const isDataValid = (): boolean => {
-    if (!newPassword) {
-      return false
-    }
-
-    if (!confirmNewPassword) {
-      return false
-    }
-
-    if (newPassword !== confirmNewPassword) {
-      return false
-    }
-
-    return true
-  }
-
-  //#region Handlers
-  const handleOnPressResetPasswordButton = async () => {
-    if (!resetPasswordCoreRef.current) {
-      return
-    }
-
-    onPressResetButton?.()
-
-    if (!isDataValid()) {
-      return
-    }
-
-    setIsLoading(true)
-    const response = await resetPasswordCoreRef.current.postResetPassword({
-      token: token,
-      password: newPassword,
-      password_confirmation: confirmNewPassword,
-    })
-    setIsLoading(false)
-
-    if (response.error) {
-      setApiError(response.error.message)
-      return onResetPasswordError?.(response.error)
-    }
-
-    setApiSuccess(response.data!.message)
-    return onResetPasswordSuccess?.(response.data!)
-  }
-
-  const handleOnPressCancelButton = () => {
-    onPressCancelButton?.()
-  }
-  //#endregion Handlers
-
-  //#region Return
-  return (
-    <ResetPasswordCore ref={resetPasswordCoreRef}>
-      <ResetPasswordView
-        onChangePassword={setNewPassword}
-        onChangePasswordConfirm={setConfirmNewPassword}
-        password={newPassword}
-        passwordConfirm={confirmNewPassword}
-        onPressResetButton={handleOnPressResetPasswordButton}
-        onPressCancelButton={handleOnPressCancelButton}
-        passwordError={newPasswordError}
-        passwordConfirmError={confirmNewPasswordError}
-        styles={styles}
-        texts={texts}
-        isDataValid={isDataValid()}
-        apiError={apiError}
-        isLoading={isLoading}
-        apiSuccess={apiSuccess}
-      />
-    </ResetPasswordCore>
-  )
-  //#endregion Return
-}
-
-export default ResetPassword

package/src/containers/resetPassword/ResetPasswordView.tsx

@@ -1,81 +0,0 @@
-import React, { FC } from 'react'
-import { Keyboard, Pressable, Text, View } from 'react-native'
-
-import { Button, Input } from '../../components'
-import s from './styles'
-import { IResetPasswordViewProps } from './types'
-
-const ResetPasswordView: FC<IResetPasswordViewProps> = ({
-  styles,
-  texts,
-  isLoading,
-  onPressCancelButton,
-  onPressResetButton,
-  apiError,
-  password,
-  passwordConfirm,
-  onChangePassword,
-  onChangePasswordConfirm,
-  passwordConfirmError,
-  passwordError,
-  isDataValid,
-  apiSuccess,
-}) => (
-  <Pressable style={s.pressable} onPress={Keyboard.dismiss}>
-    <View style={[s.rootContainer, styles?.rootContainer]}>
-      <View style={[s.contentContainer, styles?.contentContainer]}>
-        <Text style={[s.dialogTitle, styles?.title]}>
-          {texts?.title || 'Enter your new password'}
-        </Text>
-
-        <Input
-          onChangeText={onChangePassword}
-          styles={styles?.input}
-          label={texts?.newPasswordLabel || 'New password'}
-          error={passwordError}
-          value={password}
-          autoCapitalize="none"
-          secureTextEntry={true}
-          isShowPasswordButtonVisible={true}
-        />
-
-        <Input
-          onChangeText={onChangePasswordConfirm}
-          styles={styles?.input}
-          label={texts?.confirmNewPasswordLabel || 'Confirm new password'}
-          error={passwordConfirmError}
-          value={passwordConfirm}
-          autoCapitalize="none"
-          secureTextEntry={true}
-          isShowPasswordButtonVisible={true}
-        />
-
-        {!!apiError && <Text style={[s.apiError, styles?.apiError]}>{apiError}</Text>}
-
-        {apiSuccess ? (
-          <Text style={styles?.apiSuccess}>{apiSuccess}</Text>
-        ) : (
-          <Button
-            text={texts?.resetButton || 'RESET PASSWORD'}
-            onPress={onPressResetButton}
-            isLoading={isLoading}
-            isDisabled={!isDataValid || isLoading}
-            styles={{
-              container: [s.resetButtonContainer, styles?.resetButton?.container],
-              ...styles?.resetButton,
-            }}
-          />
-        )}
-
-        <Button
-          text={texts?.cancelButton || 'CANCEL'}
-          onPress={onPressCancelButton}
-          isDisabled={isLoading}
-          styles={styles?.cancelButton}
-        />
-      </View>
-    </View>
-  </Pressable>
-)
-
-export default ResetPasswordView

package/src/containers/resetPassword/styles.ts

@@ -1,35 +0,0 @@
-import { StyleSheet } from 'react-native'
-
-import R from '../../res'
-
-export default StyleSheet.create({
-  pressable: {
-    flex: 1,
-  },
-  rootContainer: {
-    flex: 1,
-    alignItems: 'center',
-    paddingTop: 32,
-  },
-  contentContainer: {
-    paddingVertical: 32,
-    width: '80%',
-    backgroundColor: R.colors.white,
-    borderRadius: 5,
-    paddingHorizontal: 16,
-    alignItems: 'center',
-  },
-  dialogTitle: {
-    color: R.colors.black,
-    fontSize: 18,
-    fontWeight: '800',
-    marginBottom: 16,
-  },
-  resetButtonContainer: {
-    marginBottom: 16,
-  },
-  apiError: {
-    color: R.colors.danger,
-    marginBottom: 16,
-  },
-})

package/src/containers/resetPassword/types.ts

@@ -1,56 +0,0 @@
-import { StyleProp, TextStyle, ViewStyle } from 'react-native'
-
-import { IRestorePasswordData } from '../../api/types'
-import { IButtonStyles } from '../../components/button/types'
-import { IInputStyles } from '../../components/input/types'
-import { IError } from '../../types'
-
-export interface IResetPasswordTexts {
-  title?: string
-  resetButton?: string
-  cancelButton?: string
-  newPasswordLabel?: string
-  confirmNewPasswordLabel?: string
-}
-
-export interface IResetPasswordStyles {
-  rootContainer?: StyleProp<ViewStyle>
-  contentContainer?: StyleProp<ViewStyle>
-  title?: StyleProp<TextStyle>
-  resetButton?: IButtonStyles
-  cancelButton?: IButtonStyles
-  input?: IInputStyles
-  apiError?: StyleProp<TextStyle>
-  apiSuccess?: StyleProp<TextStyle>
-}
-
-export interface IResetPasswordProps {
-  token: string
-  styles?: IResetPasswordStyles
-  texts?: IResetPasswordTexts
-
-  onResetPasswordSuccess?: (data: IRestorePasswordData) => void
-  onResetPasswordError?: (error: IError) => void
-
-  onPressResetButton?: () => void
-  onPressCancelButton?: () => void
-}
-
-export interface IResetPasswordViewProps {
-  styles?: IResetPasswordStyles
-  texts?: IResetPasswordTexts
-
-  onChangePassword: (value: string) => void
-  onChangePasswordConfirm: (value: string) => void
-  apiError?: string
-  apiSuccess?: string
-  isLoading?: boolean
-  isDataValid?: boolean
-  password: string
-  passwordConfirm: string
-  passwordError?: string
-  passwordConfirmError?: string
-
-  onPressResetButton: () => void
-  onPressCancelButton: () => void
-}