fix: allow to retract escalated dispute

.github/workflows/ci.yaml

@@ -130,7 +130,7 @@ jobs:
       ENV_NAME: "production"
       UPDATE_COVERAGE: false
       REACT_APP_ENABLE_CURATION_LISTS: true
-      REACT_APP_SELLER_CURATION_LIST: "2,4,5,6,7,8,9,11,12,13,14,16,27,129,171,172,180,181,182,183,184,190,191"
+      REACT_APP_SELLER_CURATION_LIST: "2,4,5,6,7,8,9,11,12,13,14,16,27,129,171,172,180,181,182,183,184,190,191,195,196,197,202,207"
       REACT_APP_CREATE_PROFILE_CONFIGURATION: "LENS"
       REACT_APP_IPFS_GATEWAY: "https://bosonprotocol.infura-ipfs.io/ipfs"
       REACT_APP_IPFS_IMAGE_GATEWAY: "https://gray-permanent-fly-490.mypinata.cloud/ipfs"

package.json

@@ -42,7 +42,7 @@
   },
   "dependencies": {
     "@bosonprotocol/chat-sdk": "^1.3.0",
-    "@bosonprotocol/react-kit": "^0.16.2-alpha.16",
+    "@bosonprotocol/react-kit": "0.16.2-alpha.16",
     "@davatar/react": "^1.10.4",
     "@ethersproject/address": "^5.6.1",
     "@ethersproject/units": "^5.6.1",

src/components/datepicker/Calendar.tsx

@@ -69,9 +69,13 @@ export default function Calendar({
       </CalendarHeader>
       <CalendarRow>
         {rows.map(({ text, value, current }: ICalendarCell, i: number) => {
-          const disabled: boolean = period
+          const isBeforeMinDate = minDate
             ? value?.isBefore(minDate, "day")
             : false;
+          const isAfterMaxDate = maxDate
+            ? value?.isAfter(maxDate, "day")
+            : false;
+          const disabled: boolean = isBeforeMinDate || isAfterMaxDate;
 
           return (
             <CalendarDay

src/components/datepicker/DatePicker.tsx

@@ -8,6 +8,7 @@ dayjs.extend(timezone);
 
 import { useCallback, useEffect, useRef, useState } from "react";
 
+import { useDidMountEffect } from "../../lib/utils/hooks/useDidMountEffect";
 import { FieldInput } from "../form/Field.styles";
 import Calendar from "./Calendar";
 import { DatePickerWrapper, Picker, PickerGrid } from "./DatePicker.style";
@@ -16,7 +17,7 @@ import SelectTime from "./SelectTime";
 
 interface Props {
   initialValue?: Dayjs | Array<Dayjs> | null;
-  onChange?: (selected: Dayjs | Array<Dayjs | null>) => void;
+  onChange?: (selected: Dayjs | Array<Dayjs | null> | null) => void;
   error?: string;
   period: boolean;
   selectTime: boolean;
@@ -37,8 +38,10 @@ const handleInitialDates = (
   let endDate: Dayjs | null = null;
 
   if (Array.isArray(initialValue)) {
-    startDate = dayjs(initialValue[0]);
-    endDate = dayjs(initialValue[1]);
+    if (initialValue.length) {
+      startDate = dayjs(initialValue[0]);
+      endDate = dayjs(initialValue[1]);
+    }
   } else {
     startDate = dayjs(initialValue);
   }
@@ -109,7 +112,7 @@ export default function DatePicker({
     }
   };
 
-  useEffect(() => {
+  useDidMountEffect(() => {
     if (
       (!period && date !== null) ||
       (period && date !== null && secondDate !== null)
@@ -122,7 +125,13 @@ export default function DatePicker({
       (period && date === null && secondDate === null)
     ) {
       setShownDate("Choose dates...");
+      if (period) {
+        onChange?.([]);
+      } else {
+        onChange?.(null);
+      }
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [date, secondDate, period]);
 
   useEffect(() => {

src/components/detail/DetailWidget/DetailWidget.tsx

@@ -669,7 +669,7 @@ const DetailWidget: React.FC<IDetailWidget> = ({
       "code" in error &&
       (error as unknown as { code: string }).code === "ACTION_REJECTED";
     if (hasUserRejectedTx) {
-      showModal("CONFIRMATION_FAILED");
+      showModal("TRANSACTION_FAILED");
     } else {
       showModal(modalTypes.DETAIL_WIDGET, {
         title: "An error occurred",

src/components/detail/DetailWidget/TokenGated.tsx

@@ -7,6 +7,7 @@ import { CONFIG } from "../../../lib/config";
 import { colors } from "../../../lib/styles/colors";
 import { Offer } from "../../../lib/types/offer";
 import { IPrice } from "../../../lib/utils/convertPrice";
+import { sanitizeUrl } from "../../../lib/utils/url";
 import { useCoreSDK } from "../../../lib/utils/useCoreSdk";
 import { useConvertedPrice } from "../../price/useConvertedPrice";
 import Grid from "../../ui/Grid";
@@ -176,8 +177,9 @@ const TokenGated = ({
               </LockInfoDesc>
               <LockInfoDesc>
                 <a
-                  href={openseaLinkToOriginalMainnetCollection}
+                  href={sanitizeUrl(openseaLinkToOriginalMainnetCollection)}
                   target="_blank"
+                  rel="noopener noreferrer"
                 >
                   {openseaLinkToOriginalMainnetCollection}
                 </a>

src/components/disputeResolver/ManageDisputes/DisputesTable.tsx

@@ -14,6 +14,7 @@ import copyToClipboard from "../../../lib/utils/copyToClipboard";
 import { getDateTimestamp } from "../../../lib/utils/getDateTimestamp";
 import { Disputes } from "../../../lib/utils/hooks/useExchanges";
 import { useKeepQueryParamsNavigate } from "../../../lib/utils/hooks/useKeepQueryParamsNavigate";
+import { sanitizeUrl } from "../../../lib/utils/url";
 import { useModal } from "../../modal/useModal";
 import Price from "../../price";
 import PaginationPages from "../../seller/common/PaginationPages";
@@ -175,7 +176,7 @@ export default function DisputesTable({ disputes }: Props) {
                     whiteSpace: "pre"
                   }}
                   onClick={() => {
-                    copyToClipboard(emailAddress).then(() => {
+                    copyToClipboard(sanitizeUrl(emailAddress)).then(() => {
                       toast(() => "Seller e-mail has been copied to clipboard");
                     });
                   }}

src/components/footer/Footer.tsx

@@ -5,6 +5,7 @@ import logo from "../../../src/assets/logo-white.svg";
 import { BosonRoutes } from "../../lib/routing/routes";
 import { breakpoint } from "../../lib/styles/breakpoint";
 import { useBreakpoints } from "../../lib/utils/hooks/useBreakpoints";
+import { sanitizeUrl } from "../../lib/utils/url";
 import SocialLogo, {
   SocialLogoValues
 } from "../../pages/custom-store/SocialLogo";
@@ -112,9 +113,9 @@ function Socials() {
       return socialMediaLinks.map(({ url, value }) => {
         return (
           <a
-            href={url}
+            href={sanitizeUrl(url)}
             target="_blank"
-            rel="noopener"
+            rel="noopener noreferrer"
             key={`social_nav_${value}_${url}`}
           >
             <SocialLogo logo={value} />
@@ -241,9 +242,10 @@ export default function FooterComponent() {
                   return (
                     <a
                       key={`${footerLink.label}-${footerLink.value}-${index}`}
-                      href={footerLink.value}
+                      href={sanitizeUrl(footerLink.value)}
                       target="_blank"
                       style={{ textAlign: "center" }}
+                      rel="noopener noreferrer"
                     >
                       {footerLink.label}
                     </a>

src/components/form/Datepicker.tsx

@@ -5,7 +5,7 @@ import DatePicker from "../datepicker/DatePicker";
 import Error from "./Error";
 import type { DatepickerProps } from "./types";
 
-export default function DatepickerComponent({
+export default function Datepicker({
   name,
   period = false,
   selectTime = false,
@@ -17,7 +17,7 @@ export default function DatepickerComponent({
   const displayError =
     typeof errorMessage === typeof "string" && errorMessage !== "";
 
-  const handleChange = (date: Dayjs | Array<Dayjs | null>) => {
+  const handleChange = (date: Dayjs | Array<Dayjs | null> | null) => {
     if (!meta.touched) {
       helpers.setTouched(true);
     }