@goodhood-web/nebenan-base 4.4.2-development.3 → 4.5.0-development.10

package/lib/ContentCreator/validationSchemas/marketplaceSchema.d.ts

@@ -97,8 +97,21 @@ export declare const marketplaceValidationSchema: z.ZodEffects<z.ZodObject<{
         signedId?: string | undefined;
     }>, "atleastone">;
     marketplace_item_type: z.ZodString;
+    premium_feature: z.ZodObject<{
+        id: z.ZodString;
+        pill: z.ZodOptional<z.ZodString>;
+        value: z.ZodOptional<z.ZodString>;
+    }, "strip", z.ZodTypeAny, {
+        id: string;
+        value?: string | undefined;
+        pill?: string | undefined;
+    }, {
+        id: string;
+        value?: string | undefined;
+        pill?: string | undefined;
+    }>;
     price: z.ZodNullable<z.ZodOptional<z.ZodString>>;
-    reach: z.ZodEnum<["profile", "hood", "extended", "public"]>;
+    reach: z.ZodEnum<["profile", "hood", "extended", "public", "group"]>;
     subject: z.ZodString;
 }, "strip", z.ZodTypeAny, {
     content: {
@@ -131,8 +144,13 @@ export declare const marketplaceValidationSchema: z.ZodEffects<z.ZodObject<{
         signedId?: string | undefined;
     }[]];
     subject: string;
-    reach: "profile" | "public" | "hood" | "extended";
+    reach: "group" | "profile" | "public" | "hood" | "extended";
     marketplace_item_type: string;
+    premium_feature: {
+        id: string;
+        value?: string | undefined;
+        pill?: string | undefined;
+    };
     price?: string | null | undefined;
 }, {
     content: {
@@ -165,8 +183,13 @@ export declare const marketplaceValidationSchema: z.ZodEffects<z.ZodObject<{
         signedId?: string | undefined;
     }[]];
     subject: string;
-    reach: "profile" | "public" | "hood" | "extended";
+    reach: "group" | "profile" | "public" | "hood" | "extended";
     marketplace_item_type: string;
+    premium_feature: {
+        id: string;
+        value?: string | undefined;
+        pill?: string | undefined;
+    };
     price?: string | null | undefined;
 }>, {
     content: {
@@ -199,8 +222,13 @@ export declare const marketplaceValidationSchema: z.ZodEffects<z.ZodObject<{
         signedId?: string | undefined;
     }[]];
     subject: string;
-    reach: "profile" | "public" | "hood" | "extended";
+    reach: "group" | "profile" | "public" | "hood" | "extended";
     marketplace_item_type: string;
+    premium_feature: {
+        id: string;
+        value?: string | undefined;
+        pill?: string | undefined;
+    };
     price?: string | null | undefined;
 }, {
     content: {
@@ -233,7 +261,12 @@ export declare const marketplaceValidationSchema: z.ZodEffects<z.ZodObject<{
         signedId?: string | undefined;
     }[]];
     subject: string;
-    reach: "profile" | "public" | "hood" | "extended";
+    reach: "group" | "profile" | "public" | "hood" | "extended";
     marketplace_item_type: string;
+    premium_feature: {
+        id: string;
+        value?: string | undefined;
+        pill?: string | undefined;
+    };
     price?: string | null | undefined;
 }>;

package/lib/ContentCreator/validationSchemas/postSchema.d.ts

@@ -79,7 +79,7 @@ export declare const postValidationSchema: z.ZodObject<{
         } | undefined;
     }>;
     content_type: z.ZodLiteral<"post">;
