@mobielnl/elements 0.9.1 → 0.10.1

package/dist/index.d.ts

@@ -1,10 +1,10 @@
+import { ElementType } from 'react';
 import { JSX } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
-import { z } from 'zod';
-import * as z_2 from 'zod';
+import * as z from 'zod';
 
 /** Union type of all action events */
-declare type ActionEvent = FiltersChangedEvent | SortChangedEvent | ProfileChangedEvent | DealSelectedEvent | DetailsViewedEvent;
+export declare type ActionEvent = FiltersChangedEvent | SortChangedEvent | ProfileChangedEvent | DealSelectedEvent | DetailsViewedEvent;
 
 declare type ActiveFilterChipsClassNames = {
     /** The container of the filter chips */
@@ -13,6 +13,16 @@ declare type ActiveFilterChipsClassNames = {
     filterChip?: FilterChipClassNames;
 };
 
+export declare type Address = z.infer<typeof addressSchema>;
+
+declare const addressSchema: z.ZodObject<{
+    postcode: z.ZodString;
+    number: z.ZodString;
+    numberAddon: z.ZodPipe<z.ZodOptional<z.ZodString>, z.ZodTransform<string | undefined, string | undefined>>;
+    street: z.ZodString;
+    city: z.ZodString;
+}, z.core.$strip>;
+
 declare type AverageSectionClassNames = {
     /** Container for the average per month section */
     container?: string;
@@ -66,6 +76,11 @@ declare type AverageSectionClassNames = {
     };
 };
 
+export declare type Block = {
+    scope: string;
+    amount: number;
+};
+
 declare type ChannelsClassNames = {
     /** The base slot of the channels section, it is the container of the channels section */
     base?: string;
@@ -230,7 +245,7 @@ declare type CreditInfoClassNames_2 = {
 };
 
 /** Event fired when a deal/proposition is selected (clicked) */
-declare type DealSelectedEvent = {
+export declare type DealSelectedEvent = {
     type: 'deal_selected';
     /** The full proposition data */
     proposition: ProductCardPropositionFragment;
@@ -264,7 +279,7 @@ declare type DetailsModalClassNames = {
 declare type DetailsModalTab = 'general' | 'conditions' | 'channels' | 'costs';
 
 /** Event fired when proposition details are viewed */
-declare type DetailsViewedEvent = {
+export declare type DetailsViewedEvent = {
     type: 'details_viewed';
     /** The full proposition data */
     proposition: ProductCardPropositionFragment;
@@ -342,6 +357,51 @@ export declare type ElementsRootProps = {
         css?: string;
         cssUrl?: string;
     };
+    /**
+     * Translations per locale for customizing copy/tone of voice
+     *
+     * @example
+     * translations={{
+     *  // Locale 'nl' can be partial as undefined values fallback to default 'nl' translations
+     *  nl: {
+     *    common: {
+     *      yes: 'Ja',
+     *    },
+     *  },
+     *  // Locale 'en' can be partial as undefined values fallback to default 'en' translations
+     *  en: {
+     *    common: {
+     *      yes: 'Yes',
+     *    },
+     *  },
+     *  // Other locales require complete translations
+     *  de: {
+     *    common: {
+     *      yes: 'Ja',
+     *      no: 'Nein',
+     *      confirm: 'Bestätigen',
+     *      cancel: 'Abbrechen',
+     *      loading: 'Laden...',
+     *      close: 'Schließen',
+     *      next: 'Weiter',
+     *      previous: 'Zurück',
+     *      select: 'Auswählen',
+     *      save: 'Speichern',
+     *      back: 'Zurück',
+     *    },
+     *    numberPreservation: {
+     *      ...
+     *    },
+     *    ... // complete Translations object
+     *  }}
+     */
+    translations?: LocalizedTranslations;
+    /**
+     * Current locale for the UI
+     * @default 'nl'
+     * @example locale="en"
+     */
+    locale?: Locale;
 };
 
 declare type ErrorAlertClassNames = {
@@ -377,8 +437,13 @@ declare type FilterChipClassNames = {
     closeButton?: string;
 };
 
+/**
+ * Configuration for a single filter option
+ */
+export declare type FilterOption = NonNullable<PageByPathQuery['page']>['pageFilters'][number];
+
 /** Event fired when filter values change */
-declare type FiltersChangedEvent = {
+export declare type FiltersChangedEvent = {
     type: 'filters_changed';
     /** The filter that was changed */
     filter: {
@@ -416,7 +481,7 @@ declare type FiltersClassNames = {
 /**
  * Represents an active filter value selected by the user
  */
-declare type FilterValue = {
+export declare type FilterValue = {
     /** Identifier slug matching the corresponding `FilterOption.slug` */
     slug: string;
     /** The selected value(s) - type depends on filter type:
@@ -429,6 +494,15 @@ declare type FilterValue = {
     value: string | string[];
 };
 
+export declare type FixedBlock = {
+    scope: string;
+    provider: {
+        name: string;
+        imageUrl: string;
+        rank: number;
+    };
+};
+
 declare type GeneralClassNames = {
     /** The base slot of the general section, it is the container of the general section */
     base?: string;
@@ -453,6 +527,19 @@ declare type ListBoxClassNames = {
     selectedIcon?: string;
 };
 
+export declare type Locale = 'nl' | 'en' | string;
+
+export declare type LocalizedTranslations = {
+    /** Can be partial as undefined values fallback to default 'nl' translations */
+    nl: PartialTranslations;
+} | {
+    /** Can be partial as undefined values fallback to default 'en' translations */
+    en: PartialTranslations;
+} | {
+    /** Complete Translations object as there is no fallback object for other locales */
+    [locale: string]: Translations;
+};
+
 /**
  * ClassNames for styling the `MainImage` component within `PropositionCard`
  */
@@ -476,7 +563,9 @@ declare type MainImageClassNames = {
             /** Stock indicator icon */
             icon?: string;
             /** Stock indicator text
-             * @example "Direct leverbaar" */
+             * @example "Direct leverbaar"
+             * @example "Pre-order"
+             * @example "In bestelling" */
             text?: string;
         };
     };
@@ -498,7 +587,8 @@ declare type ModalClassNames = {
     wrapper?: string;
     /** The main slot of the modal content */
     base?: string;
-    /** The header of the modal, it is displayed at the top of the modal */
+    /** The header of the modal, it is displayed at the top of the modal
+     * @example "Filters" */
     header?: string;
     /** The body of the modal, it is displayed in the middle of the modal */
     body?: string;
@@ -506,6 +596,9 @@ declare type ModalClassNames = {
     footer?: string;
     /** The close button (X) of the modal in top-right corner */
     closeButton?: string;
+    /** The primary button of the modal, it is displayed at the bottom of the modal
+     * @example "Toon resultaten" */
+    primaryButton?: string;
 };
 
 declare type ModalClassNames_2 = {
@@ -515,8 +608,7 @@ declare type ModalClassNames_2 = {
     wrapper?: string;
     /** The main slot of the modal content */
     base?: string;
-    /** The header of the modal, it is displayed at the top of the modal
-     * @example "Filters" */
+    /** The header of the modal, it is displayed at the top of the modal */
     header?: string;
     /** The body of the modal, it is displayed in the middle of the modal */
     body?: string;
@@ -524,9 +616,6 @@ declare type ModalClassNames_2 = {
     footer?: string;
     /** The close button (X) of the modal in top-right corner */
     closeButton?: string;
-    /** The primary button of the modal, it is displayed at the bottom of the modal
-     * @example "Toon resultaten" */
-    primaryButton?: string;
 };
 
 declare type ModalClassNames_3 = {
@@ -680,6 +769,49 @@ declare type NumberPreservationModalClassNames = {
     submitButton?: string;
 };
 
+declare type PageByPathQuery = {
+    __typename?: 'RootQueryType';
+    page?: {
+        __typename?: 'Page';
+        productCategory: string;
+        filter: string;
+        filterDefaults: string;
+        pageFilters: Array<{
+            __typename?: 'PageFilter';
+            id: string;
+            name: string;
+            shortName: string;
+            slug: string;
+            column: string;
+            type: string;
+            valueType: string;
+            dynamic: boolean;
+            min?: number | null;
+            max?: number | null;
+            rank: number;
+            operator: string;
+            url?: string | null;
+            formatType: string;
+            showCounts: boolean;
+            options: Array<{
+                __typename?: 'PageFilterOption';
+                name: string;
+                descriptiveName: string;
+                value: string;
+            }>;
+            aliases: Array<{
+                __typename?: 'PageFilterAlias';
+                name: string;
+                value: string;
+            }>;
+        }>;
+    } | null;
+};
+
+export declare type PartialTranslations = Partial<{
+    [key in keyof Translations]: Partial<Translations[key]>;
+}>;
+
 declare type PopoverContentClassNames = {
     base?: string;
     trigger?: string;
@@ -702,9 +834,9 @@ declare type PostcodeCheckLoadingClassNames = {
     addressText?: string;
 };
 
-export declare type PostcodeCheckModalClassNames = {
+declare type PostcodeCheckModalClassNames = {
     /** Modal dialog class styling slots - see type `ModalClassNames` */
-    modal?: ModalClassNames;
+    modal?: ModalClassNames_2;
     /** Header section containing icon and title */
     header?: {
         /** Container wrapping the header content */
@@ -1038,16 +1170,24 @@ export declare function ProductResults({ classNames, initialSelectedFilters, ini
 export declare type ProductResultsClassNames = {
     /** Wrapper container for the entire product results */
     base?: string;
+    /** Wrapper container for the header section above the results
+     * - Wraps on mobile+tablet the `filterButton` and `sortSelect`
+     * - Wraps on desktop the `activeFilterChips` and `sortSelect` */
+    headerWrapper?: string;
     /** Active filters component class styling slots - see type `ActiveFilterChipsClassNames` */
     activeFilterChips?: ActiveFilterChipsClassNames;
     /** SortSelect component class styling slots - see type `SortSelectClassNames` */
     sortSelect?: SortSelectClassNames;
+    /** Profile buttons component class styling slots - see type `SelectorClassNames` */
+    profileButton?: SelectorClassNames;
+    /** Phone selector button component class styling slots - see type `SelectorClassNames` */
+    phoneSelectorButton?: SelectorClassNames;
     /** Filters component class styling slots (both filters in sidebar and in modal) - see type `FiltersClassNames` */
     filters?: FiltersClassNames;
     /** Filter button (only on mobile & tablet screens) */
     filterButton?: string;
     /** Filter modal class styling slots - see type `ModalClassNames` */
-    filterModal?: ModalClassNames_2;
+    filterModal?: ModalClassNames;
     /** Postcode check modal class styling slots - see type `PostcodeCheckModalClassNames` */
     postcodeCheckModal?: PostcodeCheckModalClassNames;
     /** CombiDeal modal class styling slots - see type `CombiDealModalClassNames` */
@@ -1067,18 +1207,33 @@ export declare type ProductResultsProps = {
      *
      * Not available for smartphone propositions when no phone is selected */
     showTopPropositions?: boolean;
-    /** Customize texts  */
-    texts?: {
-        /** Title above profile buttons
-         * @default "Personaliseer" */
-        profileTitle?: string;
-        /** Title above top propositions (only shown when `showTopPropositions` is set to `true`)
-         * @default "Beste providers voor jou" */
-        topPropositionsTitle?: string;
-        /** Title above all propositions (only shown when `showTopPropositions` is set to `true`)
-         * @default "Alle providers op een rijtje" */
-        allPropositionsTitle?: string;
-    };
+    /** Configure the color of the labels for the propositions
+     *
+     * @example color: 'primary' | 'secondary' | 'default' | 'success' | 'warning' | 'danger'
+     * @default 'primary'
+     *
+     * @example
+     * {
+     *   isRetention: 'primary',
+     *   isCheapestPhone: 'secondary',
+     *   isBudget: 'default',
+     *   isBudgetFiber: 'success',
+     *   isCombi: 'warning',
+     *   isFastestInternet: 'danger',
+     *   isBudgetOwnNetwork: 'success',
+     *   isBudgetNetwork: 'success'
+     * }
+     *
+     * It is possible to configure a selection of the label types
+     * The other label types will default to 'primary'
+     *
+     * @example
+     * {
+     *   isRetention: 'danger',
+     *   isCombi: 'warning'
+     * }
+     */
+    labelColorConfig?: Partial<Record<PropositionLabel['type'], PropositionLabel['color']>>;
     /** Initial selected filters */
     initialSelectedFilters?: FilterValue[];
     /** Limit the number of propositions to display */
@@ -1089,7 +1244,7 @@ export declare type ProductResultsProps = {
     initialProfile?: Partial<Profile>;
     /** Callback function to handle profile changes */
     onProfileChange?: (profile: Partial<Profile>) => void;
-    /** Callback function to add search params for the click-out URL on the proposition cards */
+    /** Callback function to add search params for the click-out URL */
     addClickoutSearchParams?: (searchParams: URLSearchParams) => URLSearchParams;
     /** Callback function called when an error occurs */
     onError?: (error: Error) => void;
@@ -1137,37 +1292,37 @@ declare enum ProductVersionStatusEnum {
     Unavailable = "UNAVAILABLE"
 }
 
-declare type Profile = z.infer<typeof profileSchema>;
+export declare type Profile = z.infer<typeof profileSchema>;
 
 /** Event fired when user profile changes */
-declare type ProfileChangedEvent = {
+export declare type ProfileChangedEvent = {
     type: 'profile_changed';
     from: Partial<Profile>;
     to: Partial<Profile>;
 };
 
-declare const profileSchema: z_2.ZodObject<{
-    keepCurrentMsisdn: z_2.ZodOptional<z_2.ZodBoolean>;
-    currentMsisdn: z_2.ZodOptional<z_2.ZodString>;
-    currentSubscriptionType: z_2.ZodOptional<z_2.ZodEnum<{
+declare const profileSchema: z.ZodObject<{
+    keepCurrentMsisdn: z.ZodOptional<z.ZodBoolean>;
+    currentMsisdn: z.ZodOptional<z.ZodString>;
+    currentSubscriptionType: z.ZodOptional<z.ZodEnum<{
         subscription: "subscription";
         prepaid: "prepaid";
     }>>;
-    currentProviderSlug: z_2.ZodOptional<z_2.ZodString>;
-    currentFixedProviderScope: z_2.ZodOptional<z_2.ZodString>;
-    currentMobileProviders: z_2.ZodOptional<z_2.ZodArray<z_2.ZodObject<{
-        scope: z_2.ZodString;
-        value: z_2.ZodString;
-    }, z_2.core.$strip>>>;
-    customerSegment: z_2.ZodOptional<z_2.ZodNullable<z_2.ZodString>>;
-    address: z_2.ZodOptional<z_2.ZodObject<{
-        postcode: z_2.ZodString;
-        number: z_2.ZodString;
-        numberAddon: z_2.ZodPipe<z_2.ZodOptional<z_2.ZodString>, z_2.ZodTransform<string | undefined, string | undefined>>;
-        street: z_2.ZodString;
-        city: z_2.ZodString;
-    }, z_2.core.$strip>>;
-}, z_2.core.$strip>;
+    currentProviderSlug: z.ZodOptional<z.ZodString>;
+    currentFixedProviderScope: z.ZodOptional<z.ZodString>;
+    currentMobileProviders: z.ZodOptional<z.ZodArray<z.ZodObject<{
+        scope: z.ZodString;
+        value: z.ZodString;
+    }, z.core.$strip>>>;
+    customerSegment: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+    address: z.ZodOptional<z.ZodObject<{
+        postcode: z.ZodString;
+        number: z.ZodString;
+        numberAddon: z.ZodPipe<z.ZodOptional<z.ZodString>, z.ZodTransform<string | undefined, string | undefined>>;
+        street: z.ZodString;
+        city: z.ZodString;
+    }, z.core.$strip>>;
+}, z.core.$strip>;
 
 /**
  * ClassNames for styling the `PromotionList` component within `PropositionCard`
@@ -1301,6 +1456,17 @@ declare type PropositionHeaderClassNames = {
     };
 };
 
+export declare type PropositionLabel = {
+    type: PropositionLabelType;
+    displayName: string;
+    rank: number;
+    color: PropositionLabelColor;
+};
+
+export declare type PropositionLabelColor = 'primary' | 'secondary' | 'default' | 'success' | 'warning' | 'danger';
+
+export declare type PropositionLabelType = 'isRetention' | 'isCheapestPhone' | 'isBudget' | 'isBudgetFiber' | 'isCombi' | 'isFastestInternet' | 'isBudgetOwnNetwork' | 'isBudgetNetwork';
+
 declare type PropositionOverviewClassNames = {
     /** The base container of the proposition overview */
     base?: string;
@@ -1314,6 +1480,13 @@ declare type PropositionOverviewClassNames = {
     creditInfo?: CreditInfoClassNames_2;
 };
 
+export declare type ProviderOption = {
+    slug: string;
+    name: string;
+    imageUrl: string | undefined;
+    Icon?: ElementType;
+};
+
 /**
  * ClassNames for styling different parts of the `RadioFilter` component
  */
@@ -1450,6 +1623,35 @@ declare type SelectFilterClassNames = {
     collapseLink?: string;
 };
 
+/**
+ * ClassNames for styling different parts of the `Selector` component
+ */
+declare type SelectorClassNames = {
+    /** Title text styling */
+    title?: string;
+    /** Description text styling */
+    description?: string;
+    /** Main button wrapper */
+    button?: string;
+    /** Icon component styling - chevron/edit icon */
+    icon?: string;
+    /** Badge component (visible when not selected) */
+    badge?: string;
+    /** Avatar component displaying the image or icon */
+    avatar?: {
+        /** Base wrapper styling for the avatar container */
+        base?: string;
+        /** Image element styling */
+        img?: string;
+        /** Name text styling (when displaying initials) */
+        name?: string;
+        /** Icon wrapper styling */
+        icon?: string;
+        /** Fallback content styling (when no image is available) */
+        fallback?: string;
+    };
+};
+
 /**
  * ClassNames for styling different parts of the `RangeFilter`, `MinFilter` and `MaxFilter` component
  */
@@ -1484,7 +1686,7 @@ declare type SliderFilterClassNames = {
 };
 
 /** Event fired when sort option changes */
-declare type SortChangedEvent = {
+export declare type SortChangedEvent = {
     type: 'sort_changed';
     from: string | undefined;
     to: string;
@@ -1565,4 +1767,325 @@ declare type TermsClassNames = {
     base?: string;
 } & SectionClassNames;
 
+export declare type Translations = {
+    common: {
+        yes: string;
+        no: string;
+        confirm: string;
+        cancel: string;
+        loading: string;
+        close: string;
+        next: string;
+        previous: string;
+        select: string;
+        save: string;
+        back: string;
+    };
+    numberPreservation: {
+        title: string;
+        description: string;
+        keepCurrentNumber: string;
+        newNumber: string;
+        currentProvider: string;
+        selectProvider: string;
+        invalidNumber: string;
+        subscription: string;
+        prepaid: string;
+        otherProvider: string;
+    };
+    combiDeal: {
+        title: string;
+        description: string;
+        selectHomeProvider: string;
+        selectOtherSubscriptionsOnAddress: string;
+        customerBenefit: string;
+        homeInternet: string;
+        selectOtherSubscriptions: string;
+        otherSubscriptionsDescription: string;
+        otherSubscriptions: string;
+        movingOption: string;
+        otherProvider: string;
+    };
+    postcodeCheck: {
+        loading: string;
+        invalidAddressError: string;
+        title: string;
+        description: string;
+        postalCode: string;
+        houseNumber: string;
+        houseNumberAddition: string;
+        selectProvider: string;
+        homeInternet: string;
+    };
+    profile: {
+        personalizeTitle: string;
+        postcodeCheck: string;
+        enterPostcode: string;
+        numberPreservation: string;
+        askNumberPreservation: string;
+        newNumber: string;
+        customerBenefit: string;
+    };
+    format: {
+        unlimited: string;
+        /** Short version of `unlimited` */
+        unlimited_short: string;
+        gigabyte: string;
+        minutes: string;
+        /** Short version of `minutes` */
+        minutes_short: string;
+        sms: string;
+        year: string;
+        /** Plural of `year` */
+        year_other: string;
+        oneTime: string;
+        month: string;
+        /** Plural of `month` */
+        month_other: string;
+        /** Short version of `month` */
+        month_short: string;
+        /** Plural of `month_short` */
+        month_short_other: string;
+        monthly: string;
+        firstMonth: string;
+        /** Plural of `firstMonth` */
+        firstMonth_other: string;
+        thenMonth: string;
+        /** Plural of `thenMonth` */
+        thenMonth_other: string;
+        afterMonth: string;
+        /** Plural of `afterMonth` */
+        afterMonth_other: string;
+        hour: string;
+        /** Plural of `hour` */
+        hour_other: string;
+        inch: string;
+        centimeter: string;
+        milliampere: string;
+        megabitPerSecond: string;
+        internet: string;
+        from: string;
+        startingFrom: string;
+        to: string;
+        for: string;
+        or: string;
+        average: string;
+        /** Short version of `average` */
+        average_short: string;
+        maximum: string;
+    };
+    labels: {
+        /** Renew with {{providerName}} */
+        renewWith: string;
+        /** Cheapest phone */
+        cheapestPhone: string;
+        /** Budget */
+        budget: string;
+        /** Most affordable with fiber */
+        budgetFiber: string;
+        /** Customer benefits with {{providerName}} */
+        combi: string;
+        /** Customer benefits */
+        combiGeneric: string;
+        /** Fastest internet */
+        fastestInternet: string;
+        /** Most affordable with own network */
+        budgetOwnNetwork: string;
+        /** Most affordable on {{network}}-network */
+        budgetNetwork: string;
+        /** Most affordable on network */
+        budgetNetworkGeneric: string;
+    };
+    propositionCard: {
+        availableStockStatus: string;
+        backorderedStockStatus: string;
+        preOrderStockStatus: string;
+        oneTimeFee: string;
+        deviceDiscount: string;
+        urgentText: string;
+        /** Plural of `urgentText` */
+        urgentText_other: string;
+        cta: string;
+    };
+    fixedInternet: {
+        /** Fiber */
+        'glasvezel-internet': string;
+        /** Cable */
+        'kabel-internet': string;
+        /** DSL */
+        'dsl-internet': string;
+        /** 5G */
+        '5g-internet': string;
+    };
+    filters: {
+        title: string;
+        resetFilters: string;
+        applyFilters: string;
+        chosenFilters: string;
+        sort: string;
+        sortBy: string;
+        show: string;
+        showMore: string;
+        showLess: string;
+    };
+    filterOptions: {
+        brand: string;
+        internal_storage: string;
+        color: string;
+        data: string;
+        minutes: string;
+        credit_fee: string;
+        provider: string;
+        contract_term: string;
+        package: string;
+        data_speed_down: string;
+        data_speed_up: string;
+        monthly_fee: string;
+        price: string;
+        tags_netwerk: string;
+        tags_verbinding: string;
+        tags_esim: string;
+        receivers: string;
+        network_generation: string;
+    };
+    sortOptions: {
+        /** Relevance */
+        top: string;
+        /** Relevance */
+        relevantie: string;
+        /** Best-selling */
+        'best-verkocht': string;
+        /** Price low-high */
+        'meest-voordelig': string;
+        /** Download speed */
+        downloadsnelheid: string;
+        /** Upload speed */
+        uploadsnelheid: string;
+    };
+    productResults: {
+        loadMore: string;
+        showMoreOffers: string;
+        noResultsTitle: string;
+        noResultsDescription: string;
+        sortBy: string;
+        topPropositionsTitle: string;
+        allPropositionsTitle: string;
+    };
+    creditInfo: {
+        exampleTitle: string;
+        creditBundleTitle: string;
+        offer: string;
+        totalDeviceCost: string;
+        oneTimeFee: string;
+        totalCreditAmount: string;
+        monthlyPayment: string;
+        contractTerm: string;
+        fixedInterest: string;
+        generalDescription: string;
+        creditBundleDescription: string;
+    };
+    detailsModal: {
+        title: string;
+        renewal: string;
+        chooseTab: string;
+        general: string;
+        bundles: string;
+        conditions: string;
+        channels: string;
+        costs: string;
+        specifications: string;
+        monthlyFee: string;
+        oneTimeFee: string;
+        totalCost: string;
+        provider: string;
+        network: string;
+        networkCoverage: string;
+        networkAdministrator: string;
+        networkType: string;
+        subscriptionType: string;
+        internet: string;
+        calling: string;
+        sms: string;
+        extras: string;
+        television: string;
+        networkGeneration: string;
+        downloadSpeed: string;
+        uploadSpeed: string;
+        contractTerm: string;
+        contractTermTerminable: string;
+        subscription: string;
+        bundle: string;
+        bundleSpeed: string;
+        termsAndConditions: string;
+        maximumDownloadSpeed: string;
+        maximumUploadSpeed: string;
+        numberOfChannels: string;
+        numberOfReceivers: string;
+        outsideBundle: string;
+        subscriptionFlexibility: string;
+        abroad: string;
+        insideEu: string;
+        outsideEu: string;
+        minutesToEu: string;
+        upgradeBundle: string;
+        downgradeBundle: string;
+        dataExceedance: string;
+        bundleExceedanceRates: string;
+        bundleExceedanceRateCeiling: string;
+        bundleExceedanceWarning: string;
+        bundleExceedanceMinutesRounding: string;
+        channelsDescription: string;
+        moreInformation: string;
+        deviceBundle: string;
+        installationFee: string;
+        activationFee: string;
+        cashback: string;
+        priceWithoutSubscription: string;
+        priceWithSubscription: string;
+        devicePrice: string;
+        costPerContractTermTitle: string;
+        costPerContractTermSubtitle: string;
+        deviceDiscountTitle: string;
+        deviceDiscountSubtitle: string;
+        totalCostsOverTerm: string;
+        /** Plural of `totalCostsOverTerm` */
+        totalCostsOverTerm_other: string;
+        totalDeviceDiscount: string;
+    };
+    phoneSelector: {
+        phone: string;
+        selectPhone: string;
+        selectBrand: string;
+        searchPlaceholder: string;
+        popular: string;
+        allBrands: string;
+        selectVersion: string;
+        selectColor: string;
+    };
+    modificationBlocks: {
+        /** One or more mobile subscriptions */
+        'mobile/odido': string;
+        /** One or more mobile subscriptions */
+        'mobile/vodafone': string;
+        /** I am younger than 28 years old */
+        'segment/vodafone/young': string;
+        /** Vodafone Unlimited subscription at my address */
+        'segment/vodafone/unlimited': string;
+        /** Another mobile subscription from KPN */
+        'mobile/kpn': string;
+        /** One or more mobile subscriptions */
+        'mobile/ben': string;
+        /** One or more mobile subscriptions */
+        'mobile/50plusmobiel': string;
+        /** One or more mobile subscriptions */
+        'mobile/hollandsnieuwe': string;
+        /** One or more mobile subscriptions */
+        'mobile/budget': string;
+        /** One or more mobile subscriptions */
+        'mobile/youfone': string;
+        /** One or more mobile subscriptions */
+        'mobile/delta': string;
+    };
+};
+
 export { }