@itwin/grouping-mapping-widget 0.23.1 → 0.24.0

package/lib/cjs/components/Mappings/MappingsView.js.map

@@ -1 +1 @@
-{"version":3,"file":"MappingsView.js","sourceRoot":"","sources":["../../../../src/components/Mappings/MappingsView.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport React, { useCallback } from \"react\";\nimport type {\n  Alert,\n} from \"@itwin/itwinui-react\";\nimport {\n  Button,\n  IconButton,\n} from \"@itwin/itwinui-react\";\nimport {\n  SvgAdd,\n  SvgImport,\n  SvgRefresh,\n} from \"@itwin/itwinui-icons-react\";\nimport { EmptyMessage } from \"../SharedComponents/EmptyMessage\";\nimport { LoadingOverlay } from \"../SharedComponents/LoadingOverlay\";\nimport \"./MappingsView.scss\";\nimport DeleteModal from \"../SharedComponents/DeleteModal\";\nimport { MappingImportWizardModal } from \"./Import/MappingImportWizardModal\";\nimport { HorizontalTile } from \"../SharedComponents/HorizontalTile\";\nimport type { Mapping } from \"@itwin/insights-client\";\nimport { BlockingOverlay } from \"./BlockingOverlay\";\nimport { MappingUIActionGroup } from \"./MappingViewActionGroup\";\nimport type { ExtractionStatusData } from \"./Extraction/ExtractionStatusIcon\";\nimport { ExtractionStatusIcon } from \"./Extraction/ExtractionStatusIcon\";\nimport type { ExtractionMessageData } from \"./Extraction/ExtractionMessageModal\";\nimport { ExtractionMessageModal } from \"./Extraction/ExtractionMessageModal\";\n\nexport const mappingViewDefaultDisplayStrings = {\n  mappings: \"Mappings\",\n  iTwins: \"iTwins\",\n  iTwinNumber: \"Number\",\n  iTwinName: \"Name\",\n  iTwinStatus: \"Status\",\n  iModels: \"iModels\",\n  iModelName: \"Name\",\n  iModelDescription: \"Description\",\n};\n\nexport interface MappingsViewProps {\n  mappings: Mapping[];\n  isLoading: boolean;\n  extractionStatusData: ExtractionStatusData;\n  showExtractionMessageModal: boolean;\n  extractionMessageData: ExtractionMessageData[];\n  setShowExtractionMessageModal: (show: boolean) => void;\n  isTogglingExtraction: boolean;\n  onRefreshMappings: () => Promise<void>;\n  onRefreshExtractionStatus: () => Promise<void>;\n  onToggleExtraction: (mapping: Mapping) => Promise<void>;\n  onDelete: (mapping: Mapping) => Promise<void>;\n  showDeleteModal: Mapping | undefined;\n  setShowDeleteModal: (mapping?: Mapping) => void;\n  displayStrings?: Partial<typeof mappingViewDefaultDisplayStrings>;\n  showImportModal?: boolean;\n  setShowImportModal?: (show: boolean) => void;\n  onClickAddMapping?: () => void;\n  onClickMappingTitle?: (mapping: Mapping) => void;\n  onClickMappingModify?: (mapping: Mapping) => void;\n  alert?: React.ReactElement<typeof Alert>;\n}\n\nexport const MappingsView = ({\n  mappings,\n  isLoading,\n  extractionStatusData,\n  showExtractionMessageModal,\n  extractionMessageData,\n  setShowExtractionMessageModal,\n  isTogglingExtraction,\n  onRefreshMappings,\n  onRefreshExtractionStatus,\n  onToggleExtraction,\n  onDelete,\n  showDeleteModal,\n  setShowDeleteModal,\n  displayStrings: userDisplayStrings,\n  showImportModal,\n  setShowImportModal,\n  onClickAddMapping,\n  onClickMappingTitle,\n  onClickMappingModify,\n  alert,\n}: MappingsViewProps) => {\n  const displayStrings = React.useMemo(\n    () => ({ ...mappingViewDefaultDisplayStrings, ...userDisplayStrings }),\n    [userDisplayStrings]\n  );\n\n  const refreshAll = useCallback(async () => {\n    await Promise.all([onRefreshMappings(), onRefreshExtractionStatus()]);\n  }, [onRefreshMappings, onRefreshExtractionStatus]);\n\n  return (\n    <>\n      <BlockingOverlay isVisible={isTogglingExtraction} />\n      <div className=\"gmw-mappings-view-container\">\n        <div className=\"gmw-table-toolbar\">\n          <div className=\"gmw-button-spacing\">\n            {onClickAddMapping &&\n              <Button\n                startIcon={<SvgAdd />}\n                onClick={onClickAddMapping}\n                styleType=\"high-visibility\"\n                title=\"New Mapping\"\n              >\n                New\n              </Button>\n            }\n            {showImportModal !== undefined && setShowImportModal && <IconButton\n              title={`Import ${displayStrings.mappings}`}\n              onClick={() => setShowImportModal(true)}\n            >\n              <SvgImport />\n            </IconButton>\n            }\n          </div>\n          <div className=\"gmw-button-spacing\">\n            <ExtractionStatusIcon\n              iconStatus={extractionStatusData.iconStatus}\n              onClick={() => {\n                if (extractionStatusData.iconStatus === \"negative\") {\n                  setShowExtractionMessageModal(true);\n                }\n              }}\n              iconMessage={extractionStatusData.iconMessage}\n            />\n            <IconButton\n              title=\"Refresh\"\n              onClick={refreshAll}\n              disabled={isLoading}\n              styleType='borderless'\n            >\n              <SvgRefresh />\n            </IconButton>\n          </div>\n        </div>\n        {alert}\n        <div className='gmw-mappings-border' />\n        {isLoading ? (\n          <LoadingOverlay />\n        ) : mappings.length === 0 ? (\n          <EmptyMessage message={`No ${displayStrings.mappings} available.`} />\n        ) : (\n          <div className=\"gmw-mappings-list\">\n            {mappings.map((mapping) => (\n              <HorizontalTile\n                key={mapping.id}\n                title={mapping.mappingName ? mapping.mappingName : \"Untitled\"}\n                subText={mapping.description ?? \"\"}\n                subtextToolTip={mapping.description ?? \"\"}\n                titleTooltip={mapping.mappingName}\n                onClickTitle={onClickMappingTitle ? () => onClickMappingTitle(mapping) : undefined}\n                actionGroup={\n                  <MappingUIActionGroup\n                    mapping={mapping}\n                    onToggleExtraction={onToggleExtraction}\n                    onRefresh={onRefreshMappings}\n                    onClickMappingModify={onClickMappingModify}\n                    setShowDeleteModal={setShowDeleteModal}\n                  />\n                }\n              />\n            ))}\n          </div>\n        )}\n      </div>\n      {showExtractionMessageModal && <ExtractionMessageModal\n        isOpen={showExtractionMessageModal}\n        onClose={() => setShowExtractionMessageModal(false)}\n        extractionMessageData={extractionMessageData}\n        timestamp={extractionMessageData.length === 0 ? \"\" : extractionMessageData[0].date}\n      />}\n      {showDeleteModal &&\n        <DeleteModal\n          entityName={showDeleteModal?.mappingName}\n          onClose={() => setShowDeleteModal(undefined)}\n          onDelete={async () => {\n            await onDelete(showDeleteModal);\n          }}\n        />\n      }\n      {showImportModal && setShowImportModal && <MappingImportWizardModal\n        show={showImportModal}\n        setShow={setShowImportModal}\n        onFinish={onRefreshMappings}\n        displayStrings={displayStrings}\n      />}\n    </>\n  );\n};\n"]}
+{"version":3,"file":"MappingsView.js","sourceRoot":"","sources":["../../../../src/components/Mappings/MappingsView.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport React, { useCallback, useMemo, useState } from \"react\";\nimport type {\n  Alert,\n} from \"@itwin/itwinui-react\";\nimport {\n  Button,\n  IconButton,\n} from \"@itwin/itwinui-react\";\nimport {\n  SvgAdd,\n  SvgImport,\n  SvgPlay,\n  SvgRefresh,\n} from \"@itwin/itwinui-icons-react\";\nimport { EmptyMessage } from \"../SharedComponents/EmptyMessage\";\nimport { LoadingOverlay } from \"../SharedComponents/LoadingOverlay\";\nimport \"./MappingsView.scss\";\nimport DeleteModal from \"../SharedComponents/DeleteModal\";\nimport { MappingImportWizardModal } from \"./Import/MappingImportWizardModal\";\nimport type { Mapping } from \"@itwin/insights-client\";\nimport { BlockingOverlay } from \"./BlockingOverlay\";\nimport type { ExtractionStatusData } from \"./Extraction/ExtractionStatusIcon\";\nimport { ExtractionStatusIcon } from \"./Extraction/ExtractionStatusIcon\";\nimport { MappingListItem } from \"./MappingListItem\";\nimport type { ExtractionMessageData } from \"./Extraction/ExtractionMessageModal\";\nimport { ExtractionMessageModal } from \"./Extraction/ExtractionMessageModal\";\nimport { BeEvent } from \"@itwin/core-bentley\";\nimport { useExtractionStateJobContext } from \"../context/ExtractionStateJobContext\";\nimport { useGroupingMappingApiConfig } from \"../context/GroupingApiConfigContext\";\nimport { useRunExtraction } from \"./hooks/useRunExtraction\";\n\nexport const mappingViewDefaultDisplayStrings = {\n  mappings: \"Mappings\",\n  iTwins: \"iTwins\",\n  iTwinNumber: \"Number\",\n  iTwinName: \"Name\",\n  iTwinStatus: \"Status\",\n  iModels: \"iModels\",\n  iModelName: \"Name\",\n  iModelDescription: \"Description\",\n};\n\nexport interface MappingsViewProps {\n  mappings: Mapping[];\n  isLoading: boolean;\n  extractionStatusData: ExtractionStatusData;\n  showExtractionMessageModal: boolean;\n  extractionMessageData: ExtractionMessageData[];\n  setShowExtractionMessageModal: (show: boolean) => void;\n  isTogglingExtraction: boolean;\n  onRefreshMappings: () => Promise<void>;\n  onRefreshExtractionStatus: () => Promise<void>;\n  onToggleExtraction: (mapping: Mapping) => Promise<void>;\n  onDelete: (mapping: Mapping) => Promise<void>;\n  showDeleteModal: Mapping | undefined;\n  setShowDeleteModal: (mapping?: Mapping) => void;\n  displayStrings?: Partial<typeof mappingViewDefaultDisplayStrings>;\n  showImportModal?: boolean;\n  setShowImportModal?: (show: boolean) => void;\n  onClickAddMapping?: () => void;\n  onClickMappingTitle?: (mapping: Mapping) => void;\n  onClickMappingModify?: (mapping: Mapping) => void;\n  alert?: React.ReactElement<typeof Alert>;\n  initialStateExtractionFlag?: boolean;\n  setInitialExtractionStateFlag?: (initialStateExtractionFlag: boolean) => void;\n}\n\nexport const MappingsView = ({\n  mappings,\n  isLoading,\n  extractionStatusData,\n  showExtractionMessageModal,\n  extractionMessageData,\n  setShowExtractionMessageModal,\n  isTogglingExtraction,\n  onRefreshMappings,\n  onRefreshExtractionStatus,\n  onToggleExtraction,\n  onDelete,\n  showDeleteModal,\n  setShowDeleteModal,\n  displayStrings: userDisplayStrings,\n  showImportModal,\n  setShowImportModal,\n  onClickAddMapping,\n  onClickMappingTitle,\n  onClickMappingModify,\n  alert,\n}: MappingsViewProps) => {\n  const displayStrings = React.useMemo(\n    () => ({ ...mappingViewDefaultDisplayStrings, ...userDisplayStrings }),\n    [userDisplayStrings]\n  );\n  const [selectedMappings, setSelectedMappings] = useState<Mapping[]>([]);\n  const groupingMappingApiConfig = useGroupingMappingApiConfig();\n  const { mappingIdJobInfo } = useExtractionStateJobContext();\n  const { runExtraction } = useRunExtraction(groupingMappingApiConfig);\n\n  const jobStartEvent = useMemo(\n    () => new BeEvent<(mappingId: string) => void>(),\n    []\n  );\n\n  const refreshAll = useCallback(async () => {\n    await Promise.all([onRefreshMappings(), onRefreshExtractionStatus()]);\n  }, [onRefreshMappings, onRefreshExtractionStatus]);\n\n  const onSelectionChange = (mapping: Mapping) => {\n    setSelectedMappings((mappingIdList) => {\n      return mappingIdList.some((eachId) => mapping.id === eachId.id)\n        ? mappingIdList.filter((eachId) => mapping.id !== eachId.id)\n        : [...mappingIdList, mapping];\n    }\n    );\n  };\n\n  const onRunExtraction = useCallback(async () => {\n    await runExtraction(selectedMappings);\n    selectedMappings.map((mapping) => {\n      jobStartEvent.raiseEvent(mapping.id);\n    });\n    setSelectedMappings([]);\n  }, [selectedMappings, jobStartEvent, runExtraction]);\n\n  return (\n    <>\n      <BlockingOverlay isVisible={isTogglingExtraction} />\n      <div className=\"gmw-mappings-view-container\">\n        <div className=\"gmw-table-toolbar\">\n          <div className=\"gmw-button-spacing\">\n            {onClickAddMapping &&\n              <Button\n                startIcon={<SvgAdd />}\n                onClick={onClickAddMapping}\n                styleType=\"high-visibility\"\n                title=\"New Mapping\"\n              >\n                New\n              </Button>\n            }\n            {showImportModal !== undefined && setShowImportModal && <IconButton\n              title={`Import ${displayStrings.mappings}`}\n              onClick={() => setShowImportModal(true)}\n            >\n              <SvgImport />\n            </IconButton>\n            }\n            <IconButton\n              title=\"Run extraction\"\n              onClick={onRunExtraction}\n              disabled={selectedMappings.length === 0}\n            >\n              <SvgPlay />\n            </IconButton>\n          </div>\n          <div className=\"gmw-button-spacing\">\n            <ExtractionStatusIcon\n              iconStatus={extractionStatusData.iconStatus}\n              onClick={() => {\n                if (extractionStatusData.iconStatus === \"negative\") {\n                  setShowExtractionMessageModal(true);\n                }\n              }}\n              iconMessage={extractionStatusData.iconMessage}\n            />\n            <IconButton\n              title=\"Refresh\"\n              onClick={refreshAll}\n              disabled={isLoading}\n              styleType='borderless'\n            >\n              <SvgRefresh />\n            </IconButton>\n          </div>\n        </div>\n        {alert}\n        <div className='gmw-mappings-border' />\n        {isLoading ? (\n          <LoadingOverlay />\n        ) : mappings.length === 0 ? (\n          <EmptyMessage message={`No ${displayStrings.mappings} available.`} />\n        ) : (\n          <div className=\"gmw-mappings-list\">\n            {mappings.map((mapping) => (\n              <MappingListItem\n                key={mapping.id}\n                mapping={mapping}\n                jobId={mappingIdJobInfo?.get(mapping.id) ?? \"\"}\n                jobStartEvent={jobStartEvent}\n                onClickMappingTitle={onClickMappingTitle}\n                onSelectionChange={onSelectionChange}\n                selected={selectedMappings.some(\n                  (eachMapping) => mapping.id === eachMapping.id\n                )}\n                onToggleExtraction={onToggleExtraction}\n                onRefreshMappings={onRefreshMappings}\n                onClickMappingModify={onClickMappingModify}\n                setShowDeleteModal={setShowDeleteModal}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n      {showExtractionMessageModal && <ExtractionMessageModal\n        isOpen={showExtractionMessageModal}\n        onClose={() => setShowExtractionMessageModal(false)}\n        extractionMessageData={extractionMessageData}\n        timestamp={extractionMessageData.length === 0 ? \"\" : extractionMessageData[0].date}\n      />}\n      {showDeleteModal &&\n        <DeleteModal\n          entityName={showDeleteModal?.mappingName}\n          onClose={() => setShowDeleteModal(undefined)}\n          onDelete={async () => {\n            await onDelete(showDeleteModal);\n          }}\n        />\n      }\n      {showImportModal && setShowImportModal && <MappingImportWizardModal\n        show={showImportModal}\n        setShow={setShowImportModal}\n        onFinish={onRefreshMappings}\n        displayStrings={displayStrings}\n      />}\n    </>\n  );\n};\n"]}

