diff --git a/package.json b/package.json index 4b7ae72e4..4f4430be7 100644 --- a/package.json +++ b/package.json @@ -21,9 +21,9 @@ "dependencies": { "@appwrite.io/console": "https://pkg.pr.new/appwrite/appwrite/@appwrite.io/console@9193", "@appwrite.io/pink-icons": "0.25.0", - "@appwrite.io/pink-icons-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@cc346f7d", + "@appwrite.io/pink-icons-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@07edee17", "@appwrite.io/pink-legacy": "^1.0.0", - "@appwrite.io/pink-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@cc346f7d", + "@appwrite.io/pink-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@07edee17", "@popperjs/core": "^2.11.8", "@sentry/sveltekit": "^8.38.0", "@stripe/stripe-js": "^3.5.0", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 7eccc24e2..84d3997b0 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -15,14 +15,14 @@ importers: specifier: 0.25.0 version: 0.25.0 '@appwrite.io/pink-icons-svelte': - specifier: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@cc346f7d - version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@cc346f7d(svelte@4.2.19) + specifier: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@07edee17 + version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@07edee17(svelte@4.2.19) '@appwrite.io/pink-legacy': specifier: ^1.0.0 version: 1.0.0 '@appwrite.io/pink-svelte': - specifier: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@cc346f7d - version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@cc346f7d(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19) + specifier: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@07edee17 + version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@07edee17(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19) '@popperjs/core': specifier: ^2.11.8 version: 2.11.8 @@ -218,14 +218,14 @@ packages: resolution: {tarball: https://pkg.pr.new/appwrite/appwrite/@appwrite.io/console@9193} version: 1.2.1 - '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@cc346f7d': - resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@cc346f7d} + '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@07edee17': + resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@07edee17} version: 1.0.0-next.7 peerDependencies: svelte: ^4.0.0 - '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@cc346f7db23371e0bda04d58f48a2f8e9d6db1e8': - resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@cc346f7db23371e0bda04d58f48a2f8e9d6db1e8} + '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@07edee1707e8eb0699c439e4c81f1bc2e4685244': + resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@07edee1707e8eb0699c439e4c81f1bc2e4685244} version: 1.0.0-next.7 peerDependencies: svelte: ^4.0.0 @@ -239,8 +239,8 @@ packages: '@appwrite.io/pink-legacy@1.0.0': resolution: {integrity: sha512-EZk/wX8oDhIsCXf2A0oQjdNOaHvh5MnWbLQI4pAiGrdy5qQGPoU19AK6iVX6z3QoOq7geoEu0zVwAowBy5hZbQ==} - '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@cc346f7d': - resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@cc346f7d} + '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@07edee17': + resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@07edee17} version: 1.0.0-next.85 peerDependencies: react-dom: ^18.0.0 @@ -4089,11 +4089,11 @@ snapshots: '@appwrite.io/console@https://pkg.pr.new/appwrite/appwrite/@appwrite.io/console@9193': {} - '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@cc346f7d(svelte@4.2.19)': + '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@07edee17(svelte@4.2.19)': dependencies: svelte: 4.2.19 - '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@cc346f7db23371e0bda04d58f48a2f8e9d6db1e8(svelte@4.2.19)': + '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@07edee1707e8eb0699c439e4c81f1bc2e4685244(svelte@4.2.19)': dependencies: svelte: 4.2.19 @@ -4106,9 +4106,9 @@ snapshots: '@appwrite.io/pink-icons': 1.0.0 the-new-css-reset: 1.11.3 - '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@cc346f7d(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)': + '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@07edee17(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)': dependencies: - '@appwrite.io/pink-icons-svelte': https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@cc346f7db23371e0bda04d58f48a2f8e9d6db1e8(svelte@4.2.19) + '@appwrite.io/pink-icons-svelte': https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@07edee1707e8eb0699c439e4c81f1bc2e4685244(svelte@4.2.19) '@floating-ui/dom': 1.6.13 '@melt-ui/pp': 0.3.2(@melt-ui/svelte@0.86.2(svelte@4.2.19))(svelte@4.2.19) '@melt-ui/svelte': 0.86.2(svelte@4.2.19) diff --git a/src/routes/(console)/project-[project]/auth/security/updateMembershipPrivacy.svelte b/src/routes/(console)/project-[project]/auth/security/updateMembershipPrivacy.svelte index e479e4081..79791b5b8 100644 --- a/src/routes/(console)/project-[project]/auth/security/updateMembershipPrivacy.svelte +++ b/src/routes/(console)/project-[project]/auth/security/updateMembershipPrivacy.svelte @@ -7,6 +7,7 @@ import { FormList } from '$lib/elements/forms'; import { addNotification } from '$lib/stores/notifications'; import { sdk } from '$lib/stores/sdk'; + import { Selector, Typography } from '@appwrite.io/pink-svelte'; import { project } from '../../store'; let authMembershipsUserName = $project?.authMembershipsUserName ?? true; @@ -40,27 +41,28 @@
Memberships privacy -

+ Set privacy preferences to manage which details team members can view about one another. -

+ - - - Display team members' names to other team members - - - Allow team members to view each other's email addresses - - - Show if team members have multi-factor authentication enabled - - + + + +
diff --git a/src/routes/(console)/project-[project]/auth/security/updatePasswordHistory.svelte b/src/routes/(console)/project-[project]/auth/security/updatePasswordHistory.svelte index 82209e2bb..c8e2ec29a 100644 --- a/src/routes/(console)/project-[project]/auth/security/updatePasswordHistory.svelte +++ b/src/routes/(console)/project-[project]/auth/security/updatePasswordHistory.svelte @@ -4,11 +4,10 @@ import { CardGrid, Heading } from '$lib/components'; import { Dependencies } from '$lib/constants'; import { Button, Form, InputNumber, InputSwitch } from '$lib/elements/forms'; - import FormList from '$lib/elements/forms/formList.svelte'; import { addNotification } from '$lib/stores/notifications'; import { sdk } from '$lib/stores/sdk'; + import { Typography } from '@appwrite.io/pink-svelte'; import { project } from '../../store'; - import { tick } from 'svelte'; let passwordHistory = $project?.authPasswordHistory < 1 ? 5 : $project?.authPasswordHistory; let passwordHistoryEnabled = ($project?.authPasswordHistory ?? 0) !== 0; @@ -35,43 +34,30 @@ trackError(error, Submit.AuthPasswordHistoryUpdate); } } - - let maxSessionInputField: InputNumber | null = null; - - $: if (passwordHistoryEnabled && maxSessionInputField) { - tick().then(() => { - maxSessionInputField.addInputFocus(); - }); - }
Password history - - - -

