@goodhood-web/nebenan-base 4.1.0 → 4.2.0-development.1

package/lib/Feed/Aggregators/GridFeedAggregator/GridFeedAggregator.d.ts

@@ -0,0 +1,2 @@
+import { GridFeedAggregatorProps } from './GridFeedAggregator.types';
+export default function GridFeedAggregator({ feedType, items }: GridFeedAggregatorProps): import("react/jsx-runtime").JSX.Element;

package/lib/Feed/Aggregators/GridFeedAggregator/GridFeedAggregator.types.d.ts

@@ -0,0 +1,12 @@
+import { GridFeedAd, GridFeedHoodMessage, GridFeedProps } from '../../Feed/Feed.types';
+export type GridFeedAggregatorProps = {
+    feedType: GridFeedProps['feedType'];
+    items: (GridFeedAd | GridFeedHoodMessage)[];
+};
+export declare const GridFeedAggregatorNavigateEnum: {
+    readonly event: "";
+    readonly feed: "";
+    readonly group: "";
+    readonly marketplace: "/feed/marketplace";
+    readonly post: "";
+};

package/lib/Feed/Aggregators/GridFeedAggregator/components/FeedDynamicRenderer/FeedDynamicRenderer.d.ts

@@ -0,0 +1,3 @@
+import { FeedDynamicRendererProps } from './FeedDynamicRenderer.types';
+declare const FeedDynamicRenderer: ({ feedType, item }: FeedDynamicRendererProps) => import("react/jsx-runtime").JSX.Element | null;
+export default FeedDynamicRenderer;

package/lib/Feed/Aggregators/GridFeedAggregator/components/FeedDynamicRenderer/FeedDynamicRenderer.types.d.ts

@@ -0,0 +1,5 @@
+import { GridFeedHoodMessage, GridFeedProps } from '../../../../Feed/Feed.types';
+export interface FeedDynamicRendererProps {
+    feedType: GridFeedProps['feedType'];
+    item: GridFeedHoodMessage;
+}

package/lib/Feed/Aggregators/GridFeedAggregator/components/FeedEmptyStateCard/FeedEmptyStateCard.d.ts

@@ -0,0 +1,2 @@
+import { FeedEmptyStateCardProps } from './FeedEmptyStateCard.types';
+export default function FeedEmptyStateCard({ classNameButtonDesktop, classNameButtonMobile, feedType, isCard, onClick, }: FeedEmptyStateCardProps): import("react/jsx-runtime").JSX.Element;

package/lib/Feed/Aggregators/GridFeedAggregator/components/FeedEmptyStateCard/FeedEmptyStateCard.types.d.ts

@@ -0,0 +1,8 @@
+import { GridFeedProps } from '../../../../Feed/Feed.types';
+export interface FeedEmptyStateCardProps {
+    classNameButtonDesktop?: string;
+    classNameButtonMobile?: string;
+    feedType: GridFeedProps['feedType'];
+    isCard?: boolean;
+    onClick: () => void;
+}

package/lib/Feed/Aggregators/GridFeedAggregator/components/FeedEmptyStateCard/utils.d.ts

@@ -0,0 +1,2 @@
+import { FeedEmptyStateCardProps } from './FeedEmptyStateCard.types';
+export declare const getTranslation: (feedType: FeedEmptyStateCardProps["feedType"], translationKey: string) => string;

package/lib/Feed/Aggregators/GridFeedAggregator/utils.d.ts

@@ -0,0 +1 @@
+export declare const showFeedEmptyStateCard: (isDesktop: boolean, length: number) => boolean;

package/lib/Feed/Feed/Feed.d.ts

@@ -0,0 +1,3 @@
+import { GridFeedProps } from './Feed.types';
+declare const Feed: ({ ads, feedItems, feedType, viewMode, }: GridFeedProps) => import("react/jsx-runtime").JSX.Element | null;
+export default Feed;

package/lib/Feed/Feed/Feed.types.d.ts