package/lib/cjs/components/Mappings/hooks/useFetchExtractionStatus.d.ts

@@ -1,4 +1,4 @@
-import type { IExtractionClient } from "@itwin/insights-client";
+import type { ExtractionStatus, IExtractionClient } from "@itwin/insights-client";
 import type { GetAccessTokenFn } from "../../context/GroupingApiConfigContext";
 import type { ExtractionMessageData } from "../Extraction/ExtractionMessageModal";
 import type { ExtractionStatusData } from "../Extraction/ExtractionStatusIcon";
@@ -9,5 +9,7 @@ export declare const useFetchExtractionStatus: ({ iModelId, getAccessToken, extr
 }) => import("@tanstack/react-query").UseQueryResult<{
     extractionStatusIcon: ExtractionStatusData;
     extractionMessageData: ExtractionMessageData[];
+    latestExtractionResult: IteratorResult<import("@itwin/insights-client").Extraction, any>;
+    latestJobStatus: ExtractionStatus | undefined;
 }, unknown>;
 //# sourceMappingURL=useFetchExtractionStatus.d.ts.map

package/lib/cjs/components/Mappings/hooks/useFetchExtractionStatus.js

@@ -13,6 +13,11 @@ const useFetchExtractionStatus = ({ iModelId, getAccessToken, extractionClient,
             const latestExtractionResult = await extraction.next();
             let extractionStatusIcon;
             let extractionMessageData = [];
+            const jobId = latestExtractionResult.value?.jobId;
+            let latestJobStatus;
+            if (jobId) {
+                latestJobStatus = await extractionClient.getExtractionStatus(accessToken, jobId);
+            }
             if (latestExtractionResult.done) {
                 extractionStatusIcon = {
                     iconStatus: "negative",
@@ -20,9 +25,7 @@ const useFetchExtractionStatus = ({ iModelId, getAccessToken, extractionClient,
                 };
             }
             else {
-                const jobId = latestExtractionResult.value.jobId;
-                const status = await extractionClient.getExtractionStatus(accessToken, jobId);
-                if (status.containsIssues) {
+                if (latestJobStatus?.containsIssues) {
                     const logs = await extractionClient.getExtractionLogs(accessToken, jobId);
                     extractionMessageData = logs.filter((log) => log.message !== null).map((log) => ({
                         date: log.dateTime,
@@ -42,7 +45,7 @@ const useFetchExtractionStatus = ({ iModelId, getAccessToken, extractionClient,
                     };
                 }
             }
-            return { extractionStatusIcon, extractionMessageData };
+            return { extractionStatusIcon, extractionMessageData, latestExtractionResult, latestJobStatus };
         },
     });
 };

package/lib/cjs/components/Mappings/hooks/useFetchExtractionStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFetchExtractionStatus.js","sourceRoot":"","sources":["../../../../../src/components/Mappings/hooks/useFetchExtractionStatus.ts"],"names":[],"mappings":";;;AAKA,uDAAiD;AAK1C,MAAM,wBAAwB,GAAG,CAAC,EACvC,QAAQ,EACR,cAAc,EACd,gBAAgB,GAKjB,EAAE,EAAE;IACH,OAAO,IAAA,sBAAQ,EAAC;QACd,QAAQ,EAAE,CAAC,wBAAwB,EAAE,QAAQ,CAAC;QAC9C,SAAS,EAAE,QAAQ;QACnB,eAAe,EAAE,SAAS;QAC1B,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,MAAM,WAAW,GAAG,MAAM,cAAc,EAAE,CAAC;YAC3C,MAAM,UAAU,GAAG,gBAAgB,CAAC,4BAA4B,CAAC,WAAW,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;YAC3F,MAAM,sBAAsB,GAAG,MAAM,UAAU,CAAC,IAAI,EAAE,CAAC;YAEvD,IAAI,oBAA0C,CAAC;YAC/C,IAAI,qBAAqB,GAA4B,EAAE,CAAC;YAExD,IAAI,sBAAsB,CAAC,IAAI,EAAE;gBAC/B,oBAAoB,GAAG;oBACrB,UAAU,EAAE,UAAU;oBACtB,WAAW,EAAE,sBAAsB;iBACpC,CAAC;aACH;iBAAM;gBACL,MAAM,KAAK,GAAG,sBAAsB,CAAC,KAAK,CAAC,KAAK,CAAC;gBACjD,MAAM,MAAM,GAAG,MAAM,gBAAgB,CAAC,mBAAmB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;gBAE9E,IAAI,MAAM,CAAC,cAAc,EAAE;oBACzB,MAAM,IAAI,GAAG,MAAM,gBAAgB,CAAC,iBAAiB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;oBAC1E,qBAAqB,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;wBAC/E,IAAI,EAAE,GAAG,CAAC,QAAQ;wBAClB,QAAQ,EAAE,GAAG,CAAC,QAAQ;wBACtB,KAAK,EAAE,GAAG,CAAC,KAAK;wBAChB,OAAO,EAAE,GAAG,CAAC,OAAO,IAAI,EAAE;qBAC3B,CAAC,CAAC,CAAC;oBACJ,oBAAoB,GAAG;wBACrB,UAAU,EAAE,UAAU;wBACtB,WAAW,EAAE,4DAA4D;qBAC1E,CAAC;iBACH;qBAAM;oBACL,oBAAoB,GAAG;wBACrB,UAAU,EAAE,UAAU;wBACtB,WAAW,EAAE,wBAAwB;qBACtC,CAAC;iBACH;aACF;YAED,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,CAAC;QACzD,CAAC;KACF,CAAC,CAAC;AACL,CAAC,CAAC;AArDW,QAAA,wBAAwB,4BAqDnC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport type { IExtractionClient } from \"@itwin/insights-client\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport type { GetAccessTokenFn } from \"../../context/GroupingApiConfigContext\";\nimport type { ExtractionMessageData } from \"../Extraction/ExtractionMessageModal\";\nimport type { ExtractionStatusData } from \"../Extraction/ExtractionStatusIcon\";\n\nexport const useFetchExtractionStatus = ({\n  iModelId,\n  getAccessToken,\n  extractionClient,\n}: {\n  iModelId: string;\n  getAccessToken: GetAccessTokenFn;\n  extractionClient: IExtractionClient;\n}) => {\n  return useQuery({\n    queryKey: [\"iModelExtractionStatus\", iModelId],\n    staleTime: Infinity,\n    placeholderData: undefined,\n    queryFn: async () => {\n      const accessToken = await getAccessToken();\n      const extraction = extractionClient.getExtractionHistoryIterator(accessToken, iModelId, 1);\n      const latestExtractionResult = await extraction.next();\n\n      let extractionStatusIcon: ExtractionStatusData;\n      let extractionMessageData: ExtractionMessageData[] = [];\n\n      if (latestExtractionResult.done) {\n        extractionStatusIcon = {\n          iconStatus: \"negative\",\n          iconMessage: \"No extraction found.\",\n        };\n      } else {\n        const jobId = latestExtractionResult.value.jobId;\n        const status = await extractionClient.getExtractionStatus(accessToken, jobId);\n\n        if (status.containsIssues) {\n          const logs = await extractionClient.getExtractionLogs(accessToken, jobId);\n          extractionMessageData = logs.filter((log) => log.message !== null).map((log) => ({\n            date: log.dateTime,\n            category: log.category,\n            level: log.level,\n            message: log.message ?? \"\",\n          }));\n          extractionStatusIcon = {\n            iconStatus: \"negative\",\n            iconMessage: \"Extraction contains issues. Click to view extraction logs.\",\n          };\n        } else {\n          extractionStatusIcon = {\n            iconStatus: \"positive\",\n            iconMessage: \"Extraction successful.\",\n          };\n        }\n      }\n\n      return { extractionStatusIcon, extractionMessageData };\n    },\n  });\n};\n"]}
+{"version":3,"file":"useFetchExtractionStatus.js","sourceRoot":"","sources":["../../../../../src/components/Mappings/hooks/useFetchExtractionStatus.ts"],"names":[],"mappings":";;;AAKA,uDAAiD;AAK1C,MAAM,wBAAwB,GAAG,CAAC,EACvC,QAAQ,EACR,cAAc,EACd,gBAAgB,GAKjB,EAAE,EAAE;IACH,OAAO,IAAA,sBAAQ,EAAC;QACd,QAAQ,EAAE,CAAC,wBAAwB,EAAE,QAAQ,CAAC;QAC9C,SAAS,EAAE,QAAQ;QACnB,eAAe,EAAE,SAAS;QAC1B,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,MAAM,WAAW,GAAG,MAAM,cAAc,EAAE,CAAC;YAC3C,MAAM,UAAU,GAAG,gBAAgB,CAAC,4BAA4B,CAAC,WAAW,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;YAC3F,MAAM,sBAAsB,GAAG,MAAM,UAAU,CAAC,IAAI,EAAE,CAAC;YAEvD,IAAI,oBAA0C,CAAC;YAC/C,IAAI,qBAAqB,GAA4B,EAAE,CAAC;YAExD,MAAM,KAAK,GAAG,sBAAsB,CAAC,KAAK,EAAE,KAAK,CAAC;YAClD,IAAI,eAA2C,CAAC;YAChD,IAAI,KAAK,EAAE;gBACT,eAAe,GAAG,MAAM,gBAAgB,CAAC,mBAAmB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;aAClF;YAED,IAAI,sBAAsB,CAAC,IAAI,EAAE;gBAC/B,oBAAoB,GAAG;oBACrB,UAAU,EAAE,UAAU;oBACtB,WAAW,EAAE,sBAAsB;iBACpC,CAAC;aACH;iBAAM;gBACL,IAAI,eAAe,EAAE,cAAc,EAAE;oBACnC,MAAM,IAAI,GAAG,MAAM,gBAAgB,CAAC,iBAAiB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;oBAC1E,qBAAqB,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;wBAC/E,IAAI,EAAE,GAAG,CAAC,QAAQ;wBAClB,QAAQ,EAAE,GAAG,CAAC,QAAQ;wBACtB,KAAK,EAAE,GAAG,CAAC,KAAK;wBAChB,OAAO,EAAE,GAAG,CAAC,OAAO,IAAI,EAAE;qBAC3B,CAAC,CAAC,CAAC;oBACJ,oBAAoB,GAAG;wBACrB,UAAU,EAAE,UAAU;wBACtB,WAAW,EAAE,4DAA4D;qBAC1E,CAAC;iBACH;qBAAM;oBACL,oBAAoB,GAAG;wBACrB,UAAU,EAAE,UAAU;wBACtB,WAAW,EAAE,wBAAwB;qBACtC,CAAC;iBACH;aACF;YAED,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,eAAe,EAAE,CAAC;QAClG,CAAC;KACF,CAAC,CAAC;AACL,CAAC,CAAC;AAxDW,QAAA,wBAAwB,4BAwDnC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport type { ExtractionStatus, IExtractionClient } from \"@itwin/insights-client\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport type { GetAccessTokenFn } from \"../../context/GroupingApiConfigContext\";\nimport type { ExtractionMessageData } from \"../Extraction/ExtractionMessageModal\";\nimport type { ExtractionStatusData } from \"../Extraction/ExtractionStatusIcon\";\n\nexport const useFetchExtractionStatus = ({\n  iModelId,\n  getAccessToken,\n  extractionClient,\n}: {\n  iModelId: string;\n  getAccessToken: GetAccessTokenFn;\n  extractionClient: IExtractionClient;\n}) => {\n  return useQuery({\n    queryKey: [\"iModelExtractionStatus\", iModelId],\n    staleTime: Infinity,\n    placeholderData: undefined,\n    queryFn: async () => {\n      const accessToken = await getAccessToken();\n      const extraction = extractionClient.getExtractionHistoryIterator(accessToken, iModelId, 1);\n      const latestExtractionResult = await extraction.next();\n\n      let extractionStatusIcon: ExtractionStatusData;\n      let extractionMessageData: ExtractionMessageData[] = [];\n\n      const jobId = latestExtractionResult.value?.jobId;\n      let latestJobStatus: ExtractionStatus|undefined;\n      if (jobId) {\n        latestJobStatus = await extractionClient.getExtractionStatus(accessToken, jobId);\n      }\n\n      if (latestExtractionResult.done) {\n        extractionStatusIcon = {\n          iconStatus: \"negative\",\n          iconMessage: \"No extraction found.\",\n        };\n      } else {\n        if (latestJobStatus?.containsIssues) {\n          const logs = await extractionClient.getExtractionLogs(accessToken, jobId);\n          extractionMessageData = logs.filter((log) => log.message !== null).map((log) => ({\n            date: log.dateTime,\n            category: log.category,\n            level: log.level,\n            message: log.message ?? \"\",\n          }));\n          extractionStatusIcon = {\n            iconStatus: \"negative\",\n            iconMessage: \"Extraction contains issues. Click to view extraction logs.\",\n          };\n        } else {\n          extractionStatusIcon = {\n            iconStatus: \"positive\",\n            iconMessage: \"Extraction successful.\",\n          };\n        }\n      }\n\n      return { extractionStatusIcon, extractionMessageData, latestExtractionResult, latestJobStatus };\n    },\n  });\n};\n"]}

package/lib/cjs/components/Mappings/hooks/useFetchMappingExtractionStatus.d.ts

@@ -0,0 +1,20 @@
+import type { QueryClient } from "@tanstack/react-query";
+import type { IExtractionClient } from "@itwin/insights-client";
+import type { Mapping } from "@itwin/insights-client";
+import { ExtractionStates } from "../Extraction/ExtractionStatus";
+import type { GetAccessTokenFn, GroupingMappingApiConfig } from "../../context/GroupingApiConfigContext";
+export interface MappingExtractionStatusProps extends GroupingMappingApiConfig {
+    mapping: Mapping;
+    enabled: boolean;
+}
+export interface MappingQueryResult {
+    mappingId: string;
+    finalExtractionStateValue: ExtractionStates;
+}
+export declare const fetchMappingStatus: (mappingId: string, jobId: string, getAccessToken: GetAccessTokenFn, extractionClient: IExtractionClient) => Promise<{
+    mappingId: string;
+    finalExtractionStateValue: ExtractionStates;
+}>;
+export declare const resetMappingExtractionStatus: (queryClient: QueryClient) => Promise<void>;
+export declare const useFetchMappingExtractionStatus: ({ getAccessToken, mapping, enabled, }: MappingExtractionStatusProps) => import("@tanstack/react-query").UseQueryResult<MappingQueryResult, unknown>;
+//# sourceMappingURL=useFetchMappingExtractionStatus.d.ts.map

package/lib/cjs/components/Mappings/hooks/useFetchMappingExtractionStatus.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFetchMappingExtractionStatus = exports.resetMappingExtractionStatus = exports.fetchMappingStatus = void 0;
+const react_query_1 = require("@tanstack/react-query");
+const insights_client_1 = require("@itwin/insights-client");
+const Constants_1 = require("../../Constants");
+const ExtractionStatus_1 = require("../Extraction/ExtractionStatus");
+const ExtractionClientContext_1 = require("../../context/ExtractionClientContext");
+const ExtractionStateJobContext_1 = require("../../context/ExtractionStateJobContext");
+const fetchMappingStatus = async (mappingId, jobId, getAccessToken, extractionClient) => {
+    const accessToken = await getAccessToken();
+    const getFinalExtractionStatus = ((extractionStatusResponse) => {
+        switch (extractionStatusResponse.state) {
+            case undefined:
+                return { mappingId, finalExtractionStateValue: ExtractionStatus_1.ExtractionStates.Starting };
+            case insights_client_1.ExtractorState.Running:
+                return { mappingId, finalExtractionStateValue: ExtractionStatus_1.ExtractionStates.Running };
+            case insights_client_1.ExtractorState.Failed:
+                return { mappingId, finalExtractionStateValue: ExtractionStatus_1.ExtractionStates.Failed };
+            case insights_client_1.ExtractorState.Queued:
+                return { mappingId, finalExtractionStateValue: ExtractionStatus_1.ExtractionStates.Queued };
+            case insights_client_1.ExtractorState.Succeeded:
+                return { mappingId, finalExtractionStateValue: ExtractionStatus_1.ExtractionStates.Succeeded };
+            default:
+                return { mappingId, finalExtractionStateValue: ExtractionStatus_1.ExtractionStates.None };
+        }
+    });
+    const extractionStatusResponse = await extractionClient.getExtractionStatus(accessToken, jobId);
+    return getFinalExtractionStatus(extractionStatusResponse);
+};
+exports.fetchMappingStatus = fetchMappingStatus;
+const resetMappingExtractionStatus = async (queryClient) => {
+    await queryClient.invalidateQueries({ queryKey: ["extractionState"] });
+};
+exports.resetMappingExtractionStatus = resetMappingExtractionStatus;
+const useFetchMappingExtractionStatus = ({ getAccessToken, mapping, enabled, }) => {
+    const extractionClient = (0, ExtractionClientContext_1.useExtractionClient)();
+    const { mappingIdJobInfo } = (0, ExtractionStateJobContext_1.useExtractionStateJobContext)();
+    const jobId = mappingIdJobInfo.get(mapping.id);
+    const statusQuery = (0, react_query_1.useQuery)({
+        queryKey: ["extractionState", jobId],
+        queryFn: async () => {
+            if (jobId) {
+                return (0, exports.fetchMappingStatus)(mapping.id, jobId, getAccessToken, extractionClient);
+            }
+            // This should not happen as jobId should be defined if enabled is true
+            throw new Error("Job ID is undefined");
+        },
+        enabled: enabled && Boolean(jobId),
+        refetchInterval: Constants_1.STATUS_CHECK_INTERVAL,
+    });
+    return statusQuery;
+};
+exports.useFetchMappingExtractionStatus = useFetchMappingExtractionStatus;
+//# sourceMappingURL=useFetchMappingExtractionStatus.js.map

package/lib/cjs/components/Mappings/hooks/useFetchMappingExtractionStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFetchMappingExtractionStatus.js","sourceRoot":"","sources":["../../../../../src/components/Mappings/hooks/useFetchMappingExtractionStatus.ts"],"names":[],"mappings":";;;AAKA,uDAAiD;AAEjD,4DAAwD;AAExD,+CAAwD;AACxD,qEAAkE;AAElE,mFAA4E;AAC5E,uFAAuF;AAYhF,MAAM,kBAAkB,GAAG,KAAK,EACrC,SAAiB,EACjB,KAAa,EACb,cAAgC,EAChC,gBAAmC,EACnC,EAAE;IACF,MAAM,WAAW,GAAG,MAAM,cAAc,EAAE,CAAC;IAE3C,MAAM,wBAAwB,GAAG,CAAC,CAAC,wBAA0C,EAAE,EAAE;QAC/E,QAAO,wBAAwB,CAAC,KAAK,EAAE;YACrC,KAAK,SAAS;gBACZ,OAAO,EAAE,SAAS,EAAE,yBAAyB,EAAE,mCAAgB,CAAC,QAAQ,EAAC,CAAC;YAC5E,KAAK,gCAAc,CAAC,OAAO;gBACzB,OAAO,EAAE,SAAS,EAAE,yBAAyB,EAAE,mCAAgB,CAAC,OAAO,EAAC,CAAC;YAC3E,KAAK,gCAAc,CAAC,MAAM;gBACxB,OAAO,EAAE,SAAS,EAAE,yBAAyB,EAAE,mCAAgB,CAAC,MAAM,EAAC,CAAC;YAC1E,KAAK,gCAAc,CAAC,MAAM;gBACxB,OAAO,EAAE,SAAS,EAAE,yBAAyB,EAAE,mCAAgB,CAAC,MAAM,EAAC,CAAC;YAC1E,KAAK,gCAAc,CAAC,SAAS;gBAC3B,OAAO,EAAE,SAAS,EAAE,yBAAyB,EAAE,mCAAgB,CAAC,SAAS,EAAC,CAAC;YAC7E;gBACE,OAAO,EAAE,SAAS,EAAE,yBAAyB,EAAE,mCAAgB,CAAC,IAAI,EAAC,CAAC;SACzE;IACH,CAAC,CAAC,CAAC;IACH,MAAM,wBAAwB,GAAG,MAAM,gBAAgB,CAAC,mBAAmB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAChG,OAAO,wBAAwB,CAAC,wBAAwB,CAAC,CAAC;AAC5D,CAAC,CAAC;AA1BW,QAAA,kBAAkB,sBA0B7B;AAEK,MAAM,4BAA4B,GAAG,KAAK,EAAE,WAAwB,EAAE,EAAE;IAC7E,MAAM,WAAW,CAAC,iBAAiB,CAAC,EAAC,QAAQ,EAAE,CAAC,iBAAiB,CAAC,EAAC,CAAC,CAAC;AACvE,CAAC,CAAC;AAFW,QAAA,4BAA4B,gCAEvC;AAEK,MAAM,+BAA+B,GAAG,CAAC,EAC9C,cAAc,EACd,OAAO,EACP,OAAO,GACsB,EAAE,EAAE;IACjC,MAAM,gBAAgB,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAC/C,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,wDAA4B,GAAE,CAAC;IAC5D,MAAM,KAAK,GAAG,gBAAgB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAE/C,MAAM,WAAW,GAAG,IAAA,sBAAQ,EAAqB;QAC/C,QAAQ,EAAE,CAAC,iBAAiB,EAAE,KAAK,CAAC;QACpC,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,IAAI,KAAK,EAAE;gBACT,OAAO,IAAA,0BAAkB,EAAC,OAAO,CAAC,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,gBAAgB,CAAC,CAAC;aAChF;YACD,uEAAuE;YACvE,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC;QACzC,CAAC;QACD,OAAO,EAAE,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC;QAClC,eAAe,EAAE,iCAAqB;KACvC,CAAC,CAAC;IAEH,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC;AAvBW,QAAA,+BAA+B,mCAuB1C","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport type { QueryClient } from \"@tanstack/react-query\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport type { ExtractionStatus, IExtractionClient } from \"@itwin/insights-client\";\nimport { ExtractorState } from \"@itwin/insights-client\";\nimport type { Mapping } from \"@itwin/insights-client\";\nimport { STATUS_CHECK_INTERVAL } from \"../../Constants\";\nimport { ExtractionStates } from \"../Extraction/ExtractionStatus\";\nimport type { GetAccessTokenFn, GroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport { useExtractionClient } from \"../../context/ExtractionClientContext\";\nimport { useExtractionStateJobContext } from \"../../context/ExtractionStateJobContext\";\n\nexport interface MappingExtractionStatusProps extends GroupingMappingApiConfig {\n  mapping: Mapping;\n  enabled: boolean;\n}\n\nexport interface MappingQueryResult {\n  mappingId: string;\n  finalExtractionStateValue: ExtractionStates;\n}\n\nexport const fetchMappingStatus = async (\n  mappingId: string,\n  jobId: string,\n  getAccessToken: GetAccessTokenFn,\n  extractionClient: IExtractionClient,\n) => {\n  const accessToken = await getAccessToken();\n\n  const getFinalExtractionStatus = ((extractionStatusResponse: ExtractionStatus) => {\n    switch(extractionStatusResponse.state) {\n      case undefined:\n        return { mappingId, finalExtractionStateValue: ExtractionStates.Starting};\n      case ExtractorState.Running:\n        return { mappingId, finalExtractionStateValue: ExtractionStates.Running};\n      case ExtractorState.Failed:\n        return { mappingId, finalExtractionStateValue: ExtractionStates.Failed};\n      case ExtractorState.Queued:\n        return { mappingId, finalExtractionStateValue: ExtractionStates.Queued};\n      case ExtractorState.Succeeded:\n        return { mappingId, finalExtractionStateValue: ExtractionStates.Succeeded};\n      default:\n        return { mappingId, finalExtractionStateValue: ExtractionStates.None};\n    }\n  });\n  const extractionStatusResponse = await extractionClient.getExtractionStatus(accessToken, jobId);\n  return getFinalExtractionStatus(extractionStatusResponse);\n};\n\nexport const resetMappingExtractionStatus = async (queryClient: QueryClient) => {\n  await queryClient.invalidateQueries({queryKey: [\"extractionState\"]});\n};\n\nexport const useFetchMappingExtractionStatus = ({\n  getAccessToken,\n  mapping,\n  enabled,\n}: MappingExtractionStatusProps) => {\n  const extractionClient = useExtractionClient();\n  const { mappingIdJobInfo } = useExtractionStateJobContext();\n  const jobId = mappingIdJobInfo.get(mapping.id);\n\n  const statusQuery = useQuery<MappingQueryResult>({\n    queryKey: [\"extractionState\", jobId],\n    queryFn: async () => {\n      if (jobId) {\n        return fetchMappingStatus(mapping.id, jobId, getAccessToken, extractionClient);\n      }\n      // This should not happen as jobId should be defined if enabled is true\n      throw new Error(\"Job ID is undefined\");\n    },\n    enabled: enabled && Boolean(jobId), // Only enable the query if enabled is true and jobId is defined\n    refetchInterval: STATUS_CHECK_INTERVAL,\n  });\n\n  return statusQuery;\n};\n"]}

