@itwin/grouping-mapping-widget 0.35.4 → 0.37.0

package/lib/esm/components/Mappings/Extraction/ExtractionMessageModal.js

@@ -15,6 +15,7 @@ import { useMemoizedCollectionPick } from "../../../common/hooks/useMemoizedColl
 import { fetchGroups } from "../../Groups/hooks/useFetchGroups";
 import { useFetchMappings } from "../hooks/useFetchMappings";
 import { useGroupsClient } from "../../context/GroupsClientContext";
+import { GroupingMappingWidget } from "../../../GroupingMappingWidget";
 export const ExtractionMessageModal = ({ isOpen, onClose, extractionMessageData, timestamp }) => {
     const [formattedExtractionMessage, setFormattedExtractionMessage] = useState(undefined);
     const groupingMappingApiConfig = useGroupingMappingApiConfig();
@@ -62,10 +63,10 @@ export const ExtractionMessageModal = ({ isOpen, onClose, extractionMessageData,
                     const groupName = queryResult?.data?.groups?.find((group) => group.id === groupId)?.groupName;
                     if (replacedMessage.includes("MappingId:")) {
                         const mappingName = getMappingName(mappingId, mappings);
-                        replacedMessage = replacedMessage.replace(/MappingId: [\w-]+/, `Mapping: ${mappingName}`);
+                        replacedMessage = replacedMessage.replace(/MappingId: [\w-]+/, GroupingMappingWidget.translate("extraction.mappingLabel", { mappingName }));
                     }
                     if (replacedMessage.includes("GroupId:")) {
-                        replacedMessage = replacedMessage.replace(/GroupId: [\w-]+/, `Group: ${groupName ? groupName : "<Not Found>"}`);
+                        replacedMessage = replacedMessage.replace(/GroupId: [\w-]+/, GroupingMappingWidget.translate("extraction.groupLabel", { groupName: groupName ?? GroupingMappingWidget.translate("extraction.notFound") }));
                     }
                 }
                 return { ...extractionMessage, message: replacedMessage };
@@ -74,7 +75,15 @@ export const ExtractionMessageModal = ({ isOpen, onClose, extractionMessageData,
         }
     }, [extractionMessageData, mappings, extractionInfo, getMappingName, pickedResult]);
     useEffect(() => {
+        if (!timestamp || timestamp.trim().length === 0) {
+            setFormattedTimestamp("");
+            return;
+        }
         const newDateTime = new Date(timestamp);
+        if (Number.isNaN(newDateTime.getTime())) {
+            setFormattedTimestamp("");
+            return;
+        }
         const options = {
             day: "numeric",
             month: "numeric",
@@ -85,13 +94,13 @@ export const ExtractionMessageModal = ({ isOpen, onClose, extractionMessageData,
         setFormattedTimestamp(newDateTime.toLocaleString(undefined, options));
     }, [timestamp]);
     const translatedLabels = useMemo(() => ({
-        filter: "Filter",
-        clear: "Clear",
+        filter: GroupingMappingWidget.translate("extraction.filter"),
+        clear: GroupingMappingWidget.translate("common.clear"),
     }), []);
     const columns = useMemo(() => [
         {
             id: "category",
-            Header: "Category",
+            Header: GroupingMappingWidget.translate("extraction.category"),
             accessor: "category",
             fieldType: "text",
             Filter: ExtractionLogCustomFilter,
@@ -99,7 +108,7 @@ export const ExtractionMessageModal = ({ isOpen, onClose, extractionMessageData,
         },
         {
             id: "level",
-            Header: "Level",
+            Header: GroupingMappingWidget.translate("extraction.level"),
             accessor: "level",
             cellRenderer: ({ cellElementProps, cellProps }) => {
                 const level = cellProps.row.original.level;
@@ -110,7 +119,7 @@ export const ExtractionMessageModal = ({ isOpen, onClose, extractionMessageData,
         },
         {
             id: "message",
-            Header: "Message",
+            Header: GroupingMappingWidget.translate("extraction.message"),
             accessor: "message",
             width: "25vw",
             fieldType: "text",
@@ -118,14 +127,14 @@ export const ExtractionMessageModal = ({ isOpen, onClose, extractionMessageData,
         },
     ], [translatedLabels]);
     const isLoading = pickedResult.some((query) => query.isLoading) || isMappingsLoading;
-    return (React.createElement(Modal, { className: "gmw-message-modal-container", title: "Extraction Logs", isOpen: isOpen, onClose: onClose, closeOnExternalClick: false },
+    return (React.createElement(Modal, { className: "gmw-message-modal-container", title: GroupingMappingWidget.translate("extraction.extractionLogs"), isOpen: isOpen, onClose: onClose, closeOnExternalClick: false },
         React.createElement(ModalContent, null,
             React.createElement("div", { className: "gmw-timestamp-icon" },
-                React.createElement(Icon, { title: "Extraction Timestamp", size: "medium" },
+                React.createElement(Icon, { title: GroupingMappingWidget.translate("extraction.extractionTimestamp"), size: "medium" },
                     React.createElement(SvgClock, null)),
                 React.createElement(Text, null, formattedTimestamp)),
-            React.createElement(Table, { columns: columns, data: formattedExtractionMessage ?? [], emptyTableContent: "", emptyFilteredTableContent: "No results match filters.", className: "gmw-extraction-message-table-container", isLoading: isLoading })),
+            React.createElement(Table, { columns: columns, data: formattedExtractionMessage ?? [], emptyTableContent: "", emptyFilteredTableContent: GroupingMappingWidget.translate("extraction.noResults"), className: "gmw-extraction-message-table-container", isLoading: isLoading })),
         React.createElement(ModalButtonBar, null,
-            React.createElement(Button, { onClick: onClose, styleType: "high-visibility" }, "Close"))));
+            React.createElement(Button, { onClick: onClose, styleType: "high-visibility" }, GroupingMappingWidget.translate("common.close")))));
 };
 //# sourceMappingURL=ExtractionMessageModal.js.map

package/lib/esm/components/Mappings/Extraction/ExtractionMessageModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExtractionMessageModal.js","sourceRoot":"","sources":["../../../../../src/components/Mappings/Extraction/ExtractionMessageModal.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 { Button, DefaultCell, Icon, Modal, ModalButtonBar, ModalContent, Table, tableFilters, Text } from \"@itwin/itwinui-react\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { CreateTypeFromInterface } from \"../../../common/utils\";\nimport \"./ExtractionMessageModal.scss\";\nimport { SvgClock } from \"@itwin/itwinui-icons-react\";\nimport type { CellRendererProps, Column } from \"react-table\";\nimport { StatusIcon } from \"../../SharedComponents/StatusIcon\";\nimport { ExtractionLogCustomFilter } from \"./ExtractionLogCustomFilter\";\nimport { useGroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport { useMappingClient } from \"../../context/MappingClientContext\";\nimport type { GroupMinimal, Mapping } from \"@itwin/insights-client\";\nimport { useQueries } from \"@tanstack/react-query\";\nimport { useMemoizedCollectionPick } from \"../../../common/hooks/useMemoizedCollectionPick\";\nimport { fetchGroups } from \"../../Groups/hooks/useFetchGroups\";\nimport { useFetchMappings } from \"../hooks/useFetchMappings\";\nimport { useGroupsClient } from \"../../context/GroupsClientContext\";\n\nexport interface ExtractionMessageData {\n  date: string;\n  category: string;\n  level: string;\n  message: string;\n}\n\nexport interface ExtractionMessageModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n  extractionMessageData: ExtractionMessageData[];\n  timestamp: string;\n}\n\nexport const ExtractionMessageModal = ({ isOpen, onClose, extractionMessageData, timestamp }: ExtractionMessageModalProps) => {\n  const [formattedExtractionMessage, setFormattedExtractionMessage] = useState<ExtractionMessageData[] | undefined>(undefined);\n  const groupingMappingApiConfig = useGroupingMappingApiConfig();\n  const { iModelId, getAccessToken } = groupingMappingApiConfig;\n  const mappingClient = useMappingClient();\n  const groupsClient = useGroupsClient();\n  const { data: mappings, isLoading: isMappingsLoading } = useFetchMappings(iModelId, getAccessToken, mappingClient);\n  const [formattedTimestamp, setFormattedTimestamp] = useState<string>(\"\");\n\n  const getMappingName = useCallback((mappingId: string, mappings: Mapping[]) => {\n    return mappings.find((mapping) => mapping.id === mappingId)?.mappingName ?? \"\";\n  }, []);\n\n  const extractionInfo = useMemo(() => {\n    const infoMap = new Map<string, { mappingId: string; groupId: string }>();\n\n    extractionMessageData.forEach((message) => {\n      const splittedMessage = message.message.split(\" \");\n      const mappingId = splittedMessage[splittedMessage.indexOf(\"MappingId:\") + 1]?.match(/^([^,]+),$/)?.[1];\n      const groupId = splittedMessage[splittedMessage.indexOf(\"GroupId:\") + 1]?.match(/^([^,]+).$/)?.[1];\n\n      if (mappingId && groupId) {\n        infoMap.set(message.message, { mappingId, groupId });\n      }\n    });\n\n    return infoMap;\n  }, [extractionMessageData]);\n\n  // useQueries to fetch all group names\n  const groupQueriesResults = useQueries({\n    queries: Array.from(extractionInfo.values()).map(({ mappingId }) => ({\n      queryKey: [\"mapping\", \"groups\", mappingId],\n      queryFn: async () => {\n        const groups = await fetchGroups(mappingId, groupingMappingApiConfig.getAccessToken, groupsClient);\n        // Return both mappingId and groups in the result\n        return { mappingId, groups };\n      },\n    })),\n  });\n\n  // Workaround to get data from useQueries with more stability\n  const pickedResult = useMemoizedCollectionPick(groupQueriesResults, [\"data\", \"error\", \"isLoading\", \"isSuccess\"]);\n\n  useEffect(() => {\n    if (pickedResult.every((query) => query.isSuccess) && mappings) {\n      const formattedMessages = extractionMessageData.map((extractionMessage) => {\n        let replacedMessage: string = extractionMessage.message;\n\n        const info = extractionInfo.get(extractionMessage.message);\n        if (info) {\n          const { mappingId, groupId } = info;\n\n          const queryResult = pickedResult.find((result) => result.data?.mappingId === mappingId);\n          const groupName = queryResult?.data?.groups?.find((group: GroupMinimal) => group.id === groupId)?.groupName;\n\n          if (replacedMessage.includes(\"MappingId:\")) {\n            const mappingName = getMappingName(mappingId, mappings);\n            replacedMessage = replacedMessage.replace(/MappingId: [\\w-]+/, `Mapping: ${mappingName}`);\n          }\n\n          if (replacedMessage.includes(\"GroupId:\")) {\n            replacedMessage = replacedMessage.replace(/GroupId: [\\w-]+/, `Group: ${groupName ? groupName : \"<Not Found>\"}`);\n          }\n        }\n\n        return { ...extractionMessage, message: replacedMessage };\n      });\n\n      setFormattedExtractionMessage(formattedMessages);\n    }\n  }, [extractionMessageData, mappings, extractionInfo, getMappingName, pickedResult]);\n\n  useEffect(() => {\n    const newDateTime: Date = new Date(timestamp);\n    const options: Intl.DateTimeFormatOptions = {\n      day: \"numeric\",\n      month: \"numeric\",\n      year: \"numeric\",\n      hour: \"2-digit\",\n      minute: \"2-digit\",\n    };\n    setFormattedTimestamp(newDateTime.toLocaleString(undefined, options));\n  }, [timestamp]);\n\n  const translatedLabels = useMemo(\n    () => ({\n      filter: \"Filter\",\n      clear: \"Clear\",\n    }),\n    [],\n  );\n\n  const columns = useMemo(\n    (): Column<CreateTypeFromInterface<ExtractionMessageData>>[] => [\n      {\n        id: \"category\",\n        Header: \"Category\",\n        accessor: \"category\",\n        fieldType: \"text\",\n        Filter: ExtractionLogCustomFilter,\n        filter: \"equals\",\n      },\n      {\n        id: \"level\",\n        Header: \"Level\",\n        accessor: \"level\",\n        cellRenderer: ({ cellElementProps, cellProps }: CellRendererProps<CreateTypeFromInterface<ExtractionMessageData>>) => {\n          const level = cellProps.row.original.level;\n          return (\n            <DefaultCell\n              cellElementProps={cellElementProps}\n              cellProps={cellProps}\n              startIcon={\n                level === \"Error\" ? (\n                  <StatusIcon status=\"error\" />\n                ) : level === \"Warning\" ? (\n                  <StatusIcon status=\"warning\" />\n                ) : level === \"Info\" ? (\n                  <StatusIcon status=\"informational\" />\n                ) : (\n                  <StatusIcon status=\"trace\" />\n                )\n              }\n            >\n              {level}\n            </DefaultCell>\n          );\n        },\n        Filter: ExtractionLogCustomFilter,\n        filter: \"equals\",\n      },\n      {\n        id: \"message\",\n        Header: \"Message\",\n        accessor: \"message\",\n        width: \"25vw\",\n        fieldType: \"text\",\n        Filter: tableFilters.TextFilter(translatedLabels),\n      },\n    ],\n    [translatedLabels],\n  );\n  const isLoading = pickedResult.some((query) => query.isLoading) || isMappingsLoading;\n\n  return (\n    <Modal className=\"gmw-message-modal-container\" title=\"Extraction Logs\" isOpen={isOpen} onClose={onClose} closeOnExternalClick={false}>\n      <ModalContent>\n        <div className=\"gmw-timestamp-icon\">\n          <Icon title=\"Extraction Timestamp\" size=\"medium\">\n            <SvgClock />\n          </Icon>\n          <Text>{formattedTimestamp}</Text>\n        </div>\n        <Table<CreateTypeFromInterface<ExtractionMessageData>>\n          columns={columns}\n          data={formattedExtractionMessage ?? []}\n          emptyTableContent={\"\"}\n          emptyFilteredTableContent=\"No results match filters.\"\n          className=\"gmw-extraction-message-table-container\"\n          isLoading={isLoading}\n        />\n      </ModalContent>\n      <ModalButtonBar>\n        <Button onClick={onClose} styleType=\"high-visibility\">\n          Close\n        </Button>\n      </ModalButtonBar>\n    </Modal>\n  );\n};\n"]}
+{"version":3,"file":"ExtractionMessageModal.js","sourceRoot":"","sources":["../../../../../src/components/Mappings/Extraction/ExtractionMessageModal.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 { Button, DefaultCell, Icon, Modal, ModalButtonBar, ModalContent, Table, tableFilters, Text } from \"@itwin/itwinui-react\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { CreateTypeFromInterface } from \"../../../common/utils\";\nimport \"./ExtractionMessageModal.scss\";\nimport { SvgClock } from \"@itwin/itwinui-icons-react\";\nimport type { CellRendererProps, Column } from \"react-table\";\nimport { StatusIcon } from \"../../SharedComponents/StatusIcon\";\nimport { ExtractionLogCustomFilter } from \"./ExtractionLogCustomFilter\";\nimport { useGroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport { useMappingClient } from \"../../context/MappingClientContext\";\nimport type { GroupMinimal, Mapping } from \"@itwin/insights-client\";\nimport { useQueries } from \"@tanstack/react-query\";\nimport { useMemoizedCollectionPick } from \"../../../common/hooks/useMemoizedCollectionPick\";\nimport { fetchGroups } from \"../../Groups/hooks/useFetchGroups\";\nimport { useFetchMappings } from \"../hooks/useFetchMappings\";\nimport { useGroupsClient } from \"../../context/GroupsClientContext\";\nimport { GroupingMappingWidget } from \"../../../GroupingMappingWidget\";\n\nexport interface ExtractionMessageData {\n  date: string;\n  category: string;\n  level: string;\n  message: string;\n}\n\nexport interface ExtractionMessageModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n  extractionMessageData: ExtractionMessageData[];\n  timestamp: string;\n}\n\nexport const ExtractionMessageModal = ({ isOpen, onClose, extractionMessageData, timestamp }: ExtractionMessageModalProps) => {\n  const [formattedExtractionMessage, setFormattedExtractionMessage] = useState<ExtractionMessageData[] | undefined>(undefined);\n  const groupingMappingApiConfig = useGroupingMappingApiConfig();\n  const { iModelId, getAccessToken } = groupingMappingApiConfig;\n  const mappingClient = useMappingClient();\n  const groupsClient = useGroupsClient();\n  const { data: mappings, isLoading: isMappingsLoading } = useFetchMappings(iModelId, getAccessToken, mappingClient);\n  const [formattedTimestamp, setFormattedTimestamp] = useState<string>(\"\");\n\n  const getMappingName = useCallback((mappingId: string, mappings: Mapping[]) => {\n    return mappings.find((mapping) => mapping.id === mappingId)?.mappingName ?? \"\";\n  }, []);\n\n  const extractionInfo = useMemo(() => {\n    const infoMap = new Map<string, { mappingId: string; groupId: string }>();\n\n    extractionMessageData.forEach((message) => {\n      const splittedMessage = message.message.split(\" \");\n      const mappingId = splittedMessage[splittedMessage.indexOf(\"MappingId:\") + 1]?.match(/^([^,]+),$/)?.[1];\n      const groupId = splittedMessage[splittedMessage.indexOf(\"GroupId:\") + 1]?.match(/^([^,]+).$/)?.[1];\n\n      if (mappingId && groupId) {\n        infoMap.set(message.message, { mappingId, groupId });\n      }\n    });\n\n    return infoMap;\n  }, [extractionMessageData]);\n\n  // useQueries to fetch all group names\n  const groupQueriesResults = useQueries({\n    queries: Array.from(extractionInfo.values()).map(({ mappingId }) => ({\n      queryKey: [\"mapping\", \"groups\", mappingId],\n      queryFn: async () => {\n        const groups = await fetchGroups(mappingId, groupingMappingApiConfig.getAccessToken, groupsClient);\n        // Return both mappingId and groups in the result\n        return { mappingId, groups };\n      },\n    })),\n  });\n\n  // Workaround to get data from useQueries with more stability\n  const pickedResult = useMemoizedCollectionPick(groupQueriesResults, [\"data\", \"error\", \"isLoading\", \"isSuccess\"]);\n\n  useEffect(() => {\n    if (pickedResult.every((query) => query.isSuccess) && mappings) {\n      const formattedMessages = extractionMessageData.map((extractionMessage) => {\n        let replacedMessage: string = extractionMessage.message;\n\n        const info = extractionInfo.get(extractionMessage.message);\n        if (info) {\n          const { mappingId, groupId } = info;\n\n          const queryResult = pickedResult.find((result) => result.data?.mappingId === mappingId);\n          const groupName = queryResult?.data?.groups?.find((group: GroupMinimal) => group.id === groupId)?.groupName;\n\n          if (replacedMessage.includes(\"MappingId:\")) {\n            const mappingName = getMappingName(mappingId, mappings);\n            replacedMessage = replacedMessage.replace(/MappingId: [\\w-]+/, GroupingMappingWidget.translate(\"extraction.mappingLabel\", { mappingName }));\n          }\n\n          if (replacedMessage.includes(\"GroupId:\")) {\n            replacedMessage = replacedMessage.replace(/GroupId: [\\w-]+/, GroupingMappingWidget.translate(\"extraction.groupLabel\", { groupName: groupName ?? GroupingMappingWidget.translate(\"extraction.notFound\") }));\n          }\n        }\n\n        return { ...extractionMessage, message: replacedMessage };\n      });\n\n      setFormattedExtractionMessage(formattedMessages);\n    }\n  }, [extractionMessageData, mappings, extractionInfo, getMappingName, pickedResult]);\n\n  useEffect(() => {\n    if (!timestamp || timestamp.trim().length === 0) {\n      setFormattedTimestamp(\"\");\n      return;\n    }\n\n    const newDateTime: Date = new Date(timestamp);\n    if (Number.isNaN(newDateTime.getTime())) {\n      setFormattedTimestamp(\"\");\n      return;\n    }\n\n    const options: Intl.DateTimeFormatOptions = {\n      day: \"numeric\",\n      month: \"numeric\",\n      year: \"numeric\",\n      hour: \"2-digit\",\n      minute: \"2-digit\",\n    };\n    setFormattedTimestamp(newDateTime.toLocaleString(undefined, options));\n  }, [timestamp]);\n\n  const translatedLabels = useMemo(\n    () => ({\n      filter: GroupingMappingWidget.translate(\"extraction.filter\"),\n      clear: GroupingMappingWidget.translate(\"common.clear\"),\n    }),\n    [],\n  );\n\n  const columns = useMemo(\n    (): Column<CreateTypeFromInterface<ExtractionMessageData>>[] => [\n      {\n        id: \"category\",\n        Header: GroupingMappingWidget.translate(\"extraction.category\"),\n        accessor: \"category\",\n        fieldType: \"text\",\n        Filter: ExtractionLogCustomFilter,\n        filter: \"equals\",\n      },\n      {\n        id: \"level\",\n        Header: GroupingMappingWidget.translate(\"extraction.level\"),\n        accessor: \"level\",\n        cellRenderer: ({ cellElementProps, cellProps }: CellRendererProps<CreateTypeFromInterface<ExtractionMessageData>>) => {\n          const level = cellProps.row.original.level;\n          return (\n            <DefaultCell\n              cellElementProps={cellElementProps}\n              cellProps={cellProps}\n              startIcon={\n                level === \"Error\" ? (\n                  <StatusIcon status=\"error\" />\n                ) : level === \"Warning\" ? (\n                  <StatusIcon status=\"warning\" />\n                ) : level === \"Info\" ? (\n                  <StatusIcon status=\"informational\" />\n                ) : (\n                  <StatusIcon status=\"trace\" />\n                )\n              }\n            >\n              {level}\n            </DefaultCell>\n          );\n        },\n        Filter: ExtractionLogCustomFilter,\n        filter: \"equals\",\n      },\n      {\n        id: \"message\",\n        Header: GroupingMappingWidget.translate(\"extraction.message\"),\n        accessor: \"message\",\n        width: \"25vw\",\n        fieldType: \"text\",\n        Filter: tableFilters.TextFilter(translatedLabels),\n      },\n    ],\n    [translatedLabels],\n  );\n  const isLoading = pickedResult.some((query) => query.isLoading) || isMappingsLoading;\n\n  return (\n    <Modal className=\"gmw-message-modal-container\" title={GroupingMappingWidget.translate(\"extraction.extractionLogs\")} isOpen={isOpen} onClose={onClose} closeOnExternalClick={false}>\n      <ModalContent>\n        <div className=\"gmw-timestamp-icon\">\n          <Icon title={GroupingMappingWidget.translate(\"extraction.extractionTimestamp\")} size=\"medium\">\n            <SvgClock />\n          </Icon>\n          <Text>{formattedTimestamp}</Text>\n        </div>\n        <Table<CreateTypeFromInterface<ExtractionMessageData>>\n          columns={columns}\n          data={formattedExtractionMessage ?? []}\n          emptyTableContent={\"\"}\n          emptyFilteredTableContent={GroupingMappingWidget.translate(\"extraction.noResults\")}\n          className=\"gmw-extraction-message-table-container\"\n          isLoading={isLoading}\n        />\n      </ModalContent>\n      <ModalButtonBar>\n        <Button onClick={onClose} styleType=\"high-visibility\">\n          {GroupingMappingWidget.translate(\"common.close\")}\n        </Button>\n      </ModalButtonBar>\n    </Modal>\n  );\n};\n"]}

package/lib/esm/components/Mappings/Extraction/ExtractionStates/QueuedExtractionState.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare const QueuedExtractionState: () => JSX.Element;
 //# sourceMappingURL=QueuedExtractionState.d.ts.map

package/lib/esm/components/Mappings/Extraction/ExtractionStates/QueuedExtractionState.js

@@ -4,7 +4,8 @@
  *--------------------------------------------------------------------------------------------*/
 import React from "react";
 import { SvgStatusPending } from "@itwin/itwinui-icons-react";
-export const QueuedExtractionState = () => (React.createElement("div", { title: "Queued", className: "gmw-extraction-status" },
+import { GroupingMappingWidget } from "../../../../GroupingMappingWidget";
+export const QueuedExtractionState = () => (React.createElement("div", { title: GroupingMappingWidget.translate("extraction.queued"), className: "gmw-extraction-status" },
     React.createElement("div", { className: "gmw-status-icon" },
         React.createElement(SvgStatusPending, null))));
 //# sourceMappingURL=QueuedExtractionState.js.map

package/lib/esm/components/Mappings/Extraction/ExtractionStates/QueuedExtractionState.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueuedExtractionState.js","sourceRoot":"","sources":["../../../../../../src/components/Mappings/Extraction/ExtractionStates/QueuedExtractionState.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,CACzC,6BAAK,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,uBAAuB;IACnD,6BAAK,SAAS,EAAC,iBAAiB;QAC9B,oBAAC,gBAAgB,OAAG,CAChB,CACF,CACP,CAAC","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 from \"react\";\nimport { SvgStatusPending } from \"@itwin/itwinui-icons-react\";\n\nexport const QueuedExtractionState = () => (\n  <div title=\"Queued\" className=\"gmw-extraction-status\">\n    <div className=\"gmw-status-icon\">\n      <SvgStatusPending />\n    </div>\n  </div>\n);\n"]}
+{"version":3,"file":"QueuedExtractionState.js","sourceRoot":"","sources":["../../../../../../src/components/Mappings/Extraction/ExtractionStates/QueuedExtractionState.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAE1E,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,CACzC,6BAAK,KAAK,EAAE,qBAAqB,CAAC,SAAS,CAAC,mBAAmB,CAAC,EAAE,SAAS,EAAC,uBAAuB;IACjG,6BAAK,SAAS,EAAC,iBAAiB;QAC9B,oBAAC,gBAAgB,OAAG,CAChB,CACF,CACP,CAAC","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 from \"react\";\nimport { SvgStatusPending } from \"@itwin/itwinui-icons-react\";\nimport { GroupingMappingWidget } from \"../../../../GroupingMappingWidget\";\n\nexport const QueuedExtractionState = () => (\n  <div title={GroupingMappingWidget.translate(\"extraction.queued\")} className=\"gmw-extraction-status\">\n    <div className=\"gmw-status-icon\">\n      <SvgStatusPending />\n    </div>\n  </div>\n);\n"]}

package/lib/esm/components/Mappings/Extraction/ExtractionStates/RunningExtractionState.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare const RunningExtractionState: () => JSX.Element;
 //# sourceMappingURL=RunningExtractionState.d.ts.map

package/lib/esm/components/Mappings/Extraction/ExtractionStates/RunningExtractionState.js

@@ -4,6 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import React from "react";
 import { ProgressRadial } from "@itwin/itwinui-react";
-export const RunningExtractionState = () => (React.createElement("div", { title: "Running", className: "gmw-extraction-status-running" },
+import { GroupingMappingWidget } from "../../../../GroupingMappingWidget";
+export const RunningExtractionState = () => (React.createElement("div", { title: GroupingMappingWidget.translate("extraction.running"), className: "gmw-extraction-status-running" },
     React.createElement(ProgressRadial, { size: "x-small", indeterminate: true })));
 //# sourceMappingURL=RunningExtractionState.js.map

package/lib/esm/components/Mappings/Extraction/ExtractionStates/RunningExtractionState.js.map

@@ -1 +1 @@
-{"version":3,"file":"RunningExtractionState.js","sourceRoot":"","sources":["../../../../../../src/components/Mappings/Extraction/ExtractionStates/RunningExtractionState.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE,CAAC,CAC1C,6BAAK,KAAK,EAAC,SAAS,EAAC,SAAS,EAAC,+BAA+B;IAC5D,oBAAC,cAAc,IAAC,IAAI,EAAC,SAAS,EAAC,aAAa,SAAG,CAC3C,CACP,CAAC","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 from \"react\";\nimport { ProgressRadial } from \"@itwin/itwinui-react\";\n\nexport const RunningExtractionState = () => (\n  <div title=\"Running\" className=\"gmw-extraction-status-running\">\n    <ProgressRadial size=\"x-small\" indeterminate />\n  </div>\n);\n"]}
+{"version":3,"file":"RunningExtractionState.js","sourceRoot":"","sources":["../../../../../../src/components/Mappings/Extraction/ExtractionStates/RunningExtractionState.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAE1E,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE,CAAC,CAC1C,6BAAK,KAAK,EAAE,qBAAqB,CAAC,SAAS,CAAC,oBAAoB,CAAC,EAAE,SAAS,EAAC,+BAA+B;IAC1G,oBAAC,cAAc,IAAC,IAAI,EAAC,SAAS,EAAC,aAAa,SAAG,CAC3C,CACP,CAAC","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 from \"react\";\nimport { ProgressRadial } from \"@itwin/itwinui-react\";\nimport { GroupingMappingWidget } from \"../../../../GroupingMappingWidget\";\n\nexport const RunningExtractionState = () => (\n  <div title={GroupingMappingWidget.translate(\"extraction.running\")} className=\"gmw-extraction-status-running\">\n    <ProgressRadial size=\"x-small\" indeterminate />\n  </div>\n);\n"]}

package/lib/esm/components/Mappings/Extraction/ExtractionStates/StartingExtractionState.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare const StartingExtractionState: () => JSX.Element;
 //# sourceMappingURL=StartingExtractionState.d.ts.map

package/lib/esm/components/Mappings/Extraction/ExtractionStates/StartingExtractionState.js

@@ -4,7 +4,8 @@
  *--------------------------------------------------------------------------------------------*/
 import React from "react";
 import { SvgStatusPendingHollow } from "@itwin/itwinui-icons-color-react";
-export const StartingExtractionState = () => (React.createElement("div", { title: "Starting", className: "gmw-extraction-status" },
+import { GroupingMappingWidget } from "../../../../GroupingMappingWidget";
+export const StartingExtractionState = () => (React.createElement("div", { title: GroupingMappingWidget.translate("extraction.starting"), className: "gmw-extraction-status" },
     React.createElement("div", { className: "gmw-status-icon" },
         React.createElement(SvgStatusPendingHollow, null))));
 //# sourceMappingURL=StartingExtractionState.js.map

package/lib/esm/components/Mappings/Extraction/ExtractionStates/StartingExtractionState.js.map

@@ -1 +1 @@
-{"version":3,"file":"StartingExtractionState.js","sourceRoot":"","sources":["../../../../../../src/components/Mappings/Extraction/ExtractionStates/StartingExtractionState.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAE1E,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,EAAE,CAAC,CAC3C,6BAAK,KAAK,EAAC,UAAU,EAAC,SAAS,EAAC,uBAAuB;IACrD,6BAAK,SAAS,EAAC,iBAAiB;QAC9B,oBAAC,sBAAsB,OAAG,CACtB,CACF,CACP,CAAC","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 from \"react\";\nimport { SvgStatusPendingHollow } from \"@itwin/itwinui-icons-color-react\";\n\nexport const StartingExtractionState = () => (\n  <div title=\"Starting\" className=\"gmw-extraction-status\">\n    <div className=\"gmw-status-icon\">\n      <SvgStatusPendingHollow />\n    </div>\n  </div>\n);\n"]}
+{"version":3,"file":"StartingExtractionState.js","sourceRoot":"","sources":["../../../../../../src/components/Mappings/Extraction/ExtractionStates/StartingExtractionState.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAC1E,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAE1E,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,EAAE,CAAC,CAC3C,6BAAK,KAAK,EAAE,qBAAqB,CAAC,SAAS,CAAC,qBAAqB,CAAC,EAAE,SAAS,EAAC,uBAAuB;IACnG,6BAAK,SAAS,EAAC,iBAAiB;QAC9B,oBAAC,sBAAsB,OAAG,CACtB,CACF,CACP,CAAC","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 from \"react\";\nimport { SvgStatusPendingHollow } from \"@itwin/itwinui-icons-color-react\";\nimport { GroupingMappingWidget } from \"../../../../GroupingMappingWidget\";\n\nexport const StartingExtractionState = () => (\n  <div title={GroupingMappingWidget.translate(\"extraction.starting\")} className=\"gmw-extraction-status\">\n    <div className=\"gmw-status-icon\">\n      <SvgStatusPendingHollow />\n    </div>\n  </div>\n);\n"]}

package/lib/esm/components/Mappings/Extraction/ExtractionStates/TerminalExtractionState.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface ExtractionStateProps {
     status: string;
     animation: boolean;

package/lib/esm/components/Mappings/Extraction/ExtractionStates/TerminalExtractionState.js

@@ -5,7 +5,8 @@
 import React from "react";
 import { SvgStatusError, SvgStatusSuccess } from "@itwin/itwinui-icons-color-react";
 import { ANIMATION_DELAY, ANIMATION_DURATION } from "../../../Constants";
-export const TerminalExtractionState = ({ status, animation, onAnimationEnd }) => (React.createElement("div", { title: status, className: "gmw-extraction-status" },
+import { GroupingMappingWidget } from "../../../../GroupingMappingWidget";
+export const TerminalExtractionState = ({ status, animation, onAnimationEnd }) => (React.createElement("div", { title: status === "Succeeded" ? GroupingMappingWidget.translate("extraction.succeeded") : GroupingMappingWidget.translate("extraction.failed"), className: "gmw-extraction-status" },
     React.createElement("div", { className: `gmw-status-icon`, style: {
             animationName: animation ? "gmw-fade-out" : "",
             animationDelay: ANIMATION_DELAY,

package/lib/esm/components/Mappings/Extraction/ExtractionStates/TerminalExtractionState.js.map

@@ -1 +1 @@
-{"version":3,"file":"TerminalExtractionState.js","sourceRoot":"","sources":["../../../../../../src/components/Mappings/Extraction/ExtractionStates/TerminalExtractionState.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpF,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAQzE,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAwB,EAAE,EAAE,CAAC,CACtG,6BAAK,KAAK,EAAE,MAAM,EAAE,SAAS,EAAC,uBAAuB;IACnD,6BACE,SAAS,EAAE,iBAAiB,EAC5B,KAAK,EAAE;YACL,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE;YAC9C,cAAc,EAAE,eAAe;YAC/B,iBAAiB,EAAE,kBAAkB;SACtC,EACD,cAAc,EAAE,cAAc,IAE7B,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,oBAAC,gBAAgB,OAAG,CAAC,CAAC,CAAC,oBAAC,cAAc,OAAG,CAC/D,CACF,CACP,CAAC","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 from \"react\";\nimport { SvgStatusError, SvgStatusSuccess } from \"@itwin/itwinui-icons-color-react\";\nimport { ANIMATION_DELAY, ANIMATION_DURATION } from \"../../../Constants\";\n\ninterface ExtractionStateProps {\n  status: string;\n  animation: boolean;\n  onAnimationEnd: () => void;\n}\n\nexport const TerminalExtractionState = ({ status, animation, onAnimationEnd }: ExtractionStateProps) => (\n  <div title={status} className=\"gmw-extraction-status\">\n    <div\n      className={`gmw-status-icon`}\n      style={{\n        animationName: animation ? \"gmw-fade-out\" : \"\",\n        animationDelay: ANIMATION_DELAY,\n        animationDuration: ANIMATION_DURATION,\n      }}\n      onAnimationEnd={onAnimationEnd}\n    >\n      {status === \"Succeeded\" ? <SvgStatusSuccess /> : <SvgStatusError />}\n    </div>\n  </div>\n);\n"]}
+{"version":3,"file":"TerminalExtractionState.js","sourceRoot":"","sources":["../../../../../../src/components/Mappings/Extraction/ExtractionStates/TerminalExtractionState.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpF,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACzE,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAQ1E,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAwB,EAAE,EAAE,CAAC,CACtG,6BAAK,KAAK,EAAE,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,qBAAqB,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,SAAS,CAAC,mBAAmB,CAAC,EAAE,SAAS,EAAC,uBAAuB;IACpL,6BACE,SAAS,EAAE,iBAAiB,EAC5B,KAAK,EAAE;YACL,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE;YAC9C,cAAc,EAAE,eAAe;YAC/B,iBAAiB,EAAE,kBAAkB;SACtC,EACD,cAAc,EAAE,cAAc,IAE7B,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,oBAAC,gBAAgB,OAAG,CAAC,CAAC,CAAC,oBAAC,cAAc,OAAG,CAC/D,CACF,CACP,CAAC","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 from \"react\";\nimport { SvgStatusError, SvgStatusSuccess } from \"@itwin/itwinui-icons-color-react\";\nimport { ANIMATION_DELAY, ANIMATION_DURATION } from \"../../../Constants\";\nimport { GroupingMappingWidget } from \"../../../../GroupingMappingWidget\";\n\ninterface ExtractionStateProps {\n  status: string;\n  animation: boolean;\n  onAnimationEnd: () => void;\n}\n\nexport const TerminalExtractionState = ({ status, animation, onAnimationEnd }: ExtractionStateProps) => (\n  <div title={status === \"Succeeded\" ? GroupingMappingWidget.translate(\"extraction.succeeded\") : GroupingMappingWidget.translate(\"extraction.failed\")} className=\"gmw-extraction-status\">\n    <div\n      className={`gmw-status-icon`}\n      style={{\n        animationName: animation ? \"gmw-fade-out\" : \"\",\n        animationDelay: ANIMATION_DELAY,\n        animationDuration: ANIMATION_DURATION,\n      }}\n      onAnimationEnd={onAnimationEnd}\n    >\n      {status === \"Succeeded\" ? <SvgStatusSuccess /> : <SvgStatusError />}\n    </div>\n  </div>\n);\n"]}

package/lib/esm/components/Mappings/Extraction/ExtractionStatus.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./ExtractionStatus.scss";
 export declare enum ExtractionStates {
     None = 0,

package/lib/esm/components/Mappings/Extraction/ExtractionStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExtractionStatus.js","sourceRoot":"","sources":["../../../../../src/components/Mappings/Extraction/ExtractionStatus.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,4CAA4C,CAAC;AACrF,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,EAAE,uBAAuB,EAAE,MAAM,4CAA4C,CAAC;AACrF,OAAO,EAAE,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AACnF,OAAO,yBAAyB,CAAC;AAEjC,MAAM,CAAN,IAAY,gBAOX;AAPD,WAAY,gBAAgB;IAC1B,uDAAI,CAAA;IACJ,+DAAQ,CAAA;IACR,2DAAM,CAAA;IACN,6DAAO,CAAA;IACP,iEAAS,CAAA;IACT,2DAAM,CAAA;AACR,CAAC,EAPW,gBAAgB,KAAhB,gBAAgB,QAO3B;AAOD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,oBAAoB,EAAyB,EAAE,EAAE;IACzF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEvD,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,oBAAoB,EAAE,CAAC;QACvB,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAa,CAAC;QAClB,QAAQ,KAAK,EAAE;YACb,KAAK,gBAAgB,CAAC,SAAS,CAAC;YAChC,KAAK,gBAAgB,CAAC,MAAM;gBAC1B,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,qBAAqB,CAAC,CAAC;SAC5E;QACD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,QAAQ,KAAK,EAAE;QACb,KAAK,gBAAgB,CAAC,QAAQ;YAC5B,OAAO,oBAAC,uBAAuB,OAAG,CAAC;QACrC,KAAK,gBAAgB,CAAC,MAAM;YAC1B,OAAO,oBAAC,qBAAqB,OAAG,CAAC;QACnC,KAAK,gBAAgB,CAAC,OAAO;YAC3B,OAAO,oBAAC,sBAAsB,OAAG,CAAC;QACpC,KAAK,gBAAgB,CAAC,SAAS;YAC7B,OAAO,oBAAC,uBAAuB,IAAC,MAAM,EAAC,WAAW,EAAC,SAAS,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,GAAI,CAAC;QAC5G,KAAK,gBAAgB,CAAC,MAAM;YAC1B,OAAO,oBAAC,uBAAuB,IAAC,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,GAAI,CAAC;QACzG;YACE,OAAO,IAAI,CAAC;KACf;AACH,CAAC,CAAC","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 { useEffect, useState } from \"react\";\nimport * as React from \"react\";\nimport { STATUS_CHECK_INTERVAL } from \"../../Constants\";\nimport { StartingExtractionState } from \"./ExtractionStates/StartingExtractionState\";\nimport { QueuedExtractionState } from \"./ExtractionStates/QueuedExtractionState\";\nimport { TerminalExtractionState } from \"./ExtractionStates/TerminalExtractionState\";\nimport { RunningExtractionState } from \"./ExtractionStates/RunningExtractionState\";\nimport \"./ExtractionStatus.scss\";\n\nexport enum ExtractionStates {\n  None,\n  Starting,\n  Queued,\n  Running,\n  Succeeded,\n  Failed,\n}\n\ninterface ExtractionStatusProps {\n  state: ExtractionStates | undefined;\n  clearExtractionState: () => void;\n}\n\nexport const ExtractionStatus = ({ state, clearExtractionState }: ExtractionStatusProps) => {\n  const [fadeOut, setFadeOut] = useState<boolean>(false);\n\n  const onAnimationEnd = () => {\n    clearExtractionState();\n    setFadeOut(false);\n  };\n\n  useEffect(() => {\n    let timer: number;\n    switch (state) {\n      case ExtractionStates.Succeeded:\n      case ExtractionStates.Failed:\n        timer = window.setTimeout(() => setFadeOut(true), STATUS_CHECK_INTERVAL);\n    }\n    return () => window.clearTimeout(timer);\n  }, [state]);\n\n  switch (state) {\n    case ExtractionStates.Starting:\n      return <StartingExtractionState />;\n    case ExtractionStates.Queued:\n      return <QueuedExtractionState />;\n    case ExtractionStates.Running:\n      return <RunningExtractionState />;\n    case ExtractionStates.Succeeded:\n      return <TerminalExtractionState status=\"Succeeded\" animation={fadeOut} onAnimationEnd={onAnimationEnd} />;\n    case ExtractionStates.Failed:\n      return <TerminalExtractionState status=\"Failed\" animation={fadeOut} onAnimationEnd={onAnimationEnd} />;\n    default:\n      return null;\n  }\n};\n"]}
+{"version":3,"file":"ExtractionStatus.js","sourceRoot":"","sources":["../../../../../src/components/Mappings/Extraction/ExtractionStatus.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,4CAA4C,CAAC;AACrF,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,EAAE,uBAAuB,EAAE,MAAM,4CAA4C,CAAC;AACrF,OAAO,EAAE,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AACnF,OAAO,yBAAyB,CAAC;AAEjC,MAAM,CAAN,IAAY,gBAOX;AAPD,WAAY,gBAAgB;IAC1B,uDAAI,CAAA;IACJ,+DAAQ,CAAA;IACR,2DAAM,CAAA;IACN,6DAAO,CAAA;IACP,iEAAS,CAAA;IACT,2DAAM,CAAA;AACR,CAAC,EAPW,gBAAgB,KAAhB,gBAAgB,QAO3B;AAOD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,oBAAoB,EAAyB,EAAE,EAAE;IACzF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEvD,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,oBAAoB,EAAE,CAAC;QACvB,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAa,CAAC;QAClB,QAAQ,KAAK,EAAE,CAAC;YACd,KAAK,gBAAgB,CAAC,SAAS,CAAC;YAChC,KAAK,gBAAgB,CAAC,MAAM;gBAC1B,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,qBAAqB,CAAC,CAAC;QAC7E,CAAC;QACD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,gBAAgB,CAAC,QAAQ;YAC5B,OAAO,oBAAC,uBAAuB,OAAG,CAAC;QACrC,KAAK,gBAAgB,CAAC,MAAM;YAC1B,OAAO,oBAAC,qBAAqB,OAAG,CAAC;QACnC,KAAK,gBAAgB,CAAC,OAAO;YAC3B,OAAO,oBAAC,sBAAsB,OAAG,CAAC;QACpC,KAAK,gBAAgB,CAAC,SAAS;YAC7B,OAAO,oBAAC,uBAAuB,IAAC,MAAM,EAAC,WAAW,EAAC,SAAS,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,GAAI,CAAC;QAC5G,KAAK,gBAAgB,CAAC,MAAM;YAC1B,OAAO,oBAAC,uBAAuB,IAAC,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,GAAI,CAAC;QACzG;YACE,OAAO,IAAI,CAAC;IAChB,CAAC;AACH,CAAC,CAAC","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 { useEffect, useState } from \"react\";\nimport * as React from \"react\";\nimport { STATUS_CHECK_INTERVAL } from \"../../Constants\";\nimport { StartingExtractionState } from \"./ExtractionStates/StartingExtractionState\";\nimport { QueuedExtractionState } from \"./ExtractionStates/QueuedExtractionState\";\nimport { TerminalExtractionState } from \"./ExtractionStates/TerminalExtractionState\";\nimport { RunningExtractionState } from \"./ExtractionStates/RunningExtractionState\";\nimport \"./ExtractionStatus.scss\";\n\nexport enum ExtractionStates {\n  None,\n  Starting,\n  Queued,\n  Running,\n  Succeeded,\n  Failed,\n}\n\ninterface ExtractionStatusProps {\n  state: ExtractionStates | undefined;\n  clearExtractionState: () => void;\n}\n\nexport const ExtractionStatus = ({ state, clearExtractionState }: ExtractionStatusProps) => {\n  const [fadeOut, setFadeOut] = useState<boolean>(false);\n\n  const onAnimationEnd = () => {\n    clearExtractionState();\n    setFadeOut(false);\n  };\n\n  useEffect(() => {\n    let timer: number;\n    switch (state) {\n      case ExtractionStates.Succeeded:\n      case ExtractionStates.Failed:\n        timer = window.setTimeout(() => setFadeOut(true), STATUS_CHECK_INTERVAL);\n    }\n    return () => window.clearTimeout(timer);\n  }, [state]);\n\n  switch (state) {\n    case ExtractionStates.Starting:\n      return <StartingExtractionState />;\n    case ExtractionStates.Queued:\n      return <QueuedExtractionState />;\n    case ExtractionStates.Running:\n      return <RunningExtractionState />;\n    case ExtractionStates.Succeeded:\n      return <TerminalExtractionState status=\"Succeeded\" animation={fadeOut} onAnimationEnd={onAnimationEnd} />;\n    case ExtractionStates.Failed:\n      return <TerminalExtractionState status=\"Failed\" animation={fadeOut} onAnimationEnd={onAnimationEnd} />;\n    default:\n      return null;\n  }\n};\n"]}

package/lib/esm/components/Mappings/Extraction/ExtractionStatusIcon.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-declare type IconStatus = "negative" | "positive" | "warning" | undefined;
+type IconStatus = "negative" | "positive" | "warning" | undefined;
 export interface ExtractionStatusData {
     iconStatus: IconStatus;
     iconMessage: string;

package/lib/esm/components/Mappings/Import/ConfirmMappingsImport.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import type { IMappingTyped } from "../Mappings";
 import "./ConfirmMappingsImport.scss";
-declare const defaultDisplayStrings: {
+declare const getDefaultDisplayStrings: () => {
     mappings: string;
 };
 interface ConfirmMappingImportProps {
@@ -12,7 +12,7 @@ interface ConfirmMappingImportProps {
     backFn: () => void;
     onCancel: () => void;
     onFinish: () => void;
-    displayStrings?: Partial<typeof defaultDisplayStrings>;
+    displayStrings?: Partial<ReturnType<typeof getDefaultDisplayStrings>>;
 }
 declare const ConfirmMappingImport: ({ selectedMappings, importing, setImporting, setSelectedMappings, backFn, onCancel, onFinish, displayStrings: userDisplayStrings, }: ConfirmMappingImportProps) => JSX.Element;
 export default ConfirmMappingImport;

package/lib/esm/components/Mappings/Import/ConfirmMappingsImport.js

@@ -4,15 +4,16 @@
  *--------------------------------------------------------------------------------------------*/
 import { Button, LabeledInput, MiddleTextTruncation, ProgressLinear, Text } from "@itwin/itwinui-react";
 import React, { useEffect, useState } from "react";
+import { GroupingMappingWidget } from "../../../GroupingMappingWidget";
 import "./ConfirmMappingsImport.scss";
 import { SvgStatusSuccessHollow } from "@itwin/itwinui-icons-react";
 import useValidator, { NAME_REQUIREMENTS } from "../../Properties/hooks/useValidator";
 import { useMappingClient } from "../../context/MappingClientContext";
 import { useGroupingMappingApiConfig } from "../../context/GroupingApiConfigContext";
 import { useMutation } from "@tanstack/react-query";
-const defaultDisplayStrings = {
-    mappings: "Mappings",
-};
+const getDefaultDisplayStrings = () => ({
+    mappings: GroupingMappingWidget.translate("mappings.mappings"),
+});
 const ConfirmMappingImport = ({ selectedMappings, importing, setImporting, setSelectedMappings, backFn, onCancel, onFinish, displayStrings: userDisplayStrings, }) => {
     const { getAccessToken, iModelId } = useGroupingMappingApiConfig();
     const mappingClient = useMappingClient();
@@ -20,11 +21,11 @@ const ConfirmMappingImport = ({ selectedMappings, importing, setImporting, setSe
     const [currentlyImporting, setCurrentlyImporting] = useState("");
     const [validator, showValidationMessage] = useValidator();
     const [errored, setErrored] = useState(false);
-    const displayStrings = React.useMemo(() => ({ ...defaultDisplayStrings, ...userDisplayStrings }), [userDisplayStrings]);
+    const displayStrings = React.useMemo(() => ({ ...getDefaultDisplayStrings(), ...userDisplayStrings }), [userDisplayStrings]);
     useEffect(() => {
         setSelectedMappings((selectedMappings) => selectedMappings.map((mapping) => ({
             ...mapping,
-            mappingName: `${mapping.mappingName}_Copy`,
+            mappingName: GroupingMappingWidget.translate("import.copySuffix", { name: mapping.mappingName }),
         })));
     }, [setSelectedMappings]);
     const handleChange = (e, index) => {
@@ -68,17 +69,17 @@ const ConfirmMappingImport = ({ selectedMappings, importing, setImporting, setSe
     return (React.createElement(React.Fragment, null, importing ? (React.createElement("div", { className: "gmw-import-progress-container" },
         React.createElement("div", { className: "gmw-import-progress-bar" },
             React.createElement("div", { className: "gmw-import-progress-bar-description" }, !errored ? (importCount !== selectedMappings.length ? (React.createElement(React.Fragment, null,
-                React.createElement(Text, { variant: "title" }, "Importing"),
-                React.createElement(Text, null, `We are currently importing the ${displayStrings.mappings.toLocaleLowerCase()}.`))) : (React.createElement(React.Fragment, null,
-                React.createElement(Text, { variant: "title" }, "Done!"),
-                React.createElement(Text, null, `Your imported ${displayStrings.mappings.toLocaleLowerCase()} are ready.`)))) : (React.createElement(React.Fragment, null,
-                React.createElement(Text, { variant: "title" }, "Error!"),
-                React.createElement(Text, null, `Sorry, there was an error importing some or all ${displayStrings.mappings}.`)))),
+                React.createElement(Text, { variant: "title" }, GroupingMappingWidget.translate("import.importing")),
+                React.createElement(Text, null, GroupingMappingWidget.translate("import.currentlyImporting", { mappings: displayStrings.mappings.toLocaleLowerCase() })))) : (React.createElement(React.Fragment, null,
+                React.createElement(Text, { variant: "title" }, GroupingMappingWidget.translate("import.done")),
+                React.createElement(Text, null, GroupingMappingWidget.translate("import.importedReady", { mappings: displayStrings.mappings.toLocaleLowerCase() }))))) : (React.createElement(React.Fragment, null,
+                React.createElement(Text, { variant: "title" }, GroupingMappingWidget.translate("import.error")),
+                React.createElement(Text, null, GroupingMappingWidget.translate("import.importError", { mappings: displayStrings.mappings }))))),
             React.createElement(ProgressLinear, { value: (importCount / selectedMappings.length) * 100, labels: importCount === selectedMappings.length
-                    ? ["Import done!", React.createElement(SvgStatusSuccessHollow, { key: "0" })]
+                    ? [GroupingMappingWidget.translate("import.importDone"), React.createElement(SvgStatusSuccessHollow, { key: "0" })]
                     : [
                         React.createElement(React.Fragment, null,
-                            React.createElement(Text, null, "Copying"),
+                            React.createElement(Text, null, GroupingMappingWidget.translate("import.copying")),
                             React.createElement(MiddleTextTruncation, { text: currentlyImporting })),
                         `${importCount}/${selectedMappings.length}`,
                     ], status: !errored ? (importCount === selectedMappings.length ? "positive" : undefined) : "negative" })),
@@ -88,13 +89,13 @@ const ConfirmMappingImport = ({ selectedMappings, importing, setImporting, setSe
                     setImportCount(0);
                     setCurrentlyImporting("");
                     setErrored(false);
-                } }, "Back"),
-            React.createElement(Button, { styleType: "high-visibility", disabled: !errored && importCount !== selectedMappings.length, onClick: onFinish }, "Close")))) : (React.createElement("div", { className: "gmw-rename-confirm-container " },
+                } }, GroupingMappingWidget.translate("common.back")),
+            React.createElement(Button, { styleType: "high-visibility", disabled: !errored && importCount !== selectedMappings.length, onClick: onFinish }, GroupingMappingWidget.translate("common.close"))))) : (React.createElement("div", { className: "gmw-rename-confirm-container " },
         React.createElement("div", { className: "gmw-mapping-rename-container" },
             React.createElement("div", { className: "gmw-mapping-row-header-container" },
                 React.createElement("div", { className: "gmw-mapping-row" },
                     React.createElement(Text, { variant: "leading" }, displayStrings.mappings),
-                    React.createElement(Text, { variant: "leading" }, "Description"))),
+                    React.createElement(Text, { variant: "leading" }, GroupingMappingWidget.translate("common.description")))),
             React.createElement("div", { className: "gmw-mapping-row-body" }, selectedMappings.map((mapping, index) => (React.createElement("div", { className: "gmw-mapping-row-container", key: mapping.id },
                 React.createElement("div", { className: "gmw-mapping-row" },
                     React.createElement(LabeledInput, { value: mapping.mappingName, name: `mapping_${mapping.id}`, required: true, onChange: (event) => {
@@ -109,9 +110,9 @@ const ConfirmMappingImport = ({ selectedMappings, importing, setImporting, setSe
                     React.createElement("div", null, mapping.description)),
                 React.createElement("div", { className: "gmw-border-div" })))))),
         React.createElement("div", { className: "gmw-import-action-panel" },
-            React.createElement(Button, { onClick: backFn }, "Back"),
-            React.createElement(Button, { styleType: "high-visibility", onClick: async () => onImport() }, "Import"),
-            React.createElement(Button, { onClick: onCancel }, "Cancel"))))));
+            React.createElement(Button, { onClick: backFn }, GroupingMappingWidget.translate("common.back")),
+            React.createElement(Button, { styleType: "high-visibility", onClick: async () => onImport() }, GroupingMappingWidget.translate("common.import")),
+            React.createElement(Button, { onClick: onCancel }, GroupingMappingWidget.translate("common.cancel")))))));
 };
 export default ConfirmMappingImport;
 //# sourceMappingURL=ConfirmMappingsImport.js.map

package/lib/esm/components/Mappings/Import/ConfirmMappingsImport.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmMappingsImport.js","sourceRoot":"","sources":["../../../../../src/components/Mappings/Import/ConfirmMappingsImport.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 { Button, LabeledInput, MiddleTextTruncation, ProgressLinear, Text } from \"@itwin/itwinui-react\";\nimport React, { useEffect, useState } from \"react\";\nimport type { IMappingTyped } from \"../Mappings\";\nimport \"./ConfirmMappingsImport.scss\";\nimport { SvgStatusSuccessHollow } from \"@itwin/itwinui-icons-react\";\nimport useValidator, { NAME_REQUIREMENTS } from \"../../Properties/hooks/useValidator\";\nimport { useMappingClient } from \"../../context/MappingClientContext\";\nimport { useGroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport { useMutation } from \"@tanstack/react-query\";\n\nconst defaultDisplayStrings = {\n  mappings: \"Mappings\",\n};\n\ninterface ConfirmMappingImportProps {\n  selectedMappings: IMappingTyped[];\n  importing: boolean;\n  setImporting: React.Dispatch<React.SetStateAction<boolean>>;\n  setSelectedMappings: React.Dispatch<React.SetStateAction<IMappingTyped[]>>;\n  backFn: () => void;\n  onCancel: () => void;\n  onFinish: () => void;\n  displayStrings?: Partial<typeof defaultDisplayStrings>;\n}\n\nconst ConfirmMappingImport = ({\n  selectedMappings,\n  importing,\n  setImporting,\n  setSelectedMappings,\n  backFn,\n  onCancel,\n  onFinish,\n  displayStrings: userDisplayStrings,\n}: ConfirmMappingImportProps) => {\n  const { getAccessToken, iModelId } = useGroupingMappingApiConfig();\n  const mappingClient = useMappingClient();\n  const [importCount, setImportCount] = useState<number>(0);\n  const [currentlyImporting, setCurrentlyImporting] = useState<string>(\"\");\n  const [validator, showValidationMessage] = useValidator();\n  const [errored, setErrored] = useState<boolean>(false);\n\n  const displayStrings = React.useMemo(() => ({ ...defaultDisplayStrings, ...userDisplayStrings }), [userDisplayStrings]);\n\n  useEffect(() => {\n    setSelectedMappings((selectedMappings) =>\n      selectedMappings.map((mapping) => ({\n        ...mapping,\n        mappingName: `${mapping.mappingName}_Copy`,\n      })),\n    );\n  }, [setSelectedMappings]);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>, index: number) => {\n    const newState = [...selectedMappings];\n    newState[index] = {\n      ...newState[index],\n      mappingName: e.target.value,\n    };\n    setSelectedMappings(newState);\n  };\n\n  const importMutation = useMutation({\n    mutationFn: async (selectedMapping: IMappingTyped) => {\n      const accessToken = await getAccessToken();\n      await mappingClient.createMapping(accessToken, {\n        iModelId,\n        mappingName: selectedMapping.mappingName,\n        sourceMappingId: selectedMapping.id,\n      });\n    },\n    onMutate: async (selectedMapping: IMappingTyped) => {\n      setCurrentlyImporting(selectedMapping.mappingName);\n    },\n    onSuccess: () => {\n      setImportCount((count) => count + 1);\n    },\n    onError: () => {\n      setErrored(true);\n    },\n  });\n\n  const onImport = async () => {\n    if (!validator.allValid()) {\n      showValidationMessage(true);\n      return;\n    }\n    setImporting(true);\n    setImportCount(0);\n    for (const mapping of selectedMappings) {\n      await importMutation.mutateAsync(mapping);\n    }\n  };\n\n  return (\n    <>\n      {importing ? (\n        <div className=\"gmw-import-progress-container\">\n          <div className=\"gmw-import-progress-bar\">\n            <div className=\"gmw-import-progress-bar-description\">\n              {!errored ? (\n                importCount !== selectedMappings.length ? (\n                  <>\n                    <Text variant=\"title\">Importing</Text>\n                    <Text>{`We are currently importing the ${displayStrings.mappings.toLocaleLowerCase()}.`}</Text>\n                  </>\n                ) : (\n                  <>\n                    <Text variant=\"title\">Done!</Text>\n                    <Text>{`Your imported ${displayStrings.mappings.toLocaleLowerCase()} are ready.`}</Text>\n                  </>\n                )\n              ) : (\n                <>\n                  <Text variant=\"title\">Error!</Text>\n                  <Text>{`Sorry, there was an error importing some or all ${displayStrings.mappings}.`}</Text>\n                </>\n              )}\n            </div>\n            <ProgressLinear\n              value={(importCount / selectedMappings.length) * 100}\n              labels={\n                importCount === selectedMappings.length\n                  ? [\"Import done!\", <SvgStatusSuccessHollow key=\"0\" />]\n                  : [\n                      <>\n                        <Text>Copying</Text>\n                        <MiddleTextTruncation text={currentlyImporting} />\n                      </>,\n                      `${importCount}/${selectedMappings.length}`,\n                    ]\n              }\n              status={!errored ? (importCount === selectedMappings.length ? \"positive\" : undefined) : \"negative\"}\n            />\n          </div>\n          <div className=\"gmw-import-action-panel\">\n            <Button\n              disabled={!errored && importCount === selectedMappings.length}\n              onClick={() => {\n                setImporting(false);\n                setImportCount(0);\n                setCurrentlyImporting(\"\");\n                setErrored(false);\n              }}\n            >\n              Back\n            </Button>\n            <Button styleType=\"high-visibility\" disabled={!errored && importCount !== selectedMappings.length} onClick={onFinish}>\n              Close\n            </Button>\n          </div>\n        </div>\n      ) : (\n        <div className=\"gmw-rename-confirm-container \">\n          <div className=\"gmw-mapping-rename-container\">\n            <div className=\"gmw-mapping-row-header-container\">\n              <div className=\"gmw-mapping-row\">\n                <Text variant=\"leading\">{displayStrings.mappings}</Text>\n                <Text variant=\"leading\">Description</Text>\n              </div>\n            </div>\n            <div className=\"gmw-mapping-row-body\">\n              {selectedMappings.map((mapping, index) => (\n                <div className=\"gmw-mapping-row-container\" key={mapping.id}>\n                  <div className=\"gmw-mapping-row\">\n                    <LabeledInput\n                      value={mapping.mappingName}\n                      name={`mapping_${mapping.id}`}\n                      required\n                      onChange={(event) => {\n                        handleChange(event, index);\n                        validator.showMessageFor(`mapping_${mapping.id}`);\n                      }}\n                      message={validator.message(`mapping_${mapping.id}`, mapping.mappingName, NAME_REQUIREMENTS)}\n                      status={validator.message(`mapping_${mapping.id}`, mapping.mappingName, NAME_REQUIREMENTS) ? \"negative\" : undefined}\n                      onBlur={() => {\n                        validator.showMessageFor(`mapping_${mapping.id}`);\n                      }}\n                      onBlurCapture={(event) => {\n                        handleChange(event, index);\n                        validator.showMessageFor(`mapping_${mapping.id}`);\n                      }}\n                    />\n                    <div>{mapping.description}</div>\n                  </div>\n                  <div className=\"gmw-border-div\" />\n                </div>\n              ))}\n            </div>\n          </div>\n          <div className=\"gmw-import-action-panel\">\n            <Button onClick={backFn}>Back</Button>\n            <Button styleType=\"high-visibility\" onClick={async () => onImport()}>\n              Import\n            </Button>\n            <Button onClick={onCancel}>Cancel</Button>\n          </div>\n        </div>\n      )}\n    </>\n  );\n};\n\nexport default ConfirmMappingImport;\n"]}
+{"version":3,"file":"ConfirmMappingsImport.js","sourceRoot":"","sources":["../../../../../src/components/Mappings/Import/ConfirmMappingsImport.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 { Button, LabeledInput, MiddleTextTruncation, ProgressLinear, Text } from \"@itwin/itwinui-react\";\nimport React, { useEffect, useState } from \"react\";\nimport { GroupingMappingWidget } from \"../../../GroupingMappingWidget\";\nimport type { IMappingTyped } from \"../Mappings\";\nimport \"./ConfirmMappingsImport.scss\";\nimport { SvgStatusSuccessHollow } from \"@itwin/itwinui-icons-react\";\nimport useValidator, { NAME_REQUIREMENTS } from \"../../Properties/hooks/useValidator\";\nimport { useMappingClient } from \"../../context/MappingClientContext\";\nimport { useGroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport { useMutation } from \"@tanstack/react-query\";\n\nconst getDefaultDisplayStrings = () => ({\n  mappings: GroupingMappingWidget.translate(\"mappings.mappings\"),\n});\n\ninterface ConfirmMappingImportProps {\n  selectedMappings: IMappingTyped[];\n  importing: boolean;\n  setImporting: React.Dispatch<React.SetStateAction<boolean>>;\n  setSelectedMappings: React.Dispatch<React.SetStateAction<IMappingTyped[]>>;\n  backFn: () => void;\n  onCancel: () => void;\n  onFinish: () => void;\n  displayStrings?: Partial<ReturnType<typeof getDefaultDisplayStrings>>;\n}\n\nconst ConfirmMappingImport = ({\n  selectedMappings,\n  importing,\n  setImporting,\n  setSelectedMappings,\n  backFn,\n  onCancel,\n  onFinish,\n  displayStrings: userDisplayStrings,\n}: ConfirmMappingImportProps) => {\n  const { getAccessToken, iModelId } = useGroupingMappingApiConfig();\n  const mappingClient = useMappingClient();\n  const [importCount, setImportCount] = useState<number>(0);\n  const [currentlyImporting, setCurrentlyImporting] = useState<string>(\"\");\n  const [validator, showValidationMessage] = useValidator();\n  const [errored, setErrored] = useState<boolean>(false);\n\n  const displayStrings = React.useMemo(() => ({ ...getDefaultDisplayStrings(), ...userDisplayStrings }), [userDisplayStrings]);\n\n  useEffect(() => {\n    setSelectedMappings((selectedMappings) =>\n      selectedMappings.map((mapping) => ({\n        ...mapping,\n        mappingName: GroupingMappingWidget.translate(\"import.copySuffix\", { name: mapping.mappingName }),\n      })),\n    );\n  }, [setSelectedMappings]);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>, index: number) => {\n    const newState = [...selectedMappings];\n    newState[index] = {\n      ...newState[index],\n      mappingName: e.target.value,\n    };\n    setSelectedMappings(newState);\n  };\n\n  const importMutation = useMutation({\n    mutationFn: async (selectedMapping: IMappingTyped) => {\n      const accessToken = await getAccessToken();\n      await mappingClient.createMapping(accessToken, {\n        iModelId,\n        mappingName: selectedMapping.mappingName,\n        sourceMappingId: selectedMapping.id,\n      });\n    },\n    onMutate: async (selectedMapping: IMappingTyped) => {\n      setCurrentlyImporting(selectedMapping.mappingName);\n    },\n    onSuccess: () => {\n      setImportCount((count) => count + 1);\n    },\n    onError: () => {\n      setErrored(true);\n    },\n  });\n\n  const onImport = async () => {\n    if (!validator.allValid()) {\n      showValidationMessage(true);\n      return;\n    }\n    setImporting(true);\n    setImportCount(0);\n    for (const mapping of selectedMappings) {\n      await importMutation.mutateAsync(mapping);\n    }\n  };\n\n  return (\n    <>\n      {importing ? (\n        <div className=\"gmw-import-progress-container\">\n          <div className=\"gmw-import-progress-bar\">\n            <div className=\"gmw-import-progress-bar-description\">\n              {!errored ? (\n                importCount !== selectedMappings.length ? (\n                  <>\n                    <Text variant=\"title\">{GroupingMappingWidget.translate(\"import.importing\")}</Text>\n                    <Text>{GroupingMappingWidget.translate(\"import.currentlyImporting\", { mappings: displayStrings.mappings.toLocaleLowerCase() })}</Text>\n                  </>\n                ) : (\n                  <>\n                    <Text variant=\"title\">{GroupingMappingWidget.translate(\"import.done\")}</Text>\n                    <Text>{GroupingMappingWidget.translate(\"import.importedReady\", { mappings: displayStrings.mappings.toLocaleLowerCase() })}</Text>\n                  </>\n                )\n              ) : (\n                <>\n                  <Text variant=\"title\">{GroupingMappingWidget.translate(\"import.error\")}</Text>\n                  <Text>{GroupingMappingWidget.translate(\"import.importError\", { mappings: displayStrings.mappings })}</Text>\n                </>\n              )}\n            </div>\n            <ProgressLinear\n              value={(importCount / selectedMappings.length) * 100}\n              labels={\n                importCount === selectedMappings.length\n                  ? [GroupingMappingWidget.translate(\"import.importDone\"), <SvgStatusSuccessHollow key=\"0\" />]\n                  : [\n                      <>\n                        <Text>{GroupingMappingWidget.translate(\"import.copying\")}</Text>\n                        <MiddleTextTruncation text={currentlyImporting} />\n                      </>,\n                      `${importCount}/${selectedMappings.length}`,\n                    ]\n              }\n              status={!errored ? (importCount === selectedMappings.length ? \"positive\" : undefined) : \"negative\"}\n            />\n          </div>\n          <div className=\"gmw-import-action-panel\">\n            <Button\n              disabled={!errored && importCount === selectedMappings.length}\n              onClick={() => {\n                setImporting(false);\n                setImportCount(0);\n                setCurrentlyImporting(\"\");\n                setErrored(false);\n              }}\n            >\n              {GroupingMappingWidget.translate(\"common.back\")}\n            </Button>\n            <Button styleType=\"high-visibility\" disabled={!errored && importCount !== selectedMappings.length} onClick={onFinish}>\n              {GroupingMappingWidget.translate(\"common.close\")}\n            </Button>\n          </div>\n        </div>\n      ) : (\n        <div className=\"gmw-rename-confirm-container \">\n          <div className=\"gmw-mapping-rename-container\">\n            <div className=\"gmw-mapping-row-header-container\">\n              <div className=\"gmw-mapping-row\">\n                <Text variant=\"leading\">{displayStrings.mappings}</Text>\n                <Text variant=\"leading\">{GroupingMappingWidget.translate(\"common.description\")}</Text>\n              </div>\n            </div>\n            <div className=\"gmw-mapping-row-body\">\n              {selectedMappings.map((mapping, index) => (\n                <div className=\"gmw-mapping-row-container\" key={mapping.id}>\n                  <div className=\"gmw-mapping-row\">\n                    <LabeledInput\n                      value={mapping.mappingName}\n                      name={`mapping_${mapping.id}`}\n                      required\n                      onChange={(event) => {\n                        handleChange(event, index);\n                        validator.showMessageFor(`mapping_${mapping.id}`);\n                      }}\n                      message={validator.message(`mapping_${mapping.id}`, mapping.mappingName, NAME_REQUIREMENTS)}\n                      status={validator.message(`mapping_${mapping.id}`, mapping.mappingName, NAME_REQUIREMENTS) ? \"negative\" : undefined}\n                      onBlur={() => {\n                        validator.showMessageFor(`mapping_${mapping.id}`);\n                      }}\n                      onBlurCapture={(event) => {\n                        handleChange(event, index);\n                        validator.showMessageFor(`mapping_${mapping.id}`);\n                      }}\n                    />\n                    <div>{mapping.description}</div>\n                  </div>\n                  <div className=\"gmw-border-div\" />\n                </div>\n              ))}\n            </div>\n          </div>\n          <div className=\"gmw-import-action-panel\">\n            <Button onClick={backFn}>{GroupingMappingWidget.translate(\"common.back\")}</Button>\n            <Button styleType=\"high-visibility\" onClick={async () => onImport()}>\n              {GroupingMappingWidget.translate(\"common.import\")}\n            </Button>\n            <Button onClick={onCancel}>{GroupingMappingWidget.translate(\"common.cancel\")}</Button>\n          </div>\n        </div>\n      )}\n    </>\n  );\n};\n\nexport default ConfirmMappingImport;\n"]}

package/lib/esm/components/Mappings/Import/MappingImportWizardModal.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import "./MappingImportWizardModal.scss";
-declare const defaultDisplayStrings: {
+declare const getDefaultDisplayStrings: () => {
     mappings: string;
     iTwins: string;
     iTwinNumber: string;
@@ -14,7 +13,7 @@ interface MappingImportWizardModalProps {
     show: boolean;
     setShow: (show: boolean) => void;
     onFinish: () => Promise<void>;
-    displayStrings?: Partial<typeof defaultDisplayStrings>;
+    displayStrings?: Partial<ReturnType<typeof getDefaultDisplayStrings>>;
 }
 export declare const MappingImportWizardModal: ({ show, setShow, onFinish, displayStrings: userDisplayStrings }: MappingImportWizardModalProps) => JSX.Element;
 export {};