dara-core 1.16.22__py3-none-any.whl → 1.17.0__py3-none-any.whl

dara/core/umd/dara.core.umd.js

@@ -17386,6 +17386,62 @@ var __privateWrapper = (obj, member, setter, getter) => ({
   var _baseIteratee = baseIteratee$3;
   var e$2 = "object" == typeof navigator ? navigator.platform : "";
   /Mac|iPod|iPhone|iPad/.test(e$2);
+  function useIMEEnter({ onKeyDown: userKeyDown, onKeyUp: userKeyUp, onCompositionStart: userCompStart, onCompositionEnd: userCompEnd }) {
+    const isComposingRef = React.useRef(false);
+    const justEndedRef = React.useRef(false);
+    const handleCompositionStart = React.useCallback((e2) => {
+      isComposingRef.current = true;
+      userCompStart === null || userCompStart === void 0 ? void 0 : userCompStart(e2);
+    }, [userCompStart]);
+    const handleCompositionEnd = React.useCallback((e2) => {
+      isComposingRef.current = false;
+      justEndedRef.current = true;
+      userCompEnd === null || userCompEnd === void 0 ? void 0 : userCompEnd(e2);
+    }, [userCompEnd]);
+    const handleKeyDownCapture = React.useCallback((e2) => {
+      if (isComposingRef.current) {
+        e2.preventDefault();
+        e2.stopPropagation();
+        return;
+      }
+      if (justEndedRef.current) {
+        if (e2.which === 229) {
+          e2.preventDefault();
+          e2.stopPropagation();
+          return;
+        }
+        justEndedRef.current = false;
+      }
+    }, []);
+    const handleKeyDown = React.useCallback((e2) => {
+      if (isComposingRef.current) {
+        return;
+      }
+      userKeyDown === null || userKeyDown === void 0 ? void 0 : userKeyDown(e2);
+    }, [userKeyDown]);
+    const handleKeyUpCapture = React.useCallback((e2) => {
+      if (isComposingRef.current || justEndedRef.current) {
+        justEndedRef.current = false;
+        e2.preventDefault();
+        e2.stopPropagation();
+      }
+    }, []);
+    const handleKeyUp = React.useCallback((e2) => {
+      if (isComposingRef.current || justEndedRef.current) {
+        justEndedRef.current = false;
+        return;
+      }
+      userKeyUp === null || userKeyUp === void 0 ? void 0 : userKeyUp(e2);
+    }, [userKeyUp]);
+    return {
+      onCompositionStart: handleCompositionStart,
+      onCompositionEnd: handleCompositionEnd,
+      onKeyDownCapture: handleKeyDownCapture,
+      onKeyDown: handleKeyDown,
+      onKeyUpCapture: handleKeyUpCapture,
+      onKeyUp: handleKeyUp
+    };
+  }
   globalThis && globalThis.__awaiter || function(thisArg, _arguments, P, generator) {
     function adopt(value) {
       return value instanceof P ? value : new P(function(resolve) {
@@ -26380,7 +26436,14 @@ var __privateWrapper = (obj, member, setter, getter) => ({
         onComplete();
       }
     };
-    return jsxRuntime.exports.jsxs(InputWrapper$3, { className, style, children: [jsxRuntime.exports.jsx(PrimaryInput, Object.assign({}, rest, { defaultValue: initialValue, isErrored: !!errorMsg, onChange: handleChange, onKeyDown: handleKeyDown, ref, type, min: minValue, max: maxValue })), errorMsg && jsxRuntime.exports.jsx(ErrorMessage$1, { children: errorMsg })] });
+    const handlers = useIMEEnter({
+      onKeyDown: handleKeyDown,
+      onKeyUp: rest.onKeyUp,
+      onCompositionStart: rest.onCompositionStart,
+      onCompositionEnd: rest.onCompositionEnd
+    });
+    const spreadProps = Object.assign(Object.assign({}, rest), handlers);
+    return jsxRuntime.exports.jsxs(InputWrapper$3, { className, style, children: [jsxRuntime.exports.jsx(PrimaryInput, Object.assign({}, spreadProps, { defaultValue: initialValue, isErrored: !!errorMsg, onChange: handleChange, ref, type, min: minValue, max: maxValue })), errorMsg && jsxRuntime.exports.jsx(ErrorMessage$1, { children: errorMsg })] });
   });
   Input$1.displayName = "Input";
   const Wrapper$7 = styled__default.default.div`
@@ -50095,6 +50158,9 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   function isLoopVariable(variable) {
     return variable && typeof variable == "object" && variable.hasOwnProperty("uid") && variable.hasOwnProperty("__typename") && variable.__typename === "LoopVariable";
   }
+  function isSwitchVariable(variable) {
+    return isVariable(variable) && variable.__typename === "SwitchVariable";
+  }
   function isResolvedDerivedVariable(value) {
     return value && typeof value === "object" && "values" in value && "type" in value && value.type === "derived" && "uid" in value;
   }
@@ -50104,6 +50170,9 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   function isResolvedDerivedDataVariable(value) {
     return value && typeof value === "object" && "filters" in value && "values" in value && "type" in value && value.type === "derived-data" && "uid" in value;
   }
+  function isResolvedSwitchVariable(value) {
+    return value && typeof value === "object" && "type" in value && value.type === "switch" && "uid" in value && "value_map" in value;
+  }
   function isActionImpl(action) {
     return action && typeof action === "object" && action.__typename === "ActionImpl";
   }
@@ -50111,6 +50180,9 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     return action && "uid" in action && "definition_uid" in action && "dynamic_kwargs" in action;
   }
   const isPyComponent = (value) => isObject_1(value) && "props" in value && isObject_1(value.props) && "func_name" in value.props && "dynamic_kwargs" in value.props;
+  function isCondition(value) {
+    return value && typeof value === "object" && value.__typename === "Condition";
+  }
   function commonjsRequire(path) {
     throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
   }
@@ -51040,11 +51112,16 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
           ...lookup,
           ...nestedLookup
         };
-      } else {
+      } else if (isResolvedSwitchVariable(val)) {
         const varDef = def.variables[key];
         const identifier = getIdentifier(varDef);
         lookup[identifier] = val;
         normalizedValues.push({ __ref: identifier });
+      } else {
+        const varDef = def.variables[key];
+        const identifier = getIdentifier(varDef);
+        lookup[identifier] = val === void 0 ? null : val;
+        normalizedValues.push({ __ref: identifier });
       }
     }
     return {
@@ -51842,244 +51919,6 @@ Inferred class string: "${iconClasses}."`
       return /* @__PURE__ */ React__default.default.createElement(Icon, { ...props, className: `${String((_a = props.className) != null ? _a : "")} ${iconClasses}` });
     };
   }
-  function flexStyles(props, displayCtx2, useDisplayContext) {
-    let flexBasis = props.basis;
-    let flexShrink = props.shrink;
-    let flexGrow = props.grow;
-    if (useDisplayContext) {
-      if (props.width && displayCtx2.direction === "horizontal") {
-        flexBasis != null ? flexBasis : flexBasis = props.width;
-        flexShrink != null ? flexShrink : flexShrink = "0";
-        flexGrow != null ? flexGrow : flexGrow = "0";
-      }
-      if (props.height && displayCtx2.direction === "vertical") {
-        flexBasis != null ? flexBasis : flexBasis = props.height;
-        flexShrink != null ? flexShrink : flexShrink = "0";
-        flexGrow != null ? flexGrow : flexGrow = "0";
-      }
-    }
-    if (props.hug || props.hug !== false && displayCtx2.hug) {
-      flexBasis != null ? flexBasis : flexBasis = "content";
-      flexShrink != null ? flexShrink : flexShrink = "1";
-      flexGrow != null ? flexGrow : flexGrow = "0";
-    }
-    return { flexBasis, flexGrow, flexShrink };
-  }
-  function parseRawCss(rawCss) {
-    const isRawObject = typeof rawCss === "object" && rawCss !== null && rawCss !== void 0;
-    const componentCss = !isRawObject && typeof rawCss === "string" ? rawCss : "";
-    const styles2 = isRawObject ? rawCss : {};
-    return [styles2, componentCss];
-  }
-  function useComponentStyles(props, useDisplayContext = true) {
-    const [rawStyles, rawCss] = parseRawCss(props.raw_css);
-    const displayCtx$1 = React.useContext(displayCtx);
-    const flexProps = flexStyles(props, displayCtx$1, useDisplayContext);
-    const styles2 = React.useMemo(() => {
-      var _a;
-      const stylesObj = {
-        backgroundColor: props.background,
-        border: props.border,
-        borderRadius: props.border_radius,
-        color: props.color,
-        fontFamily: props.font,
-        fontSize: props.font_size,
-        fontStyle: props.italic ? "italic" : "normal",
-        fontWeight: props.bold ? "bold" : "normal",
-        gap: props.gap,
-        height: props.height,
-        margin: props.margin,
-        maxHeight: props.max_height,
-        maxWidth: props.max_width,
-        minHeight: props.min_height,
-        minWidth: props.min_width,
-        overflow: props.overflow,
-        padding: props.padding,
-        position: props.position,
-        textDecoration: props.underline ? "underline" : "none",
-        width: props.width,
-        ...flexProps,
-        ...rawStyles,
-        ...(_a = props.style) != null ? _a : {}
-      };
-      return Object.fromEntries(Object.entries(stylesObj).filter(([, v2]) => v2 !== null && v2 !== void 0));
-    }, [useDeepCompare(props)]);
-    return [styles2, rawCss];
-  }
-  function useUrlSync(options) {
-    const urlSerializer = React.useCallback((val) => {
-      if (val === void 0 || val === null) {
-        return "";
-      }
-      if (["string", "number", "boolean"].includes(typeof val)) {
-        return String(val);
-      }
-      return JSON.stringify(val);
-    }, []);
-    const urlDeserializer = React.useCallback((val) => {
-      if (val === "") {
-        return void 0;
-      }
-      try {
-        return JSON.parse(val);
-      } catch {
-        return val;
-      }
-    }, []);
-    const listenChangeURL = React.useCallback((handler) => {
-      const unregister = options.history.listen(() => {
-        handler();
-      });
-      return () => unregister();
-    }, []);
-    const memoryOptions = {
-      getURL: () => {
-        return window.location.origin + options.history.location.pathname + options.history.location.search;
-      },
-      pushURL: (url) => {
-        options.history.push(url.replace(window.location.origin, ""));
-      },
-      replaceURL: (url) => {
-        options.history.replace(url.replace(window.location.origin, ""));
-      }
-    };
-    return {
-      browserInterface: {
-        listenChangeURL,
-        ...options.memory_TEST ? memoryOptions : {}
-      },
-      deserialize: urlDeserializer,
-      location: { part: "queryParams" },
-      serialize: urlSerializer
-    };
-  }
-  const Wrapper$2 = styled__default.default.div`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    width: 100%;
-    height: 100%;
-`;
-  const FlashingDots = styled__default.default.div`
-    position: relative;
-
-    width: 10px;
-    height: 10px;
-
-    color: ${(props) => props.theme.colors.grey4};
-
-    background-color: ${(props) => props.theme.colors.grey4};
-    border-radius: 5px;
-
-    animation: dot-flashing 1s infinite linear alternate;
-    animation-delay: 0.5s;
-
-    &::before,
-    &::after {
-        content: '';
-        position: absolute;
-        top: 0;
-        display: inline-block;
-    }
-
-    &::before {
-        left: -15px;
-
-        width: 10px;
-        height: 10px;
-
-        color: ${(props) => props.theme.colors.grey4};
-
-        background-color: ${(props) => props.theme.colors.grey4};
-        border-radius: 5px;
-
-        animation: dot-flashing 1s infinite alternate;
-        animation-delay: 0s;
-    }
-
-    &::after {
-        left: 15px;
-
-        width: 10px;
-        height: 10px;
-
-        color: ${(props) => props.theme.colors.grey4};
-
-        background-color: ${(props) => props.theme.colors.grey4};
-        border-radius: 5px;
-
-        animation: dot-flashing 1s infinite alternate;
-        animation-delay: 1s;
-    }
-
-    @keyframes dot-flashing {
-        0% {
-            background-color: ${(props) => props.theme.colors.grey4};
-        }
-
-        50%,
-        100% {
-            background-color: ${(props) => props.theme.colors.grey3};
-        }
-    }
-`;
-  function Dots(props) {
-    return /* @__PURE__ */ React__default.default.createElement(Wrapper$2, { className: props.className, style: props.style }, /* @__PURE__ */ React__default.default.createElement(FlashingDots, { "data-testid": "LOADING" }));
-  }
-  const StyledDots$1 = injectCss(Dots);
-  function DefaultFallback(props) {
-    const [style, css2] = useComponentStyles(props);
-    return /* @__PURE__ */ React__default.default.createElement(StyledDots$1, { $rawCss: css2, style });
-  }
-  const Center = styled__default.default.div`
-    overflow: hidden;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-
-    width: 100%;
-    height: 100%;
-
-    background: ${(props) => props.colored ? props.theme.colors.blue1 : ""};
-`;
-  const CenteredDivWithGap = styled__default.default(Center)`
-    gap: 0.6rem;
-    margin: 10px;
-    text-align: center;
-`;
-  const errorMessages = {
-    "403": {
-      description: "You are not authorised to access this application. Please contact the application owner to enable access.",
-      styling: "error",
-      title: "We were not able to authenticate you"
-    },
-    default: {
-      description: "Your login session may have expired. Try again.",
-      styling: "primary",
-      title: "We were not able to authenticate you"
-    }
-  };
-  function ErrorPage() {
-    const { search } = useLocation();
-    const query = React.useMemo(() => new URLSearchParams(search), [search]);
-    const code = query.get("code");
-    const errorConfig = code && errorMessages[code] || errorMessages.default;
-    return /* @__PURE__ */ React__default.default.createElement(CenteredDivWithGap, null, /* @__PURE__ */ React__default.default.createElement("h1", null, errorConfig.title), /* @__PURE__ */ React__default.default.createElement("p", null, errorConfig.description), /* @__PURE__ */ React__default.default.createElement(Button$1, { href: "/login", styling: errorConfig.styling }, "Retry"));
-  }
-  function onTokenChange(cb) {
-    return store.subscribe(getTokenKey(), cb);
-  }
-  function getSessionToken() {
-    return store.getValueSync(getTokenKey());
-  }
-  function setSessionToken(token) {
-    store.setValue(getTokenKey(), token);
-  }
-  function useSessionToken() {
-    return React__namespace.useSyncExternalStore(onTokenChange, getSessionToken);
-  }
   class EventBus {
     constructor(parentBus) {
       __privateAdd(this, _events$, new Subject());
@@ -52112,19 +51951,6 @@ Inferred class string: "${iconClasses}."`
     }, [bus, onEvent]);
     return /* @__PURE__ */ React__namespace.createElement(EventBusContext.Provider, { value: bus }, children);
   }
-  function useActionRegistry() {
-    const { actionRegistry: actions } = React.useContext(registriesCtx);
-    const get2 = React.useCallback(
-      (impl) => {
-        if (actions && actions[impl.name]) {
-          return actions[impl.name];
-        }
-        throw new Error(`Attempted to load an action (${impl.name}) that is not in the registry`);
-      },
-      [actions]
-    );
-    return React.useMemo(() => ({ get: get2 }), [get2]);
-  }
   const _StateSynchronizer = class {
     constructor() {
       __privateAdd(this, _observers, /* @__PURE__ */ new Map());
@@ -53123,6 +52949,14 @@ Inferred class string: "${iconClasses}."`
           values: formatDerivedVariableRequest(nestedValues)
         };
       }
+      if (isResolvedSwitchVariable(val)) {
+        return {
+          ...val,
+          value: formatDerivedVariableRequest([val.value])[0],
+          value_map: formatDerivedVariableRequest([val.value_map])[0],
+          default: formatDerivedVariableRequest([val.default])[0]
+        };
+      }
       return val;
     });
   }
