@axinom/mosaic-fe-samples-host 0.42.0 → 0.43.0-rc.3

package/dist/{index.js → cjs/index.js}

@@ -9,44 +9,25 @@ var semanticUiReact = require('semantic-ui-react');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 function _interopNamespace(e) {
-	if (e && e.__esModule) return e;
-	var n = Object.create(null);
-	if (e) {
-		Object.keys(e).forEach(function (k) {
-			if (k !== 'default') {
-				var d = Object.getOwnPropertyDescriptor(e, k);
-				Object.defineProperty(n, k, d.get ? d : {
-					enumerable: true,
-					get: function () { return e[k]; }
-				});
-			}
-		});
-	}
-	n["default"] = e;
-	return Object.freeze(n);
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
 }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-function createCommonjsModule(fn, basedir, module) {
-	return module = {
-		path: basedir,
-		exports: {},
-		require: function (path, base) {
-			return commonjsRequire(path, (base === undefined || base === null) ? module.path : base);
-		}
-	}, fn(module, module.exports), module.exports;
-}
-
-function commonjsRequire () {
-	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
-}
-
-var build = createCommonjsModule(function (module, exports) {
-!function(e,t){module.exports=t(React__default["default"]);}(window,(function(e){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r});},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0});},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=9)}([function(t,n){t.exports=e;},function(e,t,n){e.exports=n(13)();},function(e,t,n){n.d(t,"a",(function(){return o}));var r=n(0);n(11);const i=e=>(e%2==0?2:3)+"px",o=e=>{const{dragging:t,pixelSize:n,color:o="silver",hoverColor:s="gray",dragColor:a="black"}=e,c={"--default-splitter-line-margin":(l=n,Math.max(0,Math.floor(l/2)-1)+"px"),"--default-splitter-line-size":i(n),"--default-splitter-line-color":t?a:o,"--default-splitter-line-hover-color":t?a:s};var l;return r.createElement("div",{className:"default-splitter",style:c},r.createElement("div",{className:"line"}))};},function(e,t,n){var r,i=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},o=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head;}catch(e){n=null;}e[t]=n;}return e[t]}}(),s=[];function a(e){for(var t=-1,n=0;n<s.length;n++)if(s[n].identifier===e){t=n;break}return t}function c(e,t){for(var n={},r=[],i=0;i<e.length;i++){var o=e[i],c=t.base?o[0]+t.base:o[0],l=n[c]||0,u="".concat(c," ").concat(l);n[c]=l+1;var p=a(u),d={css:o[1],media:o[2],sourceMap:o[3]};-1!==p?(s[p].references++,s[p].updater(d)):s.push({identifier:u,updater:m(d,t),references:1}),r.push(u);}return r}function l(e){var t=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var i=n.nc;i&&(r.nonce=i);}if(Object.keys(r).forEach((function(e){t.setAttribute(e,r[e]);})),"function"==typeof e.insert)e.insert(t);else {var s=o(e.insert||"head");if(!s)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");s.appendChild(t);}return t}var u,p=(u=[],function(e,t){return u[e]=t,u.filter(Boolean).join("\n")});function d(e,t,n,r){var i=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(e.styleSheet)e.styleSheet.cssText=p(t,i);else {var o=document.createTextNode(i),s=e.childNodes;s[t]&&e.removeChild(s[t]),s.length?e.insertBefore(o,s[t]):e.appendChild(o);}}function f(e,t,n){var r=n.css,i=n.media,o=n.sourceMap;if(i?e.setAttribute("media",i):e.removeAttribute("media"),o&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),e.styleSheet)e.styleSheet.cssText=r;else {for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r));}}var h=null,v=0;function m(e,t){var n,r,i;if(t.singleton){var o=v++;n=h||(h=l(t)),r=d.bind(null,n,o,!1),i=d.bind(null,n,o,!0);}else n=l(t),r=f.bind(null,n,t),i=function(){!function(e){if(null===e.parentNode)return !1;e.parentNode.removeChild(e);}(n);};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t);}else i();}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=i());var n=c(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var r=0;r<n.length;r++){var i=a(n[r]);s[i].references--;}for(var o=c(e,t),l=0;l<n.length;l++){var u=a(n[l]);0===s[u].references&&(s[u].updater(),s.splice(u,1));}n=o;}}};},function(e,t,n){e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=function(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var i=(s=r,a=btoa(unescape(encodeURIComponent(JSON.stringify(s)))),c="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(a),"/*# ".concat(c," */")),o=r.sources.map((function(e){return "/*# sourceURL=".concat(r.sourceRoot||"").concat(e," */")}));return [n].concat(o).concat([i]).join("\n")}var s,a,c;return [n].join("\n")}(t,e);return t[2]?"@media ".concat(t[2]," {").concat(n,"}"):n})).join("")},t.i=function(e,n,r){"string"==typeof e&&(e=[[null,e,""]]);var i={};if(r)for(var o=0;o<this.length;o++){var s=this[o][0];null!=s&&(i[s]=!0);}for(var a=0;a<e.length;a++){var c=[].concat(e[a]);r&&i[c[0]]||(n&&(c[2]?c[2]="".concat(n," and ").concat(c[2]):c[2]=n),t.push(c));}},t};},function(e,t){},function(e,t,n){n.d(t,"a",(function(){return _}));var r=n(0);function i(){return (i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);}return e}).apply(this,arguments)}var o=n(7);var s=n(1),a=n.n(s),c=n(8),l=["client","offset","scroll","bounds","margin"];function u(e){var t=[];return l.forEach((function(n){e[n]&&t.push(n);})),t}function p(e,t){var n={};if(t.indexOf("client")>-1&&(n.client={top:e.clientTop,left:e.clientLeft,width:e.clientWidth,height:e.clientHeight}),t.indexOf("offset")>-1&&(n.offset={top:e.offsetTop,left:e.offsetLeft,width:e.offsetWidth,height:e.offsetHeight}),t.indexOf("scroll")>-1&&(n.scroll={top:e.scrollTop,left:e.scrollLeft,width:e.scrollWidth,height:e.scrollHeight}),t.indexOf("bounds")>-1){var r=e.getBoundingClientRect();n.bounds={top:r.top,right:r.right,bottom:r.bottom,left:r.left,width:r.width,height:r.height};}if(t.indexOf("margin")>-1){var i=getComputedStyle(e);n.margin={top:i?parseInt(i.marginTop):0,right:i?parseInt(i.marginRight):0,bottom:i?parseInt(i.marginBottom):0,left:i?parseInt(i.marginLeft):0};}return n}function d(e){return e&&e.ownerDocument&&e.ownerDocument.defaultView||window}var f,h,v,b=(f=function(e){var t=e.measure,n=e.measureRef,r=e.contentRect;return (0, e.children)({measure:t,measureRef:n,contentRect:r})},v=h=function(e){var t,n;function s(){for(var t,n=arguments.length,r=new Array(n),i=0;i<n;i++)r[i]=arguments[i];return (t=e.call.apply(e,[this].concat(r))||this).state={contentRect:{entry:{},client:{},offset:{},scroll:{},bounds:{},margin:{}}},t._animationFrameID=null,t._resizeObserver=null,t._node=null,t._window=null,t.measure=function(e){var n=p(t._node,u(t.props));e&&(n.entry=e[0].contentRect),t._animationFrameID=t._window.requestAnimationFrame((function(){null!==t._resizeObserver&&(t.setState({contentRect:n}),"function"==typeof t.props.onResize&&t.props.onResize(n));}));},t._handleRef=function(e){null!==t._resizeObserver&&null!==t._node&&t._resizeObserver.unobserve(t._node),t._node=e,t._window=d(t._node);var n=t.props.innerRef;n&&("function"==typeof n?n(t._node):n.current=t._node),null!==t._resizeObserver&&null!==t._node&&t._resizeObserver.observe(t._node);},t}n=e,(t=s).prototype=Object.create(n.prototype),t.prototype.constructor=t,o(t,n);var a=s.prototype;return a.componentDidMount=function(){this._resizeObserver=null!==this._window&&this._window.ResizeObserver?new this._window.ResizeObserver(this.measure):new c.a(this.measure),null!==this._node&&(this._resizeObserver.observe(this._node),"function"==typeof this.props.onResize&&this.props.onResize(p(this._node,u(this.props))));},a.componentWillUnmount=function(){null!==this._window&&this._window.cancelAnimationFrame(this._animationFrameID),null!==this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null);},a.render=function(){var e=this.props,t=(e.innerRef,e.onResize,function(e,t){if(null==e)return {};var n,r,i={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(i[n]=e[n]);return i}(e,["innerRef","onResize"]));return Object(r.createElement)(f,i({},t,{measureRef:this._handleRef,measure:this.measure,contentRect:this.state.contentRect}))},s}(r.Component),h.propTypes={client:a.a.bool,offset:a.a.bool,scroll:a.a.bool,bounds:a.a.bool,margin:a.a.bool,innerRef:a.a.oneOfType([a.a.object,a.a.func]),onResize:a.a.func},v);b.displayName="Measure",b.propTypes.children=a.a.func;var g=b,y=n(2);n(16);const _=e=>{const{horizontal:t=!1,initialPrimarySize:n="50%",minPrimarySize:i="0px",minSecondarySize:o="0px",splitterSize:s="7px",renderSplitter:a,resetOnDoubleClick:c=!1,defaultSplitterColors:l={color:"silver",hover:"gray",drag:"black"},onSplitChanged:u,onMeasuredSizesChanged:p}=e,[d,f]=r.useState({height:0,width:0}),[h,v]=r.useState({height:0,width:0}),[m,b]=r.useState({height:0,width:0}),_=r.useMemo(()=>t?d.height:d.width,[t,d]),w=r.useMemo(()=>t?h.height:h.width,[t,h]),O=r.useMemo(()=>t?m.height:m.width,[t,m]),[x,E]=r.useState(void 0),[z,R]=r.useState(0),[T,S]=r.useState(0),[M,j]=r.useState(!1);r.useEffect(()=>{u&&u(void 0!==x?x+"%":n);},[x,n]),r.useEffect(()=>{p&&p({primary:w,splitter:O,secondary:_-(w+O)});},[t,_,w,O]);const C=e=>{e.bounds&&v({height:e.bounds.height,width:e.bounds.width});},A=e=>{e.bounds&&b({height:e.bounds.height,width:e.bounds.width});},P=e=>{e.currentTarget.setPointerCapture(e.pointerId),R(t?e.clientY:e.clientX),S(w),j(!0);},k=e=>{if(e.currentTarget.hasPointerCapture(e.pointerId)){const n=t?e.clientY:e.clientX,r=T+(n-z),i=Math.max(0,Math.min(r,_));E(i/_*100);}},D=e=>{e.currentTarget.releasePointerCapture(e.pointerId),j(!1);},I=()=>{c&&E(void 0);},N=r.Children.toArray(e.children),L=N.length>0?N[0]:r.createElement("div",null),W=N.length>1?N[1]:r.createElement("div",null),F={primary:void 0!==x?x+"%":n,minPrimary:null!=i?i:"0px",minSecondary:null!=o?o:"0px"},q={pixelSize:O,horizontal:t,dragging:M},B=null!=a?a:()=>r.createElement(y.a,Object.assign({},q,{color:M?l.drag:l.color,hoverColor:M?l.drag:l.hover})),H=t?"split-container horizontal":"split-container vertical",U={"--react-split-min-primary":F.minPrimary,"--react-split-min-secondary":F.minSecondary,"--react-split-primary":F.primary,"--react-split-splitter":s};return r.createElement(g,{bounds:!0,onResize:e=>{e.bounds&&f({height:e.bounds.height,width:e.bounds.width});}},({measureRef:e})=>r.createElement("div",{className:"react-split",ref:e},r.createElement("div",{className:H,style:U},r.createElement("div",{className:"primary"},r.createElement(g,{bounds:!0,onResize:C},({measureRef:e})=>r.createElement("div",{className:"full-content",ref:e},L))),r.createElement("div",{className:"splitter",tabIndex:-1,onPointerDown:P,onPointerUp:D,onPointerMove:k,onDoubleClick:I},r.createElement(g,{bounds:!0,onResize:A},({measureRef:e})=>r.createElement("div",{className:"full-content",ref:e},B(q)))),r.createElement("div",{className:"secondary"},r.createElement("div",{className:"full-content"},W)))))};},function(e,t){function n(t,r){return e.exports=n=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},e.exports.default=e.exports,e.exports.__esModule=!0,n(t,r)}e.exports=n,e.exports.default=e.exports,e.exports.__esModule=!0;},function(e,t,n){(function(e){var n=function(){if("undefined"!=typeof Map)return Map;function e(e,t){var n=-1;return e.some((function(e,r){return e[0]===t&&(n=r,!0)})),n}return function(){function t(){this.__entries__=[];}return Object.defineProperty(t.prototype,"size",{get:function(){return this.__entries__.length},enumerable:!0,configurable:!0}),t.prototype.get=function(t){var n=e(this.__entries__,t),r=this.__entries__[n];return r&&r[1]},t.prototype.set=function(t,n){var r=e(this.__entries__,t);~r?this.__entries__[r][1]=n:this.__entries__.push([t,n]);},t.prototype.delete=function(t){var n=this.__entries__,r=e(n,t);~r&&n.splice(r,1);},t.prototype.has=function(t){return !!~e(this.__entries__,t)},t.prototype.clear=function(){this.__entries__.splice(0);},t.prototype.forEach=function(e,t){void 0===t&&(t=null);for(var n=0,r=this.__entries__;n<r.length;n++){var i=r[n];e.call(t,i[1],i[0]);}},t}()}(),r="undefined"!=typeof window&&"undefined"!=typeof document&&window.document===document,i=void 0!==e&&e.Math===Math?e:"undefined"!=typeof self&&self.Math===Math?self:"undefined"!=typeof window&&window.Math===Math?window:Function("return this")(),o="function"==typeof requestAnimationFrame?requestAnimationFrame.bind(i):function(e){return setTimeout((function(){return e(Date.now())}),1e3/60)};var s=["top","right","bottom","left","width","height","size","weight"],a="undefined"!=typeof MutationObserver,c=function(){function e(){this.connected_=!1,this.mutationEventsAdded_=!1,this.mutationsObserver_=null,this.observers_=[],this.onTransitionEnd_=this.onTransitionEnd_.bind(this),this.refresh=function(e,t){var n=!1,r=!1,i=0;function s(){n&&(n=!1,e()),r&&c();}function a(){o(s);}function c(){var e=Date.now();if(n){if(e-i<2)return;r=!0;}else n=!0,r=!1,setTimeout(a,t);i=e;}return c}(this.refresh.bind(this),20);}return e.prototype.addObserver=function(e){~this.observers_.indexOf(e)||this.observers_.push(e),this.connected_||this.connect_();},e.prototype.removeObserver=function(e){var t=this.observers_,n=t.indexOf(e);~n&&t.splice(n,1),!t.length&&this.connected_&&this.disconnect_();},e.prototype.refresh=function(){this.updateObservers_()&&this.refresh();},e.prototype.updateObservers_=function(){var e=this.observers_.filter((function(e){return e.gatherActive(),e.hasActive()}));return e.forEach((function(e){return e.broadcastActive()})),e.length>0},e.prototype.connect_=function(){r&&!this.connected_&&(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),a?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener("DOMSubtreeModified",this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0);},e.prototype.disconnect_=function(){r&&this.connected_&&(document.removeEventListener("transitionend",this.onTransitionEnd_),window.removeEventListener("resize",this.refresh),this.mutationsObserver_&&this.mutationsObserver_.disconnect(),this.mutationEventsAdded_&&document.removeEventListener("DOMSubtreeModified",this.refresh),this.mutationsObserver_=null,this.mutationEventsAdded_=!1,this.connected_=!1);},e.prototype.onTransitionEnd_=function(e){var t=e.propertyName,n=void 0===t?"":t;s.some((function(e){return !!~n.indexOf(e)}))&&this.refresh();},e.getInstance=function(){return this.instance_||(this.instance_=new e),this.instance_},e.instance_=null,e}(),l=function(e,t){for(var n=0,r=Object.keys(t);n<r.length;n++){var i=r[n];Object.defineProperty(e,i,{value:t[i],enumerable:!1,writable:!1,configurable:!0});}return e},u=function(e){return e&&e.ownerDocument&&e.ownerDocument.defaultView||i},p=b(0,0,0,0);function d(e){return parseFloat(e)||0}function f(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];return t.reduce((function(t,n){return t+d(e["border-"+n+"-width"])}),0)}function h(e){var t=e.clientWidth,n=e.clientHeight;if(!t&&!n)return p;var r=u(e).getComputedStyle(e),i=function(e){for(var t={},n=0,r=["top","right","bottom","left"];n<r.length;n++){var i=r[n],o=e["padding-"+i];t[i]=d(o);}return t}(r),o=i.left+i.right,s=i.top+i.bottom,a=d(r.width),c=d(r.height);if("border-box"===r.boxSizing&&(Math.round(a+o)!==t&&(a-=f(r,"left","right")+o),Math.round(c+s)!==n&&(c-=f(r,"top","bottom")+s)),!function(e){return e===u(e).document.documentElement}(e)){var l=Math.round(a+o)-t,h=Math.round(c+s)-n;1!==Math.abs(l)&&(a-=l),1!==Math.abs(h)&&(c-=h);}return b(i.left,i.top,a,c)}var v="undefined"!=typeof SVGGraphicsElement?function(e){return e instanceof u(e).SVGGraphicsElement}:function(e){return e instanceof u(e).SVGElement&&"function"==typeof e.getBBox};function m(e){return r?v(e)?function(e){var t=e.getBBox();return b(0,0,t.width,t.height)}(e):h(e):p}function b(e,t,n,r){return {x:e,y:t,width:n,height:r}}var g=function(){function e(e){this.broadcastWidth=0,this.broadcastHeight=0,this.contentRect_=b(0,0,0,0),this.target=e;}return e.prototype.isActive=function(){var e=m(this.target);return this.contentRect_=e,e.width!==this.broadcastWidth||e.height!==this.broadcastHeight},e.prototype.broadcastRect=function(){var e=this.contentRect_;return this.broadcastWidth=e.width,this.broadcastHeight=e.height,e},e}(),y=function(e,t){var n,r,i,o,s,a,c,u=(r=(n=t).x,i=n.y,o=n.width,s=n.height,a="undefined"!=typeof DOMRectReadOnly?DOMRectReadOnly:Object,c=Object.create(a.prototype),l(c,{x:r,y:i,width:o,height:s,top:i,right:r+o,bottom:s+i,left:r}),c);l(this,{target:e,contentRect:u});},_=function(){function e(e,t,r){if(this.activeObservations_=[],this.observations_=new n,"function"!=typeof e)throw new TypeError("The callback provided as parameter 1 is not a function.");this.callback_=e,this.controller_=t,this.callbackCtx_=r;}return e.prototype.observe=function(e){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if("undefined"!=typeof Element&&Element instanceof Object){if(!(e instanceof u(e).Element))throw new TypeError('parameter 1 is not of type "Element".');var t=this.observations_;t.has(e)||(t.set(e,new g(e)),this.controller_.addObserver(this),this.controller_.refresh());}},e.prototype.unobserve=function(e){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if("undefined"!=typeof Element&&Element instanceof Object){if(!(e instanceof u(e).Element))throw new TypeError('parameter 1 is not of type "Element".');var t=this.observations_;t.has(e)&&(t.delete(e),t.size||this.controller_.removeObserver(this));}},e.prototype.disconnect=function(){this.clearActive(),this.observations_.clear(),this.controller_.removeObserver(this);},e.prototype.gatherActive=function(){var e=this;this.clearActive(),this.observations_.forEach((function(t){t.isActive()&&e.activeObservations_.push(t);}));},e.prototype.broadcastActive=function(){if(this.hasActive()){var e=this.callbackCtx_,t=this.activeObservations_.map((function(e){return new y(e.target,e.broadcastRect())}));this.callback_.call(e,t,e),this.clearActive();}},e.prototype.clearActive=function(){this.activeObservations_.splice(0);},e.prototype.hasActive=function(){return this.activeObservations_.length>0},e}(),w="undefined"!=typeof WeakMap?new WeakMap:new n,O=function e(t){if(!(this instanceof e))throw new TypeError("Cannot call a class as a function.");if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");var n=c.getInstance(),r=new _(t,n,this);w.set(this,r);};["observe","unobserve","disconnect"].forEach((function(e){O.prototype[e]=function(){var t;return (t=w.get(this))[e].apply(t,arguments)};}));var x=void 0!==i.ResizeObserver?i.ResizeObserver:O;t.a=x;}).call(this,n(15));},function(e,t,n){e.exports=n(10);},function(e,t,n){n.r(t);var r=n(2);n.d(t,"DefaultSplitter",(function(){return r.a}));var i=n(5);for(var o in i)["default","DefaultSplitter"].indexOf(o)<0&&function(e){n.d(t,e,(function(){return i[e]}));}(o);var s=n(6);n.d(t,"Split",(function(){return s.a}));},function(e,t,n){var r=n(3),i=n(12);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[e.i,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{};},function(e,t,n){(t=n(4)(!1)).push([e.i,"\r\n/* The default splitter within a react-split */\r\n.react-split > .split-container > .splitter .default-splitter {\r\n  box-sizing: border-box;\r\n  height: 100%;\r\n  outline: none;\r\n  overflow: hidden;\r\n  user-select: none;\r\n  width: 100%;\r\n  --default-splitter-line-color: silver;\r\n  --default-splitter-line-hover-color: black;\r\n  --default-splitter-line-margin: 2px;\r\n  --default-splitter-line-size: 3px;\r\n}\r\n\r\n.react-split > .split-container.horizontal > .splitter .default-splitter {\r\n  cursor: row-resize;\r\n}\r\n\r\n.react-split > .split-container.vertical > .splitter .default-splitter {\r\n  cursor: col-resize;\r\n}\r\n\r\n/* The thin line within a default splitter hit area */\r\n.react-split > .split-container > .splitter .default-splitter > .line {\r\n  background: var(--default-splitter-line-color);\r\n}\r\n\r\n.react-split > .split-container > .splitter .default-splitter:hover > .line {\r\n  background: var(--default-splitter-line-hover-color);\r\n}\r\n\r\n.react-split > .split-container.horizontal > .splitter .default-splitter > .line {\r\n  height: var(--default-splitter-line-size);\r\n  width: 100%;\r\n  margin-top: var(--default-splitter-line-margin);\r\n  margin-left: 0;\r\n}\r\n\r\n.react-split > .split-container.vertical > .splitter .default-splitter > .line {\r\n  height: 100%;\r\n  width: var(--default-splitter-line-size);\r\n  margin-top: 0;\r\n  margin-left: var(--default-splitter-line-margin);\r\n}",""]),e.exports=t;},function(e,t,n){var r=n(14);function i(){}function o(){}o.resetWarningCache=i,e.exports=function(){function e(e,t,n,i,o,s){if(s!==r){var a=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw a.name="Invariant Violation",a}}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:o,resetWarningCache:i};return n.PropTypes=n,n};},function(e,t,n){e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";},function(e,t){var n;n=function(){return this}();try{n=n||new Function("return this")();}catch(e){"object"==typeof window&&(n=window);}e.exports=n;},function(e,t,n){var r=n(3),i=n(17);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[e.i,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{};},function(e,t,n){(t=n(4)(!1)).push([e.i,'/* The top-level element of the splitter*/\r\n.react-split {\r\n  width: 100%;\r\n  height: 100%;\r\n  box-sizing: border-box;\r\n  outline: none;\r\n  overflow: hidden;\r\n  --react-split-min-primary: 0;\r\n  --react-split-min-secondary: 0;\r\n  --react-split-primary: 50%;\r\n  --react-split-splitter: 7px;\r\n}\r\n\r\n/* The container for the primary pane, splitter, and secondary pane.*/\r\n.react-split > .split-container {\r\n  width: 100%;\r\n  height: 100%;\r\n  box-sizing: border-box;\r\n  outline: none;\r\n  overflow: hidden;\r\n  display: grid;\r\n}\r\n\r\n/* When the container is splitting horizontally */\r\n.react-split > .split-container.horizontal {\r\n  grid-template-columns: 1fr;\r\n  grid-template-rows: minmax(var(--react-split-min-primary),var(--react-split-primary)) var(--react-split-splitter) minmax(var(--react-split-min-secondary), 1fr);\r\n  grid-template-areas: "primary" "split" "secondary";\r\n}\r\n\r\n/* When the container is splitting vertical */\r\n.react-split > .split-container.vertical {\r\n  grid-template-columns: minmax(var(--react-split-min-primary),var(--react-split-primary)) var(--react-split-splitter) minmax(var(--react-split-min-secondary), 1fr);\r\n  grid-template-rows: 1fr;\r\n  grid-template-areas: "primary split secondary";\r\n}\r\n\r\n/* The primary pane. This is either the left or top depending on the split type */\r\n.react-split > .split-container > .primary {\r\n  grid-area: primary;\r\n  box-sizing: border-box;\r\n  outline: none;\r\n  overflow: hidden;\r\n}\r\n\r\n.react-split > .split-container.horizontal > .primary {\r\n  height: auto;\r\n  width: 100%;\r\n}\r\n\r\n.react-split > .split-container.vertical > .primary {\r\n  height: 100%;\r\n  width: auto;\r\n}\r\n\r\n/* The splitter between panes. */\r\n.react-split > .split-container > .splitter {\r\n  grid-area: split;\r\n  background: transparent;\r\n  user-select: none;\r\n  box-sizing: border-box;\r\n  outline: none;\r\n  overflow: hidden;\r\n}\r\n\r\n.react-split > .split-container.horizontal > .splitter {\r\n  height: auto;\r\n  width: 100%;\r\n  cursor: row-resize;\r\n}\r\n\r\n.react-split > .split-container.vertical > .splitter {\r\n  height: 100%;\r\n  width: auto;\r\n  cursor: col-resize;\r\n}\r\n\r\n/* The secondary pane. This is either the right or bottom depending on the split type */\r\n.react-split > .split-container >.secondary {\r\n  grid-area: secondary;\r\n  box-sizing: border-box;\r\n  outline: none;\r\n  overflow: hidden;\r\n}\r\n\r\n.react-split > .split-container.horizontal > .secondary {\r\n  height: auto;\r\n  width: 100%;\r\n}\r\n\r\n.react-split > .split-container.vertical > .secondary {\r\n  height: 100%;\r\n  width: auto;\r\n}\r\n\r\n/* The content within the primary pane, splitter, or secondary pane.*/\r\n.react-split .full-content {\r\n  width: 100%;\r\n  height: 100%;\r\n  box-sizing: border-box;\r\n  outline: none;\r\n  overflow: hidden;\r\n}\r\n',""]),e.exports=t;}])}));
-
-});
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function _setPrototypeOf(t, e) {
   return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
@@ -181,36 +162,33 @@ const KEY_USER_SETTINGS = 'AX_USER_SETTINGS';
 const migrateProfileStructuralChanges = () => {
     const existingProfileConfigs = getAllProfiles();
     const migratedProfileConfigs = existingProfileConfigs.map((profile) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
         return {
-            id: (_a = profile.id) !== null && _a !== void 0 ? _a : generateShortUniqueId(),
-            name: (_b = profile.name) !== null && _b !== void 0 ? _b : 'Unknown Profile',
-            userAuthBaseURL: (_c = profile.userAuthBaseURL) !== null && _c !== void 0 ? _c : 'http://localhost:11101',
-            userServiceBaseURL: (_d = profile.userServiceBaseURL) !== null && _d !== void 0 ? _d : 'http://localhost:11100',
-            imageServiceBaseURL: (_e = profile.imageServiceBaseURL) !== null && _e !== void 0 ? _e : 'http://localhost:10400',
-            personalizationServiceBaseURL: (_f = profile.personalizationServiceBaseURL) !== null && _f !== void 0 ? _f : 'http://localhost:11200',
-            mediaServiceBaseURL: (_g = profile.mediaServiceBaseURL) !== null && _g !== void 0 ? _g : 'http://localhost:10200',
-            catalogServiceBaseURL: (_h = profile.catalogServiceBaseURL) !== null && _h !== void 0 ? _h : 'http://localhost:10300',
-            entitlementServiceBaseURL: (_j = profile.entitlementServiceBaseURL) !== null && _j !== void 0 ? _j : 'http://localhost:11600',
-            tenantId: (_k = profile.tenantId) !== null && _k !== void 0 ? _k : '00000000-0000-0000-0000-000000000000',
-            environmentId: (_l = profile.environmentId) !== null && _l !== void 0 ? _l : '00000000-0000-0000-0000-000000000000',
-            applicationId: (_m = profile.applicationId) !== null && _m !== void 0 ? _m : '00000000-0000-0000-0000-000000000000',
-            applicationKey: (_o = profile.applicationKey) !== null && _o !== void 0 ? _o : 'key',
-            variables: (_q = (_p = profile.variables) === null || _p === void 0 ? void 0 : _p.map((variable) => {
-                var _a, _b, _c;
+            id: profile.id ?? generateShortUniqueId(),
+            name: profile.name ?? 'Unknown Profile',
+            userAuthBaseURL: profile.userAuthBaseURL ?? 'http://localhost:11101',
+            userServiceBaseURL: profile.userServiceBaseURL ?? 'http://localhost:11100',
+            imageServiceBaseURL: profile.imageServiceBaseURL ?? 'http://localhost:10400',
+            personalizationServiceBaseURL: profile.personalizationServiceBaseURL ?? 'http://localhost:11200',
+            mediaServiceBaseURL: profile.mediaServiceBaseURL ?? 'http://localhost:10200',
+            catalogServiceBaseURL: profile.catalogServiceBaseURL ?? 'http://localhost:10300',
+            entitlementServiceBaseURL: profile.entitlementServiceBaseURL ?? 'http://localhost:11600',
+            tenantId: profile.tenantId ?? '00000000-0000-0000-0000-000000000000',
+            environmentId: profile.environmentId ?? '00000000-0000-0000-0000-000000000000',
+            applicationId: profile.applicationId ?? '00000000-0000-0000-0000-000000000000',
+            applicationKey: profile.applicationKey ?? 'key',
+            variables: profile.variables?.map((variable) => {
                 return {
-                    key: (_a = variable.key) !== null && _a !== void 0 ? _a : `AUTO_GENERATED_KEY_${generateShortUniqueId()}`,
-                    value: (_b = variable.value) !== null && _b !== void 0 ? _b : '',
-                    comment: (_c = variable.comment) !== null && _c !== void 0 ? _c : '',
+                    key: variable.key ?? `AUTO_GENERATED_KEY_${generateShortUniqueId()}`,
+                    value: variable.value ?? '',
+                    comment: variable.comment ?? '',
                 };
-            })) !== null && _q !== void 0 ? _q : [],
+            }) ?? [],
         };
     });
     saveAllProfiles(migratedProfileConfigs);
 };
 const getAllProfiles = () => {
-    var _a;
-    return JSON.parse((_a = localStorage.getItem(KEY_PROFILE_DATA)) !== null && _a !== void 0 ? _a : '[]');
+    return JSON.parse(localStorage.getItem(KEY_PROFILE_DATA) ?? '[]');
 };
 const saveAllProfiles = (profiles) => {
     localStorage.setItem(KEY_PROFILE_DATA, JSON.stringify(profiles.sort((first, second) => (first.name > second.name ? 1 : -1))));
@@ -227,8 +205,7 @@ const saveProfile = (profileToSave) => {
     saveAllProfiles(profiles);
 };
 const getProfileVariable = (profile, key) => {
-    var _a;
-    return (_a = profile.variables.find((variable) => variable.key === key)) === null || _a === void 0 ? void 0 : _a.value;
+    return profile.variables.find((variable) => variable.key === key)?.value;
 };
 const getProfileVariables = (profile) => {
     return profile.variables;
@@ -251,13 +228,12 @@ const setProfileVariable = (profile, key, value, comment) => {
  * latest `UserSettings` type in code by substituting reasonable defaults where necessary and eliminating obsolete properties.
  */
 const migrateUserSettingsStructuralChanges = () => {
-    var _a, _b;
     const existingUserSettings = getUserSettings();
     const allProfiles = getAllProfiles();
     const firstProfileId = allProfiles.length > 0 ? allProfiles[0].id : undefined;
     const migratedUserSettings = {
-        loggerPosition: (_a = existingUserSettings.loggerPosition) !== null && _a !== void 0 ? _a : '70%',
-        activeProfileId: (_b = existingUserSettings.activeProfileId) !== null && _b !== void 0 ? _b : firstProfileId,
+        loggerPosition: existingUserSettings.loggerPosition ?? '70%',
+        activeProfileId: existingUserSettings.activeProfileId ?? firstProfileId,
     };
     setUserSettings(migratedUserSettings);
 };
@@ -326,8 +302,111 @@ const ScenarioHostLogger = React.forwardRef((props, ref) => {
                 React__default["default"].createElement("p", { style: { color: 'darkgrey' } }, logEntry.scenarioId.substring(1))))))));
 });
 
