@bosonprotocol/react-kit 0.29.0 → 0.29.1-alpha.0

package/src/components/form/BaseSelect.tsx

@@ -23,8 +23,8 @@ const customStyles = (error: any) => ({
     border: state.isFocused
       ? `1px solid ${colors.secondary}`
       : !checkIfValueIsEmpty(error)
-      ? `1px solid ${colors.orange}`
-      : `1px solid ${colors.border}`
+        ? `1px solid ${colors.orange}`
+        : `1px solid ${colors.border}`
   }),
   container: (provided: any, state: any) => ({
     ...provided,

package/src/components/form/Select.tsx

@@ -42,8 +42,8 @@ const customStyles = (error: any) => ({
       border: state.isFocused
         ? `1px solid ${colors.secondary}`
         : !checkIfValueIsEmpty(error)
-        ? `1px solid ${colors.orange}`
-        : `1px solid ${colors.border}`,
+          ? `1px solid ${colors.orange}`
+          : `1px solid ${colors.border}`,
       ...before
     };
   },
@@ -87,8 +87,8 @@ export default function SelectComponent({
     meta.error && meta.touched && !errorMessage
       ? meta.error
       : meta.error && meta.touched && errorMessage
-      ? errorMessage
-      : "";
+        ? errorMessage
+        : "";
 
   const displayError =
     typeof displayErrorMessage === typeof "string" &&

package/src/components/modal/ModalContext.tsx

@@ -24,11 +24,10 @@ export type Store = {
   > | null;
   theme?: "light" | "dark";
 };
-export type GenericModalProps<T extends keyof typeof MODAL_TYPES> = Parameters<
-  typeof MODAL_COMPONENTS[T]
->[0] extends Record<string, never>
-  ? ModalProps & Record<string, never>
-  : ModalProps & Parameters<typeof MODAL_COMPONENTS[T]>[0];
+export type GenericModalProps<T extends keyof typeof MODAL_TYPES> =
+  Parameters<(typeof MODAL_COMPONENTS)[T]>[0] extends Record<string, never>
+    ? ModalProps & Record<string, never>
+    : ModalProps & Parameters<(typeof MODAL_COMPONENTS)[T]>[0];
 
 export interface ModalContextType {
   showModal: <T extends keyof typeof MODAL_TYPES>(

package/src/components/modal/components/Redeem/ExchangeView/cancellation/CancelExchange.tsx

@@ -233,9 +233,8 @@ export function CancelExchange({
               const [, { exchangeId }] = args;
               await poll(
                 async () => {
-                  const canceledExchange = await coreSDK.getExchangeById(
-                    exchangeId
-                  );
+                  const canceledExchange =
+                    await coreSDK.getExchangeById(exchangeId);
                   return canceledExchange.cancelledDate;
                 },
                 (cancelledDate) => {

package/src/components/modal/components/Redeem/ExchangeView/expireVoucher/ExpireVoucher.tsx

@@ -236,9 +236,8 @@ export default function ExpireVoucher({
               const [, { exchangeId }] = args;
               await poll(
                 async () => {
-                  const expiredExchange = await coreSDK.getExchangeById(
-                    exchangeId
-                  );
+                  const expiredExchange =
+                    await coreSDK.getExchangeById(exchangeId);
                   return expiredExchange.expired;
                 },
                 (expired) => {

package/src/components/modal/components/Redeem/MyItems/WithExchangesData.tsx

@@ -52,8 +52,8 @@ export function WithExchangesData(
         ? sellerIds.filter((s) => sellerCurationList?.includes(s))
         : sellerIds
       : enableCurationLists
-      ? sellerCurationList
-      : undefined;
+        ? sellerCurationList
+        : undefined;
     const committedExchanges = useExchanges(
       {
         ...orderProps,

package/src/components/modal/components/Redeem/RedeemNonModal.tsx

@@ -257,14 +257,14 @@ const getInitialStep = (
   return showRedemptionOverview
     ? ActiveStep.STEPS_OVERVIEW
     : widgetAction === RedemptionWidgetAction.SELECT_EXCHANGE
-    ? ActiveStep.MY_ITEMS
-    : widgetAction === RedemptionWidgetAction.REDEEM_FORM
-    ? ActiveStep.REDEEM_FORM
-    : widgetAction === RedemptionWidgetAction.CANCEL_FORM
-    ? ActiveStep.CANCELLATION_VIEW
-    : widgetAction === RedemptionWidgetAction.EXCHANGE_DETAILS
-    ? ActiveStep.EXCHANGE_VIEW
-    : ActiveStep.REDEEM_FORM_CONFIRMATION;
+      ? ActiveStep.MY_ITEMS
+      : widgetAction === RedemptionWidgetAction.REDEEM_FORM
+        ? ActiveStep.REDEEM_FORM
+        : widgetAction === RedemptionWidgetAction.CANCEL_FORM
+          ? ActiveStep.CANCELLATION_VIEW
+          : widgetAction === RedemptionWidgetAction.EXCHANGE_DETAILS
+            ? ActiveStep.EXCHANGE_VIEW
+            : ActiveStep.REDEEM_FORM_CONFIRMATION;
 };
 const getPreviousSteps = (
   widgetAction: RedemptionWidgetAction,

package/src/components/modal/components/common/OfferFullDescription/DigitalProductData.tsx

@@ -102,12 +102,12 @@ export const DigitalProductData: React.FC<DigitalProductDataProps> = ({
                             attribute.value as keyof typeof digitalTypeMappingDisplay
                           ]
                         : digitalNftTypeMapping[
-                            attribute.value as keyof typeof digitalNftTypeMapping
-                          ]
-                        ? digitalNftTypeMapping[
-                            attribute.value as keyof typeof digitalNftTypeMapping
-                          ]
-                        : attribute.value}
+                              attribute.value as keyof typeof digitalNftTypeMapping
+                            ]
+                          ? digitalNftTypeMapping[
+                              attribute.value as keyof typeof digitalNftTypeMapping
+                            ]
+                          : attribute.value}
                     </Typography>
                   )
                 })),

package/src/components/modal/components/common/OfferFullDescription/OfferFullDescription.tsx

@@ -31,7 +31,7 @@ export type OfferFullDescriptionProps = OnClickBuyOrSwapHandler & {
   includeGeneralProductDataTab: boolean;
   exchange: Exchange | null;
   className?: string;
-  defaultSelectedTabId?: typeof ids[number];
+  defaultSelectedTabId?: (typeof ids)[number];
 } & Pick<UseGetOfferDetailDataProps, "onExchangePolicyClick"> &
   Pick<TabsProps, "withFullViewportWidth">;
 

package/src/components/modal/components/common/detail/Detail.style.tsx

@@ -506,8 +506,11 @@ export const BaseWidget = styled.div`
   }
 
   box-shadow: 0px 4.318px 107.946px rgba(21, 30, 52, 0.1);
-  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.05), 0px 0px 16px rgba(0, 0, 0, 0.05),
-    0px 0px 32px rgba(0, 0, 0, 0.05), 0px 0px 64px rgba(0, 0, 0, 0.05),
+  box-shadow:
+    0px 0px 0px rgba(0, 0, 0, 0.05),
+    0px 0px 16px rgba(0, 0, 0, 0.05),
+    0px 0px 32px rgba(0, 0, 0, 0.05),
+    0px 0px 64px rgba(0, 0, 0, 0.05),
     0px 0px 128px rgba(0, 0, 0, 0.05);
 
   > div {

package/src/components/modal/components/common/detail/DetailSlider.tsx

@@ -125,8 +125,8 @@ export default function DetailSlider({
     outerShowArrows === false
       ? false
       : sumMediaFiles !== 1 && (sliderOptions.perView ?? 1) === 1
-      ? true
-      : sumMediaFiles > (sliderOptions.perView ?? 1);
+        ? true
+        : sumMediaFiles > (sliderOptions.perView ?? 1);
   const draggable = showArrows;
   useEffect(() => {
     if (mediaFiles.length !== 0 && ref.current !== null) {

package/src/components/modal/components/common/detail/DetailViewWithProvider.tsx

@@ -111,7 +111,7 @@ export const DetailViewWithProvider: React.FC<
             )
           : "",
         [swapQueryParameters.exactField]: Field.OUTPUT.toLowerCase()
-      } as const),
+      }) as const,
     [
       minNeededBalance,
       offer.exchangeToken.address,

package/src/components/modal/components/common/detail/TokenGatedItem.tsx

@@ -216,16 +216,16 @@ export const TokenGatedItem = ({
       !chainId || !condition
         ? null
         : condition.tokenAddress === ethers.constants.AddressZero
-        ? nativeOnChain(chainId)
-        : erc20TokenInfo
-        ? new Token(
-            chainId,
-            condition.tokenAddress,
-            Number(erc20TokenInfo.decimals),
-            erc20TokenInfo.symbol,
-            erc20TokenInfo.name
-          )
-        : null,
+          ? nativeOnChain(chainId)
+          : erc20TokenInfo
+            ? new Token(
+                chainId,
+                condition.tokenAddress,
+                Number(erc20TokenInfo.decimals),
+                erc20TokenInfo.symbol,
+                erc20TokenInfo.name
+              )
+            : null,
     [chainId, condition, erc20TokenInfo]
   );
 

package/src/components/widgets/commit/CommitModalWithOffer.tsx

@@ -82,7 +82,7 @@ function WithProductOrOffer(
                   ({
                     variations: productV1Item.variations,
                     offer: bundle.offer
-                  } as VariantV1)
+                  }) as VariantV1
               );
             })
             .filter(isTruthy);