@coinlist-co/react 0.12.1-rc.73e7e17 → 0.12.1-rc.b45777f

package/dist/client/index.cjs

@@ -12647,12 +12647,17 @@ var LOADING_STATE3 = { type: "LOADING" };
 function useOffers(options = {}) {
   const { coinlist, isReady } = useCoinList();
   const log = useLogger("useOffers");
-  const { data: serverOffers } = options;
+  const { data: serverOffers, enabled = true } = options;
   const [offersState, setOffersState] = (0, import_react36.useState)(
     serverOffers !== void 0 ? { type: "CONTENT", offers: serverOffers } : LOADING_STATE3
   );
   (0, import_react36.useEffect)(() => {
     let isCancelled = false;
+    if (!enabled) {
+      return () => {
+        isCancelled = true;
+      };
+    }
     if (!isReady) {
       if (serverOffers === void 0) {
         setOffersState(LOADING_STATE3);
@@ -12688,7 +12693,7 @@ function useOffers(options = {}) {
     return () => {
       isCancelled = true;
     };
-  }, [coinlist, isReady, serverOffers, log]);
+  }, [coinlist, isReady, enabled, serverOffers, log]);
   return { offersState };
 }
 
@@ -12715,8 +12720,8 @@ var OfferSaleCardUi = {
 var NOT_AUTHENTICATED_MESSAGE = "Sign in to view available offers.";
 var GENERIC_ERROR_MESSAGE = "Unable to load offers right now. Please try again.";
 function useOffersGridViewModel(options = {}) {
-  const { data, onOfferClick } = options;
-  const { offersState } = useOffers({ data });
+  const { data, onOfferClick, enabled = true } = options;
+  const { offersState } = useOffers({ data, enabled });
   const state = (0, import_react37.useMemo)(
     () => toUiState(offersState, onOfferClick !== void 0),
     [offersState, onOfferClick]
@@ -12775,9 +12780,14 @@ var import_jsx_runtime55 = require("react/jsx-runtime");
 function OffersGridContainer({
   data,
   onOfferClick,
+  enabled = true,
   ...viewProps
 } = {}) {
-  const { state, onEvent } = useOffersGridViewModel({ data, onOfferClick });
+  const { state, onEvent } = useOffersGridViewModel({
+    data,
+    onOfferClick,
+    enabled
+  });
   return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(OffersGridView, { state, onEvent, ...viewProps });
 }
 
@@ -14508,7 +14518,7 @@ var LOADING_STATE7 = { type: "LOADING" };
 function useRequirements(offerId, options = {}) {
   const { coinlist, isReady } = useCoinList();
   const log = useLogger("useRequirements");
-  const { data } = options;
+  const { data, enabled = true } = options;
   const [requirementsState, setRequirementsState] = (0, import_react47.useState)(
     data !== void 0 ? { type: "CONTENT", ...data } : LOADING_STATE7
   );
@@ -14516,6 +14526,11 @@ function useRequirements(offerId, options = {}) {
   const refetch = (0, import_react47.useCallback)(() => setFetchKey((k) => k + 1), []);
   (0, import_react47.useEffect)(() => {
     let isCancelled = false;
+    if (!enabled) {
+      return () => {
+        isCancelled = true;
+      };
+    }
     if (!isReady) {
       if (data === void 0) {
         setRequirementsState(LOADING_STATE7);
@@ -14568,7 +14583,7 @@ function useRequirements(offerId, options = {}) {
     return () => {
       isCancelled = true;
     };
-  }, [coinlist, isReady, offerId, fetchKey, log]);
+  }, [coinlist, isReady, enabled, offerId, fetchKey, log]);
   return { requirementsState, refetch };
 }
 
@@ -14660,11 +14675,15 @@ function useRequirementsChecklistViewModel(options) {
     getLabel,
     getDescription,
     data,
+    enabled = true,
     identityVerificationOptions
   } = options;
   const log = useLogger("useRequirementsChecklistViewModel");
   const { coinlist } = useCoinList();
-  const { requirementsState, refetch } = useRequirements(offerId, { data });
+  const { requirementsState, refetch } = useRequirements(offerId, {
+    data,
+    enabled
+  });
   const [expandedId, setExpandedId] = (0, import_react48.useState)(null);
   const [taxDocumentOpen, setTaxDocumentOpen] = (0, import_react48.useState)(false);
   const [connectWalletOpen, setConnectWalletOpen] = (0, import_react48.useState)(false);
@@ -14691,7 +14710,7 @@ function useRequirementsChecklistViewModel(options) {
     refetch: refetchAddresses,
     disconnect
   } = useOptionAddresses(offerId, optionId, {
-    enabled: hasWalletRequirement
+    enabled: enabled && hasWalletRequirement
   });
   const removeWallet = (0, import_react48.useCallback)(
     async (addressId) => {
@@ -14945,9 +14964,13 @@ function RequirementsChecklistContainer({
   error,
   unauthenticatedState,
   className,
+  enabled = true,
   ...options
 }) {
-  const { state, onEvent } = useRequirementsChecklistViewModel(options);
+  const { state, onEvent } = useRequirementsChecklistViewModel({
+    ...options,
+    enabled
+  });
   return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
       RequirementsChecklistView,
@@ -15229,12 +15252,17 @@ var LOADING_STATE8 = { type: "LOADING" };
 function useParticipations(offerId, options = {}) {
   const { coinlist, isReady } = useCoinList();
   const log = useLogger("useParticipations");
-  const { data } = options;
+  const { data, enabled = true } = options;
   const [participationsState, setParticipationsState] = (0, import_react50.useState)(
     data !== void 0 ? { type: "CONTENT", participations: data } : LOADING_STATE8
   );
   (0, import_react50.useEffect)(() => {
     let isCancelled = false;
+    if (!enabled) {
+      return () => {
+        isCancelled = true;
+      };
+    }
     if (!isReady) {
       if (data === void 0) {
         setParticipationsState(LOADING_STATE8);
@@ -15270,7 +15298,7 @@ function useParticipations(offerId, options = {}) {
     return () => {
       isCancelled = true;
     };
-  }, [coinlist, isReady, offerId, data, log]);
+  }, [coinlist, isReady, enabled, offerId, data, log]);
   return { participationsState };
 }
 
@@ -15280,12 +15308,17 @@ var LOADING_STATE9 = { type: "LOADING" };
 function useOfferDetails(offerId, options = {}) {
   const { coinlist, isReady } = useCoinList();
   const log = useLogger("useOfferDetails");
-  const { data } = options;
+  const { data, enabled = true } = options;
   const [offerDetailsState, setOfferDetailsState] = (0, import_react51.useState)(
     data !== void 0 ? { type: "CONTENT", offerDetail: data } : LOADING_STATE9
   );
   (0, import_react51.useEffect)(() => {
     let isCancelled = false;
+    if (!enabled) {
+      return () => {
+        isCancelled = true;
+      };
+    }
     if (!isReady) {
       if (data === void 0) {
         setOfferDetailsState(LOADING_STATE9);
@@ -15321,7 +15354,7 @@ function useOfferDetails(offerId, options = {}) {
     return () => {
       isCancelled = true;
     };
-  }, [coinlist, isReady, offerId, data, log]);
+  }, [coinlist, isReady, enabled, offerId, data, log]);
   return { offerDetailsState };
 }