@fluid-app/portal-sdk 0.1.524 → 0.1.525

package/dist/{ContactsScreen-DeXNeKhZ.cjs → ContactsScreen-C3ccWqAe.cjs}

@@ -1,6 +1,6 @@
 const require_chunk = require("./chunk-9hOWP6kD.cjs");
 const require_Combobox = require("./Combobox-CReJLJfk.cjs");
-const require_ContactsTranslationBridge = require("./ContactsTranslationBridge-MTW9WS-j.cjs");
+const require_ContactsTranslationBridge = require("./ContactsTranslationBridge-C7Q9rpKH.cjs");
 const require_MobileBottomSheet = require("./MobileBottomSheet-HzfAr8dE.cjs");
 const require_static_dict_adapter = require("./static-dict-adapter-BCgoKiVT.cjs");
 const require_task_composer_form = require("./task-composer-form-DDzxr6_A.cjs");
@@ -5166,7 +5166,7 @@ function ContactCreateView({ onNavigate, onCreateContact, asSheet = false }) {
 		})
 	});
 }
-function ContactsScreen({ onContactSelect, onCreateContact, background, textColor, accentColor, padding, borderRadius, defaultViewMode, ...divProps }) {
+function ContactsScreen({ api, onContactSelect, onCreateContact, background, textColor, accentColor, padding, borderRadius, defaultViewMode, ...divProps }) {
 	const { currentSlug, navigate } = require_AppNavigationContext.useAppNavigation();
 	const contactsBaseSlug = (0, react.useMemo)(() => getContactsBaseSlug(currentSlug), [currentSlug]);
 	const { nav, subPage } = (0, react.useMemo)(() => resolveContactsRouteState(currentSlug), [currentSlug]);
@@ -5218,41 +5218,44 @@ function ContactsScreen({ onContactSelect, onCreateContact, background, textColo
 	}, []);
 	const createViewOpen = mobileCreateOpen || nav.view === "new";
 	const showBrowseView = isMobile || !createViewOpen;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ContactsTranslationBridge.ContactsTranslationBridge, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ContactsTranslationBridge.PortalContactsApiProvider, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		...divProps,
-		className: require_src.cn("h-full", divProps.className),
-		children: [subPage === "manage-groups" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GroupsManagePage, {
-			onBack: () => navigate(contactsBaseSlug),
-			onSelectContact: (contactId) => {
-				setHighlightContactId(contactId);
-				navigate(buildContactsSlug(contactsBaseSlug, {
-					view: "browse",
-					selectedContactId: contactId
-				}));
-			},
-			showMobileBackButton: false
-		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [showBrowseView ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContactBrowseView, {
-			selectedContactId: nav.view === "browse" ? nav.selectedContactId : null,
-			highlightContactId,
-			onSelect: handleSelect,
-			onAdd: handleAdd,
-			onManageGroups: handleManageGroups,
-			onCreateGroup: handleCreateGroup,
-			highlightGroupName,
-			showMobileDetailBackButton: false
-		}) : null, createViewOpen ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContactCreateView, {
-			asSheet: isMobile,
-			onNavigate: handleCreateViewNavigate,
-			onCreateContact
-		}) : null] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GroupDialog, {
-			mode: "create",
-			open: createGroupOpen,
-			onOpenChange: (open) => setCreateGroupOpen(open),
-			onGroupCreatedWithName: (name) => {
-				setHighlightGroupName(name);
-			}
-		}, createGroupOpen ? "open" : "closed")]
-	}) }) });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ContactsTranslationBridge.ContactsTranslationBridge, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ContactsTranslationBridge.PortalContactsApiProvider, {
+		api,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			...divProps,
+			className: require_src.cn("h-full", divProps.className),
+			children: [subPage === "manage-groups" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GroupsManagePage, {
+				onBack: () => navigate(contactsBaseSlug),
+				onSelectContact: (contactId) => {
+					setHighlightContactId(contactId);
+					navigate(buildContactsSlug(contactsBaseSlug, {
+						view: "browse",
+						selectedContactId: contactId
+					}));
+				},
+				showMobileBackButton: false
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [showBrowseView ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContactBrowseView, {
+				selectedContactId: nav.view === "browse" ? nav.selectedContactId : null,
+				highlightContactId,
+				onSelect: handleSelect,
+				onAdd: handleAdd,
+				onManageGroups: handleManageGroups,
+				onCreateGroup: handleCreateGroup,
+				highlightGroupName,
+				showMobileDetailBackButton: false
+			}) : null, createViewOpen ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContactCreateView, {
+				asSheet: isMobile,
+				onNavigate: handleCreateViewNavigate,
+				onCreateContact
+			}) : null] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GroupDialog, {
+				mode: "create",
+				open: createGroupOpen,
+				onOpenChange: (open) => setCreateGroupOpen(open),
+				onGroupCreatedWithName: (name) => {
+					setHighlightGroupName(name);
+				}
+			}, createGroupOpen ? "open" : "closed")]
+		})
+	}) });
 }
 const contactsScreenPropertySchema = {
 	widgetType: "ContactsScreen",
@@ -5277,4 +5280,4 @@ Object.defineProperty(exports, "contactsScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=ContactsScreen-DeXNeKhZ.cjs.map
+//# sourceMappingURL=ContactsScreen-C3ccWqAe.cjs.map