@goodhood-web/nebenan-base 3.4.0-development.8 → 3.4.0-next.1

package/lib/DesktopLayoutTwoColumn/DesktopLayoutTwoColumn.d.ts

@@ -1,3 +1,3 @@
 import { DesktopLayoutTwoColumnProps } from './DesktopLayoutTwoColumn.types';
-declare const DesktopLayoutTwoColumn: ({ banner, children, isMainFullWidth, leftAdSlot, navbar, right, rightAdSlot, enableAdSlots, }: DesktopLayoutTwoColumnProps) => import("react/jsx-runtime").JSX.Element;
+declare const DesktopLayoutTwoColumn: ({ banner, children, enableAdSlots, isMainFullWidth, leftAdSlot, navbar, right, rightAdSlot, }: DesktopLayoutTwoColumnProps) => import("react/jsx-runtime").JSX.Element;
 export default DesktopLayoutTwoColumn;

package/lib/DesktopLayoutTwoColumn/DesktopLayoutTwoColumn.types.d.ts

@@ -3,9 +3,9 @@ export interface DesktopLayoutTwoColumnProps {
     banner?: ReactElement;
     children: ReactNode;
     enableAdSlots?: boolean;
+    isMainFullWidth?: boolean;
     leftAdSlot?: ReactElement;
     navbar: ReactElement;
     right?: ReactElement;
     rightAdSlot?: ReactElement;
-    isMainFullWidth?: boolean;
 }

package/lib/Feed/{GridFeed → Aggregators}/GridFeedAggregator/GridFeedAggregator.types.d.ts

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

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/{GridFeed → Aggregators}/GridFeedAggregator/components/FeedEmptyStateCard/FeedEmptyStateCard.types.d.ts

@@ -1,4 +1,4 @@
-import { GridFeedProps } from '../../../GridFeed.types';
+import { GridFeedProps } from '../../../../Feed/Feed.types';
 export interface FeedEmptyStateCardProps {
     classNameButtonDesktop?: string;
     classNameButtonMobile?: string;

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,40 @@
+import { NewsFeedHoodMessage } from '../../../../../api/src/lib/core';
+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: NewsFeedHoodMessage;
+    type: 'grid-feed-message';
+}
+export interface GridFeedFeedAggregator extends GridFeedItem {
+    items: (GridFeedHoodMessage | GridFeedAd)[];
+    type: 'grid-feed-aggregator';
+}
+export type GridFeedProps = {
+    ads?: GridFeedAd[];
+    feedItems: NewsFeedHoodMessage[];
+    feedType: (typeof GridFeedTypeEnum)[keyof typeof GridFeedTypeEnum];
+    viewMode?: (typeof FeedViewMode)[keyof typeof FeedViewMode];
+};
+export {};

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

@@ -0,0 +1,26 @@
+import { NewsFeedHoodMessage } from '../../../../../api/src/lib/types/newsFeeds';
+import { GridFeedAd, GridFeedHoodMessage, GridFeedItem } from './Feed.types';
+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: NewsFeedHoodMessage[], 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: NewsFeedHoodMessage[], ads?: GridFeedAd[], chunkSize?: number) => FeedItem[];
+export {};

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

@@ -1,3 +1,3 @@
 import { MarketplaceDetailPageProps } from './MarketplaceDetailPage.types';