+ + Enabling this option prevents users from reusing recent passwords by comparing the new password with their password history. -

-

+ + Set the maximum number of passwords saved per user. Maximum 20 passwords. -

- - - + + diff --git a/src/routes/(console)/project-[project]/auth/security/updatePersonalDataCheck.svelte b/src/routes/(console)/project-[project]/auth/security/updatePersonalDataCheck.svelte index 2bee05aed..c954cf2c4 100644 --- a/src/routes/(console)/project-[project]/auth/security/updatePersonalDataCheck.svelte +++ b/src/routes/(console)/project-[project]/auth/security/updatePersonalDataCheck.svelte @@ -4,9 +4,9 @@ import { CardGrid, Heading } from '$lib/components'; import { Dependencies } from '$lib/constants'; import { Button, Form, InputSwitch } from '$lib/elements/forms'; - import { FormList } from '$lib/elements/forms'; import { addNotification } from '$lib/stores/notifications'; import { sdk } from '$lib/stores/sdk'; + import { Typography } from '@appwrite.io/pink-svelte'; import { project } from '../../store'; let authPersonalDataCheck = $project?.authPersonalDataCheck ?? false; @@ -37,18 +37,17 @@ Personal data - - - -

+ + Do not allow passwords that contain any part of the user's personal data. This - includes the user's name, email, or phone. -

