@equinor/echo-framework 0.8.4 → 0.8.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (77) hide show
  1. package/dist/components/contextualAppLinks/externalLinkButtons/externalLinkButtons.helpers.d.ts +47 -0
  2. package/dist/components/contextualAppLinks/externalLinkButtons/externalLinkButtons.helpers.test.d.ts +1 -0
  3. package/dist/components/contextualAppLinks/externalLinkButtons/externalLinkToCommApp.d.ts +14 -0
  4. package/dist/components/contextualAppLinks/externalLinkButtons/externalLinkToMcApp.d.ts +3 -1
  5. package/dist/components/contextualAppLinks/externalLinkButtons/externalLinkToProCoSys.d.ts +1 -2
  6. package/dist/components/contextualAppLinks/externalLinkButtons/externalLinkToSap.d.ts +3 -0
  7. package/dist/components/contextualAppLinks/externalLinkButtons/externalLinkToSemiDoc.d.ts +4 -0
  8. package/dist/components/contextualAppLinks/externalLinkButtons/externalLinkToTr2000.d.ts +2 -0
  9. package/dist/components/contextualAppLinks/externalLinkButtons/iconButtonSpinner.d.ts +18 -0
  10. package/dist/components/contextualAppLinks/externalLinkButtons/index.d.ts +1 -0
  11. package/dist/components/externalLinkButton/externalLinkButton.d.ts +16 -7
  12. package/dist/components/realTimeData/hooks/useSignalR.d.ts +3 -2
  13. package/dist/hooks/useSemi.d.ts +11 -7
  14. package/dist/hooks/useTagDetails.d.ts +10 -3
  15. package/dist/index.d.ts +11 -3
  16. package/dist/services/api/api-manager.d.ts +1 -1
  17. package/dist/services/api/api-tag-details.d.ts +18 -0
  18. package/dist/services/api/api-tag-details.test.d.ts +1 -0
  19. package/dist/services/api/api-tags.d.ts +17 -0
  20. package/dist/services/api/api-tags.test.d.ts +1 -0
  21. package/dist/services/api/index.d.ts +1 -0
  22. package/dist/services/echopediaAnalyticsModule/echopediaAnalyticsModule.d.ts +1 -0
  23. package/dist/src/components/containers/layout.module.css.js +1 -1
  24. package/dist/src/components/containers/layouts.js +45 -48
  25. package/dist/src/components/contextualAppLinks/externalAppsMenu.js +4 -4
  26. package/dist/src/components/contextualAppLinks/externalLinkButtons/allExternalLinks.js +66 -11
  27. package/dist/src/components/contextualAppLinks/externalLinkButtons/externalLinkButtons.helpers.js +169 -0
  28. package/dist/src/components/contextualAppLinks/externalLinkButtons/externalLinkToCommApp.js +93 -0
  29. package/dist/src/components/contextualAppLinks/externalLinkButtons/externalLinkToMcApp.js +60 -5
  30. package/dist/src/components/contextualAppLinks/externalLinkButtons/externalLinkToProCoSys.js +43 -11
  31. package/dist/src/components/contextualAppLinks/externalLinkButtons/externalLinkToSafeX.js +1 -1
  32. package/dist/src/components/contextualAppLinks/externalLinkButtons/externalLinkToSap.js +58 -11
  33. package/dist/src/components/contextualAppLinks/externalLinkButtons/externalLinkToSemiDoc.js +16 -5
  34. package/dist/src/components/contextualAppLinks/externalLinkButtons/externalLinkToStid.js +1 -1
  35. package/dist/src/components/contextualAppLinks/externalLinkButtons/externalLinkToTr2000.js +67 -16
  36. package/dist/src/components/contextualAppLinks/externalLinkButtons/iconButtonSpinner.js +44 -0
  37. package/dist/src/components/contextualAppLinks/externalLinkButtons/iconButtonSpinner.module.css.js +15 -0
  38. package/dist/src/components/externalLinkButton/externalLinkButton.js +89 -34
  39. package/dist/src/components/externalLinkButton/externalLinkButton.module.css.js +5 -2
  40. package/dist/src/components/realTimeData/components/connectorForIMSTag/IMSConnector.module.css.js +3 -2
  41. package/dist/src/components/realTimeData/components/connectorForIMSTag/RealTimeConnectorForIMSTag.js +32 -7
  42. package/dist/src/components/realTimeData/hooks/useSignalR.js +4 -2
  43. package/dist/src/coreApplication/EchoBarComponent.js +8 -9
  44. package/dist/src/coreApplication/EchoContent.js +1 -5
  45. package/dist/src/coreApplication/EchoContent.module.css.js +1 -5
  46. package/dist/src/hooks/useSemi.js +40 -14
  47. package/dist/src/hooks/useTagDetails.js +116 -45
  48. package/dist/src/icons/common/CommissionApp-icon.png.js +7 -0
  49. package/dist/src/icons/common/Evision.svg.js +3 -2
  50. package/dist/src/icons/common/Fusion.svg.js +30 -25
  51. package/dist/src/icons/common/McApp.svg.js +10 -6
  52. package/dist/src/icons/common/Notification.svg.js +82 -0
  53. package/dist/src/icons/common/ProCoSysIcon.svg.js +3 -2
  54. package/dist/src/icons/common/SapLogo.svg.js +5 -4
  55. package/dist/src/icons/common/SemiIcon.svg.js +11 -11
  56. package/dist/src/icons/common/Stid.svg.js +3 -2
  57. package/dist/src/icons/common/TR2000.svg.js +8 -6
  58. package/dist/src/icons/common/WorkOrder.svg.js +72 -0
  59. package/dist/src/icons/common/Yammer.svg.js +2 -1
  60. package/dist/src/icons/common/satos-logo.png.js +7 -0
  61. package/dist/src/index.js +15 -1
  62. package/dist/src/services/api/api-manager.js +2 -2
  63. package/dist/src/services/api/api-realtimedata.js +3 -1
  64. package/dist/src/services/api/api-tag-details.js +66 -0
  65. package/dist/src/services/api/api-tags.js +29 -0
  66. package/dist/src/services/echopediaAnalyticsModule/echopediaAnalyticsModule.js +10 -0
  67. package/dist/src/types/pingableSources.js +1 -0
  68. package/dist/src/utils/navigationUtils.js +28 -0
  69. package/dist/src/utils/plantInfo.js +1 -0
  70. package/dist/types/api-proCoSysTagResponse.d.ts +8 -0
  71. package/dist/types/pingableSources.d.ts +2 -1
  72. package/dist/utils/index.d.ts +1 -0
  73. package/dist/utils/navigationUtils.d.ts +7 -0
  74. package/dist/utils/navigationUtils.test.d.ts +1 -0
  75. package/dist/utils/plantInfo.d.ts +6 -0
  76. package/dist/utils/plantInfo.test.d.ts +1 -0
  77. package/package.json +3 -3