@@ -53195,9 +53029,23 @@ Inferred class string: "${iconClasses}."`
         values: resolvedValues
       };
     }
+    if (isResolvedSwitchVariable(value)) {
+      return {
+        ...value,
+        value: resolveValue(value.value, getter),
+        value_map: resolveValue(value.value_map, getter),
+        default: resolveValue(value.default, getter)
+      };
+    }
     if (isResolvedDataVariable(value)) {
       return value;
     }
+    if (isCondition(value)) {
+      return {
+        ...value,
+        variable: resolveValue(value.variable, getter)
+      };
+    }
     if (Recoil_index_2(value)) {
       return getter(value);
     }
@@ -53208,7 +53056,13 @@ Inferred class string: "${iconClasses}."`
       if (deps && !deps.includes(idx)) {
         return [];
       }
-      return isResolvedDerivedVariable(val) || isResolvedDerivedDataVariable(val) ? getDeps(val.values, val.deps).flat() : val;
+      if (isResolvedDerivedVariable(val) || isResolvedDerivedDataVariable(val)) {
+        return getDeps(val.values, val.deps).flat();
+      }
+      if (isResolvedSwitchVariable(val)) {
+        return getDeps([val.value, val.value_map, val.default], [0, 1, 2]).flat();
+      }
+      return val;
     });
   }
   function useTriggerIndex(variable) {
@@ -53553,6 +53407,24 @@ Inferred class string: "${iconClasses}."`
     if (isUrlVariable(variable)) {
       return resolver(getOrRegisterUrlVariable(variable));
     }
+    if (isSwitchVariable(variable)) {
+      let resolvedValue = isVariable(variable.value) ? resolveVariable(variable.value, client, taskContext, extras, resolver) : variable.value;
+      if (isCondition(resolvedValue)) {
+        resolvedValue = {
+          ...resolvedValue,
+          variable: resolveVariable(resolvedValue.variable, client, taskContext, extras, resolver)
+        };
+      }
+      const resolvedValueMap = isVariable(variable.value_map) ? resolveVariable(variable.value_map, client, taskContext, extras, resolver) : variable.value_map;
+      const resolvedDefault = isVariable(variable.default) ? resolveVariable(variable.default, client, taskContext, extras, resolver) : variable.default;
+      return {
+        type: "switch",
+        uid: variable.uid,
+        value: resolvedValue,
+        value_map: resolvedValueMap,
+        default: resolvedDefault
+      };
+    }
     return resolver(getOrRegisterPlainVariable(variable, client, taskContext, extras));
   }
   /*!
@@ -54182,6 +54054,18 @@ Inferred class string: "${iconClasses}."`
     escapePathComponent,
     unescapePathComponent
   });