package/lib/cjs/components/Mappings/hooks/useMappingsOperations.d.ts

@@ -11,6 +11,14 @@ export declare const useMappingsOperations: ({ iModelId, getAccessToken, mapping
     extractionStatus: {
         extractionStatusIcon: import("../Extraction/ExtractionStatusIcon").ExtractionStatusData;
         extractionMessageData: import("../Extraction/ExtractionMessageModal").ExtractionMessageData[];
+        latestExtractionResult: IteratorResult<import("@itwin/insights-client").Extraction, any>;
+        latestJobStatus: import("@itwin/insights-client").ExtractionStatus | undefined;
+    } | {
+        extractionStatusIcon: {
+            iconStatus: undefined;
+            iconMessage: string;
+        };
+        extractionMessageData: never[];
     };
     setShowExtractionMessageModal: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     refreshMappings: () => Promise<void>;

package/lib/cjs/components/Mappings/hooks/useMappingsOperations.js

@@ -6,21 +6,42 @@ exports.useMappingsOperations = void 0;
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
 const react_1 = require("react");
+const insights_client_1 = require("@itwin/insights-client");
 const ExtractionClientContext_1 = require("../../context/ExtractionClientContext");
 const react_query_1 = require("@tanstack/react-query");
 const useFetchMappings_1 = require("./useFetchMappings");
 const useFetchExtractionStatus_1 = require("./useFetchExtractionStatus");
+const ExtractionStateJobContext_1 = require("../../context/ExtractionStateJobContext");
 const useMappingsOperations = ({ iModelId, getAccessToken, mappingClient }) => {
     const [showImportModal, setShowImportModal] = (0, react_1.useState)(false);
     const [showDeleteModal, setShowDeleteModal] = (0, react_1.useState)(undefined);
     const extractionClient = (0, ExtractionClientContext_1.useExtractionClient)();
     const [showExtractionMessageModal, setShowExtractionMessageModal] = (0, react_1.useState)(false);
     const queryClient = (0, react_query_1.useQueryClient)();
-    const { data: mappings, isFetching: isLoadingMappings, } = (0, useFetchMappings_1.useFetchMappings)(iModelId, getAccessToken, mappingClient);
-    const { data: extractionStatus, isFetching: isLoadingExtractionStatus, } = (0, useFetchExtractionStatus_1.useFetchExtractionStatus)({ iModelId, getAccessToken, extractionClient });
+    const [initialStateExtractionFlag, setInitialExtractionStateFlag] = (0, react_1.useState)(true);
+    const { mappingIdJobInfo, setMappingIdJobInfo } = (0, ExtractionStateJobContext_1.useExtractionStateJobContext)();
+    const { data: mappings, isFetched: isMappingsFetched, isFetching: isLoadingMappings, } = (0, useFetchMappings_1.useFetchMappings)(iModelId, getAccessToken, mappingClient);
+    const { data: extractionStatus, isFetched: isExtractionStatusFetched, isFetching: isLoadingExtractionStatus, } = (0, useFetchExtractionStatus_1.useFetchExtractionStatus)({ iModelId, getAccessToken, extractionClient });
     const refreshExtractionStatus = (0, react_1.useCallback)(async () => {
         await queryClient.invalidateQueries({ queryKey: ["iModelExtractionStatus"] });
+        setInitialExtractionStateFlag(false);
     }, [queryClient]);
+    (0, react_1.useEffect)(() => {
+        if (initialStateExtractionFlag && isMappingsFetched && isExtractionStatusFetched && mappings && extractionStatus && !mappingIdJobInfo.size) {
+            const newMappingIdJobInfo = new Map();
+            const jobId = extractionStatus.latestExtractionResult.value?.jobId;
+            const state = extractionStatus.latestJobStatus?.state;
+            if ((state === insights_client_1.ExtractorState.Failed || state === insights_client_1.ExtractorState.Succeeded))
+                return;
+            !!jobId && mappings.forEach((mapping) => {
+                const mappingId = mapping.id;
+                const jobId = extractionStatus.latestExtractionResult.value.jobId;
+                newMappingIdJobInfo.set(mappingId, jobId);
+            });
+            setMappingIdJobInfo(newMappingIdJobInfo);
+            setInitialExtractionStateFlag(false);
+        }
+    }, [extractionStatus, initialStateExtractionFlag, isExtractionStatusFetched, isMappingsFetched, mappingIdJobInfo.size, mappings, setMappingIdJobInfo]);
     const refreshMappings = (0, react_1.useCallback)(async () => {
         await queryClient.invalidateQueries({ queryKey: ["mappings"] });
     }, [queryClient]);
@@ -43,11 +64,14 @@ const useMappingsOperations = ({ iModelId, getAccessToken, mappingClient }) => {
             await refreshMappings();
         },
     });
-    const isLoading = isLoadingMappings || isLoadingExtractionStatus || isTogglingExtraction || isDeletingMapping;
-    const extractionStatusGated = extractionStatus ?? { extractionStatusIcon: {
+    const isLoading = isLoadingMappings || isTogglingExtraction || isDeletingMapping;
+    const extractionStatusGated = (!extractionStatus || isLoadingExtractionStatus) ? {
+        extractionStatusIcon: {
             iconStatus: undefined,
             iconMessage: "Loading...",
-        }, extractionMessageData: [] };
+        },
+        extractionMessageData: [],
+    } : extractionStatus;
     return { mappings, isLoading, showExtractionMessageModal, extractionStatus: extractionStatusGated, setShowExtractionMessageModal, refreshMappings, refreshExtractionStatus, toggleExtraction, onDelete, setShowImportModal, showImportModal, setShowDeleteModal, showDeleteModal, isTogglingExtraction };
 };
 exports.useMappingsOperations = useMappingsOperations;

