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

package/lib/ContentCreator/ContentCreator.d.ts

@@ -1,3 +1,9 @@
-import { ContentCreatorProps } from './ContentCreator.types';
-declare const ContentCreator: ({ contentType, hoodGroupId, onDismiss, onSubmitSuccess, open, post, }: ContentCreatorProps) => import("react/jsx-runtime").JSX.Element;
+import { ContentCreatorProps } from './ContentCreatorForm.types';
+declare const ContentCreator: ({ config, contentType, hoodGroupId, onDismiss, onSubmitSuccess, open, post, postId, }: ContentCreatorProps & {
+    config: {
+        chargebee: {
+            site: string;
+        };
+    };
+}) => import("react/jsx-runtime").JSX.Element;
 export default ContentCreator;

package/lib/ContentCreator/ContentCreatorForm.d.ts

@@ -0,0 +1,3 @@
+import { ContentCreatorProps } from './ContentCreatorForm.types';
+declare const ContentCreatorForm: ({ contentType, hoodGroupId, onDismiss, onSubmitSuccess, open, post, postId, }: ContentCreatorProps) => import("react/jsx-runtime").JSX.Element;
+export default ContentCreatorForm;

package/lib/ContentCreator/{ContentCreator.types.d.ts → ContentCreatorForm.types.d.ts}