-export declare function MarketplaceDetailPage({ ads, author, categories, embeds, interactions, isBusinessProfile, postData, profile, related, renderAdSlot, renderGallery, }: MarketplaceDetailPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function MarketplaceDetailPage({ ads, author, categories, embeds, handleReserve, interactions, isBusinessProfile, isReserved, postData, profile, related, renderAdSlot, renderGallery, }: MarketplaceDetailPageProps): import("react/jsx-runtime").JSX.Element;
 export default MarketplaceDetailPage;

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

@@ -15,8 +15,10 @@ export interface MarketplaceDetailPageProps {
     author: NeighbourResponse | BusinessProfilesResponse;
     categories: CategoriesResponse;
     embeds?: EmbedResponse[];
+    handleReserve: () => void;
     interactions: InteractionResponse;
     isBusinessProfile: boolean;
+    isReserved: boolean;
     postData: PostResponse;
     profile: ProfileResponse;
     related: RelatedPostsResponse;

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

@@ -2,6 +2,8 @@ import { ReactElement } from 'react';
 import { MarketplaceBodyTypes } from '../../../MarketplaceBody/MarketplaceBody.types';
 export interface MarketplaceContentProps {
     children?: ReactElement;
+    handleReserve: () => void;
+    isReserved: boolean;
     marketplaceBodyItems: MarketplaceBodyTypes;
 }
-export declare const MarketplaceContent: ({ children, marketplaceBodyItems, }: MarketplaceContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MarketplaceContent: ({ children, handleReserve, isReserved, marketplaceBodyItems, }: MarketplaceContentProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { NewsFeedHoodMessage } from '../../../../../../api/src/lib/types/newsFeeds';
+interface PostProps {
+    hoodMessage: NewsFeedHoodMessage;
+}
+export declare const Post: ({ hoodMessage }: PostProps) => import("react/jsx-runtime").JSX.Element;
+export default Post;

package/lib/Gallery/Gallery.d.ts

@@ -1,3 +1,3 @@
 import { GalleryProps } from './Gallery.types';
-export declare const Gallery: ({ ads, footerAd, images, reserved }: GalleryProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Gallery: ({ ads, ctaSlot, footerAd, images, reserved, stickerSlot, type, }: GalleryProps) => import("react/jsx-runtime").JSX.Element;
 export default Gallery;

package/lib/Gallery/Gallery.types.d.ts

@@ -9,7 +9,10 @@ export type GalleryAdType = {
 };
 export type GalleryProps = {
     ads?: GalleryAdType[];
+    ctaSlot?: ImageAttachmentProps['ctaSlot'];
     footerAd?: GalleryAdType;
     images: ImageAttachmentProps['images'];
     reserved?: ImageAttachmentProps['reserved'];
+    stickerSlot?: ImageAttachmentProps['stickerSlot'];
+    type?: ImageAttachmentProps['type'];
 };

package/lib/ImageAttachment/ImageAttachment.d.ts

@@ -1,3 +1,3 @@
 import { ImageAttachmentProps } from './ImageAttachment.types';
-export declare const ImageAttachment: ({ activeIndex, images, onImageClick, reserved, }: ImageAttachmentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ImageAttachment: ({ activeIndex, ctaSlot, images, onImageClick, reserved, stickerSlot, type, }: ImageAttachmentProps) => import("react/jsx-runtime").JSX.Element;
 export default ImageAttachment;

package/lib/ImageAttachment/ImageAttachment.types.d.ts

@@ -1,6 +1,10 @@
+import { ReactElement } from 'react';
 export type ImageAttachmentProps = {
-    activeIndex: number;
+    activeIndex?: number;
+    ctaSlot?: ReactElement;
     images: string[];
     onImageClick: (index: number) => void;
     reserved?: boolean;
+    stickerSlot?: ReactElement;
+    type?: 'slideshow' | 'collage';
 };

package/lib/ImageAttachment/components/CollageImageAttachment/CollageImageAttachment.d.ts

@@ -0,0 +1,2 @@
+import { ImageAttachmentProps } from '../../ImageAttachment.types';
+export declare const CollageImageAttachment: ({ ctaSlot, images, onImageClick, stickerSlot, }: Omit<ImageAttachmentProps, "activeIndex" | "type">) => import("react/jsx-runtime").JSX.Element;

package/lib/ImageAttachment/components/PlaceholderImageAttachment/PlaceholderImageAttachment.d.ts

@@ -0,0 +1,7 @@
+import { ImageAttachmentProps } from '../../ImageAttachment.types';
+type PlaceholderImageAttachmentProps = {
+    ctaSlot?: ImageAttachmentProps['ctaSlot'];
+    type: ImageAttachmentProps['type'];
+};
+export declare const PlaceholderImageAttachment: ({ ctaSlot, type, }: PlaceholderImageAttachmentProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/ImageAttachment/components/SwiperImageAttachment/SwiperImageAttachment.d.ts

@@ -0,0 +1,2 @@
+import { ImageAttachmentProps } from '../../ImageAttachment.types';
+export declare const SwiperImageAttachment: ({ activeIndex, ctaSlot, images, onImageClick, stickerSlot, }: Omit<ImageAttachmentProps, "type">) => import("react/jsx-runtime").JSX.Element;

package/lib/ImageCropper/ImageCropper.d.ts

@@ -1,3 +1,3 @@
 import { ImageCropperProps } from './ImageCropper.types';
-declare const ImageCropper: ({ aspectRatio, imageFile, minCropHeight, minCropWidth, onClose, onCrop, translations: t, }: ImageCropperProps) => import("react/jsx-runtime").JSX.Element;
+declare const ImageCropper: ({ aspectRatio, imageFile, onClose, onCrop, translations: t, }: ImageCropperProps) => import("react/jsx-runtime").JSX.Element;
 export default ImageCropper;

package/lib/ImageCropper/ImageCropper.types.d.ts

@@ -1,13 +1,12 @@
 export type ImageCropperProps = {
     aspectRatio?: number;
     imageFile?: File;
-    minCropHeight?: number;
-    minCropWidth?: number;
     onClose: () => void;
     onCrop: (image: File) => void;
     translations?: {
         close: string;
         crop: string;
+        mobileTitle: string;
         rotate: string;
         title: string;
     };

package/lib/ImageCropper/util.d.ts

@@ -1,2 +1,6 @@
-export declare const cropImage: (cropper: Cropper, imgType: string, onCrop: (file: File) => void) => void;
-export declare const rotateImage: (cropper: Cropper, direction: "left" | "right") => void;
+import { CropperRef, CropperState } from 'react-advanced-cropper';
+export declare const cropImage: (cropperRef: React.RefObject<CropperRef>, imgType: string, onCrop: (file: File) => void) => void;
+export declare const getDefaultSize: (state: CropperState) => {
+    height: number;
+    width: number;
+};

package/lib/utils/hooks.d.ts

@@ -0,0 +1,3 @@
+type EventType = 'keydown' | 'keyup' | 'keypress';
+declare function useKeyEvent(targetKeys: string | string[], callback: (event: KeyboardEvent) => void, eventType?: EventType): void;
+export default useKeyEvent;

package/package.json

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