@oxy.so/services 12.10.1 → 12.11.0

package/lib/typescript/commonjs/ui/screens/AccountSettingsScreen.d.ts

@@ -1,11 +1,10 @@
 import type React from 'react';
 import type { BaseScreenProps } from '../types/navigation';
 /**
- * Per-account settings: edit the account's profile, jump to member management,
- * and archive the account (danger zone). Receives the target `accountId` via
- * navigation props. Self-surface for the caller's own personal account lives in
- * {@link ManageAccountScreen}; this screen manages a non-personal account in the
- * graph.
+ * The `AccountSettings` surface: {@link AccountSettings} for the `accountId`
+ * route prop, under the surface's own header. Self-surface for the caller's own
+ * personal account lives in {@link ManageAccountScreen}; this screen manages a
+ * non-personal account in the graph.
  */
 declare const AccountSettingsScreen: React.FC<BaseScreenProps>;
 export default AccountSettingsScreen;

package/lib/typescript/commonjs/ui/screens/AccountSettingsScreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccountSettingsScreen.d.ts","sourceRoot":"","sources":["../../../../../src/ui/screens/AccountSettingsScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoB/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAY3D;;;;;;GAMG;AACH,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmQpD,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"AccountSettingsScreen.d.ts","sourceRoot":"","sources":["../../../../../src/ui/screens/AccountSettingsScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAQ3D;;;;;GAKG;AACH,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmBpD,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/lib/typescript/commonjs/ui/screens/ChangeAvatarScreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChangeAvatarScreen.d.ts","sourceRoot":"","sources":["../../../../../src/ui/screens/ChangeAvatarScreen.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsB/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAW3D;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,IAAI,CAAC;CACf;AAmED,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6OjD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"ChangeAvatarScreen.d.ts","sourceRoot":"","sources":["../../../../../src/ui/screens/ChangeAvatarScreen.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsB/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAY3D;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,IAAI,CAAC;CACf;AAgFD,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAkPjD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/typescript/commonjs/ui/screens/index.d.ts

@@ -17,4 +17,5 @@ export { default as AccountMembersScreen } from './AccountMembersScreen';
 export { default as AccountSettingsScreen } from './AccountSettingsScreen';
 export { default as SupervisionScreen } from './SupervisionScreen';
 export { default as OxyOneScreen } from './OxyOneScreen';
+export { AccountSettings, type AccountSettingsProps, type AccountSettingsArchiveOptions, } from '../components/accountSettings/AccountSettings';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/ui/screens/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/screens/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAE3E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/screens/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAE3E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAIzD,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,EACzB,KAAK,6BAA6B,GACnC,MAAM,+CAA+C,CAAC"}

package/lib/typescript/module/ui/components/accountSettings/AccountCategoriesSection.d.ts

@@ -0,0 +1,26 @@
+import type React from 'react';
+import { type AccountCategoryId } from '@oxy.so/core';
+/**
+ * An account's categories are an ORDERED list whose element 0 is the primary —
+ * nothing else records which one is. So nothing here sorts: a choice joins at
+ * the end (choosing a second category must not demote the first), "Make
+ * primary" moves one to the front, and two lists are equal only in the same
+ * order (a promotion changes nothing BUT the order).
+ */
+export declare function toggleAccountCategory(current: readonly AccountCategoryId[], id: AccountCategoryId): AccountCategoryId[];
+export declare function promoteAccountCategory(current: readonly AccountCategoryId[], id: AccountCategoryId): AccountCategoryId[];
+export declare function accountCategoriesEqual(a: readonly AccountCategoryId[], b: readonly AccountCategoryId[]): boolean;
+interface AccountCategoriesSectionProps {
+    value: readonly AccountCategoryId[];
+    onChange: (next: AccountCategoryId[]) => void;
+    disabled?: boolean;
+}
+/**
+ * The categories editor of `AccountSettings`: the chosen categories in their
+ * stored order (primary first), and a collapsible list of the vocabulary to add
+ * from. Only SELECTABLE ids are offered — a withdrawn one stays on an account
+ * that carries it, but Oxy refuses newly adding it.
+ */
+export declare const AccountCategoriesSection: React.FC<AccountCategoriesSectionProps>;
+export {};
+//# sourceMappingURL=AccountCategoriesSection.d.ts.map

package/lib/typescript/module/ui/components/accountSettings/AccountCategoriesSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountCategoriesSection.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/accountSettings/AccountCategoriesSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAKL,KAAK,iBAAiB,EACvB,MAAM,cAAc,CAAC;AAKtB;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,SAAS,iBAAiB,EAAE,EACrC,EAAE,EAAE,iBAAiB,GACpB,iBAAiB,EAAE,CAIrB;AAED,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,SAAS,iBAAiB,EAAE,EACrC,EAAE,EAAE,iBAAiB,GACpB,iBAAiB,EAAE,CAGrB;AAED,wBAAgB,sBAAsB,CACpC,CAAC,EAAE,SAAS,iBAAiB,EAAE,EAC/B,CAAC,EAAE,SAAS,iBAAiB,EAAE,GAC9B,OAAO,CAET;AASD,UAAU,6BAA6B;IACrC,KAAK,EAAE,SAAS,iBAAiB,EAAE,CAAC;IACpC,QAAQ,EAAE,CAAC,IAAI,EAAE,iBAAiB,EAAE,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAgH5E,CAAC"}

package/lib/typescript/module/ui/components/accountSettings/AccountSettings.d.ts

@@ -0,0 +1,80 @@
+import type React from 'react';
+import type { ReactNode } from 'react';
+import { type AccountNode, type User } from '@oxy.so/core';
+import { type ClearableUserField } from '../../hooks/queries/userCache.js';
+import type { BaseScreenProps } from '../../types/navigation.js';
+/**
+ * How archiving the account behaves, for an app whose ending of an account
+ * means more than Oxy's archive.
+ */
+export interface AccountSettingsArchiveOptions {
+    /** The danger-zone row's title, replacing "Archive account". */
+    title?: string;
+    /**
+     * The row's subtitle. With a `title` of its own the row shows only this
+     * (nothing when omitted), never Oxy's subtitle under the app's title.
+     */
+    description?: string;
+    /** The danger-zone section's footer. */
+    footer?: string;
+    /**
+     * Replaces the default confirmation. Resolve `false` to back out; a rejection
+     * is reported as an archive failure and nothing is archived.
+     */
+    confirm?: (node: AccountNode) => Promise<boolean>;
+    /**
+     * Runs after the confirmation and BEFORE Oxy archives the account — for an
+     * app's own data that has to go while the account still resolves. A
+     * rejection stops the archive and is reported as an archive failure.
+     */
+    beforeArchive?: (node: AccountNode) => Promise<void>;
+    /** After the archive, in place of closing the surface. */
+    onArchived?: (node: AccountNode) => void;
+    /** The success toast, replacing "Account archived". */
+    successMessage?: string;
+}
+export interface AccountSettingsProps {
+    accountId: string;
+    /**
+     * The app's own sections for this account, rendered after the account's
+     * profile, categories and members, and before the danger zone.
+     */
+    extraSections?: ReactNode;
+    /**
+     * After each accepted profile write — name, bio, picture, categories — with
+     * the account Oxy returned and the fields the write cleared. The SDK's user
+     * cache already holds the change; this is for an app's own copies of the
+     * identity (posts that embed it, for example).
+     */
+    onUpdated?: (account: User, change: {
+        cleared: ClearableUserField[];
+    }) => void;
+    archive?: AccountSettingsArchiveOptions;
+    /**
+     * The host surface's navigation, for the SDK routes this opens (Members).
+     * Omitted when the settings are embedded in an app's own page, and those
+     * routes open as a sheet.
+     */
+    navigate?: BaseScreenProps['navigate'];
+    /** Called after an archive when `archive.onArchived` is not given. */
+    onClose?: () => void;
+}
+/**
+ * The account-graph node {@link AccountSettings} edits — seeded from the
+ * session's account list, then read fresh. `node` is `null` until it resolves.
+ */
+export declare function useAccountSettingsNode(accountId: string): {
+    query: import("@tanstack/react-query").UseQueryResult<AccountNode, Error>;
+    node: AccountNode | null;
+};
+/**
+ * A non-personal account's settings: its picture, name, bio and categories,
+ * its members, and archiving it. The one editor for every member-operated
+ * account — the `AccountSettings` surface renders it, and an app embeds it in
+ * its own page (`@oxy.so/services/screens`) with its own sections and archive
+ * steps around it. Oxy decides what the caller may do from the membership it
+ * resolved, so every section is shown only to a member who holds its right.
+ */
+export declare const AccountSettings: React.FC<AccountSettingsProps>;
+export default AccountSettings;
+//# sourceMappingURL=AccountSettings.d.ts.map

package/lib/typescript/module/ui/components/accountSettings/AccountSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountSettings.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/accountSettings/AccountSettings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAYvC,OAAO,EAQL,KAAK,WAAW,EAEhB,KAAK,IAAI,EACV,MAAM,cAAc,CAAC;AAItB,OAAO,EAGL,KAAK,kBAAkB,EACxB,MAAM,kCAA+B,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAAwB,CAAC;AAW9D;;;GAGG;AACH,MAAM,WAAW,6BAA6B;IAC5C,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAClD;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACrD,0DAA0D;IAC1D,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,uDAAuD;IACvD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE;QAAE,OAAO,EAAE,kBAAkB,EAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IAC/E,OAAO,CAAC,EAAE,6BAA6B,CAAC;IACxC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;IACvC,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,MAAM;;;EAYvD;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAoS1D,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/typescript/module/ui/hooks/useAvatarPicker.d.ts

@@ -2,7 +2,10 @@
  * Avatar Picker Hook
  *
  * The ONE write path for a user's profile picture. It owns no UI: the whole
- * choose-and-crop experience is a single surface.
+ * choose-and-crop experience is a single surface. The choosing half —
+ * {@link pickAvatarFile} — is account-agnostic and also serves a managed
+ * account's picture (`AccountSettings`), so there is one picker, one cropper and
+ * one upload for every account an app can edit.
  *
  * Flow (typed promise over the shared surface stack — no callback props):
  *   1. `openWithinOrPresent('ChangeAvatar')` opens the source list (device gallery,
@@ -27,6 +30,24 @@ interface UseAvatarPickerOptions {
     activeSessionId: string | null;
     queryClient: QueryClient;
 }
+/**
+ * Whose picture the picker is changing, when it is not the signed-in user's —
+ * the source list previews it and offers "Remove" only when there is one.
+ */
+export interface AvatarPickerSubject {
+    avatar?: string | null;
+    displayName?: string;
+}
+/**
+ * The shared choose-and-crop flow, then the crop uploaded as a NEW public file.
+ *
+ * Resolves the new file's id, `null` when the person chose to remove the
+ * picture, or `undefined` when they backed out. It writes no account: the
+ * caller decides whose picture the file becomes, which is what lets the
+ * signed-in user's profile and a managed account share every step before that.
+ * An upload failure rejects.
+ */
+export declare function pickAvatarFile(oxyServices: OxyServices, subject?: AvatarPickerSubject): Promise<string | null | undefined>;
 export declare function useAvatarPicker({ oxyServices, currentLanguage, activeSessionId, queryClient, }: UseAvatarPickerOptions): {
     openAvatarPicker: () => Promise<void>;
 };

package/lib/typescript/module/ui/hooks/useAvatarPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAvatarPicker.d.ts","sourceRoot":"","sources":["../../../../../src/ui/hooks/useAvatarPicker.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAGH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAMzD,UAAU,sBAAsB;IAC9B,WAAW,EAAE,WAAW,CAAC;IACzB,eAAe,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3C,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAkBD,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,eAAe,EACf,eAAe,EACf,WAAW,GACZ,EAAE,sBAAsB;;EA2ExB"}
+{"version":3,"file":"useAvatarPicker.d.ts","sourceRoot":"","sources":["../../../../../src/ui/hooks/useAvatarPicker.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAGH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAKzD,UAAU,sBAAsB;IAC9B,WAAW,EAAE,WAAW,CAAC;IACzB,eAAe,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3C,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAkBD;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;GAQG;AACH,wBAAsB,cAAc,CAClC,WAAW,EAAE,WAAW,EACxB,OAAO,CAAC,EAAE,mBAAmB,GAC5B,OAAO,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,CAmBpC;AAED,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,eAAe,EACf,eAAe,EACf,WAAW,GACZ,EAAE,sBAAsB;;EA2BxB"}

package/lib/typescript/module/ui/screens/AccountSettingsScreen.d.ts

@@ -1,11 +1,10 @@
 import type React from 'react';
 import type { BaseScreenProps } from '../types/navigation.js';
 /**
- * Per-account settings: edit the account's profile, jump to member management,
- * and archive the account (danger zone). Receives the target `accountId` via
- * navigation props. Self-surface for the caller's own personal account lives in
- * {@link ManageAccountScreen}; this screen manages a non-personal account in the
- * graph.
+ * The `AccountSettings` surface: {@link AccountSettings} for the `accountId`
+ * route prop, under the surface's own header. Self-surface for the caller's own
+ * personal account lives in {@link ManageAccountScreen}; this screen manages a
+ * non-personal account in the graph.
  */
 declare const AccountSettingsScreen: React.FC<BaseScreenProps>;
 export default AccountSettingsScreen;

package/lib/typescript/module/ui/screens/AccountSettingsScreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccountSettingsScreen.d.ts","sourceRoot":"","sources":["../../../../../src/ui/screens/AccountSettingsScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoB/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAqB,CAAC;AAY3D;;;;;;GAMG;AACH,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmQpD,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"AccountSettingsScreen.d.ts","sourceRoot":"","sources":["../../../../../src/ui/screens/AccountSettingsScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAqB,CAAC;AAQ3D;;;;;GAKG;AACH,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmBpD,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/lib/typescript/module/ui/screens/ChangeAvatarScreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChangeAvatarScreen.d.ts","sourceRoot":"","sources":["../../../../../src/ui/screens/ChangeAvatarScreen.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsB/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAqB,CAAC;AAW3D;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,IAAI,CAAC;CACf;AAmED,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6OjD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"ChangeAvatarScreen.d.ts","sourceRoot":"","sources":["../../../../../src/ui/screens/ChangeAvatarScreen.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsB/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAqB,CAAC;AAY3D;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,IAAI,CAAC;CACf;AAgFD,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAkPjD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/typescript/module/ui/screens/index.d.ts

@@ -17,4 +17,5 @@ export { default as AccountMembersScreen } from './AccountMembersScreen.js';
 export { default as AccountSettingsScreen } from './AccountSettingsScreen.js';
 export { default as SupervisionScreen } from './SupervisionScreen.js';
 export { default as OxyOneScreen } from './OxyOneScreen.js';
+export { AccountSettings, type AccountSettingsProps, type AccountSettingsArchiveOptions, } from '../components/accountSettings/AccountSettings.js';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/ui/screens/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/screens/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,oBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0BAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0BAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0BAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0BAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,2BAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,4BAAyB,CAAC;AAE3E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/screens/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,oBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0BAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0BAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0BAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0BAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,2BAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,4BAAyB,CAAC;AAE3E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAgB,CAAC;AAIzD,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,EACzB,KAAK,6BAA6B,GACnC,MAAM,kDAA+C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxy.so/services",
-  "version": "12.10.1",
+  "version": "12.11.0",
   "description": "OxyHQ Expo/React Native SDK — UI components, screens, and native features",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -160,7 +160,7 @@
     "@commitlint/config-conventional": "^21.2.0",
     "@expo/app-integrity": "~58.0.2",
     "@expo/vector-icons": "^15.0.3",
-    "@oxy.so/core": "6.12.0",
+    "@oxy.so/core": "6.13.0",
     "@react-native-async-storage/async-storage": "^2.0.0",
     "@react-native-community/netinfo": "^12.0.1",
     "@react-native/babel-preset": "^0.88.0",
@@ -210,12 +210,12 @@
     "expo-video": "~58.0.11"
   },
   "//@oxy.so/bloom": "Bloom 11.1.0 adds the shared grouped sections, usage card, subscription plans, frame appearance and overlay navigation APIs used by this SDK. First-party Bloom peers remain open above this tested minimum.",
-  "//@oxy.so/core": "Core 6.12.0 supplies `fileManagement.contentLost` and the `lost` file status a lost file is listed with; 6.11.0 supplies the `follow.errors.*` strings the follow error codes are worded with; 6.4.0 the `follow.*` strings the follow buttons read for every verb and language; 6.1.0 the `oxy.auth.email.{startChange,change,remove}` and `oxy.auth.password.remove` the sign-in & security panels call. Keep one Core instance per app; raise this floor with the root catalogue when new runtime APIs are required.",
+  "//@oxy.so/core": "Core 6.13.0 supplies the `accounts.settings.*` strings (picture, categories) the account settings speak in every language; 6.12.0 supplies `fileManagement.contentLost` and the `lost` file status a lost file is listed with; 6.11.0 supplies the `follow.errors.*` strings the follow error codes are worded with; 6.4.0 the `follow.*` strings the follow buttons read for every verb and language; 6.1.0 the `oxy.auth.email.{startChange,change,remove}` and `oxy.auth.password.remove` the sign-in & security panels call. Keep one Core instance per app; raise this floor with the root catalogue when new runtime APIs are required.",
   "peerDependencies": {
     "@expo/app-integrity": ">=56.0.0 <59.0.0",
     "@expo/vector-icons": "^15.0.3",
     "@oxy.so/bloom": ">=11.1.0",
-    "@oxy.so/core": "^6.12.0",
+    "@oxy.so/core": "^6.13.0",
     "@react-native-async-storage/async-storage": "^2.0.0",
     "@react-native-community/netinfo": ">=11.4.1 <13.0.0",
     "@tanstack/query-async-storage-persister": "^5.101",

package/src/ui/components/accountSettings/AccountCategoriesSection.tsx

@@ -0,0 +1,180 @@
+import type React from 'react';
+import { useCallback, useState } from 'react';
+import { View } from 'react-native';
+import { Button, CloseButton } from '@oxy.so/bloom/button';
+import { GroupedSection, GroupedSectionItem } from '@oxy.so/bloom/grouped-section';
+import { useTheme } from '@oxy.so/bloom/theme';
+import {
+  ACCOUNT_CATEGORY_IDS,
+  MAX_ACCOUNT_CATEGORIES,
+  SELECTABLE_ACCOUNT_CATEGORY_IDS,
+  accountCategoryLabel,
+  type AccountCategoryId,
+} from '@oxy.so/core';
+import MaterialCommunityIcons from '../../icons/MaterialCommunityIcons';
+import { SettingsIcon } from '../SettingsIcon';
+import { useI18n } from '../../hooks/useI18n';
+
+/**
+ * An account's categories are an ORDERED list whose element 0 is the primary —
+ * nothing else records which one is. So nothing here sorts: a choice joins at
+ * the end (choosing a second category must not demote the first), "Make
+ * primary" moves one to the front, and two lists are equal only in the same
+ * order (a promotion changes nothing BUT the order).
+ */
+export function toggleAccountCategory(
+  current: readonly AccountCategoryId[],
+  id: AccountCategoryId,
+): AccountCategoryId[] {
+  if (current.includes(id)) return current.filter((entry) => entry !== id);
+  if (current.length >= MAX_ACCOUNT_CATEGORIES) return [...current];
+  return [...current, id];
+}
+
+export function promoteAccountCategory(
+  current: readonly AccountCategoryId[],
+  id: AccountCategoryId,
+): AccountCategoryId[] {
+  if (!current.includes(id)) return [...current];
+  return [id, ...current.filter((entry) => entry !== id)];
+}
+
+export function accountCategoriesEqual(
+  a: readonly AccountCategoryId[],
+  b: readonly AccountCategoryId[],
+): boolean {
+  return a.length === b.length && a.every((entry, index) => entry === b[index]);
+}
+
+/**
+ * A stored id can be one this build has never heard of — the vocabulary grows
+ * at Oxy, and an older client meets the newer id. It keeps its row (it counts
+ * against the cap and survives a save) but is never printed raw.
+ */
+const KNOWN_IDS: ReadonlySet<string> = new Set(ACCOUNT_CATEGORY_IDS);
+
+interface AccountCategoriesSectionProps {
+  value: readonly AccountCategoryId[];
+  onChange: (next: AccountCategoryId[]) => void;
+  disabled?: boolean;
+}
+
+/**
+ * The categories editor of `AccountSettings`: the chosen categories in their
+ * stored order (primary first), and a collapsible list of the vocabulary to add
+ * from. Only SELECTABLE ids are offered — a withdrawn one stays on an account
+ * that carries it, but Oxy refuses newly adding it.
+ */
+export const AccountCategoriesSection: React.FC<AccountCategoriesSectionProps> = ({
+  value,
+  onChange,
+  disabled = false,
+}) => {
+  const { colors } = useTheme();
+  const { t, locale } = useI18n();
+  const [pickerOpen, setPickerOpen] = useState(false);
+  const atCap = value.length >= MAX_ACCOUNT_CATEGORIES;
+
+  const labelOf = useCallback(
+    (id: AccountCategoryId) =>
+      KNOWN_IDS.has(id)
+        ? accountCategoryLabel(locale, id)
+        : t('accounts.settings.categories.unavailable'),
+    [locale, t],
+  );
+  const toggle = useCallback(
+    (id: AccountCategoryId) => onChange(toggleAccountCategory(value, id)),
+    [onChange, value],
+  );
+
+  return (
+    <View className="gap-space-8">
+      <GroupedSection
+        title={t('accounts.settings.categories.title')}
+        footer={t('accounts.settings.categories.footer', { max: MAX_ACCOUNT_CATEGORIES })}
+      >
+        {value.map((id, index) => {
+          const label = labelOf(id);
+          return (
+            <GroupedSectionItem
+              key={id}
+              icon={
+                <SettingsIcon
+                  name={index === 0 ? 'star' : 'tag-outline'}
+                  color={index === 0 ? colors.primary : colors.textSecondary}
+                />
+              }
+              title={label}
+              description={index === 0 ? t('accounts.settings.categories.primary') : undefined}
+              showChevron={false}
+              disabled={disabled}
+              rightElement={
+                <View className="flex-row items-center gap-space-8">
+                  {index > 0 ? (
+                    <Button
+                      appearance="subtle"
+                      size="xs"
+                      disabled={disabled}
+                      onPress={() => onChange(promoteAccountCategory(value, id))}
+                    >
+                      {t('accounts.settings.categories.makePrimary')}
+                    </Button>
+                  ) : null}
+                  <CloseButton
+                    size="xs"
+                    disabled={disabled}
+                    onPress={() => toggle(id)}
+                    accessibilityLabel={t('accounts.settings.categories.remove', {
+                      category: label,
+                    })}
+                  />
+                </View>
+              }
+            />
+          );
+        })}
+        <GroupedSectionItem
+          icon={<SettingsIcon name="plus" color={colors.textSecondary} />}
+          title={t('accounts.settings.categories.add')}
+          description={
+            atCap
+              ? t('accounts.settings.categories.atCap', { max: MAX_ACCOUNT_CATEGORIES })
+              : undefined
+          }
+          disabled={disabled || atCap}
+          showChevron={false}
+          rightElement={
+            <MaterialCommunityIcons
+              name={pickerOpen ? 'chevron-up' : 'chevron-down'}
+              size={20}
+              color={colors.textSecondary}
+            />
+          }
+          onPress={() => setPickerOpen((open) => !open)}
+        />
+      </GroupedSection>
+
+      {pickerOpen && !atCap ? (
+        <GroupedSection>
+          {SELECTABLE_ACCOUNT_CATEGORY_IDS.map((id) => {
+            const selected = value.includes(id);
+            return (
+              <GroupedSectionItem
+                key={id}
+                title={accountCategoryLabel(locale, id)}
+                showChevron={false}
+                disabled={disabled}
+                rightElement={
+                  selected ? (
+                    <MaterialCommunityIcons name="check-circle" size={20} color={colors.primary} />
+                  ) : undefined
+                }
+                onPress={() => toggle(id)}
+              />
+            );
+          })}
+        </GroupedSection>
+      ) : null}
+    </View>
+  );
+};