@goodhood-web/nebenan-base 3.4.0-development.2 → 3.4.0-development.20

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

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { BusinessProfilesResponse, CategoriesResponse, EmbedResponse, InteractionResponse, NeighbourResponse, PostImage, PostResponse, ProfileResponse, RelatedPostsResponse } from '../../../../../../../api/src/lib/core';
+import { BusinessProfilesResponse, CategoriesResponse, EmbedResponse, InteractionResponse, NeighbourResponse, PostResponse, ProfileResponse, RelatedPostsResponse } from '../../../../../../../api/src/lib/core';
 export interface AdSlot {
     adnuntius?: {
         desktop: string;
@@ -15,11 +15,13 @@ export interface MarketplaceDetailPageProps {
     author: NeighbourResponse | BusinessProfilesResponse;
     categories: CategoriesResponse;
     embeds?: EmbedResponse[];
+    handleReserve: () => void;
     interactions: InteractionResponse;
     isBusinessProfile: boolean;
+    isReserved: boolean;
     postData: PostResponse;
     profile: ProfileResponse;
     related: RelatedPostsResponse;
     renderAdSlot: (slot: AdSlot) => ReactElement;
-    renderGallery: (images: PostImage[]) => ReactElement;
+    renderGallery: ReactElement;
 }

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/Gallery/Gallery.d.ts

@@ -0,0 +1,3 @@
+import { GalleryProps } from './Gallery.types';
+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

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+import { ImageAttachmentProps } from '../ImageAttachment/ImageAttachment.types';
+export type GalleryAdType = {
+    position: number;
+    render: FC<{
+        onHide: () => void;
+        onRender?: () => void;
+    }>;
+};
+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

@@ -0,0 +1,3 @@
+import { ImageAttachmentProps } from './ImageAttachment.types';
+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

@@ -0,0 +1,10 @@
+import { ReactElement } from 'react';
+export type ImageAttachmentProps = {
+    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

@@ -0,0 +1,3 @@
+import { ImageCropperProps } from './ImageCropper.types';
+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

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

package/lib/ImageCropper/hooks/useImageLoader.d.ts

@@ -0,0 +1,4 @@
+export declare const useImageLoader: (imageFile?: File) => {
+    imageSrc: string | undefined;
+    imgType: import('react').MutableRefObject<string>;
+};

package/lib/ImageCropper/util.d.ts

@@ -0,0 +1,6 @@
+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/ModalGallery/ModalGallery.d.ts

@@ -0,0 +1,3 @@
+import { ModalGalleryProps } from './ModalGallery.types';
+export declare const ModalGallery: ({ activeIndex, ads, footerAd, images, onClose, open, }: ModalGalleryProps) => import("react/jsx-runtime").JSX.Element | null;
+export default ModalGallery;

package/lib/ModalGallery/ModalGallery.types.d.ts

@@ -0,0 +1,9 @@
+import { GalleryAdType, GalleryProps } from '../Gallery/Gallery.types';
+export type ModalGalleryProps = {
+    activeIndex: number;
+    ads?: GalleryProps['ads'];
+    footerAd?: GalleryAdType;
+    images: string[];
+    onClose: (index: number) => void;
+    open: boolean;
+};

package/lib/ModalGallery/utils.d.ts

@@ -0,0 +1,28 @@
+import { FC } from 'react';
+import { GalleryProps } from '../Gallery/Gallery.types';
+type ImageAdItem = {
+    hidden: boolean;
+    position: number;
+    slideIndex: number;
+    src: string;
+    type: 'image';
+} | {
+    hidden: boolean;
+    position: number;
+    render: FC<{
+        onHide: () => void;
+        onRender?: () => void;
+    }>;
+    type: 'ad';
+};
+export declare const computeSlides: (images: string[], ads: GalleryProps["ads"]) => ImageAdItem[];
+export declare const checkPreviousAds: ({ index, slides, }: {
+    index: number;
+    slides: ImageAdItem[];
+}) => number;
+export declare const findSlideToGo: ({ activeIndex, slides, }: {
+    activeIndex: number;
+    slides: ImageAdItem[];
+}) => number;
+export declare const cleanUpSlides: (slides: ImageAdItem[]) => ImageAdItem[];
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodhood-web/nebenan-base",
-  "version": "3.4.0-development.2",
+  "version": "3.4.0-development.20",
   "main": "./index.js",
   "types": "./index.d.ts",
   "repository": "https://github.com/good-hood-gmbh/goodhood-web",
@@ -16,6 +16,8 @@
     "react-hook-form": "^7.54.2",
     "zod": "^3.24.2",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "@hookform/resolvers": "^3.10.0",
+    "lodash": "^4.17.21"
   }
 }