+  function onTokenChange(cb) {
+    return store.subscribe(getTokenKey(), cb);
+  }
+  function getSessionToken() {
+    return store.getValueSync(getTokenKey());
+  }
+  function setSessionToken(token) {
+    store.setValue(getTokenKey(), token);
+  }
+  function useSessionToken() {
+    return React__namespace.useSyncExternalStore(onTokenChange, getSessionToken);
+  }
   const STORE_EXTRAS_MAP = /* @__PURE__ */ new Map();
   const STORE_VARIABLE_MAP = /* @__PURE__ */ new Map();
   const STORE_SEQUENCE_MAP = /* @__PURE__ */ new Map();
@@ -54433,6 +54317,46 @@ Inferred class string: "${iconClasses}."`
   function StoreProviders({ children }) {
     return /* @__PURE__ */ React__namespace.createElement(BackendStoreSync, null, /* @__PURE__ */ React__namespace.createElement(BrowserStoreSync, null, children));
   }
+  function isConditionTrue(operator, value, other) {
+    if (operator === ConditionOperator.EQUAL) {
+      return value === other;
+    }
+    if (operator === ConditionOperator.NOT_EQUAL) {
+      return value !== other;
+    }
+    if (operator === ConditionOperator.GREATER_EQUAL) {
+      return value >= other;
+    }
+    if (operator === ConditionOperator.GREATER_THAN) {
+      return value > other;
+    }
+    if (operator === ConditionOperator.LESS_EQUAL) {
+      return value <= other;
+    }
+    if (operator === ConditionOperator.LESS_THAN) {
+      return value < other;
+    }
+    if (operator === ConditionOperator.TRUTHY) {
+      return !!value;
+    }
+    throw new Error(`Unexpected operator ${String(operator)} passed to conditional (If) component`);
+  }
+  function useConditionOrVariable(arg) {
+    if (isCondition(arg)) {
+      const value = useVariable(arg.variable)[0];
+      const other = useVariable(arg.other)[0];
+      return isConditionTrue(arg.operator, value, other);
+    }
+    return useVariable(arg)[0];
+  }
+  function useSwitchVariable(variable) {
+    var _a;
+    const value = useConditionOrVariable(variable.value);
+    const [valueMap] = useVariable(variable.value_map);
+    const [defaultValue] = useVariable(variable.default);
+    const lookupKey = String(value);
+    return (_a = valueMap[lookupKey]) != null ? _a : defaultValue;
+  }
   function warnUpdateOnDerivedState() {
     console.warn("You tried to call update on variable with derived state, this is a noop and will be ignored.");
   }
@@ -54478,6 +54402,9 @@ Inferred class string: "${iconClasses}."`
       }, [urlValue]);
       return [urlValue, setUrlValue];
     }
