windmill-components 1.389.3 → 1.394.4

package/package/components/flows/map/FlowModuleSchemaMap.svelte

@@ -15,6 +15,7 @@ import FlowTutorials from '../../FlowTutorials.svelte';
 import { ignoredTutorials } from '../../tutorials/ignoredTutorials';
 import { tutorialInProgress } from '../../../tutorialUtils';
 import FlowGraphV2 from '../../graph/FlowGraphV2.svelte';
+import { replaceId } from '../flowStore';
 export let modules;
 export let sidebarSize = undefined;
 export let disableStaticInputs = false;
@@ -149,7 +150,7 @@ async function updateFlowInputsStore() {
             $flowInputsStore = {};
         }
         $flowInputsStore[module.id] = {
-            flowStepWarnings: await initFlowStepWarnings(module.value, $flowStateStore?.[module.id]?.schema ?? {}, dfs($flowStore.value.modules, (fm) => fm.id))
+            flowStepWarnings: await initFlowStepWarnings(module.value, $flowStateStore?.[module.id]?.schema, dfs($flowStore.value.modules, (fm) => fm.id))
         };
     }
 }
@@ -279,6 +280,35 @@ async function updateFlowInputsStore() {
 					$flowStore = $flowStore
 				}
 			}}
+			on:changeId={({ detail }) => {
+				let { id, newId, deps } = detail
+				dfs($flowStore.value.modules, (mod) => {
+					if (deps[mod.id]) {
+						deps[mod.id].forEach((dep) => {
+							if (
+								mod.value.type == 'rawscript' ||
+								mod.value.type == 'script' ||
+								mod.value.type == 'flow'
+							) {
+								mod.value.input_transforms = Object.fromEntries(
+									Object.entries(mod.value.input_transforms).map(([k, v]) => {
+										if (v.type == 'javascript') {
+											return [k, { ...v, expr: replaceId(v.expr, id, newId) }]
+										} else {
+											return [k, v]
+										}
+									})
+								)
+							}
+						})
+					}
+					if (mod.id == id) {
+						mod.id = newId
+					}
+				})
+				$flowStore = $flowStore
+				$selectedId = newId
+			}}
 			on:deleteBranch={async ({ detail }) => {
 				if (detail.module) {
 					await removeBranch(detail.module, detail.index)

package/package/components/flows/map/InsertModuleButton.svelte

@@ -30,13 +30,13 @@ let customUi = getContext('customUi');
 			id={`flow-editor-add-step-${index}`}
 			type="button"
 			class={twMerge(
-				'w-6 h-6 flex items-center justify-center',
-				'border border-gray-300 dark:border-gray-500',
-				'text-primary text-sm',
-				'bg-surface focus:outline-none hover:bg-surface-hover focus:ring-4 focus:ring-surface-selected rounded-full '
+				'w-5 h-5 flex items-center justify-center',
+				'outline-[1px] outline dark:outline-gray-500 outline-gray-300',
+				'text-secondary',
+				'bg-surface focus:outline-none hover:bg-surface-hover   rounded '
 			)}
 		>
-			<Cross size={14} />
+			<Cross size={12} />
 		</button>
 	</svelte:fragment>
 	<div id="flow-editor-insert-module">

package/package/components/flows/map/InsertTriggerButton.svelte

@@ -23,9 +23,9 @@ $: !open && (funcDesc = '');
 		title="Add a Trigger"
 		slot="trigger"
 		type="button"
-		class="text-primary bg-surface border-[1px] mx-[1px] border-gray-300 dark:border-gray-500 rotate-180 focus:outline-none hover:bg-surface-hover focus:ring-4 focus:ring-gray-200 font-medium rounded-full text-sm w-[25px] h-[25px] flex items-center justify-center"
+		class="text-secondary bg-surface outline-[1px] outline dark:outline-gray-500 outline-gray-300 rotate-180 focus:outline-none hover:bg-surface-hover focus:ring-4 focus:ring-gray-200 font-medium rounded text-sm w-[20px] h-[20px] flex items-center justify-center"
 	>
-		<Zap size={14} />
+		<Zap size={12} />
 	</button>
 	{#if !disableAi}
 		<StepGen {index} bind:funcDesc bind:open {close} {modules} trigger on:insert />

package/package/components/flows/map/MapItem.svelte

@@ -79,6 +79,7 @@ function onDelete(event) {
 						mod.value.skip_failures ? '(skip failures)' : ''
 					}`}
 					id={mod.id}
+					on:changeId
 					on:move={() => dispatch('move')}
 					on:delete={onDelete}
 					on:click={() => dispatch('select', mod.id)}
@@ -97,6 +98,7 @@ function onDelete(event) {
 			{:else if mod.value.type === 'branchone'}
 				<FlowModuleSchemaItem
 					deletable={insertable}
+					on:changeId
 					on:delete={onDelete}
 					on:move={() => dispatch('move')}
 					on:click={() => dispatch('select', mod.id)}
@@ -112,6 +114,7 @@ function onDelete(event) {
 			{:else if mod.value.type === 'branchall'}
 				<FlowModuleSchemaItem
 					deletable={insertable}
+					on:changeId
 					on:delete={onDelete}
 					on:move={() => dispatch('move')}
 					on:click={() => dispatch('select', mod.id)}
@@ -127,6 +130,7 @@ function onDelete(event) {
 			{:else}
 				<FlowModuleSchemaItem
 					{retries}
+					on:changeId
 					on:click={() => dispatch('select', mod.id)}
 					on:delete={onDelete}
 					on:move={() => dispatch('move')}

package/package/components/flows/map/MapItem.svelte.d.ts

@@ -17,6 +17,7 @@ declare const __propDef: {
         } | undefined;
     };
     events: {
+        changeId: CustomEvent<any>;
         delete: CustomEvent<CustomEvent<MouseEvent>>;
         insert: CustomEvent<{
             modules: FlowModule[];

package/package/components/flows/map/VirtualItem.svelte

@@ -1,7 +1,7 @@
 <script>import { Badge } from '../../common';
 import { classNames } from '../../../utils';
 import { createEventDispatcher, getContext } from 'svelte';
-export let label;
+export let label = undefined;
 export let bgColor = '';
 export let selected;
 export let selectable;
@@ -9,6 +9,7 @@ export let id = undefined;
 export let center = true;
 export let borderColor = undefined;
 export let hideId = false;
+export let preLabel = undefined;
 const dispatch = createEventDispatcher();
 const { currentStepStore: copilotCurrentStepStore } = getContext('FlowCopilotContext') || {};
 </script>
@@ -20,8 +21,7 @@ const { currentStepStore: copilotCurrentStepStore } = getContext('FlowCopilotCon
 		'w-full flex relative overflow-hidden rounded-sm',
 		selectable ? 'cursor-pointer' : '',
 		selected ? 'outline outline-offset-1 outline-2  outline-gray-600' : '',
-		label === 'Input' && $copilotCurrentStepStore === 'Input' ? 'z-[901]' : '',
-		'bg-surface'
+		label === 'Input' && $copilotCurrentStepStore === 'Input' ? 'z-[901]' : ''
 	)}
 	style="width: 275px; max-height: 34px; background-color: {bgColor} !important;"
 	on:click={() => {
@@ -29,14 +29,15 @@ const { currentStepStore: copilotCurrentStepStore } = getContext('FlowCopilotCon
 			if (id) {
 				dispatch('select', id)
 			} else {
-				dispatch('select', label)
+				dispatch('select', label || label || '')
 			}
 		}
 	}}
-	id={`flow-editor-virtual-${encodeURIComponent(label)}`}
+	title={(label ? label + ' ' : '') + (label ?? '')}
+	id={`flow-editor-virtual-${encodeURIComponent(label || label || '')}`}
 >
 	<div
-		style={borderColor ? `border-color: ${borderColor};` : ''}
+		style={borderColor ? `border-color: ${borderColor};` : 'border: 0'}
 		class="flex gap-1 justify-between {center
 			? 'items-center'
 			: 'items-baseline'} w-full overflow-hidden rounded-sm border p-2 text-2xs module text-primary border-gray-400 dark:border-gray-600"
@@ -46,7 +47,14 @@ const { currentStepStore: copilotCurrentStepStore } = getContext('FlowCopilotCon
 			<span class="mr-2" />
 		{/if}
 		<div />
-		<div class="truncate"><pre>{label}</pre></div>
+		<div class="flex flex-col w-full">
+			{#if label}
+				<div class="truncate text-center">{label}</div>
+			{/if}
+			{#if preLabel}
+				<div class="truncate text-2xs text-center"><pre>{preLabel}</pre></div>
+			{/if}
+		</div>
 		<div class="flex items-center space-x-2">
 			{#if id && !hideId}
 				<Badge color="indigo">{id}</Badge>

package/package/components/flows/map/VirtualItem.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponent } from "svelte";
 import type { FlowModule } from '../../../gen';
 declare const __propDef: {
     props: {
-        label: string;
+        label?: string | undefined;
         bgColor?: string | undefined;
         selected: boolean;
         selectable: boolean;
@@ -10,6 +10,7 @@ declare const __propDef: {
         center?: boolean | undefined;
         borderColor?: string | undefined;
         hideId?: boolean | undefined;
+        preLabel?: string | undefined;
     };
     events: {
         insert: CustomEvent<{

package/package/components/flows/previousResults.js

@@ -90,7 +90,7 @@ export function getPreviousIds(id, flow, include_node) {
 export function getFailureStepPropPicker(flowState, flow, args) {
     const allIds = flow.value.modules.map((x) => x.id);
     let priorIds = Object.fromEntries(allIds.map((id) => [id, flowState[id]?.previewResult ?? {}]).reverse());
-    const flowInput = getFlowInput(dfs(flow.value.modules[0].id, flow), flowState, args, flow.schema);
+    const flowInput = getFlowInput(dfs(flow.value.modules?.[0]?.id, flow), flowState, args, flow.schema);
     return {
         pickableProperties: {
             flow_input: schemaToObject(flow.schema, args),

package/package/components/flows/utils.d.ts

@@ -25,15 +25,15 @@ export declare function runFlowPreview(args: Record<string, any>, flow: OpenFlow
 }, path: string, restartedFrom: RestartedFrom | undefined): Promise<string>;
 export declare function codeToStaticTemplate(code?: string): string | undefined;
 export declare function emptyFlowModuleState(): FlowModuleState;
-export declare function isInputFilled(inputTransforms: Record<string, InputTransform>, key: string, schema: Schema): boolean;
+export declare function isInputFilled(inputTransforms: Record<string, InputTransform>, key: string, schema: Schema | undefined): boolean;
 export declare function computeFlowStepWarning(argName: string, flowModuleValue: FlowModuleValue, messages: Record<string, {
     message: string;
     type: 'error' | 'warning';
-}>, schema: Schema, moduleIds?: string[]): Promise<Record<string, {
+}>, schema: Schema | undefined, moduleIds?: string[]): Promise<Record<string, {
     message: string;
     type: 'error' | 'warning';
 }>>;
-export declare function initFlowStepWarnings(flowModuleValue: FlowModuleValue, schema: Schema, moduleIds?: string[]): Promise<Record<string, {
+export declare function initFlowStepWarnings(flowModuleValue: FlowModuleValue, schema: Schema | undefined, moduleIds?: string[]): Promise<Record<string, {
     message: string;
     type: 'error' | 'warning';
 }>>;

package/package/components/flows/utils.js

@@ -187,7 +187,7 @@ export async function computeFlowStepWarning(argName, flowModuleValue, messages,
     }
     const type = flowModuleValue.type;
     if (type == 'rawscript' || type == 'script' || type == 'flow') {
-        if (!isInputFilled(flowModuleValue.input_transforms, argName, schema ?? {})) {
+        if (!isInputFilled(flowModuleValue.input_transforms, argName, schema)) {
             messages[argName] = {
                 message: `Input ${argName} is required but not filled`,
                 type: 'warning'
@@ -214,7 +214,7 @@ export async function initFlowStepWarnings(flowModuleValue, schema, moduleIds =
     if (type == 'rawscript' || type == 'script' || type == 'flow') {
         const keys = Object.keys(flowModuleValue.input_transforms ?? {});
         const promises = keys.map(async (key) => {
-            await computeFlowStepWarning(key, flowModuleValue, messages, schema ?? {}, moduleIds);
+            await computeFlowStepWarning(key, flowModuleValue, messages, schema, moduleIds);
         });
         await Promise.all(promises);
     }

package/package/components/graph/FlowGraphV2.svelte

@@ -110,6 +110,9 @@ $: graph = graphBuilder(modules, {
             dispatch('select', modId);
         }
     },
+    changeId: (detail) => {
+        dispatch('changeId', detail);
+    },
     delete: (detail, label) => {
         $selectedId = label;
         dispatch('delete', detail);
@@ -219,6 +222,7 @@ onMount(() => {
 			showLock={false}
 			showZoom={false}
 			showFitView={false}
+			class="!shadow-none"
 		>
 			{#if showDataflow}
 				<Toggle

package/package/components/graph/FlowGraphV2.svelte.d.ts

@@ -26,6 +26,7 @@ declare const __propDef: {
         deleteBranch: CustomEvent<any>;
         insert: CustomEvent<any>;
         select: CustomEvent<any>;
+        changeId: CustomEvent<any>;
         delete: CustomEvent<any>;
         newBranch: CustomEvent<any>;
         move: CustomEvent<any>;

package/package/components/graph/graphBuilder.d.ts

@@ -8,6 +8,7 @@ export type GraphEventHandlers = {
     newBranch: (module: FlowModule) => void;
     move: (module: FlowModule, modules: FlowModule[]) => void;
     selectedIteration: (detail: any, moduleId: string) => void;
+    changeId: (newId: string) => void;
 };
 export default function graphBuilder(modules: FlowModule[] | undefined, extra: Record<string, any>, failureModule: FlowModule | undefined, eventHandlers: GraphEventHandlers, success: boolean | undefined, useDataflow: boolean | undefined, selectedId: string | undefined, moving: string | undefined): {
     nodes: Node[];

package/package/components/graph/graphBuilder.js

@@ -258,10 +258,8 @@ export default function graphBuilder(modules, extra, failureModule, eventHandler
                             id: `${module.id}-branch-${branchIndex}`,
                             data: {
                                 offset: currentOffset,
-                                label: defaultIfEmptyString(branch.summary, 'Branch ' + (branchIndex + 1)) +
-                                    '\n`' +
-                                    branch.expr +
-                                    '`',
+                                label: defaultIfEmptyString(branch.summary, 'Branch ' + (branchIndex + 1)),
+                                preLabel: branch.summary ? '' : branch.expr,
                                 id: module.id,
                                 branchIndex: branchIndex,
                                 modules: modules,

package/package/components/graph/renderers/edges/BaseEdge.svelte

@@ -34,7 +34,7 @@ let menuOpen = false;
 	{#if data?.insertable && !$useDataflow && !data?.moving}
 		<div
 			class={twMerge('edgeButtonContainer nodrag nopan top-0', menuOpen ? 'z-50' : '')}
-			style:transform="translate(-50%, 50%) translate({sourceX}px,{sourceY}px)"
+			style:transform="translate(-50%, 50%) translate({sourceX}px,{sourceY + 2}px)"
 		>
 			<InsertModuleButton
 				disableAi={data.disableAi}
@@ -58,7 +58,7 @@ let menuOpen = false;
 		{#if data.enableTrigger}
 			<div
 				class="edgeButtonContainer nodrag nopan"
-				style:transform="translate(100%, 50%) translate({sourceX}px,{sourceY}px)"
+				style:transform="translate(100%, 50%) translate({sourceX}px,{sourceY + 2}px)"
 			>
 				<InsertTriggerButton
 					disableAi={data.disableAi}

package/package/components/graph/renderers/nodes/BranchAllStart.svelte

@@ -25,8 +25,9 @@ $: borderStatus = computeBorderStatus(data.branchIndex, 'branchall', data.flowMo
 	/>
 	{#if data.insertable}
 		<button
+			title="Delete branch"
 			class="z-50 absolute -top-[10px] -right-[10px] rounded-full h-[20px] w-[20px] center-center text-primary
-border-[1.5px] border-gray-700 bg-surface duration-150 hover:bg-red-400 hover:text-white
+outline-[1px] outline outline-gray-700 bg-surface duration-150 hover:bg-red-400 hover:text-white
 hover:border-red-700"
 			on:click|preventDefault|stopPropagation={() => {
 				data.eventHandlers.deleteBranch(

package/package/components/graph/renderers/nodes/BranchOneStart.svelte

@@ -10,18 +10,18 @@ $: borderStatus = computeBorderStatus(data.branchIndex + 1, 'branchone', data.fl
 <NodeWrapper let:darkMode offset={data.offset}>
 	<VirtualItem
 		label={data.label}
+		preLabel={data.preLabel}
 		selectable
 		selected={data.selected}
 		bgColor={getStateColor(undefined, darkMode)}
-		borderColor={borderStatus
-			? getStateColor(borderStatus, darkMode) + (!darkMode ? '; border-width: 3px' : '')
-			: undefined}
+		borderColor={borderStatus ? getStateColor(borderStatus, darkMode) : undefined}
 		on:select={() => {
 			data.eventHandlers.select(data.id)
 		}}
 	/>
 	{#if data.insertable}
 		<button
+			title="Delete branch"
 			class="z-50 absolute -top-[10px] -right-[10px] rounded-full h-[20px] w-[20px] center-center text-primary
 border-[1.5px] border-gray-700 bg-surface duration-150 hover:bg-red-400 hover:text-white
 hover:border-red-700"

package/package/components/graph/renderers/nodes/BranchOneStart.svelte.d.ts

@@ -6,6 +6,7 @@ declare const __propDef: {
     props: {
         data: {
             label: string;
+            preLabel: string | undefined;
             insertable: boolean;
             flowModuleStates: Record<string, GraphModuleState> | undefined;
             id: string;

package/package/components/graph/renderers/nodes/InputNode.svelte

@@ -30,9 +30,9 @@ const { selectedId } = getContext('FlowGraphContext');
 								: undefined}
 							slot="trigger"
 							type="button"
-							class=" bg-surface text-violet-800 dark:text-violet-400 border mx-0.5 focus:outline-none hover:bg-surface-hover focus:ring-4 focus:ring-gray-200 font-medium rounded-full text-sm w-8 h-8 flex items-center justify-center"
+							class=" bg-surface text-violet-800 dark:text-violet-400 border mx-0.5 focus:outline-none hover:bg-surface-hover focus:ring-4 focus:ring-gray-200 font-medium rounded-full text-sm w-7 h-7 flex items-center justify-center"
 						>
-							<Wand2 size={16} />
+							<Wand2 size={12} />
 						</button>
 						{#if !$copilotInfo.exists_openai_resource_path}
 							<div class="text-primary p-4">

package/package/components/graph/renderers/nodes/ModuleNode.svelte

@@ -29,7 +29,7 @@ let selectedIteration = -1;
 			  '/' +
 			  (state?.iteration_total ?? '?')
 			: ''}
-		bgColor={getStateColor(type, darkMode, '#fff')}
+		bgColor={getStateColor(type, darkMode, true)}
 		modules={data.modules ?? []}
 		moving={data.moving}
 		duration_ms={state?.duration_ms}
@@ -41,6 +41,9 @@ let selectedIteration = -1;
 		on:insert={(e) => {
 			data.eventHandlers.insert(e.detail)
 		}}
+		on:changeId={(e) => {
+			data.eventHandlers.changeId(e.detail)
+		}}
 		on:move={(e) => {
 			data.eventHandlers.move(data.module, data.modules)
 		}}
@@ -59,7 +62,8 @@ let selectedIteration = -1;
 	<div class="absolute -bottom-10 left-1/2 transform -translate-x-1/2 z-10">
 		{#if (data.value.type === 'branchall' || data.value.type === 'branchone') && data.insertable}
 			<button
-				class="rounded-full border hover:bg-surface-hover bg-surface p-1"
+				title="Add branch"
+				class="rounded text-secondary border hover:bg-surface-hover bg-surface p-1"
 				on:click={() => {
 					data?.eventHandlers?.newBranch(data.module)
 				}}

package/package/components/graph/util.d.ts

@@ -7,4 +7,4 @@ export declare const NODE: {
         vertical: number;
     };
 };
-export declare function getStateColor(state: FlowStatusModule['type'] | undefined, isDark: boolean, lightModeBackground?: string): string;
+export declare function getStateColor(state: FlowStatusModule['type'] | undefined, isDark: boolean, nonVirtualItem?: boolean): string;

package/package/components/graph/util.js

@@ -6,7 +6,7 @@ export const NODE = {
         vertical: 50
     }
 };
-export function getStateColor(state, isDark, lightModeBackground = '#dfe6ee') {
+export function getStateColor(state, isDark, nonVirtualItem) {
     switch (state) {
         case 'Success':
             return isDark ? '#059669' : 'rgb(193, 255, 216)';
@@ -19,6 +19,11 @@ export function getStateColor(state, isDark, lightModeBackground = '#dfe6ee') {
         case 'WaitingForExecutor':
             return isDark ? '#ea580c' : 'rgb(255, 208, 193)';
         default:
-            return isDark ? '#2e3440' : lightModeBackground;
+            if (nonVirtualItem) {
+                return isDark ? '#2E3440' : 'white';
+            }
+            else {
+                return isDark ? '#313742' : '#dfe6ee';
+            }
     }
 }

package/package/components/icons/AzureIcon.svelte

@@ -2,7 +2,7 @@
 export let width = '24px';
 </script>
 
-<svg id="azure" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 374.5 377.3" width="20" height="20"
+<svg id="azure" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 374.5 377.3" {width} {height}
 	><style>
 		.st0-azure {
 			fill: #00bef2;

package/package/components/icons/FunkwhaleIcon.svelte

@@ -14,11 +14,7 @@ export let width = '24px';
 	style="fill:currentcolor;"
 	><metadata id="metadata25"
 		><rdf:RDF
-			><cc:Work rdf:about=""
-				><dc:format>image/svg+xml</dc:format><dc:type
-					rdf:resource="http://purl.org/dc/dcmitype/StillImage"
-				/><dc:title /></cc:Work
-			></rdf:RDF
+			><cc:Work><dc:format>image/svg+xml</dc:format><dc:type /><dc:title /></cc:Work></rdf:RDF
 		></metadata
 	><defs id="defs23" /><sodipodi:namedview
 		pagecolor="#ffffff"
@@ -27,19 +23,8 @@ export let width = '24px';
 		objecttolerance="10"
 		gridtolerance="10"
 		guidetolerance="10"
-		inkscape:pageopacity="0"
-		inkscape:pageshadow="2"
-		inkscape:window-width="1920"
-		inkscape:window-height="1043"
 		id="namedview21"
 		showgrid="true"
-		inkscape:zoom="1.84375"
-		inkscape:cx="210.72257"
-		inkscape:cy="88.813847"
-		inkscape:window-x="0"
-		inkscape:window-y="0"
-		inkscape:window-maximized="1"
-		inkscape:current-layer="Calque_1"
 		><inkscape:grid
 			type="xygrid"
 			id="grid4535"
@@ -49,13 +34,10 @@ export let width = '24px';
 	>
 	<style id="style2">
 		.st0 {
-
 		}
 		.st1 {
-			
 		}
 		.st2 {
-			
 		}</style>
 
 	<g id="g18" transform="matrix(1.3627521,0,0,1.3627521,-48.105149,-68.371499)">

package/package/components/icons/JumpCloudIcon.svelte

@@ -0,0 +1,12 @@
+<script>export let height = '24px';
+export let width = '24px';
+</script>
+
+<svg version="1.1" id="svg2" x=0 y=0 {width} {height} viewBox="0 0 56 56" style="fill:currentcolor;">
+	<g id="g8">
+		<path
+		d="M55.195 44.935c-.216 0-.38.054-.595.054H29.65c1.678-3.247 4.71-5.79 8.173-6.982-2.5-1.732-3.735-4.763-3.247-7.74.487-2.87 2.598-5.304 5.358-6.224 3.735-1.137 7.794.38 9.634 3.843 1.786 3.464.704 7.848-2.5 10.12 3.464 1.137 6.44 3.68 8.12 6.928-.216 0-1.46-2.76 0 0zm-27.44 0c0-1.028.866-2.057 1.407-2.814-1.3-1.3-2.923-2.327-4.71-2.977 4.222-2.977 3.356-9.634-1.46-11.474-2.977-1.082-6.333 0-8 2.652-1.84 2.923-1.028 6.82 1.786 8.822-2.87.974-5.358 3.085-6.766 5.79h6.71z" fill="#003e52"/><path d="M58.876 34.705c2.977 2.977 1.948 8.12-1.894 9.742-.433-1.515-1.786-3.03-2.87-4.113-1.137-1.19-2.436-2.165-3.843-2.923.866-1.137 1.46-2.5 1.786-3.843 2.273-1.137 5.034-.65 6.82 1.137.27.27-.704-.704 0 0zM5.51 43.203c.758.704 1.678 1.19 2.706 1.515.162-1.245 1.353-2.598 2.22-3.464.92-1.028 2.057-1.948 3.247-2.652-1.3-1.894-1.786-4.276-1.3-6.495-2.923-1.082-6.278.054-7.956 2.652-1.786 2.652-1.3 6.278 1.082 8.443.433.433-.054-.054 0 0zm23.598-9.418c0 1.732-.54 3.356-1.515 4.763 1.028.595 1.894 1.3 2.76 2.11 1.19-1.3 2.598-2.436 4.168-3.302-3.897-5.142-1.678-12.665 4.33-14.992-2.22-2.814-6.008-4.005-9.418-3.03-3.03.866-5.467 3.356-6.17 6.44 3.356 1.137 5.845 4.276 5.845 8z" fill="#f38b00"/><path d="M63.963 38.115c-.433-4.763-4.546-8.498-9.364-8.498-.325 0-.704 0-1.028.054-.974-5.737-6.333-9.85-12.124-9.364-2.87-3.572-7.632-5.304-12.124-4.33a12.18 12.18 0 0 0-8.985 7.956c-3.4.108-6.387 1.948-8.12 4.655C6.375 27.3.53 31.566.042 37.52-.5 43.203 4.2 48.3 10 48.3h45.14c.325 0 .65-.054.92-.162 4.87-.812 8.335-5.25 7.902-10.013zM55.79 46.72c3.79-.595-.216.054 0 0-.162.054-.38.108-.54.108H10c-5.088 0-9.093-4.546-8.498-9.526.65-5.358 6.333-8.822 11.42-6.982 1.515-3.193 4.925-5.196 8.498-4.87.92-3.897 4.06-7.036 7.956-7.956 4.33-1.028 8.93.758 11.42 4.384 5.9-.974 11.42 3.626 11.474 9.58 4.384-1.353 9.147 1.407 10.12 5.9.866 4.33-2.165 8.66-6.603 9.364z" fill="#003e52"
+			id="path116"
+		/>
+	</g>
+</svg>

package/package/components/icons/JumpCloudIcon.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        height?: string | undefined;
+        width?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type JumpCloudIconProps = typeof __propDef.props;
+export type JumpCloudIconEvents = typeof __propDef.events;
+export type JumpCloudIconSlots = typeof __propDef.slots;
+export default class JumpCloudIcon extends SvelteComponent<JumpCloudIconProps, JumpCloudIconEvents, JumpCloudIconSlots> {
+}
+export {};

package/package/components/icons/KeycloakIcon.svelte

@@ -0,0 +1,20 @@
+<script>export let height = '24px';
+export let width = '24px';
+</script>
+
+<svg {width} {height} viewBox="0 0 500 500" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path d="M120.265 169.789L165.899 91.024L349.671 91L395.059 170.549L395.113 329.677L349.678 409.178L165.96 409.243L119.799 329.688L120.265 169.789Z" fill="#4D4D4D"/>
+	<path d="M119.809 329.656H202.632L157.141 249.494L194.138 169.802L120.274 169.785L74 250.142" fill="#EDEDED"/>
+	<path d="M227.748 329.657H288.286L341.814 251.632L289.218 170.552H218.008L175.114 248.902L227.748 329.657Z" fill="#E0E0E0"/>
+	<path d="M74 250.135L119.809 329.684H202.638L157.645 250.409L74 250.135Z" fill="#ACACAC"/>
+	<path d="M175.98 250.149L227.755 329.681H288.286L340.978 250.18L175.98 250.149Z" fill="#9E9E9E"/>
+	<path d="M196.485 250.19L180.861 254.742L165.868 250.183L227.078 144.083L242.39 170.573" fill="#00B8E3"/>
+	<path d="M242.324 329.657L227.091 356.256L186.433 312.454L165.836 250.207V250.176H196.477" fill="#33C6E9"/>
+	<path d="M165.874 250.183H165.843V250.207L150.538 276.728L135.171 250.327L150.754 223.296L196.484 144.1H227.094" fill="#008AAA"/>
+	<path d="M334.293 329.657H427L426.945 170.546H334.297L334.293 329.657Z" fill="#D4D4D4"/>
+	<path d="M334.293 250.399V329.674H426.832V250.399H334.293Z" fill="#919191"/>
+	<path d="M227.108 356.291H196.475L150.536 276.718L165.841 250.214L227.108 356.291Z" fill="#00B8E3"/>
+	<path d="M349.585 250.183L288.358 356.27C282.731 348 273.084 329.684 273.084 329.684L319.013 250.17L349.585 250.183Z" fill="#008AAA"/>
+	<path d="M318.934 356.267L288.358 356.26L349.592 250.173L364.89 223.683L380.236 250.348M349.585 250.183H319.023L273.077 170.563L288.286 144.107L325.475 191.385L349.585 250.183Z" fill="#00B8E3"/>
+	<path d="M364.888 223.669V223.693L349.583 250.183L288.294 144.114L318.959 144.131L364.888 223.669Z" fill="#33C6E9"/>
+</svg>	

package/package/components/icons/KeycloakIcon.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        height?: string | undefined;
+        width?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type KeycloakIconProps = typeof __propDef.props;
+export type KeycloakIconEvents = typeof __propDef.events;
+export type KeycloakIconSlots = typeof __propDef.slots;
+export default class KeycloakIcon extends SvelteComponent<KeycloakIconProps, KeycloakIconEvents, KeycloakIconSlots> {
+}
+export {};

package/package/components/icons/MailchimpIcon.svelte

@@ -2,7 +2,7 @@
 export let width = '24px';
 </script>
 
-<svg {width} {height} viewBox="0 0 38 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="0 0 500 500" fill="none" xmlns="http://www.w3.org/2000/svg">
 	<path d="M35.4564 23.7461C35.7634 23.9117 36.0345 24.1365 36.2539 24.4075C36.595 24.8245 37 25.5651 37 26.7228C37 28.3318 36.3816 30.045 36.1932 30.5305C36.1885 30.5398 36.1807 30.5491 36.1807 30.56C35.0954 33.1717 33.1998 35.3665 30.7727 36.8215C28.4004 38.2453 25.5204 39 22.4457 39H21.874C18.989 38.9399 16.1728 38.1087 13.7183 36.5928C11.5573 35.2377 9.80917 33.317 8.66388 31.0393C7.34228 30.8341 6.10864 30.2504 5.11251 29.3588C3.83683 28.2291 3.04712 26.7509 2.89136 25.1948C2.80667 24.4079 2.85245 23.6125 3.02687 22.8405L2.48482 22.3815C1.61255 21.6455 1.10321 20.5858 1.01443 19.341C0.941223 18.3047 1.14683 17.1221 1.62502 15.815C2.74183 12.7714 5.30566 9.14581 8.48631 6.11775C9.90595 4.74017 11.4809 3.53186 13.1794 2.51708C14.9302 1.50721 16.5189 0.995269 17.9021 1.00149C18.9853 0.973166 20.0403 1.3487 20.8616 2.05493C20.9071 2.08828 21.5749 2.74181 22.1033 3.2589L22.145 3.29976L22.3771 3.20173C24.131 2.47506 25.8568 2.09228 27.3693 2.09228C30.5561 2.09228 32.6215 3.80392 32.6215 6.44919C32.6215 8.08148 31.8225 9.91138 30.3443 11.6853C30.7474 12.3092 31.0516 12.9915 31.2462 13.7081C31.4562 14.4388 31.5709 15.1935 31.5873 15.9535C31.6029 16.2803 31.6169 16.8015 31.6293 17.2683C32.6044 17.5578 33.8287 18.0464 34.5639 18.8244C35.1335 19.3887 35.5069 20.1206 35.6293 20.9126C35.7507 21.6931 35.6295 22.492 35.282 23.2015C35.3131 23.2902 35.3505 23.4007 35.3785 23.4894C35.4066 23.5781 35.433 23.6637 35.4564 23.7461Z" fill="#001D28"/>
 	<path d="M8.446 20.7569C8.16153 20.7416 7.87628 20.762 7.59683 20.8174C5.57352 21.2268 4.43041 22.9461 4.6574 25.1942C4.85989 27.2229 6.9077 28.934 8.802 28.9848C8.99665 28.9901 9.19135 28.9764 9.38336 28.9438C11.4312 28.5934 11.9701 26.3617 11.632 24.1676C11.2499 21.6918 9.57932 20.8191 8.446 20.7569ZM10.4514 26.6237C10.3683 26.7584 10.2494 26.8672 10.1081 26.9378C9.96668 27.0084 9.80843 27.038 9.65117 27.0232C9.21352 26.9888 8.72525 26.6695 8.6583 25.877C8.65371 25.4926 8.72416 25.111 8.86569 24.7537C8.95434 24.5298 8.96344 24.2821 8.89148 24.0522C8.81952 23.8223 8.67087 23.6243 8.4705 23.4913C8.35128 23.4129 8.21769 23.359 8.07751 23.3329C7.93733 23.3067 7.79336 23.3088 7.65399 23.339C7.51755 23.3679 7.38822 23.4238 7.27354 23.5034C7.15887 23.5829 7.06115 23.6846 6.98608 23.8024C6.88071 23.9835 6.79842 24.1771 6.74113 24.3788C6.73133 24.4148 6.72153 24.4426 6.715 24.4607C6.62192 24.7112 6.47331 24.7881 6.3737 24.7701C6.32634 24.7701 6.26102 24.7325 6.21856 24.6178C6.10915 24.3002 6.2055 23.4144 6.79012 22.7594C6.98319 22.5527 7.22241 22.3949 7.48813 22.299C7.75385 22.2031 8.03848 22.1718 8.31863 22.2076C8.61521 22.248 8.89714 22.3616 9.13913 22.5382C9.38111 22.7148 9.57557 22.9489 9.70506 23.2195C10.1068 23.9858 9.74915 24.7898 9.54176 25.2712L9.4797 25.4136C9.3458 25.7329 9.33926 26.0113 9.46011 26.1979C9.511 26.2713 9.57929 26.3308 9.65882 26.3711C9.73835 26.4114 9.82664 26.4312 9.91572 26.4288C9.9996 26.4283 10.0831 26.4167 10.1639 26.3944C10.2685 26.3699 10.3779 26.3437 10.4448 26.4272C10.467 26.4548 10.4796 26.4889 10.4808 26.5243C10.4819 26.5597 10.4716 26.5946 10.4514 26.6237Z"
 	fill="#EFEEEA"/>