@@ -0,0 +1,41 @@
+import { components } from '../../../../../api/src/lib/core/generated_types';
+type PostResponse = components['schemas']['Core_V3_HoodMessage'];
+export declare const GridFeedTypeEnum: {
+    readonly event: "event";
+    readonly feed: "feed";
+    readonly group: "group";
+    readonly marketplace: "marketplace";
+    readonly post: "post";
+};
+export declare const FeedViewMode: {
+    readonly grid: "grid";
+    readonly list: "list";
+};
+declare const ALLOWED_POSITIONS: readonly [0, 1, 2, 3, 4, 5];
+type Position = (typeof ALLOWED_POSITIONS)[number];
+export interface GridFeedItem {
+    type: 'grid-feed-ad' | 'grid-feed-message' | 'grid-feed-aggregator';
+}
+export interface GridFeedAd extends GridFeedItem {
+    ad_type?: string;
+    aggregatorPosition?: Position;
+    block: number;
+    content: React.ReactNode;
+    id: string;
+    type: 'grid-feed-ad';
+}
+export interface GridFeedHoodMessage extends GridFeedItem {
+    hoodMessage: PostResponse;
+    type: 'grid-feed-message';
+}
+export interface GridFeedFeedAggregator extends GridFeedItem {
+    items: (GridFeedHoodMessage | GridFeedAd)[];
+    type: 'grid-feed-aggregator';
+}
+export type GridFeedProps = {
+    ads?: GridFeedAd[];
+    feedItems: PostResponse[];
+    feedType: (typeof GridFeedTypeEnum)[keyof typeof GridFeedTypeEnum];
+    viewMode?: (typeof FeedViewMode)[keyof typeof FeedViewMode];
+};
+export {};

package/lib/Feed/Feed/utils.d.ts

@@ -0,0 +1,27 @@
+import { components } from '../../../../../api/src/lib/core/generated_types';
+import { GridFeedAd, GridFeedHoodMessage, GridFeedItem } from './Feed.types';
+type PostResponse = components['schemas']['Core_V3_HoodMessage'];
+type FeedItem = GridFeedHoodMessage | GridFeedAd;
+/**
+ * Filters ads based on the number of feed items
+ * Only includes ads that would be visible with the current number of items
+ */
+export declare const filterAdsByFeedLength: (ads: GridFeedAd[] | undefined, feedItemsLength: number, chunkSize?: number) => GridFeedAd[];
+/**
+ * Splits feed items into chunks and handles ad placement.
+ *
+ * Ad placement works in two ways:
+ * 1. Inline ads (with aggregatorPosition):
+ *    - block: which chunk of items (0-based)
+ *    - aggregatorPosition: position within that chunk (0-5)
+ *    Example: block: 1, position: 2 means "insert after 2nd item in 2nd chunk"
+ *
+ * 2. Standalone ads (without aggregatorPosition):
+ *    - block: which chunk to appear after
+ *    Example: block: 1 means "show after the 1st chunk"
+ */
+export declare const splitIntoChunks: (feedItems: PostResponse[], ads?: GridFeedAd[], chunkSize?: number) => GridFeedItem[];
+export declare const formatCurrency: (cents: number | null) => string;
+export declare const getLang: <T>(lang: Record<string, T>, selectedLang?: string) => T;
+export declare const interweaveWithAds: (feedItems: PostResponse[], ads?: GridFeedAd[], chunkSize?: number) => FeedItem[];
+export {};

package/lib/Feed/FeedItem/Marketplace/MarketplaceActions/MarketplaceActions.types.d.ts

@@ -6,9 +6,9 @@ export type MarketplaceActionsTypes = {
     handleReserve?: () => void;
     id: number;
     images: components['schemas']['Core_V3_HoodMessageImage'][];
+    isBookmarked?: boolean;
     isFree: boolean;
     isMine?: boolean;
     isReserved: boolean;
-    isBookmarked?: boolean;
     subject: string;
 };

package/lib/Feed/FeedItem/Marketplace/MarketplaceDetailPage/components/MarketplaceErrorBoundary.d.ts

