update: use object params on sdk methods.

Author: ItzNotABug

src/lib/commandCenter/searchers/messages.ts

@@ -35,7 +35,7 @@ const getIcon = (message: Models.Message) => {
 export const messagesSearcher = (async (query: string) => {
     const { messages } = await sdk
         .forProject(page.params.region, page.params.project)
-        .messaging.listMessages([], query || undefined);
+        .messaging.listMessages({ search: query || undefined });
 
     return messages
         .filter((message) => getLabel(message).toLowerCase().includes(query.toLowerCase()))

src/lib/commandCenter/searchers/providers.ts

@@ -13,7 +13,9 @@ const getIcon = (provider: string) => {
 export const providersSearcher = (async (query: string) => {
     const { providers } = await sdk
         .forProject(page.params.region, page.params.project)
-        .messaging.listProviders([], query || undefined);
+        .messaging.listProviders({
+            search: query || undefined
+        });
 
     return providers
         .filter((provider) => provider.name.toLowerCase().includes(query.toLowerCase()))

src/lib/commandCenter/searchers/topics.ts

@@ -8,7 +8,9 @@ import { page } from '$app/state';
 export const topicsSearcher = (async (query: string) => {
     const { topics } = await sdk
         .forProject(page.params.region, page.params.project)
-        .messaging.listTopics([], query || undefined);
+        .messaging.listTopics({
+            search: query || undefined
+        });
 
     return topics
         .filter((topic) => topic.name.toLowerCase().includes(query.toLowerCase()))

src/lib/components/billing/alerts/selectProjectCloud.svelte

@@ -78,10 +78,12 @@
             loading = true;
 
             sdk.forConsole.projects
-                .list([
-                    Query.equal('teamId', organizationId),
-                    Query.limit(1000) // Get all projects for organization
-                ])
+                .list({
+                    queries: [
+                        Query.equal('teamId', organizationId),
+                        Query.limit(1000) // Get all projects for organization
+                    ]
+                })
                 .then((loadedProjects) => (projects = loadedProjects.projects))
                 .catch((err) => (projectsLoadingError = err.message))
                 .finally(() => (loading = false));

src/lib/components/code.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
     const langArr = ['js', 'html', 'dart', 'kotlin', 'json', 'sh', 'yml', 'swift'] as const;
     export type Language = (typeof langArr)[number];
 
@@ -20,11 +20,31 @@
     import 'prismjs/plugins/autoloader/prism-autoloader';
     import 'prismjs/plugins/custom-class/prism-custom-class';
     import 'prismjs/plugins/line-numbers/prism-line-numbers';
-    import { afterUpdate } from 'svelte';
     import { Copy } from '.';
 
-    export let label: string = null;
-    export let labelIcon: 'code' | 'android' | 'flutter' | 'apple' = null;
+    let {
+        label = null,
+        labelIcon = null,
+        code,
+        language,
+        withLineNumbers = false,
+        withCopy = false,
+        noMargin = false,
+        noBoxPadding = false,
+        allowScroll = false,
+        class: classes = ''
+    }: {
+        label?: string;
+        labelIcon?: 'code' | 'android' | 'flutter' | 'apple';
+        code: string;
+        language: 'js' | 'html' | 'dart' | 'kotlin' | 'json' | 'sh' | 'yml' | 'swift';
+        withLineNumbers?: boolean;
+        withCopy?: boolean;
+        noMargin?: boolean;
+        noBoxPadding?: boolean;
+        allowScroll?: boolean;
+        class?: string;
+    } = $props();
 
     function getIcon(iconName: string) {
         switch (iconName) {
@@ -40,22 +60,10 @@
                 return null;
         }
     }
-    export let code: string;
-    export let language: 'js' | 'html' | 'dart' | 'kotlin' | 'json' | 'sh' | 'yml' | 'swift';
-    export let withLineNumbers = false;
-    export let withCopy = false;
-    export let noMargin = false;
-    export let noBoxPadding = false;
-    export let allowScroll = false;
-
-    let classes = '';
-    export { classes as class };
 
     Prism.plugins.customClass.prefix('prism-');
 
-    afterUpdate(async () => {
-        Prism.highlightAll();
-    });
+    $effect(() => Prism.highlightAll());
 </script>
 
 <section

src/lib/components/consent.svelte

@@ -1,4 +1,7 @@
 <script lang="ts" context="module">
+    import { writable } from 'svelte/store';
+    import { browser } from '$app/environment';
+
     type Consent = {
         key: string;
         accepted: Record<string, boolean>;
@@ -19,8 +22,6 @@
     import { createEventDispatcher, onMount } from 'svelte';
     import { Modal } from '.';
     import { Button } from '$lib/elements/forms';
-    import { writable } from 'svelte/store';
-    import { browser } from '$app/environment';
 
     const key = new Date('2023-11-07');
     const dispatch = createEventDispatcher();

src/lib/components/creditCardBrandImage.svelte

@@ -10,7 +10,11 @@
     export let height = 16;
 
     $: ccImage = isValueOfStringEnum(CreditCard, brand)
-        ? sdk.forConsole.avatars.getCreditCard(brand, width, height)
+        ? sdk.forConsole.avatars.getCreditCard({
+              code: brand,
+              width,
+              height
+          })
         : '';
 </script>
 

src/lib/components/git/selectRootModal.svelte

@@ -111,12 +111,15 @@
                 }));
                 const runtime = await sdk
                     .forProject(page.params.region, page.params.project)
-                    .vcs.createRepositoryDetection(
-                        $installation.$id,
-                        $repository.id,
-                        product === 'sites' ? VCSDetectionType.Framework : VCSDetectionType.Runtime,
-                        path
-                    );
+                    .vcs.createRepositoryDetection({
+                        installationId: $installation.$id,
+                        providerRepositoryId: $repository.id,
+                        type:
+                            product === 'sites'
+                                ? VCSDetectionType.Framework
+                                : VCSDetectionType.Runtime,
+                        providerRootDirectory: path
+                    });
                 if (product === 'sites') {
                     currentDir.children.forEach((dir) => {
                         dir.thumbnailUrl = $iconPath(runtime.framework, 'color');

src/lib/components/mfaChallengeFormList.svelte

@@ -4,11 +4,14 @@
     export async function verify(challenge: Models.MfaChallenge, code: string) {
         try {
             if (challenge === null) {
-                challenge = await sdk.forConsole.account.createMfaChallenge(
-                    AuthenticationFactor.Totp
-                );
+                challenge = await sdk.forConsole.account.createMFAChallenge({
+                    factor: AuthenticationFactor.Totp
+                });
             }
-            await sdk.forConsole.account.updateMfaChallenge(challenge.$id, code);
+            await sdk.forConsole.account.updateMFAChallenge({
+                challengeId: challenge.$id,
+                otp: code
+            });
             await invalidate(Dependencies.ACCOUNT);
             trackEvent(Submit.AccountLogin, { mfa_used: true });
         } catch (error) {
@@ -46,7 +49,7 @@
         disabled = true;
         challengeType = factor;
         try {
-            challenge = await sdk.forConsole.account.createMfaChallenge(factor);
+            challenge = await sdk.forConsole.account.createMFAChallenge({ factor });
         } catch (error) {
             addNotification({
                 type: 'error',
@@ -63,9 +66,9 @@
         );
         if (enabledNonRecoveryFactors.length === 1) {
             if (factors.phone) {
-                createChallenge(AuthenticationFactor.Phone);
+                await createChallenge(AuthenticationFactor.Phone);
             } else if (factors.email) {
-                createChallenge(AuthenticationFactor.Email);
+                await createChallenge(AuthenticationFactor.Email);
             }
         }
     });

src/lib/components/regionEndpoint.svelte

@@ -11,7 +11,12 @@
 
     $: flagSrc =
         region && isValueOfStringEnum(Flag, region.flag)
-            ? sdk.forConsole.avatars.getFlag(region.flag, 30, 20, 100)
+            ? sdk.forConsole.avatars.getFlag({
+                  code: region.flag,
+                  width: 30,
+                  height: 20,
+                  quality: 100
+              })
             : '';
 </script>