@hyvor/design 1.1.24-beta.2 → 1.1.24-beta.4

package/dist/components/HyvorBar/HyvorBar.svelte

@@ -3,19 +3,11 @@
 	import { onMount } from 'svelte';
 	import BarProducts, { PRODUCTS } from './BarProducts.svelte';
 	import BarSupport from './BarSupport.svelte';
-	import {
-		barUser,
-		initBar,
-		setInstanceAndProduct,
-		type BarConfig,
-		type BarUser as BarUserType
-	} from './bar.js';
+	import { barUser, initBar, setInstanceAndProduct, type BarConfig, type BarUser as BarUserType } from './bar.js';
 	import BarUpdates from './BarUpdates.svelte';
 	import IconCaretDownFill from '@hyvor/icons/IconCaretDownFill';
 	import BarNotice from './Notice/BarNotice.svelte';
 	import BarLicense from './Notice/BarLicense.svelte';
-	import BarOrganization from './Organization/BarOrganization.svelte';
-	import { type BarOrganization as BarOrganizationType } from './bar.js';
 
 	interface Props {
 		instance?: string;
@@ -35,18 +27,16 @@
 		authOverride?: {
 			user: BarUserType | null;
 			logoutUrl: string;
-		};
-		onOrganizationSwitch?: (org: BarOrganizationType) => void;
+		}
 	}
 
 	let {
-		instance = 'https://hyvor.com',
-		product,
+		instance = 'https://hyvor.com', 
+		product, 
 		logo = `${instance}/api/public/logo/${product}.svg`,
 		config = {},
 		cloud = true,
-		authOverride = undefined,
-		onOrganizationSwitch = () => {}
+		authOverride = undefined
 	}: Props = $props();
 
 	let mobileShow = $state(false);
@@ -71,15 +61,15 @@
 		}
 	}
 
-	if (authOverride) {
-		barUser.set(authOverride.user);
-	}
-
 	onMount(() => {
 		setInstanceAndProduct(instance, product);
 
 		if (cloud) {
 			initBar();
+		} else {
+			if (authOverride) {
+				barUser.set(authOverride.user);
+			}
 		}
 	});
 
@@ -97,12 +87,16 @@
 	<div class="inner hds-box">
 		<div class="left">
 			<a class="logo" href="/">
-				<img src={logo} alt={product} width="20" height="20" />
+				<img
+					src={logo}
+					alt={product}
+					width="20"
+					height="20"
+				/>
 				<span class="name">
 					{getName()}
 				</span>
 			</a>
-			<BarOrganization onSwitch={onOrganizationSwitch} />
 			<BarLicense name={getName()} />
 		</div>
 		<div class="right">
@@ -138,7 +132,7 @@
 		z-index: 100;
 	}
 	.inner {
-		padding: 0px 29px;
+		padding: 10px 29px;
 		display: flex;
 		align-items: center;
 		border-top-left-radius: 0;
@@ -149,7 +143,6 @@
 		display: flex;
 		align-items: center;
 		flex: 1;
-		height: 100%;
 	}
 	.logo {
 		display: flex;

package/dist/components/HyvorBar/HyvorBar.svelte.d.ts

@@ -1,5 +1,4 @@
 import { type BarConfig, type BarUser as BarUserType } from './bar.js';
-import { type BarOrganization as BarOrganizationType } from './bar.js';
 interface Props {
     instance?: string;
     product: string;
@@ -14,7 +13,6 @@ interface Props {
         user: BarUserType | null;
         logoutUrl: string;
     };
-    onOrganizationSwitch?: (org: BarOrganizationType) => void;
 }
 declare const HyvorBar: import("svelte").Component<Props, {}, "">;
 type HyvorBar = ReturnType<typeof HyvorBar>;

package/dist/components/HyvorBar/Notice/BarLicense.svelte

@@ -22,7 +22,7 @@
 		return daysDiff(endsAt);
 	}
 
