@bytebrand/fe-ui-core-autobahn 1.0.1 → 1.0.3

package/constants/common.ts

@@ -1,127 +1,127 @@
-const _rawHost = typeof window !== 'undefined' ? window.location.host.replace('www.', '') : 'auto.de';
-const _isIP = /^\d+\.\d+\.\d+\.\d+(:\d+)?$/.test(_rawHost);
-const _imgBase = _isIP ? 'https://images.auto.de' : 'https://images.' + _rawHost;
-
-export const SITE_DOMAIN: string = typeof window !== 'undefined' ? 'https://' + window.location.host : 'https://www.auto.de';
-
-export const PLACEHOLDER_IMAGE: string = _imgBase + '/noimage/';
-export const PLACEHOLDER_IMAGE_SMALL_URL: string = _imgBase + '/noimage/small';
-export const PLACEHOLDER_IMAGE_LARGE_URL: string = _imgBase + '/noimage/large';
-
-export const QUOTES_SLIDES_TO_SHOW_DEFAULT = 3;
-
-export const HUNDRED = 100;
-
-export const GOOGLE_BUNDLE_COOKIES = [
-  'analytics_storage',
-  'ad_storage',
-  'functionality_storage',
-  'personalization_storage',
-  'security_storage'
-];
-
-/* tslint:disable */
-
-export const COOKIE_SCHEMA_LINKS = {
-  ['auto.de']: 'https://www.auto.de/datenschutz/',
-  Cloudflare: 'https://www.cloudflare.com/de-de/gdpr/introduction/',
-  Firebase: 'https://firebase.google.com/support/privacy?hl=de',
-  Google: 'https://policies.google.com/privacy?hl=de',
-  Criteo: 'https://www.criteo.com/de/privacy/',
-  Facebook: 'https://www.facebook.com/privacy/policies/cookies/?entry_point=cookie_policy_redirect&entry=0',
-  ['Google Analytics']: 'https://policies.google.com/privacy?hl=de',
-  Hotjar: 'https://www.hotjar.com/legal/policies/privacy/de/',
-  Microsoft: 'https://privacy.microsoft.com/de-de/privacystatement',
-  Matomo: 'https://matomo.org/privacy-policy/',
-  Trustpilot: 'https://de.legal.trustpilot.com/for-reviewers/end-user-privacy-terms',
-  Awin: 'https://www.awin.com/de/datenschutzerklarung',
-  Youtube:'https://www.youtube.com/howyoutubeworks/our-commitments/protecting-user-data/',
-  ['RTB House']: 'https://www.rtbhouse.com/privacy-center'
-}
-
-export const COOKIE_SCHEMA = {
-  necessary: {
-    ['auto.de']: ['next-i18next'],
-    Cloudflare: [
-      'cf_chl_2',
-      'cf_chl_rc_ni',
-      'cf_chl_prog'
-    ],
-    Firebase: [''],
-    Matomo: ['MATOMO_SESSID','_pk_ses.1.4d04', '_pk_id.1.4d04'],
-    Trustpilot: ['']
-  },
-  analytics: {
-    ['auto.de']: [
-      'sentry',
-      'callback',
-      'locale'
-    ],
-    Facebook: ['_fbp'],
-    Hotjar: ['hotjar'],
-  },
-  marketing: {
-    ['auto.de']: [
-      'cf',
-      'cip',
-      'cnac',
-      'car'
-    ],
-    Awin: [
-      'bid'
-    ],
-    Criteo: [
-      'uid',
-      'PugT',
-      'demdex',
-      'cto_bundle',
-      'tuuid',
-      'tuuid_lu',
-      'c',
-      'CMID',
-      'CMPS',
-      'CMPRO',
-      'uuid2',
-      'um',
-      'umeh',
-      'KRTBCOOKIE_97',
-      'IDSYNC',
-      'dpm',
-      '_kuid_',
-      'visitor-id',
-      'data-c-ts',
-      'data-c',
-      'CMTS',
-      'mv_tokens',
-      'A3',
-      'mv_tokens_eu-v1',
-      'am_tokens',
-      'am_tokens_eu-v1',
-      'iteo'
-    ],
-    Google: [
-      'test_cookie',
-      'IDE',
-      ...GOOGLE_BUNDLE_COOKIES
-    ],
-    ['RTB House']: [
-      'rtbh',
-      'udmts',
-      'dt',
-      '__rtbh.lid',
-      '__rtbh.uid',
-      'ar_debug',
-      'C',
-      'G',
-      'ts',
-      'receive-cookie-deprecation'
-    ],
-    Microsoft: ['_clck', '_clsk', '_uetsid', '_uetvid'],
-    Youtube: [
-      'youtube'
-    ]
-  }
-};
-
-
-/* tslint:enable */
+const _rawHost = typeof window !== 'undefined' ? window.location.host.replace('www.', '') : 'auto.de';
+const _isIP = /^\d+\.\d+\.\d+\.\d+(:\d+)?$/.test(_rawHost);
+const _imgBase = _isIP ? 'https://images.auto.de' : 'https://images.' + _rawHost;
+
+export const SITE_DOMAIN: string = typeof window !== 'undefined' ? 'https://' + window.location.host : 'https://www.auto.de';
+
+export const PLACEHOLDER_IMAGE: string = _imgBase + '/noimage/';
+export const PLACEHOLDER_IMAGE_SMALL_URL: string = _imgBase + '/noimage/small';
+export const PLACEHOLDER_IMAGE_LARGE_URL: string = _imgBase + '/noimage/large';
+
+export const QUOTES_SLIDES_TO_SHOW_DEFAULT = 3;
+
+export const HUNDRED = 100;
+
+export const GOOGLE_BUNDLE_COOKIES = [
+  'analytics_storage',
+  'ad_storage',
+  'functionality_storage',
+  'personalization_storage',
+  'security_storage'
+];
+
+/* tslint:disable */
+
+export const COOKIE_SCHEMA_LINKS = {
+  ['auto.de']: 'https://www.auto.de/datenschutz/',
+  Cloudflare: 'https://www.cloudflare.com/de-de/gdpr/introduction/',
+  Firebase: 'https://firebase.google.com/support/privacy?hl=de',
+  Google: 'https://policies.google.com/privacy?hl=de',
+  Criteo: 'https://www.criteo.com/de/privacy/',
+  Facebook: 'https://www.facebook.com/privacy/policies/cookies/?entry_point=cookie_policy_redirect&entry=0',
+  ['Google Analytics']: 'https://policies.google.com/privacy?hl=de',
+  Hotjar: 'https://www.hotjar.com/legal/policies/privacy/de/',
+  Microsoft: 'https://privacy.microsoft.com/de-de/privacystatement',
+  Matomo: 'https://matomo.org/privacy-policy/',
+  Trustpilot: 'https://de.legal.trustpilot.com/for-reviewers/end-user-privacy-terms',
+  Awin: 'https://www.awin.com/de/datenschutzerklarung',
+  Youtube:'https://www.youtube.com/howyoutubeworks/our-commitments/protecting-user-data/',
+  ['RTB House']: 'https://www.rtbhouse.com/privacy-center'
+}
+
+export const COOKIE_SCHEMA = {
+  necessary: {
+    ['auto.de']: ['next-i18next'],
+    Cloudflare: [
+      'cf_chl_2',
+      'cf_chl_rc_ni',
+      'cf_chl_prog'
+    ],
+    Firebase: [''],
+    Matomo: ['MATOMO_SESSID','_pk_ses.1.4d04', '_pk_id.1.4d04'],
+    Trustpilot: ['']
+  },
+  analytics: {
+    ['auto.de']: [
+      'sentry',
+      'callback',
+      'locale'
+    ],
+    Facebook: ['_fbp'],
+    Hotjar: ['hotjar'],
+  },
+  marketing: {
+    ['auto.de']: [
+      'cf',
+      'cip',
+      'cnac',
+      'car'
+    ],
+    Awin: [
+      'bid'
+    ],
+    Criteo: [
+      'uid',
+      'PugT',
+      'demdex',
+      'cto_bundle',
+      'tuuid',
+      'tuuid_lu',
+      'c',
+      'CMID',
+      'CMPS',
+      'CMPRO',
+      'uuid2',
+      'um',
+      'umeh',
+      'KRTBCOOKIE_97',
+      'IDSYNC',
+      'dpm',
+      '_kuid_',
+      'visitor-id',
+      'data-c-ts',
+      'data-c',
+      'CMTS',
+      'mv_tokens',
+      'A3',
+      'mv_tokens_eu-v1',
+      'am_tokens',
+      'am_tokens_eu-v1',
+      'iteo'
+    ],
+    Google: [
+      'test_cookie',
+      'IDE',
+      ...GOOGLE_BUNDLE_COOKIES
+    ],
+    ['RTB House']: [
+      'rtbh',
+      'udmts',
+      'dt',
+      '__rtbh.lid',
+      '__rtbh.uid',
+      'ar_debug',
+      'C',
+      'G',
+      'ts',
+      'receive-cookie-deprecation'
+    ],
+    Microsoft: ['_clck', '_clsk', '_uetsid', '_uetvid'],
+    Youtube: [
+      'youtube'
+    ]
+  }
+};
+
+
+/* tslint:enable */