+    if (isSwitchVariable(variable)) {
+      return [useSwitchVariable(variable), warnUpdateOnDerivedState];
+    }
     const recoilState = getOrRegisterPlainVariable(variable, wsClient, taskContext, extras);
     if (!isDerivedVariable(variable.default)) {
       const [value, setValue] = Recoil_index_22(recoilState);
@@ -54495,6 +54422,246 @@ Inferred class string: "${iconClasses}."`
     const deferred = useDeferLoadable(loadable);
     return [deferred, setLoadable];
   }
+  function flexStyles(props, displayCtx2, useDisplayContext) {
+    let flexBasis = props.basis;
+    let flexShrink = props.shrink;
+    let flexGrow = props.grow;
+    if (useDisplayContext) {
+      if (props.width && displayCtx2.direction === "horizontal") {
+        flexBasis != null ? flexBasis : flexBasis = props.width;
+        flexShrink != null ? flexShrink : flexShrink = "0";
+        flexGrow != null ? flexGrow : flexGrow = "0";
+      }
+      if (props.height && displayCtx2.direction === "vertical") {
+        flexBasis != null ? flexBasis : flexBasis = props.height;
+        flexShrink != null ? flexShrink : flexShrink = "0";
+        flexGrow != null ? flexGrow : flexGrow = "0";
+      }
+    }
+    if (props.hug || props.hug !== false && displayCtx2.hug) {
+      flexBasis != null ? flexBasis : flexBasis = "content";
+      flexShrink != null ? flexShrink : flexShrink = "1";
+      flexGrow != null ? flexGrow : flexGrow = "0";
+    }
+    return { flexBasis, flexGrow, flexShrink };
+  }
+  function parseRawCss(rawCss) {
+    const isRawObject = typeof rawCss === "object" && rawCss !== null && rawCss !== void 0;
+    const componentCss = !isRawObject && typeof rawCss === "string" ? rawCss : "";
+    const styles2 = isRawObject ? rawCss : {};
+    return [styles2, componentCss];
+  }
+  function useComponentStyles(props, useDisplayContext = true) {
+    const [rawCssValue] = useVariable(props.raw_css);
+    const [rawStyles, rawCss] = parseRawCss(rawCssValue);
+    const displayCtx$1 = React.useContext(displayCtx);
+    const flexProps = flexStyles(props, displayCtx$1, useDisplayContext);
+    const styles2 = React.useMemo(() => {
+      var _a;
+      const stylesObj = {
+        backgroundColor: props.background,
+        border: props.border,
+        borderRadius: props.border_radius,
+        color: props.color,
+        fontFamily: props.font,
+        fontSize: props.font_size,
+        fontStyle: props.italic ? "italic" : "normal",
+        fontWeight: props.bold ? "bold" : "normal",
+        gap: props.gap,
+        height: props.height,
+        margin: props.margin,
+        maxHeight: props.max_height,
+        maxWidth: props.max_width,
+        minHeight: props.min_height,
+        minWidth: props.min_width,
+        overflow: props.overflow,
+        padding: props.padding,
+        position: props.position,
+        textDecoration: props.underline ? "underline" : "none",
+        width: props.width,
+        ...flexProps,
+        ...rawStyles,
+        ...(_a = props.style) != null ? _a : {}
+      };
+      return Object.fromEntries(Object.entries(stylesObj).filter(([, v2]) => v2 !== null && v2 !== void 0));
+    }, [useDeepCompare(props)]);
+    return [styles2, rawCss];
+  }
+  function useUrlSync(options) {
+    const urlSerializer = React.useCallback((val) => {
+      if (val === void 0 || val === null) {
+        return "";
+      }
+      if (["string", "number", "boolean"].includes(typeof val)) {
+        return String(val);
+      }
+      return JSON.stringify(val);
+    }, []);
+    const urlDeserializer = React.useCallback((val) => {
+      if (val === "") {
+        return void 0;
+      }
+      try {
+        return JSON.parse(val);
+      } catch {
+        return val;
+      }
+    }, []);
+    const listenChangeURL = React.useCallback((handler) => {
+      const unregister = options.history.listen(() => {
+        handler();
+      });
+      return () => unregister();
+    }, []);
+    const memoryOptions = {
+      getURL: () => {
+        return window.location.origin + options.history.location.pathname + options.history.location.search;
+      },
+      pushURL: (url) => {
+        options.history.push(url.replace(window.location.origin, ""));
+      },
+      replaceURL: (url) => {
+        options.history.replace(url.replace(window.location.origin, ""));
+      }
+    };
+    return {
+      browserInterface: {
+        listenChangeURL,
+        ...options.memory_TEST ? memoryOptions : {}
+      },
+      deserialize: urlDeserializer,
+      location: { part: "queryParams" },
+      serialize: urlSerializer
+    };
+  }
+  const Wrapper$2 = styled__default.default.div`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    width: 100%;
+    height: 100%;
+`;
+  const FlashingDots = styled__default.default.div`
+    position: relative;
+
+    width: 10px;
+    height: 10px;
+
+    color: ${(props) => props.theme.colors.grey4};
+
+    background-color: ${(props) => props.theme.colors.grey4};
+    border-radius: 5px;
+
+    animation: dot-flashing 1s infinite linear alternate;
+    animation-delay: 0.5s;
+
+    &::before,
+    &::after {
+        content: '';
+        position: absolute;
+        top: 0;
+        display: inline-block;
+    }
+
+    &::before {
+        left: -15px;
+
+        width: 10px;
+        height: 10px;
+
+        color: ${(props) => props.theme.colors.grey4};
+
+        background-color: ${(props) => props.theme.colors.grey4};
+        border-radius: 5px;
+
+        animation: dot-flashing 1s infinite alternate;
+        animation-delay: 0s;
+    }
+
+    &::after {
+        left: 15px;
+
+        width: 10px;
+        height: 10px;
+
+        color: ${(props) => props.theme.colors.grey4};
+
+        background-color: ${(props) => props.theme.colors.grey4};
+        border-radius: 5px;
+
+        animation: dot-flashing 1s infinite alternate;
+        animation-delay: 1s;
+    }
+
+    @keyframes dot-flashing {
+        0% {
+            background-color: ${(props) => props.theme.colors.grey4};
+        }
+
+        50%,
+        100% {
+            background-color: ${(props) => props.theme.colors.grey3};
+        }
+    }
+`;
+  function Dots(props) {
+    return /* @__PURE__ */ React__default.default.createElement(Wrapper$2, { className: props.className, style: props.style }, /* @__PURE__ */ React__default.default.createElement(FlashingDots, { "data-testid": "LOADING" }));
+  }
+  const StyledDots$1 = injectCss(Dots);
+  function DefaultFallback(props) {
+    const [style, css2] = useComponentStyles(props);
+    return /* @__PURE__ */ React__default.default.createElement(StyledDots$1, { $rawCss: css2, style });
+  }
+  const Center = styled__default.default.div`
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+
+    width: 100%;
+    height: 100%;
+
+    background: ${(props) => props.colored ? props.theme.colors.blue1 : ""};
+`;
+  const CenteredDivWithGap = styled__default.default(Center)`
+    gap: 0.6rem;
+    margin: 10px;
+    text-align: center;
+`;
+  const errorMessages = {
+    "403": {
+      description: "You are not authorised to access this application. Please contact the application owner to enable access.",
+      styling: "error",
+      title: "We were not able to authenticate you"
+    },
+    default: {
+      description: "Your login session may have expired. Try again.",
+      styling: "primary",
+      title: "We were not able to authenticate you"
+    }
+  };
+  function ErrorPage() {
+    const { search } = useLocation();
+    const query = React.useMemo(() => new URLSearchParams(search), [search]);
+    const code = query.get("code");
+    const errorConfig = code && errorMessages[code] || errorMessages.default;
+    return /* @__PURE__ */ React__default.default.createElement(CenteredDivWithGap, null, /* @__PURE__ */ React__default.default.createElement("h1", null, errorConfig.title), /* @__PURE__ */ React__default.default.createElement("p", null, errorConfig.description), /* @__PURE__ */ React__default.default.createElement(Button$1, { href: "/login", styling: errorConfig.styling }, "Retry"));
+  }
+  function useActionRegistry() {
+    const { actionRegistry: actions } = React.useContext(registriesCtx);
+    const get2 = React.useCallback(
+      (impl) => {
+        if (actions && actions[impl.name]) {
+          return actions[impl.name];
+        }
+        throw new Error(`Attempted to load an action (${impl.name}) that is not in the registry`);
+      },
+      [actions]
+    );
+    return React.useMemo(() => ({ get: get2 }), [get2]);
+  }
   async function invokeAction(input, executionId, annotatedAction, actionCtx) {
     const resolvedKwargs = Object.keys(annotatedAction.dynamic_kwargs).reduce(
       (acc, k2) => {
@@ -54843,6 +55010,9 @@ Inferred class string: "${iconClasses}."`
       ctx.extras,
       (v2) => ctx.snapshot.getLoadable(v2).getValue()
     );