-	function remainingCancelAtDAys(cancelAt: number | undefined | null): null | number {
+	function remainingCancelAtDAys(cancelAt: number | undefined | null) : null | number {
 		if (!cancelAt) {
 			return null;
 		}
@@ -36,7 +36,9 @@
 {#if $barLicense}
 	<a class="wrap" href="/console/billing">
 		{#if $barLicense.type === 'subscription'}
-			<Tooltip position="bottom">
+			<Tooltip
+				position="bottom"
+			>
 				{#snippet tooltip()}
 					Your current subscription plan for {name}. Click to manage it.
 				{/snippet}

package/dist/components/HyvorBar/bar.d.ts

@@ -10,12 +10,6 @@ export interface BarUser {
     username?: string | null;
     email: string;
     picture_url: string | null;
-    current_organization_name: string;
-}
-export interface BarOrganization {
-    id: number;
-    name: string;
-    role: 'admin' | 'billing' | 'manager' | 'member';
 }
 export interface BarUpdate {
     id: number;
@@ -25,7 +19,7 @@ export interface BarUpdate {
     content: string;
     url?: string;
 }
-export type BarUpdateType = 'company' | 'core' | 'talk' | 'blogs' | 'fortguard';
+export type BarUpdateType = 'company' | 'core' | 'talk' | 'blogs' | 'post' | 'relay' | 'fortguard';
 export interface BarResolvedLicense {
     type: 'subscription' | 'trial' | 'custom' | 'expired';
     license: Record<string, number | boolean> | null;
@@ -39,15 +33,8 @@ export declare const barUser: import("svelte/store").Writable<BarUser | null>;
 export declare const barUnreadUpdates: import("svelte/store").Writable<number>;
 export declare const barLicense: import("svelte/store").Writable<BarResolvedLicense | null>;
 export declare const barHasFailedInvoices: import("svelte/store").Writable<boolean>;
-export declare const barOrganizationDropdownOpen: import("svelte/store").Writable<boolean>;
-export declare const barOrganizations: import("svelte/store").Writable<BarOrganization[]>;
 export declare function setInstanceAndProduct(instance_: string, product_: string): void;
-/**
- * @throws Error if initialization fails
- */
-export declare function initBar(): Promise<void>;
-export declare function getMyOrganizations(): Promise<BarOrganization[]>;
-export declare function switchOrganization(org: BarOrganization): Promise<void>;
+export declare function initBar(): void;
 export declare class UnreadUpdatesTimeLocalStorage {
     static KEY: string;
     static get(): number | null;
@@ -61,8 +48,4 @@ export declare const bar: {
      * This is useful to create after, for example, a user creates a new blog
      */
     reload: () => void;
-    /**
-     * Open the org selector dropdown from the outside world
-     */
-    openOrganizationDropdown: () => void;
 };

package/dist/components/HyvorBar/bar.js

@@ -6,69 +6,39 @@ export const barUser = writable(null);
 export const barUnreadUpdates = writable(0);
 export const barLicense = writable(null);
 export const barHasFailedInvoices = writable(false);
-export const barOrganizationDropdownOpen = writable(false);
-export const barOrganizations = writable([]);
 export function setInstanceAndProduct(instance_, product_) {
     instance = instance_;
     product = product_;
 }
-/**
- * @throws Error if initialization fails
- */
-export async function initBar() {
+export function initBar() {
     const query = new URLSearchParams();
     query.set('product', product);
     const lastUnreadTime = UnreadUpdatesTimeLocalStorage.get();
     if (lastUnreadTime) {
         query.set('last_read_updates_at', lastUnreadTime.toString());
     }
-    const response = await fetch(instance + '/api/public/bar?' + query.toString(), {
+    fetch(instance + '/api/public/bar?' + query.toString(), {
         credentials: 'include'
+    })
+        .then((response) => response.json())
+        .then((data) => {
+        barUser.set(data.user);
+        barUnreadUpdates.set(data.updates.unread);
+        barLicense.set(data.billing.license);
+        barHasFailedInvoices.set(data.billing.has_failed_invoices);
+        if (lastUnreadTime === null) {
+            UnreadUpdatesTimeLocalStorage.setNow();
+        }
+        if (data.user && track.ready()) {
+            track.identify(data.user.id.toString(), {
+                name: data.user.name ?? undefined,
+                avatar: data.user.picture_url ?? undefined
+            });
+        }
+    })
+        .catch((error) => {
+        console.error('Error:', error);
     });
-    if (!response.ok) {
-        throw new Error('Failed to initialize bar');
-    }
-    const data = await response.json();
-    barUser.set(data.user);
-    barUnreadUpdates.set(data.updates.unread);
-    barLicense.set(data.billing.license);
-    barHasFailedInvoices.set(data.billing.has_failed_invoices);
-    if (lastUnreadTime === null) {
-        UnreadUpdatesTimeLocalStorage.setNow();
-    }
-    if (data.user && track.ready()) {
-        track.identify(data.user.id.toString(), {
-            name: data.user.name ?? undefined,
-            avatar: data.user.picture_url ?? undefined,
-        });
-    }
-}
-export async function getMyOrganizations() {
-    /* return [
-        { id: 1, name: 'Org 1', role: 'admin' },
-        { id: 2, name: 'Org 2', role: 'member' },
-        { id: 3, name: 'Org 3', role: 'billing' },
-        { id: 4, name: 'Org 4', role: 'manager' },
-    ] */
-    const response = await fetch(instance + '/api/public/bar/myorgs', {
-        credentials: 'include'
-    });
-    const data = await response.json();
-    return data.organizations;
-}
-export async function switchOrganization(org) {
-    const response = await fetch(instance + '/api/public/bar/switch-org', {
-        method: 'POST',
-        credentials: 'include',
-        headers: {
-            'Content-Type': 'application/json'
-        },
-        body: JSON.stringify({ organization_id: org.id })
-    });
-    if (!response.ok) {
-        throw new Error('Failed to switch organization');
-    }
-    await initBar();
 }
 export class UnreadUpdatesTimeLocalStorage {
     static KEY = 'unread_updates';
@@ -128,9 +98,5 @@ export const bar = {
      */
     reload: () => {
         initBar();
-    },
-    /**
-     * Open the org selector dropdown from the outside world
-     */
-    openOrganizationDropdown: () => barOrganizationDropdownOpen.set(true)
+    }
 };

package/dist/marketing/Header/Header.svelte

@@ -4,35 +4,46 @@
 	import IconButton from '../../components/IconButton/IconButton.svelte';
 	import Dropdown from '../../components/Dropdown/Dropdown.svelte';
 	import IconList from '@hyvor/icons/IconList';
+	import HeaderNotification from './HeaderNotification.svelte';
 
 	interface Props {
-		logo: string;
+		product: string;
+		instance?: string;
+		logo?: string;
 		name?: string;
 		href?: string;
 		subName?: undefined | string;
 		darkToggle?: boolean;
 		center?: import('svelte').Snippet;
 		end?: import('svelte').Snippet;
-        max?: boolean;
+		max?: boolean;
 	}
 
 	let {
+		product,
 		logo,
+		instance = 'https://hyvor.com',
 		name = 'HYVOR',
 		href = '/',
 		subName = undefined,
 		darkToggle = true,
 		center,
 		end,
-        max = false,
+		max = false
 	}: Props = $props();
 </script>
 
 <header>
+	<HeaderNotification {instance} {product} />
 	<Container as="nav" {max}>
 		<div class="nav-start">
 			<a class="nav-brand" {href}>
-				<img src={logo} alt="Hyvor Logo" width="30" height="30" />
+				<img
+					src={logo || `${instance}/api/public/logo/${product}.svg`}
+					alt="{name + (subName ? ' ' + subName : '')} Logo"
+					width="30"
+					height="30"
+				/>
 				<span class="brand-product">
 					<span class="brand">{name}</span>
 					{#if subName}
@@ -56,25 +67,6 @@
 					<DarkToggle />
 				</span>
 			{/if}
-
-			<!-- <span class="mobile-nav-wrap">
-				<Dropdown align="end" width={300}>
-					<IconButton 
-						color="invisible" 
-						slot="trigger"
-					>
-						<IconList size={18} />
-					</IconButton>
-					<div slot="content" class="mobile-content">
-						<div class="mobile-inner center">
-							<slot name="center" />
-						</div>
-						<div class="mobile-inner end">
-							<slot name="end" />
-						</div>
-					</div>
-				</Dropdown>
-			</span> -->
 		</div>
 
 		<span class="mobile-nav-wrap">
@@ -101,120 +93,119 @@
 
 <div class="header-space"></div>
 
-<style>.header-space {
-  height: var(--header-height);
-}
-
-header {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  z-index: 100;
-  background-color: var(--background, var(--accent-lightest));
-  border-bottom: 1px solid var(--border);
-  height: var(--header-height);
-  display: flex;
-  align-items: center;
-}
-
-header :global(nav) {
-  display: flex;
-  align-items: center;
-}
-
-.nav-brand {
-  display: inline-block;
-  line-height: inherit;
-  white-space: nowrap;
-  color: inherit;
-  text-decoration: none;
-  font-weight: 600;
-}
-
-.nav-brand img {
-  vertical-align: middle;
-}
-
-.brand-product {
-  vertical-align: middle;
-  display: inline-flex;
-  flex-direction: column;
-  justify-content: center;
-  line-height: 14px;
-}
-
-.brand-product .brand {
-  font-size: 14px;
-}
-
-.brand-product .product {
-  font-size: 12px;
-  font-weight: normal;
-  color: var(--text-light);
-}
-
-.nav-center {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  justify-content: center;
-}
-
-.nav-end {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-}
-
-.mobile-nav-wrap {
-  display: none;
-}
-
-.dark-mobile {
-  display: inline-flex;
-  align-items: center;
-}
-
-.dark-toggle-wrap {
-  margin-left: 8px;
-}
-
-@media screen and (max-width: 992px) {
-  .nav-center {
-    display: none;
-  }
-  .nav-end {
-    display: none;
-  }
-  .mobile-nav-wrap {
-    display: inline-block;
-  }
-  .dark-mobile {
-    flex: 1;
-    text-align: right;
-    display: inline-block;
-  }
-}
-.mobile-content,
-.mobile-inner {
-  display: flex;
-  flex-direction: column;
-}
-
-.mobile-content {
-  gap: 10px;
-}
-
-.mobile-content :global(.button) {
-  display: flex;
-}
-
-/* 
-	Scroll padding top is used to prevent the content from being hidden behind the header
-	https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-padding-top
-*/
-:global(html) {
-  scroll-padding-top: calc(var(--header-height) + 20px);
-}</style>
+<style>
+	.header-space {
+		height: var(--header-height);
+	}
+
+	header {
+		position: fixed;
+		top: 0;
+		left: 0;
+		width: 100%;
+		z-index: 100;
+		background-color: var(--background, var(--accent-lightest));
+		border-bottom: 1px solid var(--border);
+		height: var(--header-height);
+		display: flex;
+		flex-direction: column;
+	}
+
+	header :global(> nav) {
+		display: flex;
+		align-items: center;
+		flex: 1;
+	}
+	.nav-brand {
+		display: inline-block;
+		line-height: inherit;
+		white-space: nowrap;
+		color: inherit;
+		text-decoration: none;
+		font-weight: 600;
+	}
+	.nav-brand img {
+		vertical-align: middle;
+	}
+
+	.brand-product {
+		vertical-align: middle;
+		display: inline-flex;
+		flex-direction: column;
+		justify-content: center;
+		line-height: 14px;
+	}
+	.brand-product .brand {
+		font-size: 14px;
+	}
+	.brand-product .product {
+		font-size: 12px;
+		font-weight: normal;
+		color: var(--text-light);
+	}
+
+	.nav-center {
+		flex: 1;
+		display: flex;
+		align-items: center;
+		gap: 6px;
+		justify-content: center;
+	}
+
+	.nav-end {
+		display: flex;
+		align-items: center;
+		gap: 6px;
+	}
+
+	.mobile-nav-wrap {
+		display: none;
+	}
+
+	.dark-mobile {
+		display: inline-flex;
+		align-items: center;
+	}
+
+	.dark-toggle-wrap {
+		margin-left: 8px;
+	}
+
+	@media screen and (max-width: 992px) {
+		.nav-center {
+			display: none;
+		}
+		.nav-end {
+			display: none;
+		}
+		.mobile-nav-wrap {
+			display: inline-block;
+		}
+		.dark-mobile {
+			flex: 1;
+			text-align: right;
+			display: inline-block;
+		}
+	}
+
+	.mobile-content,
+	.mobile-inner {
+		display: flex;
+		flex-direction: column;
+	}
+	.mobile-content {
+		gap: 10px;
+	}
+
+	.mobile-content :global(.button) {
+		display: flex;
+	}
+
+	/* 
+		Scroll padding top is used to prevent the content from being hidden behind the header
+		https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-padding-top
+	*/
+	:global(html) {
+		scroll-padding-top: calc(var(--header-height) + 20px);
+	}
+</style>

package/dist/marketing/Header/Header.svelte.d.ts

@@ -1,5 +1,7 @@
 interface Props {
-    logo: string;
+    product: string;
+    instance?: string;
+    logo?: string;
     name?: string;
     href?: string;
     subName?: undefined | string;

package/dist/marketing/Header/HeaderNotification.svelte

@@ -0,0 +1,64 @@
+<script lang="ts">
+	import type { BarUpdate } from '../../components/HyvorBar/bar.js';
+	import { onMount } from 'svelte';
+	import { slide } from 'svelte/transition';
+	import { isCloud } from '../cloud.js';
+	import IconMegaphone from '@hyvor/icons/IconMegaphone';
+
+	let notificationUpdate: BarUpdate | null = $state(null);
+
+	interface Props {
+		instance: string;
+		product: string;
+	}
+
+	let { instance, product }: Props = $props();
+
+	function set(u: BarUpdate) {
+		notificationUpdate = u;
+		document.documentElement.style.setProperty('--header-height', '85px');
+	}
+
+	onMount(() => {
+		if (!isCloud(false)) return;
+
+		fetch(instance + '/api/public/updates/notification?type=' + product)
+			.then((response) => response.json())
+			.then((data) => {
+				if (data.update) {
+					set(data.update);
+				}
+			});
+	});
+</script>
+
+{#if notificationUpdate}
+	<a
+		class="header-notification"
+		href={notificationUpdate.url}
+		target="_blank"
+		transition:slide={{ duration: 300 }}
+	>
+		<IconMegaphone size={12} />&nbsp;&nbsp;
+		{notificationUpdate.title}&nbsp;&nbsp;&rarr;
+	</a>
+{/if}
+
+<style>
+	.header-notification {
+		display: block;
+		background-color: var(--accent);
+		color: var(--accent-text);
+		height: 30px;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		font-size: 14px;
+		cursor: pointer;
+		font-weight: 600;
+		transition: opacity 0.2s;
+	}
+	.header-notification:hover {
+		opacity: 0.8;
+	}
+</style>

package/dist/marketing/Header/HeaderNotification.svelte.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    instance: string;
+    product: string;
+}
+declare const HeaderNotification: import("svelte").Component<Props, {}, "">;
+type HeaderNotification = ReturnType<typeof HeaderNotification>;
+export default HeaderNotification;

package/dist/marketing/cloud.d.ts

@@ -0,0 +1 @@
+export declare function isCloud(forceProd?: boolean): boolean;

package/dist/marketing/cloud.js

@@ -0,0 +1,15 @@
+export function isCloud(forceProd = true) {
+    if (typeof window === 'undefined') {
+        return false;
+    }
+    const hostname = window.location.hostname;
+    function isDomain(domain) {
+        return hostname === domain || hostname.endsWith(`.${domain}`);
+    }
+    let domains = ['hyvor.com'];
+    if (forceProd === false) {
+        domains.push('hyvor.localhost');
+        domains.push('hyvorstaging.com');
+    }
+    return domains.some(isDomain);
+}

package/dist/marketing/track/track.d.ts

@@ -6,7 +6,6 @@ interface InitOptions {
 }
 declare class Track {
     private op;
-    private isProductionDomain;
     init({ forceTrack, openPanelApiUrl, openPanelClientId, context }?: InitOptions): void;
     ready(): boolean;
     private warnNoOp;

package/dist/marketing/track/track.js

@@ -1,12 +1,9 @@
 import { OpenPanel } from '@openpanel/web';
+import { isCloud } from '../cloud.js';
 class Track {
     op;
-    isProductionDomain() {
-        const hostname = window.location.hostname;
-        return hostname === 'hyvor.com' || hostname.endsWith('.hyvor.com');
-    }
     init({ forceTrack = false, openPanelApiUrl = 'https://op.hyvor.com/api', openPanelClientId = 'b11f6143-a6b0-4fa4-a86c-3969c01dbb1d', context = {} } = {}) {
-        if (!forceTrack && !this.isProductionDomain()) {
+        if (!forceTrack && !isCloud()) {
             console.log('Tracking is disabled in non-production domains.');
             return;
         }
@@ -15,7 +12,7 @@ class Track {
             clientId: openPanelClientId,
             trackScreenViews: true,
             trackOutgoingLinks: true,
-            trackAttributes: true,
+            trackAttributes: true
         });
         if (Object.keys(context).length > 0) {
             this.op.setGlobalProperties(context);

package/package.json

@@ -62,5 +62,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"version": "1.1.24-beta.2"
+	"version": "1.1.24-beta.4"
 }

package/dist/components/HyvorBar/Organization/BarOrganization.svelte

@@ -1,111 +0,0 @@
-<script lang="ts">
-	import Dropdown from '../../Dropdown/Dropdown.svelte';
-	import Tooltip from '../../Tooltip/Tooltip.svelte';
-	import {
-		barOrganizationDropdownOpen,
-		barUser,
-		switchOrganization,
-		type BarOrganization
-	} from '../bar.js';
-	import IconChevronExpand from '@hyvor/icons/IconChevronExpand';
-	import OrgsList from './OrgsList.svelte';
-	import toast from '../../Toast/toast.js';
-
-	let disableTooltip = $state(true);
-	let switching = $state(false);
-
-	let props: {
-		onSwitch: (org: BarOrganization) => void;
-	} = $props();
-
-	async function handleSwitch(org: BarOrganization) {
-		barOrganizationDropdownOpen.set(false);
-		switching = true;
-
-		try {
-			await switchOrganization(org);
-		} catch (e) {
-			toast.error('Failed to switch organization.');
-			switching = false;
-			return;
-		}
-
-		switching = false;
-		props.onSwitch(org);
-	}
-
-	barOrganizationDropdownOpen.subscribe((value) => {
-		disableTooltip = true;
-	});
-</script>
-
-{#if $barUser}
-	<Tooltip position="bottom" text="Switch Organization" disabled={disableTooltip}>
-		<span class="wrap">
-			<Dropdown
-				bind:show={$barOrganizationDropdownOpen}
-				align="center"
-				width={275}
-				contentPadding={0}
-			>
-				{#snippet trigger()}
-					<button>
-						{#if switching}
-							<span class="switching">Switching...</span>
-						{:else}
-							{$barUser.current_organization_name}
-						{/if}
-						<IconChevronExpand size={12} />
-					</button>
-				{/snippet}
-				{#snippet content()}
-					<OrgsList onSwitch={handleSwitch} />
-				{/snippet}
-			</Dropdown>
-		</span>
-	</Tooltip>
-{/if}
-
-<style>
-	.wrap {
-		height: 100%;
-		margin-left: 20px;
-		margin-right: 20px;
-		display: inline-flex;
-		align-items: center;
-	}
-	button {
-		height: 100%;
-		padding: 0 15px;
-		font-size: 14px;
-		height: 24px;
-		font-weight: 600;
-		transition: 0.2s background-color;
-		border: 1px solid var(--border);
-		border-top: none;
-		border-bottom: none;
-	}
-	button:hover {
-		background-color: var(--hover);
-	}
-
-	.wrap :global(.dropdown),
-	.wrap :global(.trigger) {
-		display: inline-block;
-		height: 100%;
-	}
-
-	.switching {
-		opacity: 0.4;
-		animation: switching-pulse 1.5s infinite;
-	}
-	@keyframes switching-pulse {
-		0%,
-		100% {
-			opacity: 0.4;
-		}
-		50% {
-			opacity: 0.8;
-		}
-	}
-</style>

package/dist/components/HyvorBar/Organization/BarOrganization.svelte.d.ts

@@ -1,7 +0,0 @@
-import { type BarOrganization } from '../bar.js';
-type $$ComponentProps = {
-    onSwitch: (org: BarOrganization) => void;
-};
-declare const BarOrganization: import("svelte").Component<$$ComponentProps, {}, "">;
-type BarOrganization = ReturnType<typeof BarOrganization>;
-export default BarOrganization;

package/dist/components/HyvorBar/Organization/OrgsList.svelte

@@ -1,70 +0,0 @@
-<script lang="ts">
-	import IconMessage from '../../IconMessage/IconMessage.svelte';
-	import Loader from '../../Loader/Loader.svelte';
-	import { onMount } from 'svelte';
-	import { barOrganizations, getMyOrganizations, type BarOrganization } from '../bar.js';
-	import ActionList from '../../ActionList/ActionList.svelte';
-	import ActionListItem from '../../ActionList/ActionListItem.svelte';
-
-	let loading = $state(true);
-	let error = $state('');
-
-	let {
-		onSwitch
-	}: {
-		onSwitch: (org: BarOrganization) => void;
-	} = $props();
-
-	onMount(() => {
-		if ($barOrganizations.length > 0) {
-			loading = false;
-			return;
-		}
-		getMyOrganizations()
-			.then((data) => {
-				barOrganizations.set(data);
-			})
-			.catch((err) => {
-				error = 'Failed to load organizations.';
-			})
-			.finally(() => {
-				loading = false;
-			});
-	});
-</script>
-
-{#if loading}
-	<Loader padding={40} block size="small" />
-{:else if error}
-	<IconMessage error iconSize={30}>
-		{error}
-	</IconMessage>
-{:else}
-	<div class="list-wrap">
-		<ActionList>
-			{#each $barOrganizations as org}
-				<ActionListItem on:select={() => onSwitch(org)}>
-					{org.name}
-					{#snippet end()}
-						<span class="role">
-							{org.role.toUpperCase()}
-						</span>
-					{/snippet}
-				</ActionListItem>
-			{/each}
-		</ActionList>
-	</div>
-{/if}
-
-<style>
-	.role {
-		font-size: 10px;
-		color: var(--text-light);
-		font-weight: 600;
-	}
-	.list-wrap {
-		max-height: 300px;
-		overflow-y: auto;
-		padding: 10px;
-	}
-</style>

package/dist/components/HyvorBar/Organization/OrgsList.svelte.d.ts

@@ -1,7 +0,0 @@
-import { type BarOrganization } from '../bar.js';
-type $$ComponentProps = {
-    onSwitch: (org: BarOrganization) => void;
-};
-declare const OrgsList: import("svelte").Component<$$ComponentProps, {}, "">;
-type OrgsList = ReturnType<typeof OrgsList>;
-export default OrgsList;