@@ -61,9 +61,8 @@ var EchoBarComponent = function EchoBarComponent(_ref) {
61
61
  setIsSyncing = _React$useState6[1];
62
62
 
63
63
  var _EchoCore$usePanels = EchoCore.usePanels(),
64
- setActivePanel = _EchoCore$usePanels.setActivePanel;
65
-
66
- var goToInternalLink = EchoCore.useInternalLink();
64
+ setActivePanel = _EchoCore$usePanels.setActivePanel,
65
+ activePanel = _EchoCore$usePanels.activePanel;
67
66
 
68
67
  var _EchoCore$usePlantSet = EchoCore.usePlantSettings(),
69
68
  selectedInstCode = _EchoCore$usePlantSet.instCode;
@@ -102,7 +101,7 @@ var EchoBarComponent = function EchoBarComponent(_ref) {
102
101
  if (key === 'menu' || key === 'search') {
103
102
  setActivePanel('');
104
103
  } else {
105
- history.go(-1);
104
+ history.goBack();
106
105
  }
107
106
 
108
107
  setActiveKey('');
@@ -117,7 +116,7 @@ var EchoBarComponent = function EchoBarComponent(_ref) {
117
116
  return setActivePanel(EchoCore.ECHO_CORE_SEARCH);
118
117
 
119
118
  case 'camera':
120
- return goToInternalLink('/camera');
119
+ return history.push('/camera');
121
120
 
122
121
  case 'menu':
123
122
  return setActivePanel(EchoCore.ECHO_CORE_MAIN);
@@ -143,14 +142,14 @@ var EchoBarComponent = function EchoBarComponent(_ref) {
143
142
  zIndex: 'var( --echo-framework-z-level-bottom-bar)'
144
143
  }
145
144
  }, /*#__PURE__*/React__default["default"].createElement("div", {
146
- className: "".concat(EchoContent_module["default"].barButtons, " ").concat(activeKey === 'home' ? EchoContent_module["default"].activeButton : '')
145
+ className: "".concat(EchoContent_module["default"].barButtons)
147
146
  }, /*#__PURE__*/React__default["default"].createElement(edsCoreReact.Button, {
148
147
  variant: "ghost_icon",
149
148
  onClick: function onClick() {
150
149
  return onClickButton('home');
151
150
  }
152
151
  }, /*#__PURE__*/React__default["default"].createElement(EchoIcon, null))), /*#__PURE__*/React__default["default"].createElement("div", {
153
- className: "".concat(EchoContent_module["default"].barButtons, " ").concat(activeKey === 'search' ? EchoContent_module["default"].activeButton : '')
152
+ className: "".concat(EchoContent_module["default"].barButtons, " ").concat(activeKey === 'search' && activePanel === 'echoCoreSearch' ? EchoContent_module["default"].activeButton : '')
154
153
  }, /*#__PURE__*/React__default["default"].createElement(edsCoreReact.Button, {
155
154
  variant: "ghost_icon",
156
155
  onClick: function onClick() {
@@ -160,7 +159,7 @@ var EchoBarComponent = function EchoBarComponent(_ref) {
160
159
  name: 'search',
161
160
  color: echoComponents.themeConst.echoText
162
161
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
163
- className: "".concat(EchoContent_module["default"].barButtons, " ").concat(activeKey === 'camera' ? EchoContent_module["default"].activeButton : '')
162
+ className: "".concat(EchoContent_module["default"].barButtons, " ").concat(activeKey === 'camera' && EchoContent_module["default"].activeButton)
164
163
  }, /*#__PURE__*/React__default["default"].createElement(edsCoreReact.Button, {
165
164
  variant: "ghost_icon",
166
165
  onClick: function onClick() {
@@ -170,7 +169,7 @@ var EchoBarComponent = function EchoBarComponent(_ref) {
170
169
  name: 'camera',
171
170
  color: echoComponents.themeConst.echoText
172
171
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
173
- className: "".concat(EchoContent_module["default"].barButtons, " ").concat(activeKey === 'menu' ? EchoContent_module["default"].activeButton : '')
172
+ className: "".concat(EchoContent_module["default"].barButtons, " ").concat(activeKey === 'menu' && activePanel === 'echoCoreMain' ? EchoContent_module["default"].activeButton : '')
174
173
  }, /*#__PURE__*/React__default["default"].createElement(edsCoreReact.Button, {
175
174
  variant: "ghost_icon",
176
175
  onClick: function onClick() {
@@ -14,8 +14,6 @@ var corePanelLeft = require('../components/panel/corePanelLeft.js');
14
14
 
15
15
  var corePanelRight = require('../components/panel/corePanelRight.js');
16
16
 
17
- var EchoContent_module = require('./EchoContent.module.css.js');
18
-
19
17
  function _interopDefaultLegacy(e) {
20
18
  return e && _typeof(e) === 'object' && 'default' in e ? e : {
21
19
  'default': e
@@ -32,9 +30,7 @@ var EchoContent = function EchoContent(_ref) {
32
30
  isToggleButtonVisible: isToggleButtonVisible
33
31
  }), /*#__PURE__*/React__default["default"].createElement(corePanelRight["default"], {
34
32
  isToggleButtonVisible: isToggleButtonVisible
35
- }), /*#__PURE__*/React__default["default"].createElement("div", {
36
- className: EchoContent_module["default"].echoContentContainer
37
- }, children, Legend && /*#__PURE__*/React__default["default"].createElement(Legend, null)));
33
+ }), children, Legend && /*#__PURE__*/React__default["default"].createElement(Legend, null));
38
34
  };
39
35
 
40
36
  exports.EchoContent = EchoContent;
@@ -6,12 +6,8 @@ Object.defineProperty(exports, '__esModule', {
6
6
 
7
7
  var styleInject_es = require('../../node_modules/style-inject/dist/style-inject.es.js');
8
8
 
9
- var css_248z = ".EchoContent-module_echoContent__DgKg-{height:100%;padding:env(safe-area-inset-top,20px) env(safe-area-inset-right,20px) env(safe-area-inset-bottom,20px) env(safe-area-inset-left,20px);width:100%}.EchoContent-module_mobileWrapper__I1UNf{height:calc(100% - 60px);position:relative}.EchoContent-module_echoContentContainer__-yhpr{height:100%}.EchoContent-module_echoModuleContainer__NsbOv{width:100%}.EchoContent-module_barButtons__F8xrV{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.EchoContent-module_activeButton__5xhQu{background-color:var(--equiGreen3);border-top:2px solid var(--equiGreen1)}@media screen and (max-width:927px) and (orientation:landscape){.EchoContent-module_activeButton__5xhQu{border-right:2px solid var(--equiGreen1);border-top:0}}@media screen and (orientation:landscape){.EchoContent-module_echoContentContainer__-yhpr{display:flex;flex-direction:row}}@media screen and (orientation:portrait){.EchoContent-module_echoModuleContainer__NsbOv{height:calc(100% - 48px);overflow:hidden}}@keyframes EchoContent-module_spinAnimation__gNXNq{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.EchoContent-module_spinningIcon__am10d{animation:EchoContent-module_spinAnimation__gNXNq 1.5s linear infinite reverse}";
9
+ var css_248z = ".EchoContent-module_barButtons__F8xrV{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.EchoContent-module_activeButton__5xhQu{background-color:var(--equiGreen3);border-top:2px solid var(--equiGreen1)}@media screen and (max-width:927px) and (orientation:landscape){.EchoContent-module_activeButton__5xhQu{border-right:2px solid var(--equiGreen1);border-top:0}}@keyframes EchoContent-module_spinAnimation__gNXNq{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.EchoContent-module_spinningIcon__am10d{animation:EchoContent-module_spinAnimation__gNXNq 1.5s linear infinite reverse}";
10
10
  var style = {
11
- "echoContent": "EchoContent-module_echoContent__DgKg-",
12
- "mobileWrapper": "EchoContent-module_mobileWrapper__I1UNf",
13
- "echoContentContainer": "EchoContent-module_echoContentContainer__-yhpr",
14
- "echoModuleContainer": "EchoContent-module_echoModuleContainer__NsbOv",
15
11
  "barButtons": "EchoContent-module_barButtons__F8xrV",
16
12
  "activeButton": "EchoContent-module_activeButton__5xhQu",
17
13
  "spinningIcon": "EchoContent-module_spinningIcon__am10d",
@@ -12,48 +12,68 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
12
12
 
13
13
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
14
14
 
15
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
16
+
15
17
  Object.defineProperty(exports, '__esModule', {
16
18
  value: true
17
19
  });
18
20
 
19
- var EchoCore = require('@equinor/echo-core');
21
+ var EchoUtils = require('@equinor/echo-utils');
20
22
 
21
23
  var React = require('react');
22
24
 
23
25
  var useTagDetails = require('./useTagDetails.js');
26
+
27
+ function _interopDefaultLegacy(e) {
28
+ return e && _typeof(e) === 'object' && 'default' in e ? e : {
29
+ 'default': e
30
+ };
31
+ }
32
+
33
+ var EchoUtils__default = /*#__PURE__*/_interopDefaultLegacy(EchoUtils);
24
34
  /**
25
35
  * Provides information about Semi document for a given tag.
26
36
  *
27
- * @param {{ tagNo: string }} params
28
- * @param {string} params.tagNo Tag number in question.
37
+ * @param {{ tagNo: string; instCode: string }} params
38
+ * @param {string} params.tagNo The given tag's number.
39
+ * @param {string} params.instCode Plant's inst code.
29
40
  * @returns {Semi} object
30
41
  * @returns {boolean} object.isSemiDocumentAvailable - Will be set to true if the tag has Semi document.
31
42
  * @returns {string} object.semiDocumentId - If there's a document for the given tag, this will be set.
43
+ * @returns {boolean} object.isSemiLoading - Indicates if Semi is performing an API call (to get tag details)
32
44
  */
33
45
 
34
46
 
35
47
  function useSemi(_ref) {
36
- var tagNo = _ref.tagNo;
48
+ var tagNo = _ref.tagNo,
49
+ instCode = _ref.instCode;
37
50
 
38
- var _a;
39
-
40
- var instCode = EchoCore.useInstCode();
41
- var additionalTagDetailsFields = (_a = useTagDetails.useTagDetails({
51
+ var _useTagDetails$useTag = useTagDetails.useTagDetails({
42
52
  tagNo: tagNo,
43
53
  instCode: instCode
44
- })) === null || _a === void 0 ? void 0 : _a.additionalFields;
54
+ }),
55
+ tagDetails = _useTagDetails$useTag.tagDetails,
56
+ isTagDetailsLoading = _useTagDetails$useTag.isTagDetailsLoading,
57
+ hasError = _useTagDetails$useTag.hasError;
45
58
 
46
59
  var _React$useState = React.useState(false),
47
60
  _React$useState2 = _slicedToArray(_React$useState, 2),
48
61
  isSemiDocumentAvailable = _React$useState2[0],
49
62
  setIsSemiDocumentAvailable = _React$useState2[1];
50
63
 
51
- var _React$useState3 = React.useState(''),
64
+ var _React$useState3 = React.useState(false),
52
65
  _React$useState4 = _slicedToArray(_React$useState3, 2),
53
- semiDocumentId = _React$useState4[0],
54
- setSemiDocumentId = _React$useState4[1];
66
+ isSemiLoading = _React$useState4[0],
67
+ setIsSemiLoading = _React$useState4[1];
68
+
69
+ var _React$useState5 = React.useState(''),
70
+ _React$useState6 = _slicedToArray(_React$useState5, 2),
71
+ semiDocumentId = _React$useState6[0],
72
+ setSemiDocumentId = _React$useState6[1];
55
73
 
56
74
  React.useEffect(function () {
75
+ var additionalTagDetailsFields = tagDetails === null || tagDetails === void 0 ? void 0 : tagDetails.additionalFields;
76
+
57
77
  if (Array.isArray(additionalTagDetailsFields) && additionalTagDetailsFields.length > 0) {
58
78
  var semi = additionalTagDetailsFields.find(function (field) {
59
79
  return field.type === 'SMI';
@@ -64,10 +84,16 @@ function useSemi(_ref) {
64
84
  setSemiDocumentId(semi.value);
65
85
  }
66
86
  }
67
- }, [additionalTagDetailsFields]);
87
+ }, [tagDetails, hasError]);
88
+ EchoUtils__default["default"].Hooks.useEffectAsync(function (signal) {
89
+ if (!signal.aborted) {
90
+ setIsSemiLoading(isTagDetailsLoading);
91
+ }
92
+ }, [isTagDetailsLoading]);
68
93
  return {
69
94
  isSemiDocumentAvailable: isSemiDocumentAvailable,
70
- semiDocumentId: semiDocumentId
95
+ semiDocumentId: semiDocumentId,
96
+ isSemiLoading: isSemiLoading
71
97
  };
72
98
  }
73
99
 
@@ -12,69 +12,140 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
12
12
 
13
13
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
14
14
 
15
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
16
+
15
17
  Object.defineProperty(exports, '__esModule', {
16
18
  value: true
17
19
  });
18
20
 
19
21
  var _tslib = require('../../_virtual/_tslib.js');
20
22
 
21
- var echoSearch = require('@equinor/echo-search');
23
+ var EchoCore = require('@equinor/echo-core');
24
+
25
+ var EchoUtils = require('@equinor/echo-utils');
26
+
27
+ var apiTagDetails = require('../services/api/api-tag-details.js');
28
+
29
+ var echopediaAnalyticsModule = require('../services/echopediaAnalyticsModule/echopediaAnalyticsModule.js');
30
+
31
+ function _interopDefaultLegacy(e) {
32
+ return e && _typeof(e) === 'object' && 'default' in e ? e : {
33
+ 'default': e
34
+ };
35
+ }
36
+
37
+ var EchoCore__default = /*#__PURE__*/_interopDefaultLegacy(EchoCore);
22
38
 
23
- var React = require('react');
39
+ var EchoUtils__default = /*#__PURE__*/_interopDefaultLegacy(EchoUtils);
24
40
  /**
25
41
  * Provides tag details for a given tag number and instCode.
26
42
  *
27
43
  * @param {{ tagNo: string; instCode: string }} params
28
44
  * @param {string} params.tagNo The given tag's number.
29
45
  * @param {string} params.instCode Plant's inst code.
30
- * @returns {TagDetailsDto | undefined} TagDetailsDto or undefined
46
+ * @returns {Object} response
47
+ * @returns {TagDetailsDto | undefined} response.tagDetails
48
+ * @returns {boolean} response.isLoading Whether tag details API call is loading or not.
49
+ * @returns {boolean} response.hasError If the API call had any issues, this will be set to 'true'
31
50
  */
32
51
 
33
52
 
34
53
  function useTagDetails(_ref) {
35
- var tagNo = _ref.tagNo,
36
- instCode = _ref.instCode;
37
-
38
- var _React$useState = React.useState(),
39
- _React$useState2 = _slicedToArray(_React$useState, 2),
40
- tagDetails = _React$useState2[0],
41
- setTagDetails = _React$useState2[1];
42
-
43
- React.useEffect(function () {
44
- var isMounted = true;
45
-
46
- function getTagDetailsAsync() {
47
- return _tslib.__awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
48
- var tagDetailsResult;
49
- return regeneratorRuntime.wrap(function _callee$(_context) {
50
- while (1) {
51
- switch (_context.prev = _context.next) {
52
- case 0:
53
- _context.next = 2;
54
- return echoSearch.Search.Tags.getTagDetailsAsync(tagNo, instCode);
55
-
56
- case 2:
57
- tagDetailsResult = _context.sent;
58
-
59
- if (isMounted && tagDetailsResult.isSuccess) {
60
- setTagDetails(tagDetailsResult.value);
61
- }
62
-
63
- case 4:
64
- case "end":
65
- return _context.stop();
66
- }
54
+ var _this = this;
55
+
56
+ var instCode = _ref.instCode,
57
+ tagNo = _ref.tagNo;
58
+ var _EchoUtils__default$d = EchoUtils__default["default"].Hooks,
59
+ useStateSafe = _EchoUtils__default$d.useStateSafe,
60
+ useEffectAsync = _EchoUtils__default$d.useEffectAsync;
61
+
62
+ var _useStateSafe = useStateSafe(undefined),
63
+ _useStateSafe2 = _slicedToArray(_useStateSafe, 2),
64
+ tagDetails = _useStateSafe2[0],
65
+ setTagDetails = _useStateSafe2[1];
66
+
67
+ var _useStateSafe3 = useStateSafe(true),
68
+ _useStateSafe4 = _slicedToArray(_useStateSafe3, 2),
69
+ isTagDetailsLoading = _useStateSafe4[0],
70
+ setIsTagDetailsLoading = _useStateSafe4[1];
71
+
72
+ var _useStateSafe5 = useStateSafe(false),
73
+ _useStateSafe6 = _slicedToArray(_useStateSafe5, 2),
74
+ hasError = _useStateSafe6[0],
75
+ setHasError = _useStateSafe6[1];
76
+
77
+ useEffectAsync( // eslint-disable-next-line @typescript-eslint/no-unused-vars
78
+ function (abortSignal) {
79
+ return _tslib.__awaiter(_this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
80
+ var getDetails;
81
+ return regeneratorRuntime.wrap(function _callee2$(_context2) {
82
+ while (1) {
83
+ switch (_context2.prev = _context2.next) {
84
+ case 0:
85
+ getDetails = function _getDetails(instCode, tagNo) {
86
+ return _tslib.__awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
87
+ var tagDetailsApiResponse;
88
+ return regeneratorRuntime.wrap(function _callee$(_context) {
89
+ while (1) {
90
+ switch (_context.prev = _context.next) {
91
+ case 0:
92
+ _context.prev = 0;
93
+ setIsTagDetailsLoading(true);
94
+ setHasError(false); // TODO: pass 'abortSignal' from useEffectAsync - now it throws "Failed to execute 'postMessage' on 'Worker': AbortSignal object could not be cloned"
95
+
96
+ _context.next = 5;
97
+ return apiTagDetails.getTagDetails({
98
+ tagNo: tagNo,
99
+ instCode: instCode
100
+ });
101
+
102
+ case 5:
103
+ tagDetailsApiResponse = _context.sent;
104
+
105
+ if (tagDetailsApiResponse) {
106
+ setTagDetails(tagDetailsApiResponse);
107
+ }
108
+
109
+ _context.next = 15;
110
+ break;
111
+
112
+ case 9:
113
+ _context.prev = 9;
114
+ _context.t0 = _context["catch"](0);
115
+ EchoCore__default["default"].handleErrors && EchoCore__default["default"].handleErrors(_context.t0, echopediaAnalyticsModule.echopediaAnalyticsModule);
116
+ setTagDetails(undefined);
117
+ setIsTagDetailsLoading(false);
118
+ setHasError(true);
119
+
120
+ case 15:
121
+ _context.prev = 15;
122
+ setIsTagDetailsLoading(false);
123
+ return _context.finish(15);
124
+
125
+ case 18:
126
+ case "end":
127
+ return _context.stop();
128
+ }
129
+ }
130
+ }, _callee, null, [[0, 9, 15, 18]]);
131
+ }));
132
+ };
133
+
134
+ getDetails(instCode, tagNo);
135
+
136
+ case 2:
137
+ case "end":
138
+ return _context2.stop();
67
139
  }
68
- }, _callee);
69
- }));
70
- }
71
-
72
- getTagDetailsAsync();
73
- return function () {
74
- isMounted = false;
75
- };
76
- }, [tagNo, instCode]);
77
- return tagDetails;
140
+ }
141
+ }, _callee2);
142
+ }));
143
+ }, [instCode, tagNo]);
144
+ return {
145
+ tagDetails: tagDetails,
146
+ isTagDetailsLoading: isTagDetailsLoading,
147
+ hasError: hasError
148
+ };
78
149
  }
79
150
 
80
151
  exports.useTagDetails = useTagDetails;
@@ -0,0 +1,7 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', {
4
+ value: true
5
+ });
6
+ var CommAppIcon = "data:image/png;base64,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";
7
+ exports["default"] = CommAppIcon;
@@ -54,13 +54,14 @@ var SvgEvision = function SvgEvision(props) {
54
54
  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
55
55
  width: 25,
56
56
  height: 25,
57
+ viewBox: "0 0 25 25",
57
58
  fill: "none",
58
59
  xmlns: "http://www.w3.org/2000/svg"
59
60
  }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
60
- d: "M12.5 0C5.6 0 0 5.6 0 12.5c0 2.3.6 4.4 1.6 6.2C.8 17.2.4 15.4.4 13.5.4 7.4 5.1 2.4 10.9 2.4s10.5 5 10.5 11.1-4.7 11.1-10.5 11.1c-.8 0-1.7-.1-2.5-.3 1.3.4 2.6.7 4.1.7C19.4 25 25 19.4 25 12.5S19.4 0 12.5 0Z",
61
+ d: "M12.5 0C5.6 0 0 5.6 0 12.5C0 14.8 0.6 16.9 1.6 18.7C0.8 17.2 0.4 15.4 0.4 13.5C0.4 7.4 5.1 2.4 10.9 2.4C16.7 2.4 21.4 7.4 21.4 13.5C21.4 19.6 16.7 24.6 10.9 24.6C10.1 24.6 9.2 24.5 8.4 24.3C9.7 24.7 11 25 12.5 25C19.4 25 25 19.4 25 12.5C25 5.6 19.4 0 12.5 0Z",
61
62
  fill: "#FCB021"
62
63
  })), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