+    if (isResolvedSwitchVariable(resolved)) {
+      throw new UserError("Switch variables are not supported in this context");
+    }
     if (!shouldFetchVariable || !isDerivedVariable(variable) && !isDataVariable(variable) && !isDerivedDataVariable(variable)) {
       return resolved;
     }
@@ -55193,6 +55363,14 @@ Inferred class string: "${iconClasses}."`
         values: cleanedValues
       };
     }
+    if (isResolvedSwitchVariable(value)) {
+      return {
+        ...value,
+        value: cleanValue(value.value, force),
+        value_map: cleanValue(value.value_map, force),
+        default: cleanValue(value.default, force)
+      };
+    }
     return value;
   }
   function cleanKwargs(kwargs, force) {
@@ -55811,7 +55989,8 @@ Inferred class string: "${iconClasses}."`
 `;
   function ErrorDisplay$1(props) {
     var _a, _b, _c, _d, _e2;
-    const [styles2, css2] = parseRawCss((_a = props.config) == null ? void 0 : _a.raw_css);
+    const [cssValue] = useVariable((_a = props.config) == null ? void 0 : _a.raw_css);
+    const [styles2, css2] = parseRawCss(cssValue);
     const defaultMessage = props.error instanceof UserError ? props.error.message : "Try again or contact the application owner.";
     return /* @__PURE__ */ React__default.default.createElement(ErrorDisplayWrapper, { $rawCss: css2, style: styles2 }, /* @__PURE__ */ React__default.default.createElement(ContentWrapper, null, /* @__PURE__ */ React__default.default.createElement(ErrorContent, null, /* @__PURE__ */ React__default.default.createElement(ErrorTitle$1, null, /* @__PURE__ */ React__default.default.createElement(IconWrapper, null, /* @__PURE__ */ React__default.default.createElement(ErrorIcon, { "aria-hidden": true, className: "fa-solid fa-circle-xmark fa-lg" })), (_c = (_b = props == null ? void 0 : props.config) == null ? void 0 : _b.title) != null ? _c : "Error"), /* @__PURE__ */ React__default.default.createElement(ErrorText, null, (_e2 = (_d = props == null ? void 0 : props.config) == null ? void 0 : _d.description) != null ? _e2 : defaultMessage))), props.resetErrorBoundary && /* @__PURE__ */ React__default.default.createElement(RetryButton, { onClick: () => props.resetErrorBoundary(props.error), type: "button" }, /* @__PURE__ */ React__default.default.createElement("i", { "aria-hidden": true, className: "fa-solid fa-rotate fa-xl" })));
   }
@@ -56725,6 +56904,8 @@ Inferred class string: "${iconClasses}."`
         ctx.eventBus.publish("URL_VARIABLE_LOADED", { variable, value: variable.default });
       } else if (isDataVariable(variable))
         ;