package/constants/core.ts

@@ -1,131 +1,131 @@
-import { DELIVERY_PERIODS } from './selectors';
-
-export enum N {
-  ZERO, ONE, TWO, THREE, FOUR, FIVE, FOURTEEN = 14, FIFTEEN = 15, HUNDRED = 100, THOUSAND = 1000
-}
-
-// interface IPriceTabs {
-//   fin: number[];
-//   leasing: number[];
-//   buy: number[];
-//   abo: number[];
-//   [key: string]: any;
-// }
-
-export const THREE = 3; // tab index
-export const FOUR = 4; // tab index
-export const FIVE = 5; // tab index
-export const FIFTEEN = 15; // font-size
-export const FOURTEEN = 14;
-export const HUNDRED = 100;
-export const THOUSAND = 1000;
-
-export const PREDICTABLE_PRICE_INDEX = 1.07814;
-
-export const CONTAINER_STYLES = {
-  display: 'flex',
-  flexDirection: 'row',
-  alignItems: 'stretch',
-  justifyContent: 'center'
-};
-
-export const LOCAL_STORAGE_KEY = {
-  JWT_TOKEN_KEY: 'auto_jwt_token',
-  JWT_USER_NAME_KEY: 'auto_jwt_username',
-  i18n_KEY: 'i18nLanguage'
-};
-
-export const DEFAULT_LANG: string = typeof window !== 'undefined' ? window.localStorage.getItem(LOCAL_STORAGE_KEY.i18n_KEY) : 'de';
-
-export const ROW_STYLES = {
-  marginBottom: 10
-};
-
-export const COLUMN_STYLES = {
-  padding: 10,
-  boxSizing: 'border-box'
-};
-
-export const ONLINE_SINCE_KEY: string = 'ONLINE_SINCE';
-export const CONSUMPTION_KEY: string = 'CONSUMPTION';
-// detailed search keys
-export const EMISSION_CLASS_KEY: string = 'EMISSION_CLASS';
-export const EMISSION_STICKER_KEY: string = 'EMISSION_STICKER';
-export const PARTICULATE_FILTER_KEY: string = 'PARTICULATE_FILTER';
-export const GENERAL_INSPECTION_KEY: string = 'GENERAL_INSPECTION';
-export const DELIVERY_PERIODS_EXTRA = DELIVERY_PERIODS.map((val: string) => ({
-  label: val.match(/\d+/),
-  value: val
-}));
-
-
-export const WLTP_ENERGY_EFFICIENCY_CLASS = [
-  "selector_energyEfficiencyClass_a",
-  "selector_energyEfficiencyClass_b",
-  "selector_energyEfficiencyClass_c",
-  "selector_energyEfficiencyClass_d",
-  "selector_energyEfficiencyClass_e",
-  "selector_energyEfficiencyClass_f",
-  "selector_energyEfficiencyClass_g"
-];
-
-export const offers = [
-  {
-    name: 'financing',
-    periods: [12, 24, 36, 48, 60, 72, 84, 96],                      // tslint:disable-line
-    sliders: [
-      { name: 'firstInstallment', min: 0, step: 100, unit: 'euro', withRangeLimit: true },              // tslint:disable-line
-      { name: 'annualMileage', min: 5000, max: 60000, step: 5000, unit: 'km' }  // tslint:disable-line
-    ]
-  },
-  {
-    name: 'leasing',
-    periods: [30, 36, 42, 48, 54, 60],                              // tslint:disable-line
-    sliders: [
-      { name: 'firstInstallment', min: 0, step: 100, unit: 'euro' },              // tslint:disable-line
-      { name: 'annualMileage', min: 5000, max: 60000, step: 5000, unit: 'km' }  // tslint:disable-line
-    ]
-  },
-  { name: 'buy' },
-  { name: 'abo', periods: [1, 2, 6, 9, 12, 18], isActive: false }   // tslint:disable-line
-];
-
-export const checkoutOffers = [offers[0], offers[1], offers[THREE], offers[2]];
-
-export const comparableKeys = ['paybackPeriod', 'annualMileage', 'firstInstallment', 'withAddServices', 'withTransportation'];
-
-export const aboColorOptions = ['black', 'grey', 'white', 'blue'];
-export const aboIncludedServices = [
-  'KFZ-Versicherung (Haftpflicht, Teil- & Vollkasko)',
-  '4 Jahre Garantie',
-  'Wartung, Verschleiß & wintertaugliche Reifen',
-  'Zulassung',
-  'Steuer'
-];
-export const aboFaq = [
-  'Wer kann dieses Abo buchen?',
-  'Wie erfolgen Übergabe und Ruckgabe?',
-  'Wie lang ist die Laufzeit?',
-  'Was kostet ein Auto Abo?'
-];
-
-export const checkoutWarranties = [
-  { name: 'silver', color0: '#A2A0A3', color1: '#D6D6D6', isWarrantyActive: true },
-  { name: 'bronze', color0: '#A18151', color1: '#E9BC79' },
-  { name: 'gold', color0: '#F2D88F', color1: '#B79D62' },
-  { name: 'no-warranty', color0: '#F2D88F', color1: '#B79D62' }
-];
-
-export const checkoutStepUrls = [
-  'contact-information', 'payment-type', 'payment-details', 'additional-services', 'order-overview', 'additional-services-delivery'
-];
-
-export const checkoutSteps = [
-  { pathname: 'contact-information', component: 'ContactInformation', props: 'contactInformationProps', minutes: 2 },
-  { pathname: 'payment-type', component: 'PaymentType', props: 'paymentTypeProps', minutes: 1 },
-  { pathname: 'payment-details', component: 'PaymentDetails', props: 'paymentDetailsProps', minutes: 2 },
-  { pathname: 'additional-services', component: 'AdditionalServices', props: 'additionalServicesProps', minutes: 2 },
-  { pathname: 'order-overview', component: 'OrderOverview', props: 'orderOverviewProps', minutes: 1 }
-];
-
-export const checkoutSubStep = { pathname: 'additional-services-delivery', component: 'DeliveryServices', props: 'deliveryServicesProps' };
+import { DELIVERY_PERIODS } from './selectors';
+
+export enum N {
+  ZERO, ONE, TWO, THREE, FOUR, FIVE, FOURTEEN = 14, FIFTEEN = 15, HUNDRED = 100, THOUSAND = 1000
+}
+
+// interface IPriceTabs {
+//   fin: number[];
+//   leasing: number[];
+//   buy: number[];
+//   abo: number[];
+//   [key: string]: any;
+// }
+
+export const THREE = 3; // tab index
+export const FOUR = 4; // tab index
+export const FIVE = 5; // tab index
+export const FIFTEEN = 15; // font-size
+export const FOURTEEN = 14;
+export const HUNDRED = 100;
+export const THOUSAND = 1000;
+
+export const PREDICTABLE_PRICE_INDEX = 1.07814;
+
+export const CONTAINER_STYLES = {
+  display: 'flex',
+  flexDirection: 'row',
+  alignItems: 'stretch',
+  justifyContent: 'center'
+};
+
+export const LOCAL_STORAGE_KEY = {
+  JWT_TOKEN_KEY: 'auto_jwt_token',
+  JWT_USER_NAME_KEY: 'auto_jwt_username',
+  i18n_KEY: 'i18nLanguage'
+};
+
+export const DEFAULT_LANG: string = typeof window !== 'undefined' ? window.localStorage.getItem(LOCAL_STORAGE_KEY.i18n_KEY) : 'de';
+
+export const ROW_STYLES = {
+  marginBottom: 10
+};
+
+export const COLUMN_STYLES = {
+  padding: 10,
+  boxSizing: 'border-box'
+};
+
+export const ONLINE_SINCE_KEY: string = 'ONLINE_SINCE';
+export const CONSUMPTION_KEY: string = 'CONSUMPTION';
+// detailed search keys
+export const EMISSION_CLASS_KEY: string = 'EMISSION_CLASS';
+export const EMISSION_STICKER_KEY: string = 'EMISSION_STICKER';
+export const PARTICULATE_FILTER_KEY: string = 'PARTICULATE_FILTER';
+export const GENERAL_INSPECTION_KEY: string = 'GENERAL_INSPECTION';
+export const DELIVERY_PERIODS_EXTRA = DELIVERY_PERIODS.map((val: string) => ({
+  label: val.match(/\d+/),
+  value: val
+}));
+
+
+export const WLTP_ENERGY_EFFICIENCY_CLASS = [
+  "selector_energyEfficiencyClass_a",
+  "selector_energyEfficiencyClass_b",
+  "selector_energyEfficiencyClass_c",
+  "selector_energyEfficiencyClass_d",
+  "selector_energyEfficiencyClass_e",
+  "selector_energyEfficiencyClass_f",
+  "selector_energyEfficiencyClass_g"
+];
+
+export const offers = [
+  {
+    name: 'financing',
+    periods: [12, 24, 36, 48, 60, 72, 84, 96],                      // tslint:disable-line
+    sliders: [
+      { name: 'firstInstallment', min: 0, step: 100, unit: 'euro', withRangeLimit: true },              // tslint:disable-line
+      { name: 'annualMileage', min: 5000, max: 60000, step: 5000, unit: 'km' }  // tslint:disable-line
+    ]
+  },
+  {
+    name: 'leasing',
+    periods: [30, 36, 42, 48, 54, 60],                              // tslint:disable-line
+    sliders: [
+      { name: 'firstInstallment', min: 0, step: 100, unit: 'euro' },              // tslint:disable-line
+      { name: 'annualMileage', min: 5000, max: 60000, step: 5000, unit: 'km' }  // tslint:disable-line
+    ]
+  },
+  { name: 'buy' },
+  { name: 'abo', periods: [1, 2, 6, 9, 12, 18], isActive: false }   // tslint:disable-line
+];
+
+export const checkoutOffers = [offers[0], offers[1], offers[THREE], offers[2]];
+
+export const comparableKeys = ['paybackPeriod', 'annualMileage', 'firstInstallment', 'withAddServices', 'withTransportation'];
+
+export const aboColorOptions = ['black', 'grey', 'white', 'blue'];
+export const aboIncludedServices = [
+  'KFZ-Versicherung (Haftpflicht, Teil- & Vollkasko)',
+  '4 Jahre Garantie',
+  'Wartung, Verschleiß & wintertaugliche Reifen',
+  'Zulassung',
+  'Steuer'
+];
+export const aboFaq = [
+  'Wer kann dieses Abo buchen?',
+  'Wie erfolgen Übergabe und Ruckgabe?',
+  'Wie lang ist die Laufzeit?',
+  'Was kostet ein Auto Abo?'
+];
+
+export const checkoutWarranties = [
+  { name: 'silver', color0: '#A2A0A3', color1: '#D6D6D6', isWarrantyActive: true },
+  { name: 'bronze', color0: '#A18151', color1: '#E9BC79' },
+  { name: 'gold', color0: '#F2D88F', color1: '#B79D62' },
+  { name: 'no-warranty', color0: '#F2D88F', color1: '#B79D62' }
+];
+
+export const checkoutStepUrls = [
+  'contact-information', 'payment-type', 'payment-details', 'additional-services', 'order-overview', 'additional-services-delivery'
+];
+
+export const checkoutSteps = [
+  { pathname: 'contact-information', component: 'ContactInformation', props: 'contactInformationProps', minutes: 2 },
+  { pathname: 'payment-type', component: 'PaymentType', props: 'paymentTypeProps', minutes: 1 },
+  { pathname: 'payment-details', component: 'PaymentDetails', props: 'paymentDetailsProps', minutes: 2 },
+  { pathname: 'additional-services', component: 'AdditionalServices', props: 'additionalServicesProps', minutes: 2 },
+  { pathname: 'order-overview', component: 'OrderOverview', props: 'orderOverviewProps', minutes: 1 }
+];
+
+export const checkoutSubStep = { pathname: 'additional-services-delivery', component: 'DeliveryServices', props: 'deliveryServicesProps' };