svelte5: cleanups, improvements (#1966)

* update: cleanups, improvements.

* fix: protocol usage.

* update: load failed invoice as non-blocking.

* address comments, make stuff faster!

* fix: missing type on org loads.

* fix: connect button shown on org. page.

* fix: error check.

* update: comment, just ocd things.

* update: flip `localStorage` check after `browser` check.

* update: comment.

* perf: parallelize fetch for faster loads [↓49%]

* update: compute things later.

* update: don't rely on dependency or reload if scope doesn't allow.

* update: simplify.

* update: do not load credits if the organization plan does not support it.

* update: just some cleaning.

* address comments for promise handling.

* address comments; remove: unused api calls!!!

* address comments;

* address comment.

* misc.

* cleaner endpoint creation.

* fix: required to optional.

* update: url to quick load.

* address comments.

* update: load payments on ui.

* update: load non-urgent calls on UI.

* fix: unnecessary runs of root layout.

* reduce: calls to countries, locale api.

* reduce: calls to countries, locale api in org settings.

* update: simplify api calls and data passing.

* address comments.

* remove: id from `UsageProjectInfo`.

* update: make api call only when needed.

* fix: text.

* fix: endpoint flag design <> verified by design.

* fix: `inline` inner stack so project name has enough space.

* fix: tests.

* update: improve orgs loading?

* update: misc.

* remove: todo.

* updates: more billing cleanups.

* misc.

* misc.

* fix: tests and a warning.

* address comment.

* fix: merge leftover issues.

* fix: tab selection on overview.

* fix: issues with user store on main project layout.

* remove: `selectedTab` store.

* fix: account menu regression.

* fix: reactive logic. use `svelte5` syntax.

* Remove trailing comma in invalidate array

* remove: unused method.

* updates: misc optimizations.

* fix: lint.

* update: changes after merge.

* update: modal size for credits and show loader.

* update: misc and PR freeze!

* update: use a default credit card icon if one isn't supported by the API.

* fix: project loading state as per updated org ID. LAST FIX.

* address comments.

---------

Co-authored-by: Torsten Dittmann <[email protected]>

Author: ItzNotABug

package.json

@@ -22,7 +22,7 @@
     },
     "dependencies": {
         "@ai-sdk/svelte": "^1.1.24",
-        "@appwrite.io/console": "^1.9.0",
+        "@appwrite.io/console": "https://pkg.pr.new/appwrite-labs/cloud/@appwrite.io/console@56743f5",
         "@appwrite.io/pink-icons": "0.25.0",
         "@appwrite.io/pink-icons-svelte": "^2.0.0-RC.1",
         "@appwrite.io/pink-legacy": "^1.0.3",

pnpm-lock.yaml

@@ -11,9 +11,9 @@
     import { invalidate } from '$app/navigation';
     import { Dependencies } from '$lib/constants';
 
-    export let methods: PaymentList;
     export let value: string;
     export let taxId = '';
+    export let methods: PaymentList;
 
     let showTaxId = false;
     let showPaymentModal = false;

src/lib/components/billing/selectPaymentMethod.svelte

@@ -48,7 +48,7 @@
     }
 </script>
 
-<Modal bind:show title="Add credits" onSubmit={addCoupon} bind:error>
+<Modal size="s" bind:show title="Add credits" onSubmit={addCoupon} bind:error>
     <svelte:fragment slot="description">
         Credits will be applied automatically to your next invoice.
     </svelte:fragment>
@@ -62,6 +62,6 @@
 
     <svelte:fragment slot="footer">
         <Button text on:click={() => (show = false)}>Cancel</Button>
-        <Button submit disabled={coupon === ''}>Add</Button>
+        <Button submissionLoader submit disabled={coupon === ''}>Add</Button>
     </svelte:fragment>
 </Modal>

src/lib/components/billing/validateCreditModal.svelte

@@ -11,7 +11,7 @@
 {#if menu?.title}
     <span class="menu-title">{menu.title}</span>
 {/if}
-<ActionMenu.Root>
+<ActionMenu.Root width="100%">
     {#each menu.items as menuItem}
         {#if menuItem.href}
             <ActionMenu.Item.Anchor