+ includes the user's name, email, or phone. + - diff --git a/src/routes/(console)/project-[project]/auth/security/updateSessionAlerts.svelte b/src/routes/(console)/project-[project]/auth/security/updateSessionAlerts.svelte index c6f176ffa..19f35942f 100644 --- a/src/routes/(console)/project-[project]/auth/security/updateSessionAlerts.svelte +++ b/src/routes/(console)/project-[project]/auth/security/updateSessionAlerts.svelte @@ -4,9 +4,9 @@ import { CardGrid, Heading } from '$lib/components'; import { Dependencies } from '$lib/constants'; import { Button, Form, InputSwitch } from '$lib/elements/forms'; - import { FormList } from '$lib/elements/forms'; import { addNotification } from '$lib/stores/notifications'; import { sdk } from '$lib/stores/sdk'; + import { Typography } from '@appwrite.io/pink-svelte'; import { project } from '../../store'; let authSessionAlerts = $project?.authSessionAlerts ?? false; @@ -34,17 +34,14 @@ Session alerts - - - -

+ + Enabling this option will send an email to the users when a new session is created. -

+ - diff --git a/src/routes/(console)/project-[project]/auth/security/updateUsersLimit.svelte b/src/routes/(console)/project-[project]/auth/security/updateUsersLimit.svelte index 367216783..7620cd9aa 100644 --- a/src/routes/(console)/project-[project]/auth/security/updateUsersLimit.svelte +++ b/src/routes/(console)/project-[project]/auth/security/updateUsersLimit.svelte @@ -5,13 +5,15 @@ import { Dependencies } from '$lib/constants'; import { Pill } from '$lib/elements'; import { Button } from '$lib/elements/forms'; - import { clickOnEnter } from '$lib/helpers/a11y'; import { addNotification } from '$lib/stores/notifications'; import { sdk } from '$lib/stores/sdk'; + import { Typography, Layout, Selector, Input } from '@appwrite.io/pink-svelte'; import { project } from '../../store'; import { tick } from 'svelte'; - let isLimited = $project?.authLimit !== 0; + let value = $project?.authLimit !== 0 ? 'limited' : 'unlimited'; + + $: isLimited = value === 'limited'; let newLimit = isLimited ? $project?.authLimit : 100; $: btnDisabled = (function isBtnDisabled() { @@ -54,62 +56,38 @@ Users limit -

+ Limit new users from signing up for your project, regardless of authentication method. You can still create users and team memberships from your Appwrite console. -

+ -
    -
  • - -
    • -
  • -
    - -
    -
    (isLimited = true)} - on:keyup|self={clickOnEnter} - role="button" - tabindex="0"> - -
    -
    • -
+ + + + recommended + + + + + + diff --git a/src/routes/(console)/project-[project]/auth/settings/+page.svelte b/src/routes/(console)/project-[project]/auth/settings/+page.svelte index 5e97f7779..f100c19f5 100644 --- a/src/routes/(console)/project-[project]/auth/settings/+page.svelte +++ b/src/routes/(console)/project-[project]/auth/settings/+page.svelte @@ -13,7 +13,7 @@ import type { Models } from '@appwrite.io/console'; import { project } from '../../store'; import { base } from '$app/paths'; - import { Layout } from '@appwrite.io/pink-svelte'; + import { Layout, Typography } from '@appwrite.io/pink-svelte'; const projectId = $page.params.project; let showProvider = false; @@ -48,15 +48,17 @@ Auth methods -

Enable the authentication methods you wish to use.

+ Enable the authentication methods you wish to use. {#each $authMethods.list as box} - authUpdate(box)} /> +
+ authUpdate(box)} /> +
{/each} diff --git a/src/routes/(console)/project-[project]/auth/teams/+page.svelte b/src/routes/(console)/project-[project]/auth/teams/+page.svelte index fb9044ee6..2681b5c39 100644 --- a/src/routes/(console)/project-[project]/auth/teams/+page.svelte +++ b/src/routes/(console)/project-[project]/auth/teams/+page.svelte @@ -15,15 +15,13 @@ import Create from '../createTeam.svelte'; import { goto } from '$app/navigation'; import { toLocaleDateTime } from '$lib/helpers/date'; - import { Container, ContainerHeader } from '$lib/layout'; + import { Container } from '$lib/layout'; import { base } from '$app/paths'; import type { Models } from '@appwrite.io/console'; import type { PageData } from './$types'; import { writable } from 'svelte/store'; - import { readOnly } from '$lib/stores/billing'; - import { isCloud } from '$lib/system'; import { canWriteTeams } from '$lib/stores/roles'; - import { Tooltip, Layout, Table } from '@appwrite.io/pink-svelte'; + import { Layout, Table } from '@appwrite.io/pink-svelte'; export let data: PageData; diff --git a/src/routes/(console)/project-[project]/auth/teams/team-[team]/members/+page.svelte b/src/routes/(console)/project-[project]/auth/teams/team-[team]/members/+page.svelte index d562a730a..3cb4160b5 100644 --- a/src/routes/(console)/project-[project]/auth/teams/team-[team]/members/+page.svelte +++ b/src/routes/(console)/project-[project]/auth/teams/team-[team]/members/+page.svelte @@ -7,15 +7,6 @@ SearchQuery, PaginationWithLimit } from '$lib/components'; - import { - Table, - TableHeader, - TableBody, - TableRowLink, - TableCellHead, - TableCellText, - TableCell - } from '$lib/elements/table'; import { Button } from '$lib/elements/forms'; import { Container } from '$lib/layout'; import type { Models } from '@appwrite.io/console'; @@ -27,6 +18,7 @@ import DeleteMembership from '../deleteMembership.svelte'; import { Dependencies } from '$lib/constants'; import { trackEvent } from '$lib/actions/analytics'; + import { Table, Layout } from '@appwrite.io/pink-svelte'; export let data: PageData; @@ -42,51 +34,55 @@ - - - + + + + + + + + + {#if data.memberships.total} - - - Name - Roles - Joined - - - - {#each data.memberships.memberships as membership} - {@const username = membership.userName ? membership.userName : '-'} - - -
- - {username} -
- - {membership.roles} - - {toLocaleDateTime(membership.joined)} - - - - - - {/each} - -
+ + + Name + Roles + Joined + + + {#each data.memberships.memberships as membership} + + + + + {membership.teamName ? membership.teamName : 'n/a'} + + + + {membership.roles} + + + {toLocaleDateTime(membership.joined)} + + + + + + {/each} + - -
    - {#if prefs} - {#each prefs as [key, value], index} - - - - - {/each} - {/if} -
- - + {#if prefs} + {#each prefs as [key, value], index} + + + + + + {/each} + {/if} + diff --git a/src/routes/(console)/project-[project]/auth/user-[user]/memberships/+page.svelte b/src/routes/(console)/project-[project]/auth/user-[user]/memberships/+page.svelte index 6035029ec..a2a5fefde 100644 --- a/src/routes/(console)/project-[project]/auth/user-[user]/memberships/+page.svelte +++ b/src/routes/(console)/project-[project]/auth/user-[user]/memberships/+page.svelte @@ -26,7 +26,7 @@ Name Roles Joined - + {#each data.memberships.memberships as membership} ([ - { id: '$id', title: 'Database ID', type: 'string', show: true, width: 150 }, + { id: '$id', title: 'Bucket ID', type: 'string', show: true, width: 150 }, { id: 'name', title: 'Name', type: 'string', show: true, width: 120 }, { id: '$createdAt', title: 'Created', type: 'datetime', show: true, width: 120 }, { id: '$updatedAt', title: 'Updated', type: 'datetime', show: true, width: 120 }