package/lib/cjs/components/Mappings/hooks/useMappingsOperations.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMappingsOperations.js","sourceRoot":"","sources":["../../../../../src/components/Mappings/hooks/useMappingsOperations.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport { useCallback, useState } from \"react\";\nimport type { IMappingsClient, Mapping } from \"@itwin/insights-client\";\nimport type { GroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport { useExtractionClient } from \"../../context/ExtractionClientContext\";\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { useFetchMappings } from \"./useFetchMappings\";\nimport { useFetchExtractionStatus } from \"./useFetchExtractionStatus\";\n\nexport interface MappingsOperationsProps extends GroupingMappingApiConfig {\n  mappingClient: IMappingsClient;\n}\n\nexport const useMappingsOperations = ({ iModelId, getAccessToken, mappingClient }: MappingsOperationsProps) => {\n  const [showImportModal, setShowImportModal] = useState<boolean | undefined>(false);\n  const [showDeleteModal, setShowDeleteModal] = useState<Mapping | undefined>(undefined);\n  const extractionClient = useExtractionClient();\n  const [showExtractionMessageModal, setShowExtractionMessageModal] = useState<boolean>(false);\n  const queryClient = useQueryClient();\n\n  const {\n    data: mappings,\n    isFetching: isLoadingMappings,\n  } = useFetchMappings(iModelId, getAccessToken, mappingClient);\n\n  const {\n    data: extractionStatus,\n    isFetching: isLoadingExtractionStatus,\n  } = useFetchExtractionStatus({ iModelId, getAccessToken, extractionClient });\n\n  const refreshExtractionStatus = useCallback(async () => {\n    await queryClient.invalidateQueries({queryKey: [\"iModelExtractionStatus\"]});\n  }, [queryClient]);\n\n  const refreshMappings = useCallback(async () => {\n    await queryClient.invalidateQueries({queryKey: [\"mappings\"]});\n  }, [queryClient]);\n\n  const { mutateAsync: toggleExtraction, isLoading: isTogglingExtraction } = useMutation({\n    mutationFn: async (mapping: Mapping) => {\n      const accessToken = await getAccessToken();\n      const newState = !mapping.extractionEnabled;\n      await mappingClient.updateMapping(accessToken, iModelId, mapping.id, { extractionEnabled: newState });\n    },\n    onSuccess: async () => {\n      await refreshMappings();\n    },\n  });\n\n  const { mutateAsync: onDelete, isLoading: isDeletingMapping} = useMutation({\n    mutationFn: async (mapping: Mapping) => {\n      const accessToken = await getAccessToken();\n      await mappingClient.deleteMapping(accessToken, iModelId, mapping.id);\n    },\n    onSuccess: async () => {\n      await refreshMappings();\n    },\n  });\n\n  const isLoading = isLoadingMappings || isLoadingExtractionStatus || isTogglingExtraction || isDeletingMapping;\n  const extractionStatusGated = extractionStatus ?? {extractionStatusIcon: {\n    iconStatus: undefined,\n    iconMessage: \"Loading...\",\n  }, extractionMessageData : []};\n\n  return { mappings, isLoading, showExtractionMessageModal, extractionStatus: extractionStatusGated, setShowExtractionMessageModal, refreshMappings, refreshExtractionStatus, toggleExtraction, onDelete, setShowImportModal, showImportModal, setShowDeleteModal, showDeleteModal, isTogglingExtraction};\n};\n"]}
+{"version":3,"file":"useMappingsOperations.js","sourceRoot":"","sources":["../../../../../src/components/Mappings/hooks/useMappingsOperations.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport { useCallback, useEffect, useState } from \"react\";\nimport { ExtractorState } from \"@itwin/insights-client\";\nimport type { IMappingsClient, Mapping } from \"@itwin/insights-client\";\nimport type { GroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport { useExtractionClient } from \"../../context/ExtractionClientContext\";\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { useFetchMappings } from \"./useFetchMappings\";\nimport { useFetchExtractionStatus } from \"./useFetchExtractionStatus\";\nimport { useExtractionStateJobContext } from \"../../context/ExtractionStateJobContext\";\n\nexport interface MappingsOperationsProps extends GroupingMappingApiConfig {\n  mappingClient: IMappingsClient;\n}\n\nexport const useMappingsOperations = ({ iModelId, getAccessToken, mappingClient }: MappingsOperationsProps) => {\n  const [showImportModal, setShowImportModal] = useState<boolean | undefined>(false);\n  const [showDeleteModal, setShowDeleteModal] = useState<Mapping | undefined>(undefined);\n  const extractionClient = useExtractionClient();\n  const [showExtractionMessageModal, setShowExtractionMessageModal] = useState<boolean>(false);\n  const queryClient = useQueryClient();\n  const [initialStateExtractionFlag, setInitialExtractionStateFlag] = useState<boolean>(true);\n  const { mappingIdJobInfo, setMappingIdJobInfo } = useExtractionStateJobContext();\n\n  const {\n    data: mappings,\n    isFetched: isMappingsFetched,\n    isFetching: isLoadingMappings,\n  } = useFetchMappings(iModelId, getAccessToken, mappingClient);\n\n  const {\n    data: extractionStatus,\n    isFetched: isExtractionStatusFetched,\n    isFetching: isLoadingExtractionStatus,\n  } = useFetchExtractionStatus({ iModelId, getAccessToken, extractionClient });\n\n  const refreshExtractionStatus = useCallback(async () => {\n    await queryClient.invalidateQueries({queryKey: [\"iModelExtractionStatus\"]});\n    setInitialExtractionStateFlag(false);\n  }, [queryClient]);\n\n  useEffect(() => {\n    if(initialStateExtractionFlag && isMappingsFetched && isExtractionStatusFetched && mappings && extractionStatus && !mappingIdJobInfo.size){\n      const newMappingIdJobInfo = new Map<string, string>();\n      const jobId = extractionStatus.latestExtractionResult.value?.jobId;\n      const state = extractionStatus.latestJobStatus?.state;\n      if((state === ExtractorState.Failed || state === ExtractorState.Succeeded)) return;\n      !!jobId && mappings.forEach((mapping) => {\n        const mappingId = mapping.id;\n        const jobId = extractionStatus.latestExtractionResult.value.jobId;\n        newMappingIdJobInfo.set(mappingId, jobId);\n      });\n      setMappingIdJobInfo(newMappingIdJobInfo);\n      setInitialExtractionStateFlag(false);\n    }\n  }, [extractionStatus, initialStateExtractionFlag, isExtractionStatusFetched, isMappingsFetched, mappingIdJobInfo.size, mappings, setMappingIdJobInfo]);\n\n  const refreshMappings = useCallback(async () => {\n    await queryClient.invalidateQueries({queryKey: [\"mappings\"]});\n  }, [queryClient]);\n\n  const { mutateAsync: toggleExtraction, isLoading: isTogglingExtraction } = useMutation({\n    mutationFn: async (mapping: Mapping) => {\n      const accessToken = await getAccessToken();\n      const newState = !mapping.extractionEnabled;\n      await mappingClient.updateMapping(accessToken, iModelId, mapping.id, { extractionEnabled: newState });\n    },\n    onSuccess: async () => {\n      await refreshMappings();\n    },\n  });\n\n  const { mutateAsync: onDelete, isLoading: isDeletingMapping} = useMutation({\n    mutationFn: async (mapping: Mapping) => {\n      const accessToken = await getAccessToken();\n      await mappingClient.deleteMapping(accessToken, iModelId, mapping.id);\n    },\n    onSuccess: async () => {\n      await refreshMappings();\n    },\n  });\n\n  const isLoading = isLoadingMappings || isTogglingExtraction || isDeletingMapping;\n  const extractionStatusGated = (!extractionStatus || isLoadingExtractionStatus) ? {\n    extractionStatusIcon: {\n      iconStatus: undefined,\n      iconMessage: \"Loading...\",\n    },\n    extractionMessageData: [],\n  } : extractionStatus;\n\n  return { mappings, isLoading, showExtractionMessageModal, extractionStatus: extractionStatusGated, setShowExtractionMessageModal, refreshMappings, refreshExtractionStatus, toggleExtraction, onDelete, setShowImportModal, showImportModal, setShowDeleteModal, showDeleteModal, isTogglingExtraction};\n};\n"]}

