call-control-sdk 6.5.4 → 6.5.5-uat.1

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 (5) hide show
  1. package/dist/index.js +194 -94
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +196 -95
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -64,7 +64,7 @@ module.exports = __toCommonJS(index_exports);
64
64
  var import_vault = require("@react-solutions/vault");
65
65
 
66
66
  // call-control-sdk/lib/services/endPoint.ts
67
- var IP = "cti.aighospitals.com";
67
+ var IP = "uat-cti.aighospitals.com";
68
68
  var BASE_URL = `https://${IP}:8095`;
69
69
  var WS_BASE_URL = `wss://${IP}:8095`;
70
70
  var VERSION = {
@@ -124,6 +124,7 @@ var SDKStateManager = class {
124
124
  sdkConfig: {
125
125
  disableEndCallButton: false,
126
126
  disabledDialButton: false,
127
+ disabledMoreOptionsButton: false,
127
128
  enableSmsServices: false,
128
129
  enableQueueName: false,
129
130
  disableCallTransferButton: false,
@@ -218,6 +219,7 @@ var SDKStateManager = class {
218
219
  isInitialized: parsedState.isInitialized || false,
219
220
  sdkConfig: parsedState.sdkConfig || {
220
221
  disableEndCallButton: false,
222
+ disabledMoreOptionsButton: false,
221
223
  enableSmsServices: false,
222
224
  enableQueueName: false,
223
225
  disabledDialButton: false,
@@ -301,6 +303,7 @@ var SDKStateManager = class {
301
303
  disableEndCallButton: false,
302
304
  disabledDialButton: false,
303
305
  enableSmsServices: false,
306
+ disabledMoreOptionsButton: false,
304
307
  enableQueueName: false,
305
308
  disableCallTransferButton: false,
306
309
  isDraggable: true,
@@ -2963,7 +2966,7 @@ var formatDuration = (seconds) => {
2963
2966
  return `${mins.toString().padStart(2, "0")}:${secs.toString().padStart(2, "0")}`;
2964
2967
  };
2965
2968
  function CallControls({ onDataChange }) {
2966
- var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa, _ba, _ca, _da, _ea, _fa, _ga, _ha, _ia, _ja, _ka, _la, _ma, _na, _oa, _pa, _qa, _ra, _sa, _ta, _ua, _va;
2969
+ var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa, _ba, _ca, _da, _ea, _fa, _ga, _ha, _ia, _ja, _ka, _la, _ma, _na, _oa, _pa, _qa, _ra, _sa, _ta, _ua, _va, _wa, _xa, _ya;
2967
2970
  const theme = (0, import_material4.useTheme)();
2968
2971
  const state = useSDKState();
2969
2972
  const { showToast } = useToast();
@@ -2985,6 +2988,7 @@ function CallControls({ onDataChange }) {
2985
2988
  const [statusAnchorEl, setStatusAnchorEl] = (0, import_react11.useState)(null);
2986
2989
  const [dialerAnchorEl, setDialerAnchorEl] = (0, import_react11.useState)(null);
2987
2990
  const [ambulanceAnchorEl, setAmbulanceAnchorEl] = (0, import_react11.useState)(null);
2991
+ const [moreOptionsAnchorEl, setMoreOptionsAnchorEl] = (0, import_react11.useState)(null);
2988
2992
  const [showIframe, setShowIframe] = (0, import_react11.useState)(true);
2989
2993
  const [openCallDisposition, setOpenCallDisposition] = (0, import_react11.useState)(false);
2990
2994
  const [openProcessorDialog, setOpenProcessorDialog] = (0, import_react11.useState)(false);
@@ -3043,12 +3047,18 @@ function CallControls({ onDataChange }) {
3043
3047
  const handleOpenAbulanceServices = (event) => {
3044
3048
  setAmbulanceAnchorEl(event.currentTarget);
3045
3049
  };
3050
+ const handleOpenMoreOptions = (event) => {
3051
+ setMoreOptionsAnchorEl(event.currentTarget);
3052
+ };
3046
3053
  const handleCloseDialer = () => {
3047
3054
  setDialerAnchorEl(null);
3048
3055
  };
3049
3056
  const handleCloseAmbulance = () => {
3050
3057
  setAmbulanceAnchorEl(null);
3051
3058
  };
3059
+ const handleCloseMoreOptions = () => {
3060
+ setMoreOptionsAnchorEl(null);
3061
+ };
3052
3062
  const handleOpenAgentStatus = (event) => {
3053
3063
  setStatusAnchorEl(event.currentTarget);
3054
3064
  };
@@ -3258,12 +3268,12 @@ function CallControls({ onDataChange }) {
3258
3268
  action: "GETAGENTPROCESSLIST",
3259
3269
  refno: "1234221233"
3260
3270
  }).then((res) => {
3261
- var _a3, _b2;
3262
- if (res && res.data && ((_a3 = res == null ? void 0 : res.data) == null ? void 0 : _a3.length) > 1) {
3271
+ var _a3, _b2, _c2, _d2;
3272
+ if (res && ((_a3 = res.data) == null ? void 0 : _a3.data) && ((_c2 = (_b2 = res == null ? void 0 : res.data) == null ? void 0 : _b2.data) == null ? void 0 : _c2.length) > 1) {
3263
3273
  setProcessList(res.data.data);
3264
3274
  setOpenProcessorDialog(true);
3265
3275
  } else {
3266
- sdkStateManager.setProcess((_b2 = res == null ? void 0 : res.data) == null ? void 0 : _b2.data[0]);
3276
+ sdkStateManager.setProcess((_d2 = res == null ? void 0 : res.data) == null ? void 0 : _d2.data[0]);
3267
3277
  setOpenProcessorDialog(false);
3268
3278
  }
3269
3279
  }).catch((err) => {
@@ -3307,78 +3317,76 @@ function CallControls({ onDataChange }) {
3307
3317
  const sdkState = (0, import_vault5.getItem)(STORAGE_KEY);
3308
3318
  const confrence = getCombineConfrenceData(sdkState, data);
3309
3319
  const callData = {
3310
- "agent_id": data == null ? void 0 : data.agent_id,
3311
- "status": data == null ? void 0 : data.status,
3312
- "type": data == null ? void 0 : data.type,
3313
- "event_time": data == null ? void 0 : data.event_time,
3314
- "phone_number": data == null ? void 0 : data.phone_number,
3315
- "convox_id": data == null ? void 0 : data.convox_id,
3316
- "process_id": data == null ? void 0 : data.process_id,
3317
- "process_name": data == null ? void 0 : data.process_name,
3318
- "hold": data == null ? void 0 : data.hold,
3319
- "mute": data == null ? void 0 : data.mute,
3320
- "mode": data == null ? void 0 : data.mode,
3321
- "queue_name": data == null ? void 0 : data.queue_name
3320
+ agent_id: data == null ? void 0 : data.agent_id,
3321
+ status: data == null ? void 0 : data.status,
3322
+ type: data == null ? void 0 : data.type,
3323
+ event_time: data == null ? void 0 : data.event_time,
3324
+ phone_number: data == null ? void 0 : data.phone_number,
3325
+ convox_id: data == null ? void 0 : data.convox_id,
3326
+ process_id: data == null ? void 0 : data.process_id,
3327
+ process_name: data == null ? void 0 : data.process_name,
3328
+ hold: data == null ? void 0 : data.hold,
3329
+ mute: data == null ? void 0 : data.mute,
3330
+ mode: data == null ? void 0 : data.mode,
3331
+ queue_name: data == null ? void 0 : data.queue_name
3322
3332
  };
3323
3333
  sdkStateManager.updateCallData(callData);
3324
3334
  sdkStateManager.updateConferenceData([...confrence]);
3325
3335
  if (["RINGING" /* RINGING */, "DIALING" /* DIALING */].includes(data.status)) {
3326
3336
  setShowIframe(true);
3327
3337
  setCallWrapuptime((_b2 = (_a3 = sdkState == null ? void 0 : sdkState.sdkConfig) == null ? void 0 : _a3.auto_wrapup_time) != null ? _b2 : null);
3328
- sdkStateManager.updateConferenceData(
3329
- [
3330
- {
3331
- line: 1,
3332
- status: "IDLE",
3333
- type: "",
3334
- phone: "",
3335
- isMute: false,
3336
- isHold: false,
3337
- isCallStart: false,
3338
- isMergeCall: false
3339
- },
3340
- {
3341
- line: 2,
3342
- status: "IDLE",
3343
- type: "",
3344
- phone: "",
3345
- isMute: false,
3346
- isHold: false,
3347
- isCallStart: false,
3348
- isMergeCall: false
3349
- },
3350
- {
3351
- line: 3,
3352
- status: "IDLE",
3353
- type: "",
3354
- phone: "",
3355
- isMute: false,
3356
- isHold: false,
3357
- isCallStart: false,
3358
- isMergeCall: false
3359
- },
3360
- {
3361
- line: 4,
3362
- status: "IDLE",
3363
- type: "",
3364
- phone: "",
3365
- isMute: false,
3366
- isHold: false,
3367
- isCallStart: false,
3368
- isMergeCall: false
3369
- },
3370
- {
3371
- line: 5,
3372
- status: "IDLE",
3373
- type: "",
3374
- phone: "",
3375
- isMute: false,
3376
- isHold: false,
3377
- isCallStart: false,
3378
- isMergeCall: false
3379
- }
3380
- ]
3381
- );
3338
+ sdkStateManager.updateConferenceData([
3339
+ {
3340
+ line: 1,
3341
+ status: "IDLE",
3342
+ type: "",
3343
+ phone: "",
3344
+ isMute: false,
3345
+ isHold: false,
3346
+ isCallStart: false,
3347
+ isMergeCall: false
3348
+ },
3349
+ {
3350
+ line: 2,
3351
+ status: "IDLE",
3352
+ type: "",
3353
+ phone: "",
3354
+ isMute: false,
3355
+ isHold: false,
3356
+ isCallStart: false,
3357
+ isMergeCall: false
3358
+ },
3359
+ {
3360
+ line: 3,
3361
+ status: "IDLE",
3362
+ type: "",
3363
+ phone: "",
3364
+ isMute: false,
3365
+ isHold: false,
3366
+ isCallStart: false,
3367
+ isMergeCall: false
3368
+ },
3369
+ {
3370
+ line: 4,
3371
+ status: "IDLE",
3372
+ type: "",
3373
+ phone: "",
3374
+ isMute: false,
3375
+ isHold: false,
3376
+ isCallStart: false,
3377
+ isMergeCall: false
3378
+ },
3379
+ {
3380
+ line: 5,
3381
+ status: "IDLE",
3382
+ type: "",
3383
+ phone: "",
3384
+ isMute: false,
3385
+ isHold: false,
3386
+ isCallStart: false,
3387
+ isMergeCall: false
3388
+ }
3389
+ ]);
3382
3390
  if ((data == null ? void 0 : data.mode) !== "manual" && audioRef.current) {
3383
3391
  audioRef.current.play().catch((error) => {
3384
3392
  console.error("Failed to play ringtone:", error);
@@ -3549,18 +3557,31 @@ function CallControls({ onDataChange }) {
3549
3557
  size: "small",
3550
3558
  onClick: (e) => {
3551
3559
  var _a3, _b2;
3552
- if (!["BREAK" /* BREAK */, "ONCALL" /* ONCALL */, "RINGING" /* RINGING */, "WRAPUP" /* WRAPUP */].includes(
3553
- (_b2 = (_a3 = state.callData) == null ? void 0 : _a3.status) == null ? void 0 : _b2.toUpperCase()
3554
- )) {
3560
+ if (![
3561
+ "BREAK" /* BREAK */,
3562
+ "ONCALL" /* ONCALL */,
3563
+ "RINGING" /* RINGING */,
3564
+ "WRAPUP" /* WRAPUP */
3565
+ ].includes((_b2 = (_a3 = state.callData) == null ? void 0 : _a3.status) == null ? void 0 : _b2.toUpperCase())) {
3555
3566
  handleOpenDialer(e);
3556
3567
  }
3557
3568
  },
3558
- disabled: ["BREAK" /* BREAK */, "ONCALL" /* ONCALL */, "RINGING" /* RINGING */, "WRAPUP" /* WRAPUP */].includes(state.callData.status.toUpperCase()),
3569
+ disabled: [
3570
+ "BREAK" /* BREAK */,
3571
+ "ONCALL" /* ONCALL */,
3572
+ "RINGING" /* RINGING */,
3573
+ "WRAPUP" /* WRAPUP */
3574
+ ].includes(state.callData.status.toUpperCase()),
3559
3575
  children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
3560
3576
  import_icons_material2.WifiCalling3,
3561
3577
  {
3562
3578
  sx: {
3563
- color: ["BREAK" /* BREAK */, "ONCALL" /* ONCALL */, "RINGING" /* RINGING */, "WRAPUP" /* WRAPUP */].includes(state.callData.status.toUpperCase()) ? "action.selected" : "success.main"
3579
+ color: [
3580
+ "BREAK" /* BREAK */,
3581
+ "ONCALL" /* ONCALL */,
3582
+ "RINGING" /* RINGING */,
3583
+ "WRAPUP" /* WRAPUP */
3584
+ ].includes(state.callData.status.toUpperCase()) ? "action.selected" : "success.main"
3564
3585
  }
3565
3586
  }
3566
3587
  )
@@ -3631,18 +3652,26 @@ function CallControls({ onDataChange }) {
3631
3652
  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material4.Tooltip, { title: "Agent Ready", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
3632
3653
  import_material4.Button,
3633
3654
  {
3634
- variant: ["BREAK" /* BREAK */, "MISSED" /* MISSED */].includes((_t = (_s = state.callData) == null ? void 0 : _s.status) == null ? void 0 : _t.toUpperCase()) ? "outlined" : "contained",
3655
+ variant: ["BREAK" /* BREAK */, "MISSED" /* MISSED */].includes(
3656
+ (_t = (_s = state.callData) == null ? void 0 : _s.status) == null ? void 0 : _t.toUpperCase()
3657
+ ) ? "outlined" : "contained",
3635
3658
  onClick: (e) => {
3636
3659
  var _a3, _b2;
3637
- if (["BREAK" /* BREAK */, "MISSED" /* MISSED */].includes((_b2 = (_a3 = state.callData) == null ? void 0 : _a3.status) == null ? void 0 : _b2.toUpperCase())) {
3660
+ if (["BREAK" /* BREAK */, "MISSED" /* MISSED */].includes(
3661
+ (_b2 = (_a3 = state.callData) == null ? void 0 : _a3.status) == null ? void 0 : _b2.toUpperCase()
3662
+ )) {
3638
3663
  e.stopPropagation();
3639
3664
  handleAgentReady();
3640
3665
  }
3641
3666
  },
3642
3667
  classes: {
3643
- root: ["BREAK" /* BREAK */, "MISSED" /* MISSED */].includes((_v = (_u = state.callData) == null ? void 0 : _u.status) == null ? void 0 : _v.toUpperCase()) ? "outlined" : "enabled"
3668
+ root: ["BREAK" /* BREAK */, "MISSED" /* MISSED */].includes(
3669
+ (_v = (_u = state.callData) == null ? void 0 : _u.status) == null ? void 0 : _v.toUpperCase()
3670
+ ) ? "outlined" : "enabled"
3644
3671
  },
3645
- sx: __spreadValues({}, ["BREAK" /* BREAK */, "MISSED" /* MISSED */].includes((_x = (_w = state.callData) == null ? void 0 : _w.status) == null ? void 0 : _x.toUpperCase()) ? outlined : enabled),
3672
+ sx: __spreadValues({}, ["BREAK" /* BREAK */, "MISSED" /* MISSED */].includes(
3673
+ (_x = (_w = state.callData) == null ? void 0 : _w.status) == null ? void 0 : _x.toUpperCase()
3674
+ ) ? outlined : enabled),
3646
3675
  disabled: agentReadyLoading,
3647
3676
  children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons_material2.SupportAgent, {})
3648
3677
  }
@@ -3727,22 +3756,19 @@ function CallControls({ onDataChange }) {
3727
3756
  variant: Boolean(ambulanceAnchorEl) ? "contained" : "outlined",
3728
3757
  onClick: (e) => {
3729
3758
  var _a3, _b2;
3730
- if ([
3731
- "ONCALL" /* ONCALL */,
3732
- "WRAPUP" /* WRAPUP */
3733
- ].includes((_b2 = (_a3 = state.callData) == null ? void 0 : _a3.status) == null ? void 0 : _b2.toUpperCase())) {
3759
+ if (["ONCALL" /* ONCALL */, "WRAPUP" /* WRAPUP */].includes(
3760
+ (_b2 = (_a3 = state.callData) == null ? void 0 : _a3.status) == null ? void 0 : _b2.toUpperCase()
3761
+ )) {
3734
3762
  e.stopPropagation();
3735
3763
  handleOpenAbulanceServices(e);
3736
3764
  }
3737
3765
  },
3738
- sx: Boolean(ambulanceAnchorEl) ? __spreadValues({}, enabled) : [
3739
- "ONCALL" /* ONCALL */,
3740
- "WRAPUP" /* WRAPUP */
3741
- ].includes((_ka = (_ja = state.callData) == null ? void 0 : _ja.status) == null ? void 0 : _ka.toUpperCase()) ? __spreadValues({}, outlined) : __spreadValues({}, disabled),
3742
- disabled: ![
3743
- "ONCALL" /* ONCALL */,
3744
- "WRAPUP" /* WRAPUP */
3745
- ].includes((_ma = (_la = state.callData) == null ? void 0 : _la.status) == null ? void 0 : _ma.toUpperCase()),
3766
+ sx: Boolean(ambulanceAnchorEl) ? __spreadValues({}, enabled) : ["ONCALL" /* ONCALL */, "WRAPUP" /* WRAPUP */].includes(
3767
+ (_ka = (_ja = state.callData) == null ? void 0 : _ja.status) == null ? void 0 : _ka.toUpperCase()
3768
+ ) ? __spreadValues({}, outlined) : __spreadValues({}, disabled),
3769
+ disabled: !["ONCALL" /* ONCALL */, "WRAPUP" /* WRAPUP */].includes(
3770
+ (_ma = (_la = state.callData) == null ? void 0 : _la.status) == null ? void 0 : _ma.toUpperCase()
3771
+ ),
3746
3772
  children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons_material2.SmsSharp, {})
3747
3773
  }
3748
3774
  ) }),
@@ -3805,6 +3831,26 @@ function CallControls({ onDataChange }) {
3805
3831
  }
3806
3832
  ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons_material2.CallEnd, {})
3807
3833
  }
3834
+ ) }),
3835
+ !((_ua = state.sdkConfig) == null ? void 0 : _ua.disabledMoreOptionsButton) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material4.Tooltip, { title: "More Options", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
3836
+ import_material4.Button,
3837
+ {
3838
+ variant: Boolean(moreOptionsAnchorEl) ? "contained" : "outlined",
3839
+ onClick: (e) => {
3840
+ var _a3, _b2;
3841
+ if (["BREAK" /* BREAK */, "IDLE" /* IDLE */].includes(
3842
+ (_b2 = (_a3 = state.callData) == null ? void 0 : _a3.status) == null ? void 0 : _b2.toUpperCase()
3843
+ )) {
3844
+ e.stopPropagation();
3845
+ handleOpenMoreOptions(e);
3846
+ }
3847
+ },
3848
+ sx: Boolean(moreOptionsAnchorEl) ? __spreadValues({}, enabled) : __spreadValues({}, outlined),
3849
+ disabled: !["BREAK" /* BREAK */, "IDLE" /* IDLE */].includes(
3850
+ (_wa = (_va = state.callData) == null ? void 0 : _va.status) == null ? void 0 : _wa.toUpperCase()
3851
+ ),
3852
+ children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons_material2.MoreVert, {})
3853
+ }
3808
3854
  ) })
3809
3855
  ]
3810
3856
  }
@@ -3836,7 +3882,7 @@ function CallControls({ onDataChange }) {
3836
3882
  transition: theme.transitions.create(["box-shadow", "transform"], {
3837
3883
  duration: theme.transitions.duration.short
3838
3884
  }),
3839
- visibility: showIframe && !((_ua = state.sdkConfig) == null ? void 0 : _ua.disableSoftPhone) ? "visible" : "hidden",
3885
+ visibility: showIframe && !((_xa = state.sdkConfig) == null ? void 0 : _xa.disableSoftPhone) ? "visible" : "hidden",
3840
3886
  userSelect: "none"
3841
3887
  },
3842
3888
  children: [
@@ -3870,7 +3916,7 @@ function CallControls({ onDataChange }) {
3870
3916
  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material4.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
3871
3917
  "iframe",
3872
3918
  {
3873
- src: `https://${IP}/ConVoxCCS/iframe?agent_id=${state.agentId}&process_id=${(_va = state.process) == null ? void 0 : _va.process_id}`,
3919
+ src: `https://${IP}/ConVoxCCS/iframe?agent_id=${state.agentId}&process_id=${(_ya = state.process) == null ? void 0 : _ya.process_id}`,
3874
3920
  height: 380,
3875
3921
  width: 420,
3876
3922
  allow: "camera; microphone; autoplay",
@@ -4005,6 +4051,60 @@ function CallControls({ onDataChange }) {
4005
4051
  )
4006
4052
  }
4007
4053
  ),
4054
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
4055
+ import_material4.Menu,
4056
+ {
4057
+ anchorEl: moreOptionsAnchorEl,
4058
+ open: Boolean(moreOptionsAnchorEl),
4059
+ onClose: handleCloseMoreOptions,
4060
+ onClick: (e) => e.stopPropagation(),
4061
+ sx: {
4062
+ zIndex: 99999
4063
+ },
4064
+ children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
4065
+ import_material4.Box,
4066
+ {
4067
+ sx: {
4068
+ all: "unset",
4069
+ padding: " 0px 20px",
4070
+ "&hover": {
4071
+ backgroundColor: "white"
4072
+ },
4073
+ display: "flex",
4074
+ alignItems: "center",
4075
+ flexDirection: "column",
4076
+ gap: 1
4077
+ },
4078
+ children: processList == null ? void 0 : processList.map((item) => {
4079
+ var _a3, _b2, _c2;
4080
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
4081
+ import_material4.Box,
4082
+ {
4083
+ sx: {
4084
+ width: "100%"
4085
+ },
4086
+ children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material4.Tooltip, { title: (_a3 = item == null ? void 0 : item.process_name) != null ? _a3 : "", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
4087
+ import_material4.Button,
4088
+ {
4089
+ color: "primary",
4090
+ variant: ((_b2 = state == null ? void 0 : state.process) == null ? void 0 : _b2.process_id) === (item == null ? void 0 : item.process_id) ? "contained" : "outlined",
4091
+ onClick: () => {
4092
+ sdkStateManager.setProcess(item);
4093
+ },
4094
+ sx: {
4095
+ width: "100%"
4096
+ },
4097
+ children: (_c2 = item == null ? void 0 : item.process_name) != null ? _c2 : ""
4098
+ }
4099
+ ) })
4100
+ },
4101
+ item == null ? void 0 : item.process_id
4102
+ );
4103
+ })
4104
+ }
4105
+ )
4106
+ }
4107
+ ),
4008
4108
  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
4009
4109
  import_material4.Menu,
4010
4110
  {