fix(SW-1042)(SW-1114)(SW-1123): fix select room bugs

components/HotelReservation/SelectRate/RoomSelection/FlexibilityOption/index.tsx

@@ -18,9 +18,7 @@ export default function FlexibilityOption({
   name,
   paymentTerm,
   priceInformation,
-  roomType,
   roomTypeCode,
-  features,
   petRoomPackage,
   handleSelectRate,
 }: FlexibilityOptionProps) {
@@ -45,10 +43,22 @@ export default function FlexibilityOption({
 
   const { public: publicPrice, member: memberPrice } = product.productType
 
-  function onChange() {
-    handleSelectRate({
-      publicRateCode: publicPrice.rateCode,
-      roomTypeCode: roomTypeCode,
+  const onClick: React.MouseEventHandler<HTMLInputElement> = (e) => {
+    handleSelectRate((prev) => {
+      if (
+        prev &&
+        prev.publicRateCode === publicPrice.rateCode &&
+        prev.roomTypeCode === roomTypeCode
+      ) {
+        if (e.currentTarget?.checked) e.currentTarget.checked = false
+        return undefined
+      } else
+        return {
+          publicRateCode: publicPrice.rateCode,
+          roomTypeCode: roomTypeCode,
+          name: name,
+          paymentTerm: paymentTerm,
+        }
     })
   }
 
@@ -58,7 +68,7 @@ export default function FlexibilityOption({
         type="radio"
         name="rateCode"
         value={publicPrice?.rateCode}
-        onChange={onChange}
+        onClick={onClick}
       />
       <div className={styles.card}>
         <div className={styles.header}>