@@ -3,8 +3,8 @@ interface Props {
     children: ReactNode;
 }
 interface State {
-    hasError: boolean;
     error?: Error;
+    hasError: boolean;
 }
 /**
  * MarketplaceErrorBoundary - Error boundary for marketplace detail page

package/lib/Feed/FeedItem/Post/Post.d.ts

@@ -0,0 +1,6 @@
+import { components } from '../../../../../../api/src/lib/core/generated_types';
+interface PostProps {
+    hoodMessage: components['schemas']['Core_V3_HoodMessage'];
+}
+export declare const Post: ({ hoodMessage }: PostProps) => import("react/jsx-runtime").JSX.Element;
+export default Post;

package/lib/Feed/LazyFeed/LazyFeed.d.ts

@@ -0,0 +1,11 @@
+import { NewsFeedHoodMessage } from '../../../../../api/src/lib/types/newsFeeds';
+import { GridFeedAd } from '../Feed/Feed.types';
+interface LazyFeedProps {
+    ads?: GridFeedAd[];
+    initialFeedItems: NewsFeedHoodMessage[];
+    onLoadMore: (lastItemTimestamp: string) => Promise<{
+        hood_messages: NewsFeedHoodMessage[];
+    }>;
+}
+export declare function LazyFeed({ ads, initialFeedItems, onLoadMore }: LazyFeedProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/Feed/LazyFeed/MarketplaceSkeleton.d.ts

@@ -0,0 +1,5 @@
+interface MarketplaceSkeletonProps {
+    count?: number;
+}
+export declare function MarketplaceSkeleton({ count }: MarketplaceSkeletonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/Feed/MarketplaceFeedPage/MarketplaceFeedPage.d.ts

@@ -0,0 +1,11 @@
+import { NewsFeedHoodMessage } from '../../../../../api/src/lib/types/newsFeeds';
+import { GridFeedAd } from '../Feed/Feed.types';
+interface MarketplaceFeedPageProps {
+    ads?: GridFeedAd[];
+    initialFeedItems: NewsFeedHoodMessage[];
+    onLoadMore: (lastItemTimestamp: string) => Promise<{
+        hood_messages: NewsFeedHoodMessage[];
+    }>;
+}
+export declare function MarketplaceFeedPage({ ads, initialFeedItems, onLoadMore, }: MarketplaceFeedPageProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/Forms/Fields/index.d.ts

@@ -1,10 +1,11 @@
 import { default as FormCheckboxInput } from './FormCheckboxInput';
 import { default as FormContentCreatorTile } from './FormContentCreatorTile';
 import { default as FormInputFieldSpecial } from './FormInputFieldSpecial';
+import { default as FormPasswordField } from './FormPasswordField';
 import { default as FormPhoneInput } from './FormPhoneInput';
 import { default as FormRadioButton } from './FormRadioButton';
 import { default as FormRadioButtonCluster } from './FormRadioButtonCluster';
 import { default as FormTextAreaInput } from './FormTextAreaInput';
 import { default as FormTextInput } from './FormTextInput';
 import { default as FormToggleInput } from './FormToggleInput';
-export { FormCheckboxInput, FormInputFieldSpecial, FormPhoneInput, FormRadioButton, FormRadioButtonCluster, FormTextAreaInput, FormTextInput, FormContentCreatorTile, FormToggleInput, };
+export { FormCheckboxInput, FormInputFieldSpecial, FormPasswordField, FormPhoneInput, FormRadioButton, FormRadioButtonCluster, FormTextAreaInput, FormTextInput, FormContentCreatorTile, FormToggleInput, };

package/lib/MainLayout/MainLayout.d.ts

@@ -1,4 +1,4 @@
 import { PropsWithChildren } from 'react';
 import { MainLayoutProps } from './MainLayout.types';
-declare const MainLayout: ({ children, desktop, keepLoading, mobile, }: PropsWithChildren<MainLayoutProps>) => import("react/jsx-runtime").JSX.Element;
+declare const MainLayout: ({ children, desktop, initialIsMobile, keepLoading, mobile, }: PropsWithChildren<MainLayoutProps>) => import("react/jsx-runtime").JSX.Element;
 export default MainLayout;

package/lib/MainLayout/MainLayout.types.d.ts

@@ -2,6 +2,7 @@ import { DesktopLayoutTwoColumnProps } from '../DesktopLayoutTwoColumn/DesktopLa
 import { MobileLayoutProps } from '../MobileLayout/MobileLayout.types';
 export interface MainLayoutProps {
     desktop: Omit<DesktopLayoutTwoColumnProps, 'children'>;
+    initialIsMobile?: boolean;
     keepLoading?: boolean;
     mobile: Omit<MobileLayoutProps, 'children'>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodhood-web/nebenan-base",
-  "version": "4.1.0",
+  "version": "4.2.0-development.1",
   "main": "./index.js",
   "types": "./index.d.ts",
   "repository": "https://github.com/good-hood-gmbh/goodhood-web",