package/lib/cjs/components/Mappings/hooks/useRunExtraction.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import type { GroupingMappingApiConfig } from "../../context/GroupingApiConfigContext";
+import type { Mapping } from "@itwin/insights-client";
+export interface FetchExtractionStatesProps extends GroupingMappingApiConfig {
+    jobId?: string;
+}
+export declare const useRunExtraction: ({ iModelId, getAccessToken, }: FetchExtractionStatesProps) => {
+    isRunExtractionLoading: boolean;
+    isRunExtractionSuccess: boolean;
+    isJobStarted: boolean;
+    setIsJobStarted: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    runExtraction: import("@tanstack/react-query").UseMutateAsyncFunction<import("@itwin/insights-client").ExtractionRun, unknown, Mapping[], unknown>;
+};
+//# sourceMappingURL=useRunExtraction.d.ts.map

package/lib/cjs/components/Mappings/hooks/useRunExtraction.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRunExtraction = void 0;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+const ExtractionClientContext_1 = require("../../context/ExtractionClientContext");
+const react_query_1 = require("@tanstack/react-query");
+const react_1 = require("react");
+const ExtractionStateJobContext_1 = require("../../context/ExtractionStateJobContext");
+const useRunExtraction = ({ iModelId, getAccessToken, }) => {
+    const extractionClient = (0, ExtractionClientContext_1.useExtractionClient)();
+    const [isJobStarted, setIsJobStarted] = (0, react_1.useState)(false);
+    const { mappingIdJobInfo, setMappingIdJobInfo } = (0, ExtractionStateJobContext_1.useExtractionStateJobContext)();
+    const { mutateAsync: runExtraction, isLoading: isRunExtractionLoading, isSuccess: isRunExtractionSuccess } = (0, react_query_1.useMutation)({
+        mutationKey: ["runExtraction"],
+        mutationFn: async (mappings) => {
+            const accessToken = await getAccessToken();
+            const mappingIds = mappings.length > 0 ? mappings.map((mapping) => { return { id: mapping.id }; }) : [];
+            const extractionRequest = {
+                mappings: mappingIds,
+            };
+            const runExtractionResponse = await extractionClient.runExtraction(accessToken, iModelId, extractionRequest);
+            return runExtractionResponse;
+        },
+        onSuccess: async (runExtractionResponse, mappings) => {
+            for (const mapping of mappings) {
+                if (mappingIdJobInfo?.get(mapping.id) === undefined) {
+                    setMappingIdJobInfo((prevMap) => {
+                        const newMap = new Map(prevMap);
+                        newMap.set(mapping.id, runExtractionResponse.id);
+                        return newMap;
+                    });
+                }
+            }
+        },
+    });
+    return { isRunExtractionLoading, isRunExtractionSuccess, isJobStarted, setIsJobStarted, runExtraction };
+};
+exports.useRunExtraction = useRunExtraction;
+//# sourceMappingURL=useRunExtraction.js.map