+      else if (isSwitchVariable(variable))
+        ;
       else {
         const plainAtom = getOrRegisterPlainVariable(variable, ctx.wsClient, ctx.taskCtx, ctx.extras);
         ctx.reset(plainAtom);
@@ -82515,6 +82696,8 @@ Inferred class string: "${iconClasses}."`
   exports.injectCss = injectCss;
   exports.isActionImpl = isActionImpl;
   exports.isAnnotatedAction = isAnnotatedAction;
+  exports.isCondition = isCondition;
+  exports.isConditionTrue = isConditionTrue;
   exports.isDataVariable = isDataVariable;
   exports.isDerivedDataVariable = isDerivedDataVariable;
   exports.isDerivedVariable = isDerivedVariable;
@@ -82527,6 +82710,8 @@ Inferred class string: "${iconClasses}."`
   exports.isResolvedDataVariable = isResolvedDataVariable;
   exports.isResolvedDerivedDataVariable = isResolvedDerivedDataVariable;
   exports.isResolvedDerivedVariable = isResolvedDerivedVariable;
+  exports.isResolvedSwitchVariable = isResolvedSwitchVariable;
+  exports.isSwitchVariable = isSwitchVariable;
   exports.isTaskResponse = isTaskResponse$1;
   exports.isUrlVariable = isUrlVariable;
   exports.isVariable = isVariable;
@@ -82555,6 +82740,7 @@ Inferred class string: "${iconClasses}."`
   exports.useComponentRegistry = useComponentRegistry;
   exports.useComponentStyles = useComponentStyles;
   exports.useComponents = useComponents;
+  exports.useConditionOrVariable = useConditionOrVariable;
   exports.useConfig = useConfig;
   exports.useDataVariable = useDataVariable;
   exports.useDeferLoadable = useDeferLoadable;
@@ -82567,6 +82753,7 @@ Inferred class string: "${iconClasses}."`
   exports.useRequestExtras = useRequestExtras;
   exports.useSession = useSession;
   exports.useSessionToken = useSessionToken;
+  exports.useSwitchVariable = useSwitchVariable;
   exports.useTaskContext = useTaskContext;
   exports.useTemplate = useTemplate;
   exports.useTriggerIndex = useTriggerIndex;