feat(branches & warehouses): fix api.

src/containers/FinancialStatements/APAgingSummary/APAgingSummaryHeaderDimensionsProvider.js

@@ -1,5 +1,6 @@
 import React from 'react';
-
+import { Features } from 'common';
+import { useFeatureCan } from 'hooks/state';
 import { useBranches } from 'hooks/query';
 import { FinancialHeaderLoadingSkeleton } from '../FinancialHeaderLoadingSkeleton';
 
@@ -9,9 +10,15 @@ const APAgingSummaryHeaderDimensonsContext = React.createContext();
  * APAging summary header dismensions provider.
  * @returns
  */
-function APAgingSummaryHeaderDimensionsProvider({ ...props }) {
+function APAgingSummaryHeaderDimensionsProvider({ query, ...props }) {
+  // Features guard.
+  const { featureCan } = useFeatureCan();
+  const isBranchFeatureCan = featureCan(Features.Branches);
+
   // Fetches the branches list.
-  const { isLoading: isBranchesLoading, data: branches } = useBranches();
+  const { isLoading: isBranchesLoading, data: branches } = useBranches(query, {
+    enabled: isBranchFeatureCan,
+  });
 
   // Provider
   const provider = {

src/containers/FinancialStatements/ARAgingSummary/ARAgingSummaryHeaderDimensionsProvider.js

@@ -1,5 +1,6 @@
 import React from 'react';
-
+import { Features } from 'common';
+import { useFeatureCan } from 'hooks/state';
 import { useBranches } from 'hooks/query';
 import { FinancialHeaderLoadingSkeleton } from '../FinancialHeaderLoadingSkeleton';
 
@@ -9,9 +10,15 @@ const ARAgingSummaryHeaderDimensonsContext = React.createContext();
  * ARAging summary header dismensions provider.
  * @returns
  */
-function ARAgingSummaryHeaderDimensionsProvider({ ...props }) {
+function ARAgingSummaryHeaderDimensionsProvider({ query, ...props }) {
+  // Features guard.
+  const { featureCan } = useFeatureCan();
+  const isBranchFeatureCan = featureCan(Features.Branches);
+
   // Fetches the branches list.
-  const { isLoading: isBranchesLoading, data: branches } = useBranches();
+  const { isLoading: isBranchesLoading, data: branches } = useBranches(query, {
+    enabled: isBranchFeatureCan,
+  });
 
   // Provider
   const provider = {

src/containers/FinancialStatements/BalanceSheet/BalanceSheetHeaderDimensionsProvider.js

@@ -1,6 +1,8 @@
 import React from 'react';
 
+import { Features } from 'common';
 import { useBranches } from 'hooks/query';
+import { useFeatureCan } from 'hooks/state';
 import { FinancialHeaderLoadingSkeleton } from '../FinancialHeaderLoadingSkeleton';
 
 const BalanceSheetHeaderDimensionsPanelContext = React.createContext();
@@ -9,9 +11,15 @@ const BalanceSheetHeaderDimensionsPanelContext = React.createContext();
  * BL sheet header provider.
  * @returns
  */
-function BalanceSheetHeaderDimensionsProvider({ ...props }) {
+function BalanceSheetHeaderDimensionsProvider({ query, ...props }) {
+  // Features guard.
+  const { featureCan } = useFeatureCan();
+  const isBranchFeatureCan = featureCan(Features.Branches);
+
   // Fetches the branches list.
-  const { isLoading: isBranchesLoading, data: branches } = useBranches();
+  const { isLoading: isBranchesLoading, data: branches } = useBranches(query, {
+    enabled: isBranchFeatureCan,
+  });
 
   // Provider
   const provider = {

src/containers/FinancialStatements/CashFlowStatement/CashFlowStatementDimensionsPanelProvider.js

@@ -1,6 +1,7 @@
 import React from 'react';
-
+import { Features } from 'common';
 import { useBranches } from 'hooks/query';
+import { useFeatureCan } from 'hooks/state';
 import { FinancialHeaderLoadingSkeleton } from '../FinancialHeaderLoadingSkeleton';
 
 const CashFlowStatementDimensionsPanelContext = React.createContext();
@@ -9,9 +10,16 @@ const CashFlowStatementDimensionsPanelContext = React.createContext();
  * cash flow statement dimensions panel provider.
  * @returns
  */
-function CashFlowStatementDimensionsPanelProvider({ ...props }) {
+function CashFlowStatementDimensionsPanelProvider({ query,...props }) {
+  // Features guard.
+  const { featureCan } = useFeatureCan();
+  const isBranchFeatureCan = featureCan(Features.Branches);
+
   // Fetches the branches list.
-  const { isLoading: isBranchesLoading, data: branches } = useBranches();
+  const { isLoading: isBranchesLoading, data: branches } = useBranches(
+    query,
+    { enabled: isBranchFeatureCan },
+  );
 
   // Provider
   const provider = {

src/containers/FinancialStatements/GeneralLedger/GeneralLedgerHeaderDimensionsPanelProvider.js

@@ -1,6 +1,8 @@
 import React from 'react';
 
+import { Features } from 'common';
 import { useBranches } from 'hooks/query';
+import { useFeatureCan } from 'hooks/state';
 import { FinancialHeaderLoadingSkeleton } from '../FinancialHeaderLoadingSkeleton';
 
 const GeneralLedgerHeaderDimensionsPanelContext = React.createContext();
@@ -9,9 +11,15 @@ const GeneralLedgerHeaderDimensionsPanelContext = React.createContext();
  * General Ledger Header Dimensions Panel provider.
  * @returns
  */
-function GeneralLedgerHeaderDimensionsPanelProvider({ ...props }) {
+function GeneralLedgerHeaderDimensionsPanelProvider({ query, ...props }) {
+  // Features guard.
+  const { featureCan } = useFeatureCan();
+  const isBranchFeatureCan = featureCan(Features.Branches);
+
   // Fetches the branches list.
-  const { isLoading: isBranchesLoading, data: branches } = useBranches();
+  const { isLoading: isBranchesLoading, data: branches } = useBranches(query, {
+    enabled: isBranchFeatureCan,
+  });
 
   // Provider
   const provider = {

src/containers/FinancialStatements/InventoryItemDetails/InventoryItemDetailsHeaderDimensionsPanelProvider.js

@@ -1,6 +1,8 @@
 import React from 'react';
 
+import { Features } from 'common';
 import { useWarehouses } from 'hooks/query';
+import { useFeatureCan } from 'hooks/state';
 import { FinancialHeaderLoadingSkeleton } from '../FinancialHeaderLoadingSkeleton';
 
 const InventoryItemDetailsHeaderDimensionsPanelContext = React.createContext();
@@ -9,9 +11,17 @@ const InventoryItemDetailsHeaderDimensionsPanelContext = React.createContext();
  * Inventory Item details header provider.
  * @returns
  */
-function InventoryItemDetailsHeaderDimensionsProvider({ ...props }) {
+function InventoryItemDetailsHeaderDimensionsProvider({ query, ...props }) {
+  // Features guard.
+  const { featureCan } = useFeatureCan();
+
+  const isWarehouseFeatureCan = featureCan(Features.Warehouses);
+
   // Fetch warehouses list.
-  const { data: warehouses, isLoading: isWarehouesLoading } = useWarehouses();
+  const { data: warehouses, isLoading: isWarehouesLoading } = useWarehouses(
+    query,
+    { enabled: isWarehouseFeatureCan },
+  );
 
   // Provider
   const provider = {

src/containers/FinancialStatements/InventoryValuation/InventoryValuationHeaderDimensionsPanelProvider.js

@@ -1,6 +1,8 @@
 import React from 'react';
 
 import { useWarehouses } from 'hooks/query';
+import { Features } from 'common';
+import { useFeatureCan } from 'hooks/state';
 import { FinancialHeaderLoadingSkeleton } from '../FinancialHeaderLoadingSkeleton';
 
 const InventoryValuationHeaderDimensionsPanelContext = React.createContext();
@@ -9,9 +11,17 @@ const InventoryValuationHeaderDimensionsPanelContext = React.createContext();
  * Inventory valuation header provider.
  * @returns
  */
-function InventoryValuationHeaderDimensionsProvider({ ...props }) {
+function InventoryValuationHeaderDimensionsProvider({ query, ...props }) {
+  // Features guard.
+  const { featureCan } = useFeatureCan();
+
+  const isWarehouseFeatureCan = featureCan(Features.Warehouses);
+
   // Fetch warehouses list.
-  const { data: warehouses, isLoading: isWarehouesLoading } = useWarehouses();
+  const { data: warehouses, isLoading: isWarehouesLoading } = useWarehouses(
+    query,
+    { enabled: isWarehouseFeatureCan },
+  );
 
   // Provider
   const provider = {

src/containers/FinancialStatements/Journal/JournalSheetHeaderDimensionsProvider.js

@@ -1,6 +1,8 @@
 import React from 'react';
 
+import { Features } from 'common';
 import { useBranches } from 'hooks/query';
+import { useFeatureCan } from 'hooks/state';
 import { FinancialHeaderLoadingSkeleton } from '../FinancialHeaderLoadingSkeleton';
 
 const JournalSheetHeaderDimensionsPanelContext = React.createContext();
@@ -9,9 +11,14 @@ const JournalSheetHeaderDimensionsPanelContext = React.createContext();
  * Journal sheet header provider.
  * @returns
  */
-function JournalSheetHeaderDimensionsProvider({ ...props }) {
+function JournalSheetHeaderDimensionsProvider({ query, ...props }) {
+  const { featureCan } = useFeatureCan();
+  const isBranchFeatureCan = featureCan(Features.Branches);
+
   // Fetches the branches list.
-  const { isLoading: isBranchesLoading, data: branches } = useBranches();
+  const { isLoading: isBranchesLoading, data: branches } = useBranches(query, {
+    enabled: isBranchFeatureCan,
+  });
 
   // Provider
   const provider = {

src/containers/FinancialStatements/ProfitLossSheet/ProfitLossSheetHeaderDimensionsProvider.js

@@ -1,6 +1,8 @@
 import React from 'react';
 
+import { Features } from 'common';
 import { useBranches } from 'hooks/query';
+import { useFeatureCan } from 'hooks/state';
 import { FinancialHeaderLoadingSkeleton } from '../FinancialHeaderLoadingSkeleton';
 
 const ProfitLossSheetHeaderDimensionsPanelContext = React.createContext();
@@ -9,9 +11,15 @@ const ProfitLossSheetHeaderDimensionsPanelContext = React.createContext();
  * profit loss sheet header provider.
  * @returns
  */
-function ProfitLossSheetHeaderDimensionsProvider({ ...props }) {
+function ProfitLossSheetHeaderDimensionsProvider({ query, ...props }) {
+  // Features guard.
+  const { featureCan } = useFeatureCan();
+  const isBranchFeatureCan = featureCan(Features.Branches);
+
   // Fetches the branches list.
-  const { isLoading: isBranchesLoading, data: branches } = useBranches();
+  const { isLoading: isBranchesLoading, data: branches } = useBranches(query, {
+    enabled: isBranchFeatureCan,
+  });
 
   // Provider
   const provider = {

src/containers/FinancialStatements/TrialBalanceSheet/TrialBalanceSheetHeaderDimensionsPanelProvider.js

@@ -1,5 +1,7 @@
 import React from 'react';
+import { Features } from 'common';
 import { useBranches } from 'hooks/query';
+import { useFeatureCan } from 'hooks/state';
 import { FinancialHeaderLoadingSkeleton } from '../FinancialHeaderLoadingSkeleton';
 
 const TrialBLSheetHeaderDimensionsContext = React.createContext();
@@ -8,9 +10,15 @@ const TrialBLSheetHeaderDimensionsContext = React.createContext();
  *  Trial BL sheet header provider.
  * @returns
  */
-function TrialBLHeaderDimensionsPanelProvider({ ...props }) {
+function TrialBLHeaderDimensionsPanelProvider({ query, ...props }) {
+  // Features guard.
+  const { featureCan } = useFeatureCan();
+  const isBranchFeatureCan = featureCan(Features.Branches);
+
   // Fetches the branches list.
-  const { isLoading: isBranchesLoading, data: branches } = useBranches();
+  const { isLoading: isBranchesLoading, data: branches } = useBranches(query, {
+    enabled: isBranchFeatureCan,
+  });
 
   // Provider
   const provider = {
@@ -28,4 +36,7 @@ function TrialBLHeaderDimensionsPanelProvider({ ...props }) {
 const useTrialBalanceSheetPanelContext = () =>
   React.useContext(TrialBLSheetHeaderDimensionsContext);
 
-export { TrialBLHeaderDimensionsPanelProvider, useTrialBalanceSheetPanelContext };
+export {
+  TrialBLHeaderDimensionsPanelProvider,
+  useTrialBalanceSheetPanelContext,
+};