package/lib/cjs/components/Mappings/hooks/useRunExtraction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRunExtraction.js","sourceRoot":"","sources":["../../../../../src/components/Mappings/hooks/useRunExtraction.ts"],"names":[],"mappings":";;;AAAA;;;+FAG+F;AAC/F,mFAA4E;AAC5E,uDAAoD;AAGpD,iCAAiC;AACjC,uFAAuF;AAMhF,MAAM,gBAAgB,GAAG,CAAC,EAC/B,QAAQ,EACR,cAAc,GACa,EAAE,EAAE;IAC/B,MAAM,gBAAgB,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAC/C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACjE,MAAM,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,GAAG,IAAA,wDAA4B,GAAE,CAAC;IAEjF,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE,SAAS,EAAE,sBAAsB,EAAE,SAAS,EAAE,sBAAsB,EAAE,GAAG,IAAA,yBAAW,EAAC;QACvH,WAAW,EAAE,CAAC,eAAe,CAAC;QAC9B,UAAU,EAAE,KAAK,EAAE,QAAmB,EAAE,EAAE;YACxC,MAAM,WAAW,GAAG,MAAM,cAAc,EAAE,CAAC;YAC3C,MAAM,UAAU,GAA+B,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,GAAG,OAAO,EAAE,EAAE,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YACpI,MAAM,iBAAiB,GAAyB;gBAC9C,QAAQ,EAAE,UAAU;aACrB,CAAC;YAEF,MAAM,qBAAqB,GAAG,MAAM,gBAAgB,CAAC,aAAa,CAAC,WAAW,EAAE,QAAQ,EAAE,iBAAiB,CAAC,CAAC;YAC7G,OAAO,qBAAqB,CAAC;QAC/B,CAAC;QACD,SAAS,EAAE,KAAK,EAAE,qBAAqB,EAAE,QAAQ,EAAE,EAAE;YACnD,KAAK,MAAM,OAAO,IAAI,QAAQ,EAAC;gBAC7B,IAAG,gBAAgB,EAAE,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,SAAS,EAAC;oBACjD,mBAAmB,CAAC,CAAC,OAA4B,EAAE,EAAE;wBACnD,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,CAAC;wBAChC,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,EAAE,qBAAqB,CAAC,EAAE,CAAC,CAAC;wBACjD,OAAO,MAAM,CAAC;oBAChB,CAAC,CAAC,CAAC;iBACJ;aACF;QACH,CAAC;KACF,CAAC,CAAC;IAEH,OAAO,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC;AAC1G,CAAC,CAAC;AAlCW,QAAA,gBAAgB,oBAkC3B","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport { useExtractionClient } from \"../../context/ExtractionClientContext\";\nimport { useMutation } from \"@tanstack/react-query\";\nimport type { GroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport type { ExtractionRequestMapping, ExtractionRunRequest, Mapping } from \"@itwin/insights-client\";\nimport { useState } from \"react\";\nimport { useExtractionStateJobContext } from \"../../context/ExtractionStateJobContext\";\n\nexport interface FetchExtractionStatesProps extends GroupingMappingApiConfig {\n  jobId?: string;\n}\n\nexport const useRunExtraction = ({\n  iModelId,\n  getAccessToken,\n}: FetchExtractionStatesProps) => {\n  const extractionClient = useExtractionClient();\n  const [isJobStarted, setIsJobStarted] = useState<boolean>(false);\n  const { mappingIdJobInfo, setMappingIdJobInfo } = useExtractionStateJobContext();\n\n  const { mutateAsync: runExtraction, isLoading: isRunExtractionLoading, isSuccess: isRunExtractionSuccess } = useMutation({\n    mutationKey: [\"runExtraction\"],\n    mutationFn: async (mappings: Mapping[]) => {\n      const accessToken = await getAccessToken();\n      const mappingIds: ExtractionRequestMapping[] = mappings.length > 0 ? mappings.map((mapping) => { return { id: mapping.id }; }) : [];\n      const extractionRequest: ExtractionRunRequest = {\n        mappings: mappingIds,\n      };\n\n      const runExtractionResponse = await extractionClient.runExtraction(accessToken, iModelId, extractionRequest);\n      return runExtractionResponse;\n    },\n    onSuccess: async (runExtractionResponse, mappings) => {\n      for (const mapping of mappings){\n        if(mappingIdJobInfo?.get(mapping.id) === undefined){\n          setMappingIdJobInfo((prevMap: Map<string, string>) => {\n            const newMap = new Map(prevMap);\n            newMap.set(mapping.id, runExtractionResponse.id);\n            return newMap;\n          });\n        }\n      }\n    },\n  });\n\n  return { isRunExtractionLoading, isRunExtractionSuccess, isJobStarted, setIsJobStarted, runExtraction };\n};\n"]}

