@bytebrand/fe-ui-core-autobahn 1.0.9 → 1.0.11

package/chrome/Footer.tsx

@@ -104,10 +104,7 @@ const Footer: React.FunctionComponent<FooterProps> = ({ t }) => {
             {t('autobahn:chrome.brandBlurb')}
           </p>
           <div style={{ marginTop: 18 }}>
-            <div
-              className="md-title-sm"
-              style={{ paddingBottom: 8, marginBottom: 10, borderBottom: '1px solid var(--md-outline-variant)' }}
-            >
+            <div className="md-title-sm" style={{ marginBottom: 10 }}>
               {t('autobahn:chrome.stayInContact')}
             </div>
             <ul style={{ listStyle: 'none', margin: 0, padding: 0, display: 'flex', flexDirection: 'column', gap: 10 }}>

package/compat/VehicleDetailedSlider/VehicleDetailedSlider.tsx

@@ -23,6 +23,7 @@ import styles from './VehicleDetailedSlider.styl';
 
 interface IProps {
   t: (phrase: string, config?: any) => string;
+  carId?: string;
   price: IPrice;
   photos: IImage[];
   exteriorPhotos: IImage[];
@@ -300,6 +301,7 @@ class VehicleDetailedSlider extends Component<IProps, IState> {
   render() {
     const {
       t = (phrase: string) => _get(VehicleDetailedSliderTranslate(statsData), phrase, phrase),
+      carId,
       price,
       photos,
       exteriorPhotos,
@@ -338,6 +340,7 @@ class VehicleDetailedSlider extends Component<IProps, IState> {
 
     const priceProps = {
       t,
+      carId,
       financingConfig,
       showNewLabel,
       showDownPayment,

package/compat/VehicleDetailedSlider/partials/PriceData.tsx

@@ -6,6 +6,7 @@ import styles from './PriceData.styl';
 
 interface IProps {
   t: (phrase: string, config?: any) => string;
+  carId?: string;
   showNewLabel: boolean;
   historyPriceDifference: number;
   historyPriceDifferencePerCent: number;
@@ -19,16 +20,19 @@ const MIN_PERCENT = 5;
 const MIN_PRICE_DIFFERENCE = 500;
 const EUR = `\u20AC`;
 
-const PriceData: React.FunctionComponent<IProps> = ({ t, showDownPayment, showNewLabel, historyPriceDifference, historyPriceDifferencePerCent, activeTab, financingFirstInstallment, leasingFirstInstallment }) => {
+const PriceData: React.FunctionComponent<IProps> = ({ t, carId, showDownPayment, showNewLabel, historyPriceDifference, historyPriceDifferencePerCent, activeTab, financingFirstInstallment, leasingFirstInstallment }) => {
   const [lsFinancingFirst, setLsFinancingFirst] = React.useState<number | undefined>(undefined);
   const [lsLeasingFirst, setLsLeasingFirst] = React.useState<number | undefined>(undefined);
 
   React.useEffect(() => {
+    // Per-car: only the user's own adjustments for THIS car (financing_store →
+    // userCarAdjustments[carId]) affect its 0-€-Anzahlung badge.
     const readFromStorage = () => {
       const raw = localStorage.getItem('financing_store');
       const parsed = raw ? JSON.parse(raw) : null;
-      const fin = parsed?.userCommonConfig?.financing?.firstInstallment;
-      const lea = parsed?.userCommonConfig?.leasing?.firstInstallment;
+      const carAdjustments = carId ? parsed?.userCarAdjustments?.[carId] : null;
+      const fin = carAdjustments?.financing?.firstInstallment;
+      const lea = carAdjustments?.leasing?.firstInstallment;
       setLsFinancingFirst(fin);
       setLsLeasingFirst(lea);
     };
@@ -36,7 +40,7 @@ const PriceData: React.FunctionComponent<IProps> = ({ t, showDownPayment, showNe
     readFromStorage();
     window.addEventListener('storage', readFromStorage);
     return () => window.removeEventListener('storage', readFromStorage);
-  }, []);
+  }, [carId]);
 
   const rawFirstInstallment = activeTab === 0 ? financingFirstInstallment : activeTab === 1 ? leasingFirstInstallment : null;
   const firstInstallment = rawFirstInstallment ?? 0;

package/compat/VehicleSmallCard/VehicleSmallCard.tsx

@@ -294,6 +294,7 @@ const VehicleSmallCard: FunctionComponent<IVehicleSmallCardProps> = (props) => {
 
   const statsProps = {
     t,
+    id,
     price,
     showNewLabel,
     showDownPayment: !!(offer as any)?.showDownPayment,

package/compat/withStats/withStats.tsx

@@ -77,10 +77,15 @@ const withStats = (WrappedComponent: any) => ({
   const [anyLsBlocked, setAnyLsBlocked] = React.useState(false);
 
   React.useEffect(() => {
+    // Per-car: only the user's own adjustments for THIS car (financing_store →
+    // userCarAdjustments[id]) affect its 0-€-Anzahlung badge; adjustments made
+    // on other cars are ignored.
+    const carId = props.id;
     const raw = localStorage.getItem('financing_store');
     const parsed = raw ? JSON.parse(raw) : null;
-    const fin = parsed?.userCommonConfig?.financing?.firstInstallment;
-    const lea = parsed?.userCommonConfig?.leasing?.firstInstallment;
+    const carAdjustments = carId ? parsed?.userCarAdjustments?.[carId] : null;
+    const fin = carAdjustments?.financing?.firstInstallment;
+    const lea = carAdjustments?.leasing?.firstInstallment;
     const finBlocked = fin !== undefined && fin !== null && fin !== 0;
     const leaBlocked = lea !== undefined && lea !== null && lea !== 0;
     const anyBlocked = finBlocked || leaBlocked;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bytebrand/fe-ui-core-autobahn",
-  "version": "1.0.9",
+  "version": "1.0.11",
   "description": "auto.de md3 (Autobahn) design system — UI primitives, cards, chrome, VDP modules, theme CSS and locales. Ships raw TypeScript source (like fe-ui-core before it); each consumer's bundler compiles it.",
   "main": "index.ts",
   "license": "UNLICENSED",