@mobielnl/elements 0.13.5 → 0.13.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -699,6 +699,8 @@ export declare type FixedBlock = {
699
699
  };
700
700
  };
701
701
 
702
+ export declare type FixedProviderSlug = Extract<ProviderSlug, 'kpn' | 'ziggo' | 'odido' | 'delta' | 'budget' | 'youfone'>;
703
+
702
704
  declare type GeneralClassNames = {
703
705
  /** The base slot of the general section, it is the container of the general section */
704
706
  base?: string;
@@ -708,9 +710,13 @@ export declare type GiftConfig = {
708
710
  /** Initial bundle set unit key used to find an available fixed proposition
709
711
  * @example '1636-11788' */
710
712
  initialBundleSetUnitKey: string;
711
- /** Optional fixed provider slug to narrow the gift proposition search
713
+ /** Optional fixed provider slug to narrow the gift proposition search to only one fixed provider
714
+ * @example 'odido' */
715
+ fixedProviderSlug?: FixedProviderSlug;
716
+ /** Locks customer benefit (klantvoordeel) to a single mobile provider. Skips the CombiDeal modal and
717
+ * mobile provider picker. Yes/No only asks whether the visitor is already a mobile customer of this provider.
712
718
  * @example 'odido' */
713
- fixedProviderSlug?: string;
719
+ mobileProviderSlug?: MobileProviderSlug;
714
720
  /** Custom ReactNode content shown when no matching fixed proposition is found for the `initialBundleSetUnitKey` and address
715
721
  * @note This will override the default not found state */
716
722
  notFoundState?: ReactNode;
@@ -827,6 +833,8 @@ declare type MainImageClassNames = {
827
833
  };
828
834
  };
829
835
 
836
+ export declare type MobileProviderSlug = Extract<ProviderSlug, 'odido' | 'vodafone' | 'kpn' | 'hollandsnieuwe' | 'ben' | 'simyo' | 'budget' | 'youfone' | 'delta'>;
837
+
830
838
  declare type ModalClassNames = {
831
839
  /** The backdrop slot, it is displayed behind the modal */
832
840
  backdrop?: string;
@@ -1733,6 +1741,25 @@ declare type PromotionListClassNames = {
1733
1741
  /** The content slot of the chip, it is the container of the text */
1734
1742
  content?: string;
1735
1743
  };
1744
+ /** Class names for styling the promotion modal */
1745
+ modal?: {
1746
+ /** The backdrop slot, it is displayed behind the modal */
1747
+ backdrop?: string;
1748
+ /** The wrapper slot of the modal. It wraps the base and the backdrop slots */
1749
+ wrapper?: string;
1750
+ /** The main slot of the modal content */
1751
+ base?: string;
1752
+ /** The header of the modal, it is displayed at the top of the modal */
1753
+ header?: string;
1754
+ /** The body of the modal, it is displayed in the middle of the modal */
1755
+ body?: string;
1756
+ /** The footer of the modal, it is displayed at the bottom of the modal */
1757
+ footer?: string;
1758
+ /** The close button (X) of the modal in top-right corner */
1759
+ closeButton?: string;
1760
+ /** The primary button of the modal, it is displayed at the bottom of the modal */
1761
+ primaryButton?: string;
1762
+ };
1736
1763
  };
1737
1764
 
1738
1765
  /**
@@ -2132,6 +2159,8 @@ declare type PropositionSelectorQuery = {
2132
2159
  } | null;
2133
2160
  };
2134
2161
 
2162
+ export declare type ProviderName = Providers[ProviderSlug];
2163
+
2135
2164
  export declare type ProviderOption = {
2136
2165
  slug: string;
2137
2166
  name: string;
@@ -2139,7 +2168,29 @@ export declare type ProviderOption = {
2139
2168
  Icon?: ElementType;
2140
2169
  };
2141
2170
 
2142
- export declare const PROVIDERS: Record<string, string>;
2171
+ export declare const PROVIDERS: {
2172
+ readonly odido: "Odido";
2173
+ readonly kpn: "KPN";
2174
+ readonly vodafone: "Vodafone";
2175
+ readonly ben: "Ben";
2176
+ readonly hollandsnieuwe: "hollandsnieuwe";
2177
+ readonly lebara: "Lebara";
2178
+ readonly youfone: "Youfone";
2179
+ readonly simyo: "Simyo";
2180
+ readonly delta: "Delta";
2181
+ readonly caiway: "Caiway";
2182
+ readonly budget: "Budget Mobiel";
2183
+ readonly 'budget-alles-in-1': "Budget Alles-in-1";
2184
+ readonly 'budget-internet': "Budget Internet";
2185
+ readonly '50plusmobiel': "50+ Mobiel";
2186
+ readonly ziggo: "Ziggo";
2187
+ readonly other: "Andere / geen provider";
2188
+ readonly 'other/moving': "Geen i.v.m. verhuizing";
2189
+ };
2190
+
2191
+ declare type Providers = typeof PROVIDERS;
2192
+
2193
+ export declare type ProviderSlug = keyof Providers;
2143
2194
 
2144
2195
  /**
2145
2196
  * ClassNames for styling different parts of the `RadioFilter` component
@@ -2871,6 +2922,7 @@ export declare type Translations = {
2871
2922
  modificationTitle: string;
2872
2923
  modificationDescription: string;
2873
2924
  modificationFixedDescription: string;
2925
+ modificationLockedDescription: string;
2874
2926
  modificationYes: string;
2875
2927
  modificationNo: string;
2876
2928
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mobielnl/elements",
3
- "version": "0.13.5",
3
+ "version": "0.13.7",
4
4
  "description": "Mobiel.nl Elements - React component library for partner websites",
5
5
  "private": false,
6
6
  "type": "module",