-    reach: z.ZodEnum<["profile", "hood", "extended", "public"]>;
+    reach: z.ZodEnum<["profile", "hood", "extended", "public", "group"]>;
     subject: z.ZodString;
 }, "strip", z.ZodTypeAny, {
     content: {
@@ -100,7 +100,7 @@ export declare const postValidationSchema: z.ZodObject<{
     };
     content_type: "post";
     subject: string;
-    reach: "profile" | "public" | "hood" | "extended";
+    reach: "group" | "profile" | "public" | "hood" | "extended";
 }, {
     content: {
         body: string;
@@ -120,7 +120,7 @@ export declare const postValidationSchema: z.ZodObject<{
     };
     content_type: "post";
     subject: string;
-    reach: "profile" | "public" | "hood" | "extended";
+    reach: "group" | "profile" | "public" | "hood" | "extended";
 }>;
 export declare const searchValidationSchema: z.ZodObject<{
     content: z.ZodObject<{
@@ -202,7 +202,7 @@ export declare const searchValidationSchema: z.ZodObject<{
         } | undefined;
     }>;
     content_type: z.ZodLiteral<"search">;
-    reach: z.ZodEnum<["profile", "hood", "extended", "public"]>;
+    reach: z.ZodEnum<["profile", "hood", "extended", "public", "group"]>;
     subject: z.ZodString;
 }, "strip", z.ZodTypeAny, {
     content: {
@@ -223,7 +223,7 @@ export declare const searchValidationSchema: z.ZodObject<{
     };
     content_type: "search";
     subject: string;
-    reach: "profile" | "public" | "hood" | "extended";
+    reach: "group" | "profile" | "public" | "hood" | "extended";
 }, {
     content: {
         body: string;
@@ -243,7 +243,7 @@ export declare const searchValidationSchema: z.ZodObject<{
     };
     content_type: "search";
     subject: string;
-    reach: "profile" | "public" | "hood" | "extended";
+    reach: "group" | "profile" | "public" | "hood" | "extended";
 }>;
 export declare const recommendationValidationSchema: z.ZodObject<{
     content: z.ZodObject<{
@@ -325,7 +325,7 @@ export declare const recommendationValidationSchema: z.ZodObject<{
         } | undefined;
     }>;
     content_type: z.ZodLiteral<"recommendation">;
-    reach: z.ZodEnum<["profile", "hood", "extended", "public"]>;
+    reach: z.ZodEnum<["profile", "hood", "extended", "public", "group"]>;
     subject: z.ZodString;
 }, "strip", z.ZodTypeAny, {
     content: {
@@ -346,7 +346,7 @@ export declare const recommendationValidationSchema: z.ZodObject<{
     };
     content_type: "recommendation";
     subject: string;
-    reach: "profile" | "public" | "hood" | "extended";
+    reach: "group" | "profile" | "public" | "hood" | "extended";
 }, {
     content: {
         body: string;
@@ -366,5 +366,5 @@ export declare const recommendationValidationSchema: z.ZodObject<{
     };
     content_type: "recommendation";
     subject: string;
-    reach: "profile" | "public" | "hood" | "extended";
+    reach: "group" | "profile" | "public" | "hood" | "extended";
 }>;

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

@@ -1,3 +1,3 @@
 import { MarketplaceBodyTypes } from './MarketplaceBody.types';
-declare const MarketplaceBody: ({ feedItem, isAuthenticated, isMine, }: MarketplaceBodyTypes) => import("react/jsx-runtime").JSX.Element;
+declare const MarketplaceBody: ({ chargebeeProviderConfig, disablePremiumFeature, feedItem, isAuthenticated, isMine, }: MarketplaceBodyTypes) => import("react/jsx-runtime").JSX.Element;
 export default MarketplaceBody;

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

@@ -1,5 +1,9 @@
 import { components } from '../../../../../../../api/src/lib/core/generated_types';
 export interface MarketplaceBodyTypes {
+    chargebeeProviderConfig: {
+        site: string;
+    };
+    disablePremiumFeature?: boolean;
     feedItem: components['schemas']['Core_V3_HoodMessage'];
     isAuthenticated?: boolean;
     isMine?: boolean;

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

@@ -14,8 +14,10 @@ import { MarketplaceDetailPageProps } from './MarketplaceDetailPage.types';
  * @param {Object} props.feedItem - The marketplace item data from API
  * @param {boolean} props.isBookmarked - Whether the item is bookmarked by current user
  * @param {Array} props.relatedSections - Related posts sections to display
+ * @param {Object} props.config.chargebee - Chargebee-specific config
+ * @param {boolean} [props.disablePremiumFeature] - Optional flag to disable premium features
  *
  * @returns {Promise<JSX.Element>} The rendered marketplace detail page
  */
-export declare function MarketplaceDetailPage({ ads, feedItem, isAuthenticated, relatedSections, renderAdSlot, }: MarketplaceDetailPageProps): Promise<import("react/jsx-runtime").JSX.Element>;
+export declare function MarketplaceDetailPage({ ads, config, disablePremiumFeature, feedItem, isAuthenticated, relatedSections, renderAdSlot, }: MarketplaceDetailPageProps): Promise<import("react/jsx-runtime").JSX.Element>;
 export default MarketplaceDetailPage;

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

@@ -12,6 +12,12 @@ export interface ProfileData {
 }
 export interface MarketplaceDetailPageProps {
     ads?: AdSlot[];
+    config: {
+        chargebee: {
+            site: string;
+        };
+    };
+    disablePremiumFeature?: boolean;
     feedItem: components['schemas']['Core_V3_HoodMessage'];
     isAuthenticated?: boolean;
     relatedSections?: components['schemas']['Core_V3_RelatedSection'][];

package/lib/Feed/FeedItem/Replies/ReplySection/network.d.ts

@@ -5,6 +5,7 @@ type PostReplyProps = {
 };
 export declare const postReply: ({ postId, reply }: PostReplyProps) => Promise<{
     id: number;
+    parent_hood_message_id: number;
     body: string;
     author_details?: import('../../../../../../../api/src/lib/core').components["schemas"]["Core_V3_AuthorDetails"] | null;
     created_at: string;

package/lib/Feed/FeedItem/Replies/ReplySection/utils.d.ts

@@ -9,6 +9,7 @@ type SlicedRepliesProps = {
 };
 export declare const slicedReplies: ({ expanded, limit, replies }: SlicedRepliesProps) => {
     id: number;
+    parent_hood_message_id: number;
     body: string;
     author_details?: components["schemas"]["Core_V3_AuthorDetails"] | null;
     created_at: string;

package/lib/Feed/utils.d.ts

@@ -4,11 +4,12 @@ export declare const isBookmarked: (id: number, list: number[]) => boolean;
 export declare const getRelatedItemThumbnail: (item: HoodMessage) => string;
 export declare const isPublic: (item: HoodMessage) => boolean;
 export declare const getElapsedTime: (timestamp: string) => string | null;
-export declare const getFormattedDate: (date: string | null | undefined) => {
+export declare const getFormattedDate: (date: string | null | undefined, dateFormat?: "dd.MM.yyyy" | "dd.MM") => {
     date: string;
     time: string;
 } | null;
 export declare const getFeatureByIdentifier: (features: components["schemas"]["Core_V3_FeatureAddon_List"], identifier: string) => components["schemas"]["Core_V3_FeatureAddon"] | undefined;
+export declare const hasActivePremiumFeature: (features: components["schemas"]["Core_V3_FeatureAddon_List"], identifiers?: string[]) => boolean;
 export declare const getPrice: (item: HoodMessage) => string;
 export declare const isReserved: (item: HoodMessage) => boolean;
 export declare const isReservedV2: (value: number | null) => value is 2;

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

@@ -0,0 +1,8 @@
+import { UseControllerProps } from 'react-hook-form';
+import { NameAbbreviationProps } from './NameAbbreviation/NameAbbreviation.types';
+export type FormNameAbbreviationProps = UseControllerProps & Partial<NameAbbreviationProps> & {
+    defaultChecked?: boolean;
+    postId?: number | string;
+};
+export declare const FormPremiumFeatureSelector: ({ defaultChecked, name, postId, rules, }: FormNameAbbreviationProps) => import("react/jsx-runtime").JSX.Element;
+export default FormPremiumFeatureSelector;

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

@@ -1,3 +1,3 @@
 import { PasswordFieldProps } from './PasswordField.types';
-declare const PasswordField: ({ colorScheme, error, errorText, id, label, name, onBlur, onChange, passwordHint, progressBar, size, value, }: PasswordFieldProps) => import("react/jsx-runtime").JSX.Element;
+declare const PasswordField: ({ colorScheme, error, errorText, id, label, name, onBlur, onChange, passwordHint, progressBar, score, size, value, }: PasswordFieldProps) => import("react/jsx-runtime").JSX.Element;
 export default PasswordField;

package/lib/Forms/Fields/PasswordField/PasswordField.types.d.ts

@@ -10,6 +10,7 @@ export type PasswordFieldProps = {
     onChange?: TextInputProps['onChange'];
     passwordHint?: string;
     progressBar?: boolean;
+    score?: number | null;
     size?: TextInputProps['size'];
     value?: string;
 };

package/lib/Forms/Fields/PasswordField/utils.d.ts

@@ -1 +1 @@
-export declare const getProgressBarProgress: (password: string) => number;
+export declare const getProgressBarProgress: (score?: number | null) => number;

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

@@ -1 +1,3 @@
+import { ZxcvbnResult } from '@zxcvbn-ts/core';
 export declare function parsePhoneNumber(phoneNumber: string, part?: 'code' | 'number' | 'full'): string;
+export declare const getPasswordHint: (result: ZxcvbnResult | null, hint?: string) => string | undefined;

package/lib/PremiumFeaturePanel/PremiumFeaturePanel.d.ts

@@ -0,0 +1,3 @@
+import { PremiumFeaturePanelProps } from './PremiumFeaturePanel.types';
+declare const PremiumFeaturePanel: ({ chargebeeProviderConfig, featureAddons, isMine, postId, }: PremiumFeaturePanelProps) => import("react/jsx-runtime").JSX.Element | null;
+export default PremiumFeaturePanel;

package/lib/PremiumFeaturePanel/PremiumFeaturePanel.types.d.ts

@@ -0,0 +1,9 @@
+import { components } from '../../../../api/src/lib/core';
+export interface PremiumFeaturePanelProps {
+    chargebeeProviderConfig: {
+        site: string;
+    };
+    featureAddons: components['schemas']['Core_V3_HoodMessage']['feature_addons'];
+    isMine: boolean;
+    postId: string;
+}

package/lib/PremiumFeaturePanel/components/PaymentChargebeeModal/PaymentChargebeeModal.d.ts

@@ -0,0 +1,9 @@
+interface PaymentChargebeeModalProps {
+    isLoading: boolean;
+    onCheckout: () => void;
+    onDismiss: () => void;
+    open: boolean;
+    paymentInterrupted: boolean;
+}
+declare const PaymentChargebeeModal: ({ isLoading, onCheckout, onDismiss, open, paymentInterrupted, }: PaymentChargebeeModalProps) => import("react/jsx-runtime").JSX.Element;
+export default PaymentChargebeeModal;

package/lib/PremiumFeaturePanel/components/PaymentModal/PaymentModal.d.ts

@@ -0,0 +1,7 @@
+interface PremiumFeatureSheetProps {
+    onDismiss: () => void;
+    open: boolean;
+    postId: string;
+}
+export declare const PremiumFeatureSheet: ({ onDismiss, open, postId, }: PremiumFeatureSheetProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/PremiumFeaturePanel/components/PremiumFeatureSelector/PremiumFeatureSelector.d.ts

@@ -0,0 +1,3 @@
+import { PremiumFeatureSelectorProps } from './PremiumFeatureSelector.types';
+declare const PremiumFeatureSelector: ({ defaultValue, hasPremiumFeature, includeNoneOption, onChange, onDismiss, postId, }: PremiumFeatureSelectorProps) => import("react/jsx-runtime").JSX.Element;
+export default PremiumFeatureSelector;

package/lib/PremiumFeaturePanel/components/PremiumFeatureSelector/PremiumFeatureSelector.types.d.ts

@@ -0,0 +1,48 @@
+import { InfoModal } from './components/InfoModal/InfoModal.types';
+export type PremiumOptionSlug = 'boost-highlight' | 'boost' | 'highlight';
+export interface PremiumFeatureSticker {
+    color: 'darkGrey' | 'lavender';
+    icon: 'star_filled' | 'sparkle_filled' | 'cross_circle' | 'arrow_up_filled';
+    iconSize: '16' | '24';
+    size: 'tiny' | 'small' | 'medium' | 'large';
+}
+export interface PremiumFeatureOption {
+    id: string;
+    info?: InfoModal | null;
+    isDefault?: boolean;
+    label?: string;
+    order: number;
+    pill: string;
+    selectedUntil: string;
+    slug: PremiumOptionSlug | 'none';
+    sticker: PremiumFeatureSticker;
+    text: string;
+    title: string;
+    value: string;
+}
+export interface SelectedPremiumFeature {
+    id: string;
+    pill: string;
+    value: string;
+}
+export declare enum PremiumFeatureOptions {
+    MARKETPLACE_BOOST = "push",
+    MARKETPLACE_BOOST_HIGHLIGHT = "best_offer",
+    MARKETPLACE_HIGHLIGHT = "highlight"
+}
+export type IconKeys = 'bundle' | 'feature';
+export type PremiumFeatureSelectorProps = {
+    defaultValue?: SelectedPremiumFeature;
+    hasPremiumFeature: boolean;
+    includeNoneOption?: boolean;
+    onChange?: (option: SelectedPremiumFeature) => void;
+    onDismiss?: () => void;
+    postId?: number | string;
+} | {
+    defaultValue?: SelectedPremiumFeature;
+    hasPremiumFeature?: boolean;
+    includeNoneOption?: boolean;
+    onChange: (option: SelectedPremiumFeature) => void;
+    onDismiss?: () => void;
+    postId?: number | string;
+};

package/lib/PremiumFeaturePanel/components/PremiumFeatureSelector/components/InfoModal/InfoModal.d.ts

@@ -0,0 +1,5 @@
+import { InfoModalProps } from './InfoModal.types';
+export declare const InfoModalHeader: ({ onDismiss }: {
+    onDismiss: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const InfoModalContent: ({ defaultValue, modals, onDismiss, onSelect, }: InfoModalProps) => import("react/jsx-runtime").JSX.Element | null;

package/lib/PremiumFeaturePanel/components/PremiumFeatureSelector/components/InfoModal/InfoModal.types.d.ts

@@ -0,0 +1,15 @@
+export interface InfoModal {
+    alt: string;
+    cta: string;
+    label?: string;
+    text: string;
+    title: string;
+    url: string;
+    value: string;
+}
+export type InfoModalProps = {
+    defaultValue: string;
+    modals: InfoModal[];
+    onDismiss: () => void;
+    onSelect?: (id: string) => void;
+};

package/lib/PremiumFeaturePanel/components/PremiumFeatureSelector/network.d.ts

@@ -0,0 +1,19 @@
+export declare const fetchPremiumFeatureProducts: (postId?: number | string) => Promise<{
+    id: string;
+    gid: string;
+    identifier: string;
+    name: string;
+    description: string;
+    icon?: "feature" | "bundle";
+    price_cents: number;
+    tax_rate: number;
+    duration_days?: number | null;
+    purchasable_for: string;
+    apple_store_sku?: string | null;
+    google_play_sku?: string | null;
+    chargebee_sku?: string | null;
+    created_at: string;
+    updated_at: string;
+    available: boolean;
+    available_after?: string | null;
+}[] | null | undefined>;

package/lib/PremiumFeaturePanel/components/PremiumFeatureSelector/utils.d.ts

@@ -0,0 +1,3 @@
+import { components } from '../../../../../../api/src/lib/core';
+import { PremiumFeatureOption } from './PremiumFeatureSelector.types';
+export declare const getFormattedPremiumFeatureOptions: (options: components["schemas"]["Core_V3_Product_List"] | undefined, includeNoneOption: boolean, postId?: number | string) => PremiumFeatureOption[];

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

@@ -5,6 +5,9 @@ export type AttachmentConfig = {
     onClick?: () => void;
     type: AttachmentType;
 };
+export type EmojiType = {
+    native?: string;
+} | string;
 export type RichTextAreaProps = {
     ariaDescribedby?: string;
     attachment?: AttachmentConfig[];

package/lib/utils/client.d.ts

@@ -5,3 +5,19 @@ export declare const useIsBreakpointMatch: (tabletScreenBreakpoint?: number) =>
  * Returns 0 if extraction fails or result is not a number.
  */
 export declare const extractUserId: (gid: string | undefined | null) => number;
+export declare const formatCurrency: (cents: number, locale?: string) => string;
+/**
+ * Returns the URL string of an imported image.
+ *
+ * Next.js image imports can return an object with metadata (src, height, width, blurDataURL, etc.).
+ * In some environments (like Jest tests or Storybook), the import may resolve to a plain string.
+ * This function ensures we always get a usable string URL for <img> or <Image> components.
+ */
+export declare const getImageSrc: (img: string | {
+    blurDataURL?: string;
+    blurHeight?: number;
+    blurWidth?: number;
+    height: number;
+    src: string;
+    width: number;
+}) => string;

package/lib/utils/index.d.ts

@@ -4,3 +4,5 @@ export * from './hooks';
 export * from './breakpoints';
 export * from './gidParser';
 export * from './priceFormatter';
+export * from './usePremiumFeatureCheckout';
+export * from './usePremiumFeatureCheckoutCompletion';

package/lib/utils/server.d.ts

@@ -1,2 +1,4 @@
 export declare const getLang: <T>(lang: Record<string, T>, selectedLang?: string) => T;
-export declare const interpolateKey: (template: string, key: string, value?: string) => string;
+type Replacements = string | Record<string, string>;
+export declare const interpolate: (template: string, keyOrReplacements: Replacements, value?: string) => string;
+export {};

package/lib/utils/usePremiumFeatureCheckout.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Hook to handle Premium Feature checkout with Chargebee.
+ */
+export declare const usePremiumFeatureCheckout: () => {
+    PremiumFeatureCheckoutModal: import("react/jsx-runtime").JSX.Element;
+    startCheckout: (postId: string, productId: string) => Promise<void>;
+};

package/lib/utils/usePremiumFeatureCheckoutCompletion.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Hook to handle completion of Premium Feature checkout after redirect.
+ * @param postId - ID of the post associated with the checkout
+ */
+export declare const usePremiumFeatureCheckoutCompletion: (postId: string) => {
+    PremiumFeatureCompletionModal: import("react/jsx-runtime").JSX.Element;
+    loading: boolean;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodhood-web/nebenan-base",
-  "version": "4.4.2-development.3",
+  "version": "4.5.0-development.10",
   "main": "./index.js",
   "types": "./index.d.ts",
   "repository": "https://github.com/good-hood-gmbh/goodhood-web",
@@ -20,6 +20,7 @@
     "react-dom": "^18.2.0",
     "@hookform/resolvers": "^3.10.0",
     "lodash": "^4.17.21",
-    "@tanstack/react-query": ">=4.36.1"
+    "@tanstack/react-query": ">=4.36.1",
+    "@zxcvbn-ts/core": "^3.0.4"
   }
 }