fix(tmtv): hanging protocol state sync (#3269)

* fix: TMTV mode and message on drag and drop/toggle MPR

* Tweaked some packages to force a rebuild

platform/ui/package.json

@@ -57,7 +57,7 @@
     "@storybook/manager-webpack5": "^6.4.9",
     "@storybook/react": "^6.4.9",
     "@storybook/source-loader": "^6.4.9",
-    "autoprefixer": "9.7.4",
+    "autoprefixer": ">=9.7.4",
     "babel-loader": "^8.2.2",
     "dotenv-webpack": "6.0.4",
     "postcss": "^8.3.5",

platform/ui/src/contextProviders/getPresentationIds.ts

@@ -31,7 +31,7 @@ const addUniqueIndex = (arr, key, viewports) => {
 const getLutId = (ds): string => {
   if (!ds || !ds.options) return DEFAULT;
   if (ds.options.id) return ds.options.id;
-  const arr = Object.entries(ds.options).map(([key, val]) => `${key}=${value}`);
+  const arr = Object.entries(ds.options).map(([key, val]) => `${key}=${val}`);
   if (!arr.length) return DEFAULT;
   return arr.join(JOIN_STR);
 };