package/lib/cjs/components/Properties/CalculatedProperties/CalculatedPropertyAction.js

@@ -38,43 +38,35 @@ const useValidator_1 = __importDefault(require("../hooks/useValidator"));
 require("./CalculatedPropertyAction.scss");
 const insights_client_1 = require("@itwin/insights-client");
 const SharedCalculatedPropertyForms_1 = require("./SharedCalculatedPropertyForms");
-const utils_1 = require("../../../common/utils");
 const GroupingApiConfigContext_1 = require("../../context/GroupingApiConfigContext");
 const MappingClientContext_1 = require("../../context/MappingClientContext");
+const react_query_1 = require("@tanstack/react-query");
 const CalculatedPropertyAction = ({ mappingId, group, calculatedProperty, onSaveSuccess, onClickCancel, }) => {
     const { getAccessToken, iModelId } = (0, GroupingApiConfigContext_1.useGroupingMappingApiConfig)();
     const mappingClient = (0, MappingClientContext_1.useMappingClient)();
     const [propertyName, setPropertyName] = (0, react_1.useState)(calculatedProperty?.propertyName ?? "");
     const [type, setType] = (0, react_1.useState)(calculatedProperty?.type);
-    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
     const [validator, showValidationMessage] = (0, useValidator_1.default)();
-    const onSave = async () => {
-        if (!validator.allValid() || !type) {
-            showValidationMessage(true);
-            return;
-        }
-        try {
-            setIsLoading(true);
-            const accessToken = await getAccessToken();
-            calculatedProperty
-                ? await mappingClient.updateCalculatedProperty(accessToken, iModelId, mappingId, group.id, calculatedProperty.id, {
-                    propertyName,
-                    type,
-                })
-                : await mappingClient.createCalculatedProperty(accessToken, iModelId, mappingId, group.id, {
-                    propertyName,
-                    type,
-                });
+    const queryClient = (0, react_query_1.useQueryClient)();
+    const { mutate: saveMutation, isLoading } = (0, react_query_1.useMutation)(async (type) => {
+        const accessToken = await getAccessToken();
+        return calculatedProperty
+            ? mappingClient.updateCalculatedProperty(accessToken, iModelId, mappingId, group.id, calculatedProperty.id, { propertyName, type })
+            : mappingClient.createCalculatedProperty(accessToken, iModelId, mappingId, group.id, { propertyName, type });
+    }, {
+        onSuccess: async () => {
+            await queryClient.invalidateQueries({ queryKey: ["calculatedProperties", iModelId, mappingId, group.id] });
             onSaveSuccess();
             setPropertyName("");
             setType(insights_client_1.CalculatedPropertyType.Undefined);
+        },
+    });
+    const onSave = () => {
+        if (!validator.allValid() || !type) {
+            showValidationMessage(true);
+            return;
         }
-        catch (error) {
-            (0, utils_1.handleError)(error.status);
-        }
-        finally {
-            setIsLoading(false);
-        }
+        saveMutation(type);
     };
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("div", { className: 'gmw-calculated-properties-action-container' },

package/lib/cjs/components/Properties/CalculatedProperties/CalculatedPropertyAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalculatedPropertyAction.js","sourceRoot":"","sources":["../../../../../src/components/Properties/CalculatedProperties/CalculatedPropertyAction.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,wDAG8B;AAC9B,+CAAwC;AACxC,qFAA6D;AAC7D,yEAAiD;AACjD,2CAAyC;AAEzC,4DAAgE;AAChE,mFAAgF;AAChF,iDAAoD;AACpD,qFAAqF;AACrF,6EAAsE;AAU/D,MAAM,wBAAwB,GAAG,CAAC,EACvC,SAAS,EACT,KAAK,EACL,kBAAkB,EAClB,aAAa,EACb,aAAa,GACiB,EAAE,EAAE;IAClC,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,GAAG,IAAA,sDAA2B,GAAE,CAAC;IACnE,MAAM,aAAa,GAAG,IAAA,uCAAgB,GAAE,CAAC;IACzC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAC9C,kBAAkB,EAAE,YAAY,IAAI,EAAE,CACvC,CAAC;IACF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAqC,kBAAkB,EAAE,IAAI,CAAC,CAAC;IAC/F,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAC3D,MAAM,CAAC,SAAS,EAAE,qBAAqB,CAAC,GAAG,IAAA,sBAAY,GAAE,CAAC;IAE1D,MAAM,MAAM,GAAG,KAAK,IAAI,EAAE;QACxB,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,EAAE;YAClC,qBAAqB,CAAC,IAAI,CAAC,CAAC;YAC5B,OAAO;SACR;QACD,IAAI;YACF,YAAY,CAAC,IAAI,CAAC,CAAC;YAEnB,MAAM,WAAW,GAAG,MAAM,cAAc,EAAE,CAAC;YAE3C,kBAAkB;gBAChB,CAAC,CAAC,MAAM,aAAa,CAAC,wBAAwB,CAC5C,WAAW,EACX,QAAQ,EACR,SAAS,EACT,KAAK,CAAC,EAAE,EACR,kBAAkB,CAAC,EAAE,EACrB;oBACE,YAAY;oBACZ,IAAI;iBACL,CACF;gBACD,CAAC,CAAC,MAAM,aAAa,CAAC,wBAAwB,CAC5C,WAAW,EACX,QAAQ,EACR,SAAS,EACT,KAAK,CAAC,EAAE,EACR;oBACE,YAAY;oBACZ,IAAI;iBACL,CACF,CAAC;YACJ,aAAa,EAAE,CAAC;YAChB,eAAe,CAAC,EAAE,CAAC,CAAC;YACpB,OAAO,CAAC,wCAAsB,CAAC,SAAS,CAAC,CAAC;SAC3C;QAAC,OAAO,KAAU,EAAE;YACnB,IAAA,mBAAW,EAAC,KAAK,CAAC,MAAM,CAAC,CAAC;SAC3B;gBAAS;YACR,YAAY,CAAC,KAAK,CAAC,CAAC;SACrB;IACH,CAAC,CAAC;IAEF,OAAO,CACL;QACE,uCAAK,SAAS,EAAC,4CAA4C;YACzD,8BAAC,wBAAQ,IAAC,MAAM,EAAC,6BAA6B,EAAC,SAAS,EAAC,kBAAkB;gBACzE,uCAAK,SAAS,EAAC,4BAA4B;oBACzC,8BAAC,oBAAI,IAAC,OAAO,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,EAAC,SAAS,EAAC,kBAAkB,6CAEtD,CACH;gBACN,8BAAC,6DAA6B,IAC5B,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,EAChC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,GAChB,CACO,CACP;QACN,8BAAC,qBAAW,IACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,aAAa,EACvB,gBAAgB,EAAE,CAAC,CAAC,IAAI,IAAI,YAAY,CAAC,EACzC,SAAS,EAAE,SAAS,GACpB,CACD,CACJ,CAAC;AACJ,CAAC,CAAC;AApFW,QAAA,wBAAwB,4BAoFnC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport {\n  Fieldset,\n  Text,\n} from \"@itwin/itwinui-react\";\nimport React, { useState } from \"react\";\nimport ActionPanel from \"../../SharedComponents/ActionPanel\";\nimport useValidator from \"../hooks/useValidator\";\nimport \"./CalculatedPropertyAction.scss\";\nimport type { CalculatedProperty, Group } from \"@itwin/insights-client\";\nimport { CalculatedPropertyType } from \"@itwin/insights-client\";\nimport { SharedCalculatedPropertyForms } from \"./SharedCalculatedPropertyForms\";\nimport { handleError } from \"../../../common/utils\";\nimport { useGroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport { useMappingClient } from \"../../context/MappingClientContext\";\n\nexport interface CalculatedPropertyActionProps {\n  mappingId: string;\n  group: Group;\n  calculatedProperty?: CalculatedProperty;\n  onSaveSuccess: () => void;\n  onClickCancel?: () => void;\n}\n\nexport const CalculatedPropertyAction = ({\n  mappingId,\n  group,\n  calculatedProperty,\n  onSaveSuccess,\n  onClickCancel,\n}: CalculatedPropertyActionProps) => {\n  const { getAccessToken, iModelId } = useGroupingMappingApiConfig();\n  const mappingClient = useMappingClient();\n  const [propertyName, setPropertyName] = useState<string>(\n    calculatedProperty?.propertyName ?? \"\",\n  );\n  const [type, setType] = useState<CalculatedPropertyType | undefined>(calculatedProperty?.type);\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n  const [validator, showValidationMessage] = useValidator();\n\n  const onSave = async () => {\n    if (!validator.allValid() || !type) {\n      showValidationMessage(true);\n      return;\n    }\n    try {\n      setIsLoading(true);\n\n      const accessToken = await getAccessToken();\n\n      calculatedProperty\n        ? await mappingClient.updateCalculatedProperty(\n          accessToken,\n          iModelId,\n          mappingId,\n          group.id,\n          calculatedProperty.id,\n          {\n            propertyName,\n            type,\n          },\n        )\n        : await mappingClient.createCalculatedProperty(\n          accessToken,\n          iModelId,\n          mappingId,\n          group.id,\n          {\n            propertyName,\n            type,\n          },\n        );\n      onSaveSuccess();\n      setPropertyName(\"\");\n      setType(CalculatedPropertyType.Undefined);\n    } catch (error: any) {\n      handleError(error.status);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  return (\n    <>\n      <div className='gmw-calculated-properties-action-container'>\n        <Fieldset legend='Calculated Property Details' className='gmw-details-form'>\n          <div className='gmw-field-legend-container'>\n            <Text variant='small' as='small' className='gmw-field-legend'>\n              Asterisk * indicates mandatory fields.\n            </Text>\n          </div>\n          <SharedCalculatedPropertyForms\n            validator={validator}\n            propertyName={propertyName}\n            setPropertyName={setPropertyName}\n            type={type}\n            setType={setType}\n          />\n        </Fieldset>\n      </div>\n      <ActionPanel\n        onSave={onSave}\n        onCancel={onClickCancel}\n        isSavingDisabled={!(type && propertyName)}\n        isLoading={isLoading}\n      />\n    </>\n  );\n};\n"]}
+{"version":3,"file":"CalculatedPropertyAction.js","sourceRoot":"","sources":["../../../../../src/components/Properties/CalculatedProperties/CalculatedPropertyAction.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport {\n  Fieldset,\n  Text,\n} from \"@itwin/itwinui-react\";\nimport React, { useState } from \"react\";\nimport ActionPanel from \"../../SharedComponents/ActionPanel\";\nimport useValidator from \"../hooks/useValidator\";\nimport \"./CalculatedPropertyAction.scss\";\nimport type { CalculatedProperty, Group } from \"@itwin/insights-client\";\nimport { CalculatedPropertyType } from \"@itwin/insights-client\";\nimport { SharedCalculatedPropertyForms } from \"./SharedCalculatedPropertyForms\";\nimport { useGroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport { useMappingClient } from \"../../context/MappingClientContext\";\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\n\nexport interface CalculatedPropertyActionProps {\n  mappingId: string;\n  group: Group;\n  calculatedProperty?: CalculatedProperty;\n  onSaveSuccess: () => void;\n  onClickCancel?: () => void;\n}\n\nexport const CalculatedPropertyAction = ({\n  mappingId,\n  group,\n  calculatedProperty,\n  onSaveSuccess,\n  onClickCancel,\n}: CalculatedPropertyActionProps) => {\n  const { getAccessToken, iModelId } = useGroupingMappingApiConfig();\n  const mappingClient = useMappingClient();\n  const [propertyName, setPropertyName] = useState<string>(\n    calculatedProperty?.propertyName ?? \"\",\n  );\n  const [type, setType] = useState<CalculatedPropertyType | undefined>(calculatedProperty?.type);\n  const [validator, showValidationMessage] = useValidator();\n  const queryClient = useQueryClient();\n\n  const { mutate: saveMutation, isLoading } = useMutation(async (type: CalculatedPropertyType) => {\n    const accessToken = await getAccessToken();\n\n    return calculatedProperty\n      ? mappingClient.updateCalculatedProperty(\n        accessToken,\n        iModelId,\n        mappingId,\n        group.id,\n        calculatedProperty.id,\n        { propertyName, type },\n      )\n      : mappingClient.createCalculatedProperty(\n        accessToken,\n        iModelId,\n        mappingId,\n        group.id,\n        { propertyName, type },\n      );\n  }, {\n    onSuccess: async () => {\n      await queryClient.invalidateQueries({ queryKey: [\"calculatedProperties\", iModelId, mappingId, group.id] });\n      onSaveSuccess();\n      setPropertyName(\"\");\n      setType(CalculatedPropertyType.Undefined);\n    },\n  });\n\n  const onSave = () => {\n    if (!validator.allValid() || !type) {\n      showValidationMessage(true);\n      return;\n    }\n\n    saveMutation(type);\n  };\n\n  return (\n    <>\n      <div className='gmw-calculated-properties-action-container'>\n        <Fieldset legend='Calculated Property Details' className='gmw-details-form'>\n          <div className='gmw-field-legend-container'>\n            <Text variant='small' as='small' className='gmw-field-legend'>\n              Asterisk * indicates mandatory fields.\n            </Text>\n          </div>\n          <SharedCalculatedPropertyForms\n            validator={validator}\n            propertyName={propertyName}\n            setPropertyName={setPropertyName}\n            type={type}\n            setType={setType}\n          />\n        </Fieldset>\n      </div>\n      <ActionPanel\n        onSave={onSave}\n        onCancel={onClickCancel}\n        isSavingDisabled={!(type && propertyName)}\n        isLoading={isLoading}\n      />\n    </>\n  );\n};\n"]}

package/lib/cjs/components/Properties/CalculatedProperties/CalculatedPropertyActionWithVisuals.js

@@ -37,13 +37,14 @@ const react_1 = __importStar(require("react"));
 const ActionPanel_1 = __importDefault(require("../../SharedComponents/ActionPanel"));
 const BboxDimensionsDecorator_1 = require("../../../decorators/BboxDimensionsDecorator");
 const useValidator_1 = __importDefault(require("../hooks/useValidator"));
-const utils_1 = require("../../../common/utils");
 const viewerUtils_1 = require("../../../common/viewerUtils");
 require("./CalculatedPropertyActionWithVisuals.scss");
 const MappingClientContext_1 = require("../../context/MappingClientContext");
 const GroupingApiConfigContext_1 = require("../../context/GroupingApiConfigContext");
+const insights_client_1 = require("@itwin/insights-client");
 const SharedCalculatedPropertyForms_1 = require("./SharedCalculatedPropertyForms");
 const useKeySetHiliteQueries_1 = require("../../Groups/hooks/useKeySetHiliteQueries");
+const react_query_1 = require("@tanstack/react-query");
 const CalculatedPropertyActionWithVisuals = ({ mappingId, group, calculatedProperty, onSaveSuccess, onClickCancel, }) => {
     const { getAccessToken, iModelId, iModelConnection } = (0, GroupingApiConfigContext_1.useGroupingMappingApiConfig)();
     if (!iModelConnection) {
@@ -53,11 +54,11 @@ const CalculatedPropertyActionWithVisuals = ({ mappingId, group, calculatedPrope
     const [propertyName, setPropertyName] = (0, react_1.useState)(calculatedProperty?.propertyName ?? "");
     const [type, setType] = (0, react_1.useState)(calculatedProperty?.type);
     const [bboxDecorator, setBboxDecorator] = (0, react_1.useState)();
-    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
     const [inferredSpatialData, setInferredSpatialData] = (0, react_1.useState)();
     const [validator, showValidationMessage] = (0, useValidator_1.default)();
     const [colorProperty, setColorProperty] = (0, react_1.useState)(false);
     const { data } = (0, useKeySetHiliteQueries_1.useGroupKeySetQuery)(group, iModelConnection, true);
+    const queryClient = (0, react_query_1.useQueryClient)();
     const resolvedHiliteIds = (0, react_1.useMemo)(() => {
         // Resolved ids, default to an empty array if not available
         return data?.result?.ids ?? [];
@@ -96,33 +97,25 @@ const CalculatedPropertyActionWithVisuals = ({ mappingId, group, calculatedPrope
                 : bboxDecorator.clearContext();
         }
     }, [bboxDecorator, colorProperty, inferredSpatialData, type]);
-    const onSave = async () => {
+    const { mutate: saveMutation, isLoading } = (0, react_query_1.useMutation)(async (type) => {
+        const accessToken = await getAccessToken();
+        return calculatedProperty
+            ? mappingClient.updateCalculatedProperty(accessToken, iModelId, mappingId, group.id, calculatedProperty.id, { propertyName, type })
+            : mappingClient.createCalculatedProperty(accessToken, iModelId, mappingId, group.id, { propertyName, type });
+    }, {
+        onSuccess: async () => {
+            await queryClient.invalidateQueries({ queryKey: ["calculatedProperties", iModelId, mappingId, group.id] });
+            onSaveSuccess();
+            setPropertyName("");
+            setType(insights_client_1.CalculatedPropertyType.Undefined);
+        },
+    });
+    const onSave = () => {
         if (!validator.allValid() || !type) {
             showValidationMessage(true);
             return;
         }
-        try {
-            setIsLoading(true);
-            const accessToken = await getAccessToken();
-            calculatedProperty
-                ? await mappingClient.updateCalculatedProperty(accessToken, iModelId, mappingId, group.id, calculatedProperty.id, {
-                    propertyName,
-                    type,
-                })
-                : await mappingClient.createCalculatedProperty(accessToken, iModelId, mappingId, group.id, {
-                    propertyName,
-                    type,
-                });
-            onSaveSuccess();
-            setPropertyName("");
-            setType(undefined);
-        }
-        catch (error) {
-            (0, utils_1.handleError)(error.status);
-        }
-        finally {
-            setIsLoading(false);
-        }
+        saveMutation(type);
     };
     const getSpatialData = (value) => inferredSpatialData?.has(BboxDimensionsDecorator_1.BboxDimension[value]) && (react_1.default.createElement("div", null, `${inferredSpatialData
         ?.get(BboxDimensionsDecorator_1.BboxDimension[value])