+const MIN_PANE_SIZE_PX = 80;
+const KEYBOARD_STEP_PX = 24;
+const getBoundedPrimarySize = (container, clientY) => {
+    const bounds = container.getBoundingClientRect();
+    if (bounds.height <= 0) {
+        return undefined;
+    }
+    const minimumPaneSize = Math.min(MIN_PANE_SIZE_PX, bounds.height / 2);
+    const primarySize = Math.min(Math.max(clientY - bounds.top, minimumPaneSize), bounds.height - minimumPaneSize);
+    return `${((primarySize / bounds.height) * 100).toFixed(2)}%`;
+};
+const getPrimarySizePixels = (value, totalSize) => {
+    const numericValue = Number.parseFloat(value);
+    if (!Number.isFinite(numericValue)) {
+        return totalSize * 0.7;
+    }
+    return value.trim().endsWith('%')
+        ? (numericValue / 100) * totalSize
+        : numericValue;
+};
+const ScenarioHostSplit = ({ initialPrimarySize, splitterSize, onSplitChanged, children, }) => {
+    const containerRef = React.useRef(null);
+    const [primarySize, setPrimarySize] = React.useState(initialPrimarySize);
+    React.useEffect(() => {
+        setPrimarySize(initialPrimarySize);
+    }, [initialPrimarySize]);
+    const applyPrimarySize = React.useCallback((value) => {
+        setPrimarySize(value);
+        onSplitChanged?.(value);
+    }, [onSplitChanged]);
+    const handlePointerDown = React.useCallback((event) => {
+        const container = containerRef.current;
+        if (container === null) {
+            return;
+        }
+        event.preventDefault();
+        const ownerDocument = container.ownerDocument;
+        const updatePrimarySize = (clientY) => {
+            const nextPrimarySize = getBoundedPrimarySize(container, clientY);
+            if (nextPrimarySize !== undefined) {
+                applyPrimarySize(nextPrimarySize);
+            }
+        };
+        const handlePointerMove = (pointerEvent) => {
+            updatePrimarySize(pointerEvent.clientY);
+        };
+        const stopDragging = (pointerEvent) => {
+            updatePrimarySize(pointerEvent.clientY);
+            ownerDocument.removeEventListener('pointermove', handlePointerMove);
+            ownerDocument.removeEventListener('pointerup', stopDragging);
+            ownerDocument.removeEventListener('pointercancel', stopDragging);
+        };
+        ownerDocument.addEventListener('pointermove', handlePointerMove);
+        ownerDocument.addEventListener('pointerup', stopDragging);
+        ownerDocument.addEventListener('pointercancel', stopDragging);
+    }, [applyPrimarySize]);
+    const adjustPrimarySize = React.useCallback((delta) => {
+        const container = containerRef.current;
+        if (container === null) {
+            return;
+        }
+        const bounds = container.getBoundingClientRect();
+        const currentPrimarySize = getPrimarySizePixels(primarySize, bounds.height);
+        const nextPrimarySize = getBoundedPrimarySize(container, bounds.top + currentPrimarySize + delta);
+        if (nextPrimarySize !== undefined) {
+            applyPrimarySize(nextPrimarySize);
+        }
+    }, [applyPrimarySize, primarySize]);
+    const handleKeyDown = React.useCallback((event) => {
+        if (event.key === 'ArrowUp') {
+            event.preventDefault();
+            adjustPrimarySize(-KEYBOARD_STEP_PX);
+        }
+        else if (event.key === 'ArrowDown') {
+            event.preventDefault();
+            adjustPrimarySize(KEYBOARD_STEP_PX);
+        }
+    }, [adjustPrimarySize]);
+    const handleDoubleClick = React.useCallback(() => {
+        applyPrimarySize(initialPrimarySize);
+    }, [applyPrimarySize, initialPrimarySize]);
+    return (React__default["default"].createElement("div", { ref: containerRef, style: {
+            display: 'grid',
+            gridTemplateRows: `minmax(0, ${primarySize}) ${splitterSize} minmax(0, 1fr)`,
+            height: '100%',
+            minHeight: 0,
+        } },
+        React__default["default"].createElement("div", { style: { minHeight: 0, overflow: 'hidden' } }, children[0]),
+        React__default["default"].createElement("div", { "aria-orientation": "horizontal", onDoubleClick: handleDoubleClick, onKeyDown: handleKeyDown, onPointerDown: handlePointerDown, role: "separator", tabIndex: 0, style: {
+                alignItems: 'center',
+                cursor: 'row-resize',
+                display: 'flex',
+                justifyContent: 'center',
+                touchAction: 'none',
+                userSelect: 'none',
+            } },
+            React__default["default"].createElement("div", { style: {
+                    backgroundColor: 'silver',
+                    height: '1px',
+                    width: '100%',
+                } })),
+        React__default["default"].createElement("div", { style: { minHeight: 0, overflow: 'hidden' } }, children[1])));
+};
+
 const ScenarioHost = ({ scenarios }) => {
-    var _a;
     const groupedScenarios = getGroupedScenarios(scenarios);
     const { pathname } = reactRouterDom.useLocation();
     const [userSettings] = React.useState(getUserSettings());
@@ -359,7 +438,10 @@ const ScenarioHost = ({ scenarios }) => {
     const handleProfileChanged = React.useCallback((event, data) => {
         const activeProfileIndex = profiles.findIndex((profile) => profile.id === data.value);
         setActiveProfile(profiles[activeProfileIndex]);
-        setUserSettings(Object.assign(Object.assign({}, userSettings), { activeProfileId: profiles[activeProfileIndex].id }));
+        setUserSettings({
+            ...userSettings,
+            activeProfileId: profiles[activeProfileIndex].id,
+        });
     }, [profiles, userSettings]);
     const ScenarioErrorFallback = (info) => {
         return (React__default["default"].createElement(semanticUiReact.Segment, { basic: true },
@@ -385,8 +467,8 @@ const ScenarioHost = ({ scenarios }) => {
                                     value: profile.id,
                                     text: profile.name,
                                 };
-                            }), onChange: handleProfileChanged, value: activeProfile === null || activeProfile === void 0 ? void 0 : activeProfile.id }),
-                        React__default["default"].createElement(semanticUiReact.Button, { style: { marginBottom: '1rem' }, basic: true, "data-test-id": "profiles-button", color: "blue", floated: "right", as: reactRouterDom.Link, to: `/profiles/${(_a = activeProfile === null || activeProfile === void 0 ? void 0 : activeProfile.id) !== null && _a !== void 0 ? _a : ''}` }, "Profiles")),
+                            }), onChange: handleProfileChanged, value: activeProfile?.id }),
+                        React__default["default"].createElement(semanticUiReact.Button, { style: { marginBottom: '1rem' }, basic: true, "data-test-id": "profiles-button", color: "blue", floated: "right", as: reactRouterDom.Link, to: `/profiles/${activeProfile?.id ?? ''}` }, "Profiles")),
                     React__default["default"].createElement(semanticUiReact.Divider, { style: { marginTop: 0 } }),
                     React__default["default"].createElement(semanticUiReact.List, { link: true }, [...groupedScenarios.keys()].map((groupName) => {
                         const groupedScenario = groupedScenarios.get(groupName);
@@ -416,7 +498,10 @@ const ScenarioHost = ({ scenarios }) => {
                         maxHeight: 'calc(100vh - 94px)',
                         marginRight: '1rem',
                     } }, activeProfile !== undefined ? (React__default["default"].createElement(React__default["default"].Fragment, null,
-                    React__default["default"].createElement(build.Split, { horizontal: true, initialPrimarySize: getUserSettings().loggerPosition, splitterSize: "25px", resetOnDoubleClick: true, onSplitChanged: (value) => setUserSettings(Object.assign(Object.assign({}, getUserSettings()), { loggerPosition: value })) },
+                    React__default["default"].createElement(ScenarioHostSplit, { initialPrimarySize: getUserSettings().loggerPosition, splitterSize: "25px", onSplitChanged: (value) => setUserSettings({
+                            ...getUserSettings(),
+                            loggerPosition: value,
+                        }) },
                         React__default["default"].createElement("div", { "data-test-id": "scenario-container", style: { height: '100%', overflowY: 'auto' } },
                             React__default["default"].createElement(ScenarioHostContext.Provider, { value: {
                                     scenarios,
@@ -432,16 +517,13 @@ const ScenarioHost = ({ scenarios }) => {
                                     },
                                     logger: {
                                         log: (...messages) => {
-                                            var _a;
-                                            (_a = loggerRef.current) === null || _a === void 0 ? void 0 : _a.logMessage(messages, 'LOG');
+                                            loggerRef.current?.logMessage(messages, 'LOG');
                                         },
                                         warn: (...messages) => {
-                                            var _a;
-                                            (_a = loggerRef.current) === null || _a === void 0 ? void 0 : _a.logMessage(messages, 'WARN');
+                                            loggerRef.current?.logMessage(messages, 'WARN');
                                         },
                                         error: (...messages) => {
-                                            var _a;
-                                            (_a = loggerRef.current) === null || _a === void 0 ? void 0 : _a.logMessage(messages, 'ERROR');
+                                            loggerRef.current?.logMessage(messages, 'ERROR');
                                         },
                                     },
                                 } },
@@ -492,19 +574,19 @@ const getGroupedScenarios = (scenarios) => {
 const ProfileURLs = ({ selectedProfile, handleInputChange, }) => {
     return (React__default["default"].createElement(semanticUiReact.Tab.Pane, null,
         React__default["default"].createElement(semanticUiReact.Form, null,
-            React__default["default"].createElement(semanticUiReact.Form.Input, { width: 6, label: "User Auth Base URL", name: "userAuthBaseURL", value: selectedProfile === null || selectedProfile === void 0 ? void 0 : selectedProfile.userAuthBaseURL, onChange: handleInputChange }),
-            React__default["default"].createElement(semanticUiReact.Form.Input, { width: 6, label: "User Service Base URL", name: "userServiceBaseURL", value: selectedProfile === null || selectedProfile === void 0 ? void 0 : selectedProfile.userServiceBaseURL, onChange: handleInputChange }),
-            React__default["default"].createElement(semanticUiReact.Form.Input, { width: 6, label: "Image Service Base URL", name: "imageServiceBaseURL", value: selectedProfile === null || selectedProfile === void 0 ? void 0 : selectedProfile.imageServiceBaseURL, onChange: handleInputChange }),
-            React__default["default"].createElement(semanticUiReact.Form.Input, { width: 6, label: "Personalization Service Base URL", name: "personalizationServiceBaseURL", value: selectedProfile === null || selectedProfile === void 0 ? void 0 : selectedProfile.personalizationServiceBaseURL, onChange: handleInputChange }),
+            React__default["default"].createElement(semanticUiReact.Form.Input, { width: 6, label: "User Auth Base URL", name: "userAuthBaseURL", value: selectedProfile?.userAuthBaseURL, onChange: handleInputChange }),
+            React__default["default"].createElement(semanticUiReact.Form.Input, { width: 6, label: "User Service Base URL", name: "userServiceBaseURL", value: selectedProfile?.userServiceBaseURL, onChange: handleInputChange }),
+            React__default["default"].createElement(semanticUiReact.Form.Input, { width: 6, label: "Image Service Base URL", name: "imageServiceBaseURL", value: selectedProfile?.imageServiceBaseURL, onChange: handleInputChange }),
+            React__default["default"].createElement(semanticUiReact.Form.Input, { width: 6, label: "Personalization Service Base URL", name: "personalizationServiceBaseURL", value: selectedProfile?.personalizationServiceBaseURL, onChange: handleInputChange }),
             React__default["default"].createElement(semanticUiReact.Divider, null),
-            React__default["default"].createElement(semanticUiReact.Form.Input, { width: 6, label: "Media Service Base URL", name: "mediaServiceBaseURL", value: selectedProfile === null || selectedProfile === void 0 ? void 0 : selectedProfile.mediaServiceBaseURL, onChange: handleInputChange }),
-            React__default["default"].createElement(semanticUiReact.Form.Input, { width: 6, label: "Catalog Service Base URL", name: "catalogServiceBaseURL", value: selectedProfile === null || selectedProfile === void 0 ? void 0 : selectedProfile.catalogServiceBaseURL, onChange: handleInputChange }),
-            React__default["default"].createElement(semanticUiReact.Form.Input, { width: 6, label: "Entitlement Service Base URL", name: "entitlementServiceBaseURL", value: selectedProfile === null || selectedProfile === void 0 ? void 0 : selectedProfile.entitlementServiceBaseURL, onChange: handleInputChange }),
+            React__default["default"].createElement(semanticUiReact.Form.Input, { width: 6, label: "Media Service Base URL", name: "mediaServiceBaseURL", value: selectedProfile?.mediaServiceBaseURL, onChange: handleInputChange }),
+            React__default["default"].createElement(semanticUiReact.Form.Input, { width: 6, label: "Catalog Service Base URL", name: "catalogServiceBaseURL", value: selectedProfile?.catalogServiceBaseURL, onChange: handleInputChange }),
+            React__default["default"].createElement(semanticUiReact.Form.Input, { width: 6, label: "Entitlement Service Base URL", name: "entitlementServiceBaseURL", value: selectedProfile?.entitlementServiceBaseURL, onChange: handleInputChange }),
             React__default["default"].createElement(semanticUiReact.Divider, null),
-            React__default["default"].createElement(semanticUiReact.Form.Input, { width: 4, label: "Tenant ID", name: "tenantId", value: selectedProfile === null || selectedProfile === void 0 ? void 0 : selectedProfile.tenantId, onChange: handleInputChange }),
-            React__default["default"].createElement(semanticUiReact.Form.Input, { width: 4, label: "Environment ID", name: "environmentId", value: selectedProfile === null || selectedProfile === void 0 ? void 0 : selectedProfile.environmentId, onChange: handleInputChange }),
-            React__default["default"].createElement(semanticUiReact.Form.Input, { width: 4, label: "Application ID", name: "applicationId", value: selectedProfile === null || selectedProfile === void 0 ? void 0 : selectedProfile.applicationId, onChange: handleInputChange }),
-            React__default["default"].createElement(semanticUiReact.Form.Input, { width: 4, label: "Application Key", name: "applicationKey", value: selectedProfile === null || selectedProfile === void 0 ? void 0 : selectedProfile.applicationKey, onChange: handleInputChange }))));
+            React__default["default"].createElement(semanticUiReact.Form.Input, { width: 4, label: "Tenant ID", name: "tenantId", value: selectedProfile?.tenantId, onChange: handleInputChange }),
+            React__default["default"].createElement(semanticUiReact.Form.Input, { width: 4, label: "Environment ID", name: "environmentId", value: selectedProfile?.environmentId, onChange: handleInputChange }),
+            React__default["default"].createElement(semanticUiReact.Form.Input, { width: 4, label: "Application ID", name: "applicationId", value: selectedProfile?.applicationId, onChange: handleInputChange }),
+            React__default["default"].createElement(semanticUiReact.Form.Input, { width: 4, label: "Application Key", name: "applicationKey", value: selectedProfile?.applicationKey, onChange: handleInputChange }))));
 };
 
 const ProfileVariables = ({ selectedProfile, handleVariableInputChange, insertNewVariable, deleteVariable, }) => {
@@ -529,19 +611,17 @@ const ProfileVariables = ({ selectedProfile, handleVariableInputChange, insertNe
 };
 
 const Profiles = ({ match }) => {
-    var _a, _b, _c, _d;
     const { pathname } = reactRouterDom.useLocation();
     const history = reactRouterDom.useHistory();
     const [profiles, setProfiles] = React.useState(getAllProfiles());
-    const [selectedProfile, setSelectedProfile] = React.useState(profiles.find((profile) => { var _a; return profile.id === ((_a = match === null || match === void 0 ? void 0 : match.params) === null || _a === void 0 ? void 0 : _a.profileId); }));
-    const [selectedTab, setSelectedTab] = React.useState(parseInt((_b = (_a = match === null || match === void 0 ? void 0 : match.params) === null || _a === void 0 ? void 0 : _a.tabId) !== null && _b !== void 0 ? _b : '0'));
+    const [selectedProfile, setSelectedProfile] = React.useState(profiles.find((profile) => profile.id === match?.params?.profileId));
+    const [selectedTab, setSelectedTab] = React.useState(parseInt(match?.params?.tabId ?? '0'));
     React.useEffect(() => {
-        setSelectedProfile(profiles.find((profile) => { var _a; return profile.id === ((_a = match === null || match === void 0 ? void 0 : match.params) === null || _a === void 0 ? void 0 : _a.profileId); }));
-    }, [(_c = match === null || match === void 0 ? void 0 : match.params) === null || _c === void 0 ? void 0 : _c.profileId, profiles]);
+        setSelectedProfile(profiles.find((profile) => profile.id === match?.params?.profileId));
+    }, [match?.params?.profileId, profiles]);
     React.useEffect(() => {
-        var _a, _b;
-        setSelectedTab(parseInt((_b = (_a = match === null || match === void 0 ? void 0 : match.params) === null || _a === void 0 ? void 0 : _a.tabId) !== null && _b !== void 0 ? _b : '0'));
-    }, [(_d = match === null || match === void 0 ? void 0 : match.params) === null || _d === void 0 ? void 0 : _d.tabId]);
+        setSelectedTab(parseInt(match?.params?.tabId ?? '0'));
+    }, [match?.params?.tabId]);
     const handleNewProfileClick = (type) => () => {
         const newProfileId = generateShortUniqueId();
         setProfiles([
@@ -574,7 +654,7 @@ const Profiles = ({ match }) => {
         history.push(`/profiles/${newProfileId}`);
     };
     const handleSaveProfileClick = () => {
-        const activeProfileIndex = profiles.findIndex((env) => env.id === (selectedProfile === null || selectedProfile === void 0 ? void 0 : selectedProfile.id));
+        const activeProfileIndex = profiles.findIndex((env) => env.id === selectedProfile?.id);
         if (activeProfileIndex !== -1 && selectedProfile !== undefined) {
             profiles[activeProfileIndex] = selectedProfile;
             setProfiles([...profiles]);
@@ -582,7 +662,7 @@ const Profiles = ({ match }) => {
         }
     };
     const handleDeleteProfileClick = () => {
-        const activeProfileIndex = profiles.findIndex((env) => env.id === (selectedProfile === null || selectedProfile === void 0 ? void 0 : selectedProfile.id));
+        const activeProfileIndex = profiles.findIndex((env) => env.id === selectedProfile?.id);
         if (activeProfileIndex !== -1 && selectedProfile !== undefined) {
             profiles.splice(activeProfileIndex, 1);
             setProfiles([...profiles]);
@@ -591,7 +671,7 @@ const Profiles = ({ match }) => {
         }
     };
     const handleExportProfileClick = () => {
-        const activeProfileIndex = profiles.findIndex((env) => env.id === (selectedProfile === null || selectedProfile === void 0 ? void 0 : selectedProfile.id));
+        const activeProfileIndex = profiles.findIndex((env) => env.id === selectedProfile?.id);
         if (activeProfileIndex !== -1 && selectedProfile !== undefined) {
             const fileDownloadLink = document.createElement('a');
             fileDownloadLink.href = URL.createObjectURL(new Blob([JSON.stringify(selectedProfile, null, 2)], {
@@ -604,22 +684,20 @@ const Profiles = ({ match }) => {
         }
     };
     const handleImportProfileClick = () => {
-        var _a, _b;
-        (_a = document.getElementById('fileInput')) === null || _a === void 0 ? void 0 : _a.click();
+        document.getElementById('fileInput')?.click();
         // Event listener for file input change
-        (_b = document
-            .getElementById('fileInput')) === null || _b === void 0 ? void 0 : _b.addEventListener('change', function (event) {
-            var _a;
+        document
+            .getElementById('fileInput')
+            ?.addEventListener('change', function (event) {
             if (event && event.target) {
                 const inputElement = event.target;
                 // Handle the selected file
                 if (inputElement) {
-                    const file = (_a = inputElement.files) === null || _a === void 0 ? void 0 : _a[0];
+                    const file = inputElement.files?.[0];
                     if (file) {
                         const reader = new FileReader();
                         reader.onload = function (e) {
-                            var _a;
-                            const fileContent = (_a = e.target) === null || _a === void 0 ? void 0 : _a.result;
+                            const fileContent = e.target?.result;
                             // Save file content to local storage
                             saveToLocalStorage(fileContent);
                             // Reset the file input value to clear it
@@ -636,7 +714,7 @@ const Profiles = ({ match }) => {
     };
     const saveToLocalStorage = (fileContent) => {
         const importedProfile = JSON.parse(fileContent);
-        const profileAlreadyExists = profiles.find((profile) => profile.id === (importedProfile === null || importedProfile === void 0 ? void 0 : importedProfile.id));
+        const profileAlreadyExists = profiles.find((profile) => profile.id === importedProfile?.id);
         if (profileAlreadyExists === undefined) {
             // Add new data to the profiles array
             profiles.push(importedProfile);
@@ -644,7 +722,7 @@ const Profiles = ({ match }) => {
             saveAllProfiles(profiles);
         }
         else {
-            const existProfileIndex = profiles.findIndex((profile) => profile.id === (importedProfile === null || importedProfile === void 0 ? void 0 : importedProfile.id));
+            const existProfileIndex = profiles.findIndex((profile) => profile.id === importedProfile?.id);
             if (existProfileIndex !== -1) {
                 profiles[existProfileIndex] = importedProfile;
                 setProfiles([...profiles]);
@@ -659,7 +737,10 @@ const Profiles = ({ match }) => {
         const { name, value } = data;
         setSelectedProfile((prevState) => {
             if (prevState !== undefined) {
-                const newState = Object.assign(Object.assign({}, prevState), { [name]: value });
+                const newState = {
+                    ...prevState,
+                    [name]: value,
+                };
                 return newState;
             }
             else {
@@ -683,7 +764,9 @@ const Profiles = ({ match }) => {
                 else if (name === 'comment') {
                     prevState.variables[variableIndex].comment = value;
                 }
-                const newState = Object.assign({}, prevState);
+                const newState = {
+                    ...prevState,
+                };
                 return newState;
             }
             else {
@@ -695,7 +778,9 @@ const Profiles = ({ match }) => {
         setSelectedProfile((prevState) => {
             if (prevState !== undefined) {
                 prevState.variables.push({ key: '', value: '', comment: '' });
-                const newState = Object.assign({}, prevState);
+                const newState = {
+                    ...prevState,
+                };
                 return newState;
             }
             else {
@@ -707,7 +792,9 @@ const Profiles = ({ match }) => {
         setSelectedProfile((prevState) => {
             if (prevState !== undefined) {
                 prevState.variables.splice(variableIndex, 1);
-                const newState = Object.assign({}, prevState);
+                const newState = {
+                    ...prevState,
+                };
                 return newState;
             }
             else {
@@ -737,13 +824,13 @@ const Profiles = ({ match }) => {
                     })))),
             selectedProfile === undefined ? (React__default["default"].createElement(React__default["default"].Fragment, null)) : (React__default["default"].createElement(semanticUiReact.Grid.Column, { stretched: true, width: 12 },
                 React__default["default"].createElement(semanticUiReact.Segment, null,
-                    React__default["default"].createElement(semanticUiReact.Header, null, selectedProfile === null || selectedProfile === void 0 ? void 0 :
-                        selectedProfile.name,
+                    React__default["default"].createElement(semanticUiReact.Header, null,
+                        selectedProfile?.name,
                         React__default["default"].createElement(semanticUiReact.Button, { "data-test-id": "save-profile-button", color: "blue", floated: "right", content: "Save", onClick: handleSaveProfileClick }),
                         React__default["default"].createElement(semanticUiReact.Button, { basic: true, color: "blue", floated: "right", content: "Delete", onClick: handleDeleteProfileClick }),
                         React__default["default"].createElement(semanticUiReact.Button, { basic: true, color: "blue", floated: "right", content: "Export", onClick: handleExportProfileClick })),
                     React__default["default"].createElement(semanticUiReact.Form, null,
-                        React__default["default"].createElement(semanticUiReact.Form.Input, { width: 4, label: "Profile Name", name: "name", value: selectedProfile === null || selectedProfile === void 0 ? void 0 : selectedProfile.name, onChange: handleInputChange })),
+                        React__default["default"].createElement(semanticUiReact.Form.Input, { width: 4, label: "Profile Name", name: "name", value: selectedProfile?.name, onChange: handleInputChange })),
                     React__default["default"].createElement(semanticUiReact.Divider, null),
                     React__default["default"].createElement(semanticUiReact.Tab, { activeIndex: selectedTab, panes: [
                             {
@@ -781,40 +868,12 @@ const ScenarioHostApp = ({ scenarios, }) => {
                 React__default["default"].createElement(ScenarioHost, { scenarios: scenarios })))));
 };
 
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
 /**
  * This component has built-in support to display all `variables` defined in the active profile when the
  * control is focused. The user may click on an item from this list to select a variable, then its corresponding value will be
  * fetched and assigned into the input field.
  */
-const VariableSearch = (_a) => {
-    var { label, setStateValue } = _a, rest = __rest(_a, ["label", "setStateValue"]);
+const VariableSearch = ({ label, setStateValue, ...rest }) => {
     const { getVariables, getVariable } = useScenarioHost();
     const allVariables = getVariables();
     const [resultsOpened, setResultsOpened] = React.useState(false);
@@ -830,9 +889,8 @@ const VariableSearch = (_a) => {
             setResultsOpened(false);
         },
         onSearchChange: (event, data) => {
-            var _a;
             if (setStateValue !== undefined) {
-                setStateValue((_a = data.value) !== null && _a !== void 0 ? _a : '');
+                setStateValue(data.value ?? '');
             }
         },
         onResultSelect: (event, data) => {
@@ -842,11 +900,11 @@ const VariableSearch = (_a) => {
             setResultsOpened(false);
         },
     };
-    return (React__default["default"].createElement(semanticUiReact.Search, Object.assign({ input: { className: 'left icon' }, placeholder: "Fetch value from a variable or type it in", label: {
+    return (React__default["default"].createElement(semanticUiReact.Search, { input: { className: 'left icon' }, placeholder: "Fetch value from a variable or type it in", label: {
             children: label,
         }, results: allVariables.map((variable) => {
             return { title: variable.key, description: variable.comment };
-        }) }, searchResultHandlers, rest)));
+        }), ...searchResultHandlers, ...rest }));
 };
 
 exports.ScenarioHostApp = ScenarioHostApp;