63
- d: "M13.9 18.1c1.7 0 2.9-.6 4.1-1.8l2 1.8c-1.4 1.7-3.4 2.8-6.2 2.8C9.4 20.9 6 17.7 6 13c0-4.4 3.1-7.9 7.4-7.9 4.8 0 7.3 3.8 7.3 8.2 0 .3 0 .6-.1.9H9.5c.5 2.5 2.2 3.9 4.4 3.9Zm3.4-6.2c-.2-2.2-1.5-4-3.8-4-2.1 0-3.6 1.6-3.9 4h7.7Z",
64
+ d: "M13.9 18.1C15.6 18.1 16.8 17.5 18 16.3L20 18.1C18.6 19.8 16.6 20.9 13.8 20.9C9.4 20.9 6 17.7 6 13C6 8.60001 9.1 5.10001 13.4 5.10001C18.2 5.10001 20.7 8.90001 20.7 13.3C20.7 13.6 20.7 13.9 20.6 14.2H9.5C10 16.7 11.7 18.1 13.9 18.1ZM17.3 11.9C17.1 9.70001 15.8 7.90001 13.5 7.90001C11.4 7.90001 9.9 9.50001 9.6 11.9H17.3Z",
64
65
  fill: "#094D90"
65
66
  })));
66
67
  };