@@ -12,6 +12,7 @@ export type ContentCreatorProps = {
     onSubmitSuccess: (response: HoodMessage) => void;
     open: boolean;
     post?: PostItem;
+    postId?: number | string;
 };
 export type ContentCreatorFormProps = {
     formError?: string | null;
@@ -21,6 +22,7 @@ export type ContentCreatorFormProps = {
     onContentCreatorDismiss: () => void;
     onFormSheetClose: () => void;
     onFormSheetOpen: () => void;
+    postId?: number | string;
 };
 export type PostFormData = Extract<ContentFormData, {
     content_type: 'post' | 'search' | 'recommendation';

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

@@ -1,3 +1,3 @@
-import { ContentCreatorFormProps } from '../../ContentCreator.types';
-declare const ContentCreatorFieldsWrapper: ({ formError, isEditMode, isFormSheetOpen, isSubmitting, onContentCreatorDismiss, onFormSheetClose, onFormSheetOpen, }: ContentCreatorFormProps) => import("react/jsx-runtime").JSX.Element;
+import { ContentCreatorFormProps } from '../../ContentCreatorForm.types';
+declare const ContentCreatorFieldsWrapper: ({ formError, isEditMode, isFormSheetOpen, isSubmitting, onContentCreatorDismiss, onFormSheetClose, onFormSheetOpen, postId, }: ContentCreatorFormProps) => import("react/jsx-runtime").JSX.Element;
 export default ContentCreatorFieldsWrapper;

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: ({ isSubmitting, onContentTypeSelectorOpen, onDismiss, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Content: ({ onOpenReachTypeSelector, onPoiDismiss, poiClicked, richTextAreaRef, }: ContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Content: ({ onOpenReachTypeSelector, onPoiDismiss, poiClicked, postId, richTextAreaRef, }: ContentProps) => import("react/jsx-runtime").JSX.Element;
 export declare const Footer: ({ formError, isSubmitting, onImageUploadClick, onOpenReachTypeSelector, onPoiOpen, }: FooterProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -9,6 +9,7 @@ export type ContentProps = {
     onOpenReachTypeSelector: () => void;
     onPoiDismiss: () => void;
     poiClicked: boolean;
+    postId?: number | string;
     richTextAreaRef?: RefObject<RichTextAreaRef>;
 };
 export type FooterProps = {

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

@@ -1,3 +1,3 @@
 import { MarketplaceFieldsProps } from './MarketplaceFields.types';
-declare const MarketplaceFields: ({ onOpenReachTypeSelector }: MarketplaceFieldsProps) => import("react/jsx-runtime").JSX.Element;
+declare const MarketplaceFields: ({ onOpenReachTypeSelector, postId, }: MarketplaceFieldsProps) => import("react/jsx-runtime").JSX.Element;
 export default MarketplaceFields;

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

@@ -1,5 +1,6 @@
 export type MarketplaceFieldsProps = {
     onOpenReachTypeSelector: () => void;
+    postId?: number | string;
 };
 export type MarketplaceItemsType = 'verschenken' | 'verkaufen';
 export declare enum MarketplaceItems {

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

@@ -132,6 +132,11 @@ declare const FormRichTextAreaInput: import('react').ForwardRefExoticComponent<U
     subject: string;
     reach: "profile" | "public" | "hood" | "extended";
     marketplace_item_type: string;
+    premium_feature: {
+        id: string;
+        value?: string | undefined;
+        pill?: string | undefined;
+    };
     price?: string | null | undefined;
 }> & Partial<RichTextAreaProps> & {
     name: string;

package/lib/ContentCreator/constants.d.ts

@@ -16,6 +16,11 @@ export declare const DEFAULT_FORM_VALUES: {
         label: string;
     };
     marketplace_item_type: MarketplaceItems;
+    premium_feature: {
+        id: string;
+        pill: string;
+        value: string;
+    };
     price: null;
     reach: string;
     starts_at_date: Date;
@@ -39,6 +44,11 @@ export declare const POST_DEFAULT_VALUES: {
         label: string;
     };
     marketplace_item_type: MarketplaceItems;
+    premium_feature: {
+        id: string;
+        pill: string;
+        value: string;
+    };
     price: null;
     reach: string;
     starts_at_date: Date;
@@ -62,6 +72,11 @@ export declare const EVENT_DEFAULT_VALUES: {
         label: string;
     };
     marketplace_item_type: MarketplaceItems;
+    premium_feature: {
+        id: string;
+        pill: string;
+        value: string;
+    };
     price: null;
     reach: string;
     starts_at_date: Date;
@@ -86,6 +101,11 @@ export declare const MARKETPLACE_DEFAULT_VALUES: {
         label: string;
     };
     marketplace_item_type: MarketplaceItems;
+    premium_feature: {
+        id: string;
+        pill: string;
+        value: string;
+    };
     price: null;
     starts_at_date: Date;
     starts_at_time: Date;

package/lib/ContentCreator/network.d.ts

@@ -1,5 +1,5 @@
 import { Dispatch, SetStateAction } from 'react';
 import { OnFormSubmitType } from '../Forms/Form/Form.types';
-import { HoodMessage } from './ContentCreator.types';
+import { HoodMessage, MarketplaceFormData } from './ContentCreatorForm.types';
 import { ContentFormData } from './validationSchemas';
-export declare const handleSubmit: (data: OnFormSubmitType<ContentFormData>, isEditMode: boolean, setFormError: Dispatch<SetStateAction<string | null>>, hoodGroupId?: number | null, onSuccess?: (responseData: HoodMessage | undefined) => void, onError?: (error: unknown) => void) => Promise<boolean | undefined>;
+export declare const handleSubmit: (data: OnFormSubmitType<ContentFormData>, isEditMode: boolean, setFormError: Dispatch<SetStateAction<string | null>>, hoodGroupId?: number | null, onSuccess?: (responseData: HoodMessage | undefined, premiumFeature?: MarketplaceFormData["premium_feature"]) => void, onError?: (error: unknown) => void) => Promise<boolean | undefined>;

package/lib/ContentCreator/utils/general.d.ts

@@ -1,5 +1,6 @@
 import { DefaultValues } from 'react-hook-form';
-import { FailureError, PostItem } from '../ContentCreator.types';
+import { SelectedPremiumFeature } from '../../PremiumFeaturePanel/components/PremiumFeatureSelector/PremiumFeatureSelector.types';
+import { FailureError, PostItem } from '../ContentCreatorForm.types';
 import { ContentType } from '../components/ContentCreatorFieldWrapper/components/ContentTypeField/ContentTypeField.types';
 import { LocationValue } from '../components/ContentCreatorFieldWrapper/components/ListModalField/FormModalFields/FormModalsFields.types';
 import { ContentFormData } from '../validationSchemas';
@@ -21,3 +22,4 @@ export declare const removePoiFromContent: (content: BodyWithEmbeds) => {
     gid: string;
     indices?: number[] | null | undefined;
 }[];
+export declare const getSubmitButtonText: (submitText: string, submitPriceText: string, checkoutValue?: SelectedPremiumFeature) => string;

package/lib/ContentCreator/utils/payloadGenerators.d.ts

@@ -1,4 +1,4 @@
-import { EventFormData, MarketplaceFormData, PostFormData } from '../ContentCreator.types';
+import { EventFormData, MarketplaceFormData, PostFormData } from '../ContentCreatorForm.types';
 import { MarketplaceContentType } from '../components/ContentCreatorFieldWrapper/components/ContentTypeField/ContentTypeField.types';
 export declare const generatePostPayload: (data: PostFormData) => {
     body: string;

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

@@ -280,6 +280,19 @@ export declare const contentValidationSchema: z.ZodUnion<[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"]>;
     subject: z.ZodString;
@@ -316,6 +329,11 @@ export declare const contentValidationSchema: z.ZodUnion<[z.ZodObject<{
     subject: string;
     reach: "profile" | "public" | "hood" | "extended";
     marketplace_item_type: string;
+    premium_feature: {
+        id: string;
+        value?: string | undefined;
+        pill?: string | undefined;
+    };
     price?: string | null | undefined;
 }, {
     content: {
@@ -350,6 +368,11 @@ export declare const contentValidationSchema: z.ZodUnion<[z.ZodObject<{
     subject: string;
     reach: "profile" | "public" | "hood" | "extended";
     marketplace_item_type: string;
+    premium_feature: {
+        id: string;
+        value?: string | undefined;
+        pill?: string | undefined;
+    };
     price?: string | null | undefined;
 }>, {
     content: {
@@ -384,6 +407,11 @@ export declare const contentValidationSchema: z.ZodUnion<[z.ZodObject<{
     subject: string;
     reach: "profile" | "public" | "hood" | "extended";
     marketplace_item_type: string;
+    premium_feature: {
+        id: string;
+        value?: string | undefined;
+        pill?: string | undefined;
+    };
     price?: string | null | undefined;
 }, {
     content: {
@@ -418,6 +446,11 @@ export declare const contentValidationSchema: z.ZodUnion<[z.ZodObject<{
     subject: string;
     reach: "profile" | "public" | "hood" | "extended";
     marketplace_item_type: string;
+    premium_feature: {
+        id: string;
+        value?: string | undefined;
+        pill?: string | undefined;
+    };
     price?: string | null | undefined;
 }>, z.ZodObject<{
     content: z.ZodObject<{

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

@@ -97,6 +97,19 @@ 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"]>;
     subject: z.ZodString;
@@ -133,6 +146,11 @@ export declare const marketplaceValidationSchema: z.ZodEffects<z.ZodObject<{
     subject: string;
     reach: "profile" | "public" | "hood" | "extended";
     marketplace_item_type: string;
+    premium_feature: {
+        id: string;
+        value?: string | undefined;
+        pill?: string | undefined;
+    };
     price?: string | null | undefined;
 }, {
     content: {
@@ -167,6 +185,11 @@ export declare const marketplaceValidationSchema: z.ZodEffects<z.ZodObject<{
     subject: string;
     reach: "profile" | "public" | "hood" | "extended";
     marketplace_item_type: string;
+    premium_feature: {
+        id: string;
+        value?: string | undefined;
+        pill?: string | undefined;
+    };
     price?: string | null | undefined;
 }>, {
     content: {
@@ -201,6 +224,11 @@ export declare const marketplaceValidationSchema: z.ZodEffects<z.ZodObject<{
     subject: string;
     reach: "profile" | "public" | "hood" | "extended";
     marketplace_item_type: string;
+    premium_feature: {
+        id: string;
+        value?: string | undefined;
+        pill?: string | undefined;
+    };
     price?: string | null | undefined;
 }, {
     content: {
@@ -235,5 +263,10 @@ export declare const marketplaceValidationSchema: z.ZodEffects<z.ZodObject<{
     subject: string;
     reach: "profile" | "public" | "hood" | "extended";
     marketplace_item_type: string;
+    premium_feature: {
+        id: string;
+        value?: string | undefined;
+        pill?: string | undefined;
+    };
     price?: string | null | undefined;
 }>;

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, 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,8 @@
 import { components } from '../../../../../../../api/src/lib/core/generated_types';
 export interface MarketplaceBodyTypes {
+    chargebeeProviderConfig: {
+        site: string;
+    };
     feedItem: components['schemas']['Core_V3_HoodMessage'];
     isAuthenticated?: boolean;
     isMine?: boolean;

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

@@ -17,5 +17,5 @@ import { MarketplaceDetailPageProps } from './MarketplaceDetailPage.types';
  *
  * @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, 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,11 @@ export interface ProfileData {
 }
 export interface MarketplaceDetailPageProps {
     ads?: AdSlot[];
+    config: {
+        chargebee: {
+            site: string;
+        };
+    };
     feedItem: components['schemas']['Core_V3_HoodMessage'];
     isAuthenticated?: boolean;
     relatedSections?: components['schemas']['Core_V3_RelatedSection'][];

package/lib/Feed/utils.d.ts

@@ -4,7 +4,7 @@ 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;

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

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

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

@@ -0,0 +1,7 @@
+export interface PremiumFeaturePanelProps {
+    chargebeeProviderConfig: {
+        site: string;
+    };
+    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/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.2",
   "main": "./index.js",
   "types": "./index.d.ts",
   "repository": "https://github.com/good-hood-gmbh/goodhood-web",