Merge branch 'apiendpoint-url-fix' of github.com:juspay/hyperswitch-w…

…eb into apiendpoint-url-fix

CHANGELOG.md

@@ -1,3 +1,10 @@
+## [0.50.8](https://github.com/juspay/hyperswitch-web/compare/v0.50.7...v0.50.8) (2024-05-08)
+
+
+### Bug Fixes
+
+* dropdown error even when first option is selected ([#356](https://github.com/juspay/hyperswitch-web/issues/356)) ([3e7b007](https://github.com/juspay/hyperswitch-web/commit/3e7b0071b8db132c901cbc0a7fc44f6ef13349d8))
+
 ## [0.50.6](https://github.com/juspay/hyperswitch-web/compare/v0.50.5...v0.50.6) (2024-05-07)
 
 ## [0.50.5](https://github.com/juspay/hyperswitch-web/compare/v0.50.4...v0.50.5) (2024-05-06)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "orca-payment-page",
-  "version": "0.50.6",
+  "version": "0.50.8",
   "main": "index.js",
   "private": true,
   "dependencies": {

src/Components/PaymentDropDownField.res

@@ -28,26 +28,17 @@ let make = (
   }
   React.useEffect(() => {
     let initialValue = options->Array.get(0)->Option.getOr("")
-    if (
-      value.value === "" ||
-      value.value === initialValue ||
-      options->Array.includes(value.value)->not
-    ) {
-      setValue(prev => {
-        ...prev,
+    if value.value === "" || options->Array.includes(value.value)->not {
+      setValue(_ => {
+        errorString: "",
         isValid: Some(true),
         value: initialValue,
       })
     }
     None
-  }, [options->Array.get(0)->Option.getOr("")])
+  }, [options])
   let handleFocus = _ => {
     setInputFocused(_ => true)
-    // setValue(.prev => {
-    //   ...prev,
-    //   isValid: None,
-    //   errorString: "",
-    // })
     Utils.handleOnFocusPostMessage(~targetOrigin=parentURL, ())
   }
   let focusClass = if inputFocused || value.value->String.length > 0 {