@@ -54,53 +54,58 @@ var SvgFusion = function SvgFusion(props) {
54
54
  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
55
55
  width: 25,
56
56
  height: 25,
57
+ viewBox: "0 0 25 25",
57
58
  fill: "none",
58
59
  xmlns: "http://www.w3.org/2000/svg"
59
60
  }, props), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
60
- clipPath: "url(#Fusion_svg__a)"
61
+ clipPath: "url(#clip0)"
61
62
  }, /*#__PURE__*/React__namespace.createElement("path", {
62
- d: "m24.7 11.5-7.2-8.2v5.5l3.1 3.5-3.1 3.5v5.5l7.2-8.2c.4-.5.4-1.2 0-1.6Z",
63
- fill: "url(#Fusion_svg__b)"
63
+ d: "M24.7 11.5L17.5 3.29999V8.79999L20.6 12.3L17.5 15.8V21.3L24.7 13.1C25.1 12.6 25.1 11.9 24.7 11.5Z",
64
+ fill: "url(#paint0_linear)"
64
65
  }), /*#__PURE__*/React__namespace.createElement("path", {
65
- d: "m.3 13.1 7.2 8.2v-5.5l-3.1-3.5 3.1-3.5V3.3L.3 11.5c-.4.4-.4 1.1 0 1.6Z",
66
- fill: "url(#Fusion_svg__c)"
66
+ d: "M0.3 13.1L7.5 21.3V15.8L4.4 12.3L7.5 8.79999V3.29999L0.3 11.5C-0.1 11.9 -0.1 12.6 0.3 13.1Z",
67
+ fill: "url(#paint1_linear)"
67
68
  }), /*#__PURE__*/React__namespace.createElement("path", {
68
- d: "M7.9 3.3v5.5l2.2 3.1 2-2.7-4.2-5.9ZM17.1 15.8v5.5l-4.3-5.8 2-2.7 2.3 3Z",
69
+ d: "M7.89999 3.29999V8.79999L10.1 11.9L12.1 9.19999L7.89999 3.29999Z",
69
70
  fill: "#990025"
70
71
  }), /*#__PURE__*/React__namespace.createElement("path", {
71
- d: "M17.1 3.3 7.9 15.8v5.5L17 8.7V3.3h.1Z",
72
+ d: "M17.1 15.8V21.3L12.8 15.5L14.8 12.8L17.1 15.8Z",
73
+ fill: "#990025"
74
+ }), /*#__PURE__*/React__namespace.createElement("path", {
75
+ d: "M17.1 3.29999L7.89999 15.8V21.3L17 8.69999V3.29999H17.1Z",
72
76
  fill: "#FF1243"
73
77
  }))), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("linearGradient", {
74
- id: "Fusion_svg__b",
75
- x1: 19.701,
76
- y1: 16.752,
77
- x2: 19.927,
78
- y2: 7.938,
78
+ id: "paint0_linear",
79
+ x1: 19.7013,
80
+ y1: 16.7519,
81
+ x2: 19.9272,
82
+ y2: 7.93807,
79
83
  gradientUnits: "userSpaceOnUse"
80
84
  }, /*#__PURE__*/React__namespace.createElement("stop", {
81
- offset: 0.508,
85
+ offset: 0.5083,
82
86
  stopColor: "#DC002E"
83
87
  }), /*#__PURE__*/React__namespace.createElement("stop", {
84
- offset: 0.508,
88
+ offset: 0.5084,
85
89
  stopColor: "#FF1243"
86
90
  })), /*#__PURE__*/React__namespace.createElement("linearGradient", {
87
- id: "Fusion_svg__c",
88
- x1: 5.273,
89
- y1: 7.825,
90
- x2: 5.047,
91
- y2: 16.639,
91
+ id: "paint1_linear",
92
+ x1: 5.27325,
93
+ y1: 7.82458,
94
+ x2: 5.04731,
95
+ y2: 16.6388,
92
96
  gradientUnits: "userSpaceOnUse"
93
97
  }, /*#__PURE__*/React__namespace.createElement("stop", {
94
- offset: 0.508,
98
+ offset: 0.5083,
95
99
  stopColor: "#DC002E"
96
100
  }), /*#__PURE__*/React__namespace.createElement("stop", {
97
- offset: 0.508,
101
+ offset: 0.5084,
98
102
  stopColor: "#FF1243"
99
103
  })), /*#__PURE__*/React__namespace.createElement("clipPath", {
100
- id: "Fusion_svg__a"
101
- }, /*#__PURE__*/React__namespace.createElement("path", {
102
- fill: "#fff",
103
- d: "M0 0h25v25H0z"
104
+ id: "clip0"
105
+ }, /*#__PURE__*/React__namespace.createElement("rect", {
106
+ width: 25,
107
+ height: 25,
108
+ fill: "white"
104
109
  })))));
105
110
  };
106
111