fix(input-wrapper): transform children arguments to object

atls · Nov 23, 2023 · 2762700 · 2762700
1 parent 611572e
commit 2762700
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 10 deletions.
diff --git a/packages/payment-widget/src/interfaces/wrappers.interfaces.ts b/packages/payment-widget/src/interfaces/wrappers.interfaces.ts
@@ -1,17 +1,19 @@
-import { ReactElement }                       from 'react'
-
-import { HandleBlurField }                    from './fields.interfaces'
+import { ReactElement }      from 'react'
 
+import { HandleBlurField }   from './fields.interfaces'
 import { HandleChangeField } from './fields.interfaces'
 
+interface ChildrenInputProps {
+  name: string
+  value: string
+  onChangeNative: HandleChangeField
+  onBlur: HandleBlurField
+  errorText: string
+}
+
 export interface InputWrapperProps {
   name: string
-  children: (
-    value: string,
-    onChange: HandleChangeField,
-    onBlur: HandleBlurField,
-    errorText: string
-  ) => ReactElement
+  children: (props: ChildrenInputProps) => ReactElement
 }
 
 export interface ButtonWrapperProps {

diff --git a/packages/payment-widget/src/ui/wrapper/input-wrapper.component.tsx b/packages/payment-widget/src/ui/wrapper/input-wrapper.component.tsx
@@ -13,7 +13,13 @@ export const InputWrapper: FC<InputWrapperProps> = ({ name, children }) => {
   const translateError = translate(intl, errors[name], errors[name])
 
   if (typeof children === 'function') {
-    return children(fieldsState as string, handleChange, handleBlur, translateError)
+    return children({
+      name,
+      value: fieldsState as string,
+      onChangeNative: handleChange,
+      onBlur: handleBlur,
+      errorText: translateError,
+    })
   }
 
   return null