@goodhood-web/nebenan-base 4.2.0-development.2 → 4.2.0-development.21

package/lib/ContentCreator/components/ContentCreatorFieldWrapper/components/ContentFieldsSheet/ContentFieldsSheet.d.ts

@@ -1,4 +1,4 @@
 import { ContentProps, FooterProps, HeaderProps } from './ContentFieldsSheet.types';
 export declare const Header: ({ imageUrl, onContentTypeSelectorOpen, onDismiss, userId, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Content: ({ imageUploadClicked, onImageUploadDismiss, onPoiDismiss, poiClicked, }: ContentProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Footer: ({ formError, onImageUploadOpen, onPoiOpen, setReachTypeSelectorOpen, }: FooterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Content: ({ onPoiDismiss, poiClicked, richTextAreaRef }: ContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Footer: ({ formError, onImageUploadClick, onPoiOpen, setReachTypeSelectorOpen, }: FooterProps) => import("react/jsx-runtime").JSX.Element;

package/lib/ContentCreator/components/ContentCreatorFieldWrapper/components/ContentFieldsSheet/ContentFieldsSheet.types.d.ts

@@ -1,4 +1,5 @@
-import { Dispatch, SetStateAction } from 'react';
+import { Dispatch, RefObject, SetStateAction } from 'react';
+import { RichTextAreaRef } from '../../../../../RichTextArea/RichTextArea.types';
 export type HeaderProps = {
     imageUrl?: string;
     onContentTypeSelectorOpen: () => void;
@@ -6,14 +7,13 @@ export type HeaderProps = {
     userId?: number;
 };
 export type ContentProps = {
-    imageUploadClicked: boolean;
-    onImageUploadDismiss: () => void;
     onPoiDismiss: () => void;
     poiClicked: boolean;
+    richTextAreaRef?: RefObject<RichTextAreaRef>;
 };
 export type FooterProps = {
     formError?: string | null;
-    onImageUploadOpen: () => void;
+    onImageUploadClick: () => void;
     onPoiOpen: () => void;
     setReachTypeSelectorOpen: Dispatch<SetStateAction<boolean>>;
 };

package/lib/ContentCreator/components/ContentCreatorFieldWrapper/components/PostFields/PostFields.d.ts

@@ -1,3 +1,3 @@
 import { PostFieldsProps } from './PostFields.types';
-declare const PostFields: ({ imageUploadClicked, onImageUploadDismiss, onPoiDismiss, poiClicked, }: PostFieldsProps) => import("react/jsx-runtime").JSX.Element;
+declare const PostFields: ({ onPoiDismiss, poiClicked, richTextAreaRef }: PostFieldsProps) => import("react/jsx-runtime").JSX.Element;
 export default PostFields;

package/lib/ContentCreator/components/ContentCreatorFieldWrapper/components/PostFields/PostFields.types.d.ts

@@ -1,6 +1,7 @@
+import { RefObject } from 'react';
+import { RichTextAreaRef } from '../../../../../RichTextArea/RichTextArea.types';
 export type PostFieldsProps = {
-    imageUploadClicked: boolean;
-    onImageUploadDismiss: () => void;
     onPoiDismiss: () => void;
     poiClicked: boolean;
+    richTextAreaRef?: RefObject<RichTextAreaRef>;
 };

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

@@ -1,8 +1,7 @@
-import { GridFeedProps } from '../../../GridFeed/GridFeed.types';
 export interface MarketplaceItemCardlessTypes {
     content?: React.ReactNode;
-    finalizeTest?: GridFeedProps['finalizeTest'];
-    highlightAbTest?: GridFeedProps['highlightAbTest'];
+    finalizeTest?: () => void;
+    highlightAbTest?: string | null;
     id: number;
     image?: string;
     onClick?: () => void;

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

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+export type MarketplaceHighlightVariant = 'outline_photo' | 'label_on_photo' | 'label_under_description' | null;
+interface MarketplaceAbTestContextValue {
+    highlightVariant: MarketplaceHighlightVariant;
+}
+export declare const MarketplaceAbTestProvider: React.FC<{
+    children: React.ReactNode;
+    highlightVariant: MarketplaceHighlightVariant;
+}>;
+export declare const useMarketplaceAbTest: () => MarketplaceAbTestContextValue;
+export {};

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

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

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

@@ -1,8 +1,10 @@
+import { RefObject } from 'react';
 import { UseControllerProps } from 'react-hook-form';
 import { ContentFormData } from '../../ContentCreator/validationSchemas';
-import { RichTextAreaProps } from '../../RichTextArea/RichTextArea.types';
+import { RichTextAreaProps, RichTextAreaRef } from '../../RichTextArea/RichTextArea.types';
 export type FormRichTextAreaInputProps = UseControllerProps<ContentFormData> & Partial<RichTextAreaProps> & {
     name: string;
+    ref?: RefObject<RichTextAreaRef>;
 };
-declare const FormRichTextAreaInput: ({ name, ...props }: FormRichTextAreaInputProps) => import("react/jsx-runtime").JSX.Element;
+declare const FormRichTextAreaInput: ({ name, ref, ...props }: FormRichTextAreaInputProps) => import("react/jsx-runtime").JSX.Element;
 export default FormRichTextAreaInput;

package/lib/Grids/Grid/Grid.d.ts

@@ -1,3 +1,3 @@
 import { GridProps } from './Grid.types';
-export declare const Grid: ({ children, spacing }: GridProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Grid: ({ children, className, spacing }: GridProps) => import("react/jsx-runtime").JSX.Element;
 export default Grid;

package/lib/Grids/Grid/Grid.types.d.ts

@@ -7,5 +7,6 @@ export type TGridSpacing = TGridSpacingBase | {
 };
 export type GridProps = {
     children: ReactNode;
+    className?: string;
     spacing?: TGridSpacing;
 };

package/lib/MarkdownRichText/MarkdownRichText.d.ts

@@ -1,3 +1,3 @@
 import { MarkdownRichTextProps } from './MarkdownRichText.types';
-declare const MarkdownRichText: ({ className, elementTag, text }: MarkdownRichTextProps) => import("react/jsx-runtime").JSX.Element;
+declare const MarkdownRichText: ({ className, elementTag, fontSet, text, }: MarkdownRichTextProps) => import("react/jsx-runtime").JSX.Element;
 export default MarkdownRichText;

package/lib/MarkdownRichText/MarkdownRichText.types.d.ts

@@ -2,5 +2,6 @@ export type AllowedTypographyHTMLTags = 'span' | 'p' | 'h1' | 'h2' | 'h3' | 'h4'
 export interface MarkdownRichTextProps {
     className?: string;
     elementTag?: AllowedTypographyHTMLTags;
+    fontSet?: 'product' | 'landing';
     text: string;
 }

package/lib/ProfileControls/ProfileControls.d.ts

@@ -1,3 +1,3 @@
 import { ProfileControlsProps } from './ProfileControls.types';
-declare const ProfileControls: ({ moreMenuData, tiles, withoutMoreMenu, }: ProfileControlsProps) => import("react/jsx-runtime").JSX.Element;
+declare const ProfileControls: ({ moreMenuData, onClickMore, tiles, withoutMoreMenu, }: ProfileControlsProps) => import("react/jsx-runtime").JSX.Element;
 export default ProfileControls;

package/lib/ProfileControls/ProfileControls.types.d.ts

@@ -7,6 +7,7 @@ export type ProfileControlsProps = {
         offset?: OffsetType;
         options: PopupItemProps[];
     };
+    onClickMore?: () => void;
     tiles: ProfileControlTile[];
     withoutMoreMenu?: boolean;
 };

package/lib/PromptCard/PromptCard.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PromptCardProps } from './PromptCard.types';
+declare const PromptCard: React.FC<PromptCardProps>;
+export default PromptCard;

package/lib/PromptCard/PromptCard.types.d.ts

@@ -0,0 +1,19 @@
+export type PromptColor = 'lavender' | 'teal' | 'orange' | 'pink';
+export interface Prompt {
+    color: PromptColor;
+    created_at: string;
+    id: string;
+    placeholder_text?: string;
+    prefill_text: string;
+    question: string;
+    sub_category?: string;
+    subject_text?: string;
+}
+export interface PromptCardProps {
+    onCameraClick?: (prompt: Prompt) => void;
+    onInputClick: (prompt: Prompt) => void;
+    prompt: Prompt;
+    showCameraIcon?: boolean;
+    userAvatarSrc?: string;
+    userId?: number;
+}

package/lib/Quote/Quote.d.ts

@@ -1,3 +1,3 @@
 import { QuoteProps } from './Quote.types';
-declare const Quote: ({ author, authorType, contentClassName, fontSet, image, imageSlot, quote, quoteImageClassName, quoteType, }: QuoteProps) => import("react/jsx-runtime").JSX.Element;
+declare const Quote: ({ author, authorIcon, authorSubtitle, authorType, contentClassName, fontSet, image, imageSlot, quote, quoteImageClassName, quoteType, }: QuoteProps) => import("react/jsx-runtime").JSX.Element;
 export default Quote;

package/lib/Quote/Quote.types.d.ts

@@ -1,9 +1,12 @@
 import { ReactElement } from 'react';
+import { Icon32 } from '../../../../ui/src/lib/Base/Icon/Icon.types';
 import { TypographyTypeLanding, TypographyTypeProduct } from '../../../../ui/src/lib/Base/Typography/Typography.types';
 type QuoteBaseProps = {
     author: string;
+    authorIcon?: Icon32;
+    authorSubtitle?: string;
     contentClassName?: string;
-    image: {
+    image?: {
         alt: string;
         src: string;
     };

package/lib/RichTextArea/RichTextArea.d.ts

@@ -1,2 +1,3 @@
-import { RichTextAreaProps } from './RichTextArea.types';
-export default function RichTextArea({ ariaDescribedby, attachment, charLimit, colorScheme, contentEditableRef, disabled, errorText, hintText, id, label, onBlur, onChange, onFocus, onImageClick, onImageUploadDismiss, onPoiClick, onPoiDismiss, size, submitButton, value, }: RichTextAreaProps): import("react/jsx-runtime").JSX.Element;
+import { RichTextAreaProps, RichTextAreaRef } from './RichTextArea.types';
+declare const _default: import('react').ForwardRefExoticComponent<RichTextAreaProps & import('react').RefAttributes<RichTextAreaRef>>;
+export default _default;

package/lib/RichTextArea/RichTextArea.types.d.ts

@@ -20,8 +20,6 @@ export type RichTextAreaProps = {
     onBlur?: (event: FocusEvent<HTMLDivElement>) => void;
     onChange: (value: RichTextAreaValueType) => void;
     onFocus?: (event: FocusEvent<HTMLDivElement>) => void;
-    onImageClick?: boolean;
-    onImageUploadDismiss?: () => void;
     onPoiClick?: boolean;
     onPoiDismiss?: () => void;
     size?: 'medium' | 'large';
@@ -59,3 +57,6 @@ export type CoreV3PostInput = {
     images?: string[] | null;
 };
 export declare const toCoreV3Format: (value: RichTextAreaValueType) => CoreV3PostInput;
+export type RichTextAreaRef = {
+    onImageUpload: () => void;
+};

package/lib/utils/convertV2ToV3Feed.d.ts

@@ -0,0 +1,17 @@
+import { components } from '../../../../api/src/lib/core';
+import { NewsFeedHoodMessage } from '../../../../api/src/lib/core_v2';
+type PostResponse = components['schemas']['Core_V3_HoodMessage'];
+/**
+ * Converts v2 feed items to v3 format
+ * This is a simplified converter for feed display purposes
+ */
+export declare function convertV2ToV3FeedItem(v2Item: NewsFeedHoodMessage): PostResponse;
+/**
+ * Converts an array of v2 feed items to v3 format
+ */
+export declare function convertV2ToV3FeedItems(v2Items: NewsFeedHoodMessage[]): PostResponse[];
+/**
+ * Converts a v2 feed items object (indexed by ID) to v3 array format
+ */
+export declare function convertV2FeedObjectToV3Array(v2ItemsObject: Record<number, NewsFeedHoodMessage>): PostResponse[];
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodhood-web/nebenan-base",
-  "version": "4.2.0-development.2",
+  "version": "4.2.0-development.21",
   "main": "./index.js",
   "types": "./index.d.ts",
   "repository": "https://github.com/good-hood-gmbh/goodhood-web",
@@ -18,6 +18,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "@hookform/resolvers": "^3.10.0",
-    "lodash": "^4.17.21"
+    "lodash": "^4.17.21",
+    "@tanstack/react-query": "^5.85.5"
   }
 }