@bytebrand/fe-ui-core 4.1.172 → 4.1.174

package/source/components/_common/MaterialSelect/MaterialSelect.tsx

@@ -34,6 +34,8 @@ export interface IVehicleModalProps {
   onChange: (value: any) => void;
   items: IItems[];
   selectClassName?: string;
+  amountOfItems?: number;
+  customDimensionsIcon?: boolean;
 }
 
 const ITEM_HEIGHT = isMobileOnly ? 56 : 48;
@@ -59,7 +61,9 @@ const MaterialSelect: React.FC<IVehicleModalProps> = ({
   selectClassName,
   required,
   items,
-  icon
+  icon,
+  customDimensionsIcon,
+  amountOfItems = MENU_ITEMS
 }: IVehicleModalProps) => {
   const [newValue, setValue] = useState('');
   const [multipleValue, setMultipleValue] = React.useState([]);
@@ -116,11 +120,14 @@ const MaterialSelect: React.FC<IVehicleModalProps> = ({
           key={`${value}_${index}`}
           value={value}
           disabled={setDisabled}
-          sx={setDisabled ? {
-            backgroundColor: '#e8e8e8',
-            color: '#333',
-            opacity: '1 !important'
-          } : null}
+          // sx={setDisabled ? {
+          //   backgroundColor: '#e8e8e8',
+          //   color: '#333',
+          //   opacity: '1 !important'
+          // } : null}
+          sx={{
+            height: ITEM_HEIGHT
+          }}
         >
           {!!t ? t(`${namespace}${cbd ? ':' : '.'}${label}`) : getLabel(label, setDisabled)}
         </MenuItem>
@@ -167,7 +174,7 @@ const MaterialSelect: React.FC<IVehicleModalProps> = ({
           inputProps={{
             className: selectClassName
           }}
-          IconComponent={() => <ArrowSelect className={IconClassNames} name={!!icon ? icon : 'arrowSelect'} />}
+          IconComponent={() => <ArrowSelect customDimensions={customDimensionsIcon} className={IconClassNames} name={!!icon ? icon : 'arrowSelect'} />}
           MenuProps={{
             disablePortal: true,
             disableAutoFocus: true,
@@ -179,8 +186,8 @@ const MaterialSelect: React.FC<IVehicleModalProps> = ({
             PaperProps: {
               sx: {
                 maxHeight: {
-                  xs: MOBILE_ITEM_HEIGHT * MENU_ITEMS + ITEM_PADDING_TOP,
-                  sm: ITEM_HEIGHT * MENU_ITEMS + ITEM_PADDING_TOP
+                  xs: MOBILE_ITEM_HEIGHT * amountOfItems + ITEM_PADDING_TOP,
+                  sm: ITEM_HEIGHT * amountOfItems + ITEM_PADDING_TOP
                 }
               }
             },

package/source/components/_common/Modal/CookieModal.tsx

@@ -7,13 +7,16 @@ const CookieModal = () => {
   const { isVisible, toggleModal } = useModal();
   const [modal, setModal] = useState('');
 
-  useEffect(() => {
-    const cookieConfig = localStorage.getItem('cookieConfig');
-    if (!cookieConfig) {
-      setModal('PREVIEW_COOKIE_MODAL');
-      toggleModal();
-    } else setTimeout(() => { updateCookieList(); }, 3000);
-  }, []);
+  useEffect(
+    () => {
+      const cookieConfig = localStorage.getItem('cookieConfig');
+      if (!cookieConfig) {
+        setModal('PREVIEW_COOKIE_MODAL');
+        toggleModal();
+      } else setTimeout(() => { updateCookieList(); }, 3000);
+    },
+    []
+  );
 
   const onClearModalState = () => {
     setModal('');

package/source/components/_common/Modal/Modal.styled.tsx

@@ -8,5 +8,6 @@ export const BaseModalWrapper = styled('div')({
   width: 'fit-content',
   backgroundColor: '#fff',
   boxShadow: '0px 0px 20px rgba(76, 78, 100, 0.4)',
-  borderRadius: '10px'
+  borderRadius: '10px',
+  maxWidth: '93%'
 });

package/source/components/_common/Modal/modals/ManageCookieModal/ManageCookieModal.styl

@@ -1,3 +1,5 @@
+@import '../../../../../theme/mixins.styl';
+
 .modalWrapper
   padding: 16px 10px 25px 25px
   text-align: center
@@ -14,7 +16,7 @@
 
 .modalContent
   font-family: sans-serif
-  font-size: 16px;
+  font-size: 14px;
   line-height: 24px;
   text-align: justify;
   letter-spacing: 0.15px;
@@ -43,14 +45,24 @@
   display: flex
   justify-content: center
   column-gap: 20px
+  +media-phone-only()
+    column-gap: 0
 
 .modalBtn
   height: 38px
-  text-transform: uppercase !important
+  text-transform: capitalize !important
+  +media-phone-only()
+    font-size: 11px !important
 
 .outlinedBtn
   border: none !important
 
 .switchBlock
   display: flex
-  justify-content: space-between
+  justify-content: space-between
+  align-items: center
+  font-size: 12px
+  line-height: 15px
+  letter-spacing: 1px
+  color: rgba(76, 78, 100, 0.87)
+  text-align: left

package/source/components/_common/Modal/modals/ManageCookieModal/ManageCookieModal.tsx

@@ -43,7 +43,7 @@ const ManageCookieModal = ({ toggleModal }) => {
     value: marketingMasterSwitch,
     onChange: onHandleMarketingSwitchValue
   };
-  
+
   const analyticsSwitchProps = {
     value: analytcisMasterSwitch,
     onChange: onHandleAnalyticsSwitchValue
@@ -55,7 +55,7 @@ const ManageCookieModal = ({ toggleModal }) => {
     onChange: () => {}
   };
 
-  const onAccept = (value?: object) => {    
+  const onAccept = (value?: object) => {
     const cookieConfig = value || {
       marketing: Object.keys(marketingSwitches).filter(i => !marketingSwitches[i]) || [],
       analytics: Object.keys(analyticsSwitches).filter(i => !analyticsSwitches[i]) || []
@@ -73,7 +73,7 @@ const ManageCookieModal = ({ toggleModal }) => {
       <div className={styles.accordions}>
         <MaterialAccordionGroup
           title='Notwendig'
-          tooltipText='tooltip text'
+          tooltipText='Notwendig'
           withSwitch
           switchProps={necessarySwitchProps}
         >
@@ -94,6 +94,7 @@ const ManageCookieModal = ({ toggleModal }) => {
         <MaterialAccordionGroup
           title='Analytisch'
           withSwitch
+          tooltipText='Analytisch'
           switchProps={analyticsSwitchProps}
         >
           <span>
@@ -115,6 +116,7 @@ const ManageCookieModal = ({ toggleModal }) => {
         <MaterialAccordionGroup
           title='Marketing'
           withSwitch
+          tooltipText='Marketing'
           switchProps={marketingSwitchProps}
         >
           <span>

package/source/components/_common/Modal/modals/PreviewCookieModal/PreviewCookieModal.styl

@@ -1,8 +1,12 @@
+@import '../../../../../theme/mixins.styl';
+
 .modalWrapper
   padding: 26px 60px 56px
   text-align: center
   box-sizing: border-box
   max-width: 600px
+  +media-phone-only()
+    padding: 13px 15px 28px
 
 .modalTitle
   font-family: sans-serif
@@ -20,16 +24,22 @@
   letter-spacing: 0.15px;
   color: rgba(76, 78, 100, 0.87);
   margin-top: 20px
+  +media-phone-only()
+    column-gap: 0
 
 .buttonsContainer
   margin-top: 20px
   display: flex
   justify-content: center
   column-gap: 20px
+  +media-phone-only()
+    column-gap: 0
 
 .modalBtn
   height: 38px
-  text-transform: uppercase !important
+  text-transform: capitalize !important
+  +media-phone-only()
+    font-size: 11px !important
 
 .outlinedBtn
   border: none !important

package/source/components/_common/Modal/modals/PreviewCookieModal/PreviewCookieModal.tsx

@@ -3,6 +3,7 @@ import IconSVG from '../../../IconSVG/IconSVG';
 import Button from '../../../Button/Button';
 import styles from './PreviewCookieModal.styl';
 import classNames from 'classnames';
+import { updateCookieList } from '../../../../../framework/utils/CommonUtils';
 
 interface IPreviewCookieModal {
   toggleModal: () => void;
@@ -12,6 +13,7 @@ interface IPreviewCookieModal {
 const PreviewCookieModal = ({ toggleModal, setModal }: IPreviewCookieModal) => {
   const onAcceptAll = () => {
     localStorage.setItem('cookieConfig', JSON.stringify([]));
+    updateCookieList();
     toggleModal();
   };
 

package/source/components/_common/TimePicker/TimePicker.styl

@@ -17,5 +17,7 @@
         padding-right: 0 !important
 
 .selectIcon
-    width: 30px
+    width: 21px
+    height: auto
+    max-width: none !important
     padding-right: 10px

package/source/components/_common/TimePicker/TimePicker.tsx

@@ -46,8 +46,8 @@ const TimePicker = ({
   const nextWeekDays = [...Array(7).keys()].map((days, index) => (
   {
     value: index,
-    label: new Date(Date.now() + setNewDay + 86400000 * days).toLocaleString(lang, { weekday: 'short', day: 'numeric', month: '2-digit' }),
-    day: new Date(Date.now() + setNewDay + 86400000 * days).toLocaleString(lang, { weekday: 'short', day: 'numeric', month: '2-digit' })
+    label: new Date(Date.now() + setNewDay + 86400000 * days).toLocaleString(lang, { day: '2-digit', month: '2-digit', year: 'numeric' }),
+    day: new Date(Date.now() + setNewDay + 86400000 * days).toLocaleString(lang, { day: '2-digit', month: '2-digit', year: 'numeric' })
   }
   ));
   const nextWeekDaysFull = [...Array(7).keys()].map(days => new Date(Date.now() + setNewDay + 86400000 * days));
@@ -123,6 +123,8 @@ const TimePicker = ({
         className={styles.dayForm}
         classNameIcon={styles.selectIcon}
         items={nextWeekDays}
+        amountOfItems={6}
+        customDimensionsIcon
       />
       <MaterialSelect
         onChange={(value: any) => timeChange(value)}
@@ -134,6 +136,8 @@ const TimePicker = ({
         selectClassName={styles.select}
         classNameIcon={styles.selectIcon}
         items={getTimeRanges()}
+        amountOfItems={6}
+        customDimensionsIcon
       />
     </div>
   );

package/source/components/_common/UserMenu/MaterialMenu.styled.tsx

@@ -58,7 +58,8 @@ export const AmountBlock = styled('span')({
   padding: '0 6px',
   lineHeight: '20px',
   fontSize: '12px',
-  fontWeight: 'bold'
+  fontWeight: 'bold',
+  marginLeft: '10px'
 });
 
 export const HeaderComponent = styled('div')({

package/source/components/_common/withStats/withStats.styl

@@ -1,7 +1,6 @@
-@import '../../../theme/theme.styl'
 @import '../../../theme/mixins.styl'
 
-$xs-height = 20px
+$xs-height = 24px
 $sm-height = 30px
 $md-height = 34px
 $indent = 10px
@@ -12,31 +11,39 @@ $indent = 10px
 .controls
   position: absolute
   right: 0
-  bottom: 0
+  bottom: $indent;
   width: 100%
   display: flex
   flex-wrap: wrap
   justify-content: flex-start
-  align-items: center
-  font-family: $font-style-arial
   font-size: $font-size-default
-  padding: 0 $indent
-  box-sizing: border-box
-  user-select: none
+  padding: 0 16px
+  box-sizing: border-box;
+  gap: 0.6em;
+  user-select: none;
+
+  +media-tablet-landscape-up()
+    padding: 0 6px
+
+  &::after
+    position: absolute;
+    width: calc(100% - 20px);
+    height: 1px;
+    left: 10px;
+    bottom: -10px;
+    background-color: rgba(76,78,100,0.12);
 
 .section
-  height: 100%
-  background-color: rgba(#fff, .6);
-  border-radius: 3px
+  background-color: rgba(255, 255, 255, 0.75);
+  border-radius: 2px
   display: flex
+  line-height: 1;
   align-items: center
-  justify-content: space-arround
-  flex-shrink: 0
-  margin-bottom: $indent
-  margin-right: 0.6em
-  &:last-child
+  justify-content: space-around;
+  height: inherit;
+
+  &:last-of-type
     margin-left: auto
-    margin-right: 0
 
 .starButton
   cursor: pointer
@@ -64,40 +71,38 @@ $indent = 10px
   cursor: pointer
 
 .statsEyeIcon
-  margin-right: 0.1em
+  margin-right: 5px
   width: 1.5em
   height: 1.5em
 
 .statsStarIcon
-  margin-right: 0.1em
-  width: 1.1em
-  height: 1.1em
-  stroke: #333;
+  margin-right: 5px
+  margin-bottom: 3px
+  width: 20px
+  height: 20px
+  fill: rgb(100, 100, 100)
+  transform:scale(0.8)
 
 .accented
   color: $primary
   fill: $primary
-  stroke: $primary;
 
 .xs
-  min-height: $xs-height
-
+  height: $xs-height
   .section
     padding: 0 5px
     font-size: 12px
-    line-height: $xs-height
-    color: $grey-3;
+    color: rgba(51, 51, 51, 0.8);
 
   .starButton
     width: 1.5em
     height: 1.5em
 
 .sm
-  min-height: $sm-height
+  height: $sm-height
   .section
     padding: 0 6px
     font-size: 16px
-    line-height: $sm-height
 
   .cameraIcon
     width: 24px
@@ -109,12 +114,11 @@ $indent = 10px
     height: 2.3em
 
 .md
-  min-height: $md-height
+  height: $md-height
 
   .section
     padding: 0 6px
     font-size: 16px
-    line-height: $md-height
 
   .cameraIcon
     width: 24px
@@ -124,71 +128,23 @@ $indent = 10px
   .starButton
     width: 2.4em
     height: 2.3em
-    
 
 .topWrapper
   position: absolute
-  left: 5px
-  right: 5px
+  left: 16px
+  right: 16px
   top: 5px
   user-select: none
   z-index: 1
-  font-size: 14px
-  font-weight: bold
-
-  +media-tablet-down()
-    font-size: 16px
+  display: flex;
+  gap: 10px;
 
-.priceDifference
-  background: $lightGreen
-  float: left
-  font-size: 12px
-  padding-top: 1px;
-  font-weight: bold
-
-  +media-tablet-down()
-    font-size: 16px
-    padding: 0 10px
-    line-height: 24px
-    height: 24px
+  +media-tablet-landscape-up()
+    left: 6px
+    right: 6px
 
 .priceDifferencePerCent
-  color: white
-  float: right
-  position relative;
-  z-index: 1;
-  padding: 5px 7px 0 0
-  box-sizing: border-box;
-  text-align: center
-  white-space: nowrap;
-  line-height: 1;
-  font-size: 16px;
-
-  +media-tablet-up()
-    padding: 4px 4px 0 0px
-    font-size: 12px;
-
-
-.perCentIcon
-  position: absolute
-  top: 0
-  right: 0
-  z-index: -1
-
-  +media-tablet-up()
-    transform: scale(.71);
-    right: -9px;
-    top: -3px;
+  margin-left: auto;
 
 .new
-  margin-right: 10px
-  float: left
-  font-size: 12px
-  font-weight: bold
   text-transform: uppercase
-
-  +media-tablet-down()
-    font-size: 16px
-    padding: 0 10px
-    line-height: 24px
-    height: 24px

package/source/components/_common/withStats/withStats.tsx

@@ -82,6 +82,19 @@ export default function withStats(WrappedComponent: any) {
       );
     };
 
+    renderRotateSvg = (): JSX.Element => {
+      const { hasInteriorExteriorPhoto, images } = this.props;
+      const hasExteriorPhotos = hasInteriorExteriorPhoto && Array.isArray(images) && images.length > 0;
+      if (!hasExteriorPhotos) return null;
+      return (
+        <div className={styles.section}>
+          {hasExteriorPhotos ? (
+            <IconSVG name='rotate360New' customDimensions className={styles.statsEyeIcon} />
+          ) : null}
+        </div>
+      );
+    };
+
     renderStarButton = () => {
       const { isFavoured, onFavoriteClick } = this.props;
       if (!onFavoriteClick) return null;
@@ -99,9 +112,7 @@ export default function withStats(WrappedComponent: any) {
     renderStatsData = (): JSX.Element => {
       const { statsData, isFavoured, onFavoriteClick } = this.props;
       if (!statsData) return null;
-
       const { totalCarImpCount, totalFavCount } = statsData;
-
       const favoritesClassName = classnames(
         styles.statsFavoritesCount,
         {
@@ -119,7 +130,7 @@ export default function withStats(WrappedComponent: any) {
             </span>
           </div> : null}
           {!!totalFavCount ? <div className={favoritesClassName} onClick={onFavoriteClick}>
-            <IconSVG name='common_StarRoundedCorners' customDimensions className={favoritesIconClassName} />
+            <IconSVG name='star' customDimensions className={favoritesIconClassName} />
             <span>
               {totalFavCount}
             </span>
@@ -138,17 +149,14 @@ export default function withStats(WrappedComponent: any) {
         <div className={classnames(styles.topWrapper, classWrapPrice)}>
           {showNewLabel && <Badge type='blue' className={styles.new}>{newText}</Badge>}
           {!!historyPriceDifference && historyPriceDifference >= MIN_PRICE_DIFFERENCE && (
-            <Badge type='green' className={styles.priceDifference}>
+            <Badge type='green'>
               {`-`}
               <FormattedNumber value={historyPriceDifference} numbersAfterDot={0} />
               {` ${EUR}`}
             </Badge>
           )}
           {!!historyPriceDifferencePerCent && historyPriceDifferencePerCent >= MIN_PERCENT && (
-            <div className={styles.priceDifferencePerCent}>
-              <IconSVG name='discountRibbonNew' className={styles.perCentIcon} customDimensions />
-              -{historyPriceDifferencePerCent}%
-            </div>
+            <Badge type='red' className={styles.priceDifferencePerCent}>-{historyPriceDifferencePerCent}%</Badge>
           )}
         </div>
       );
@@ -166,6 +174,7 @@ export default function withStats(WrappedComponent: any) {
           <WrappedComponent {...wrappedComponentProps} onSlideChange={this.onSlideChange} isReferenceSearch={isReferenceSearch} />
           <div className={classnames(styles.controls, styles[statsSize])}>
             {this.renderImagesData()}
+            {this.renderRotateSvg()}
             {this.renderStarButton()}
             {this.renderStatsData()}
           </div>

package/source/components/containers/SearchPage/FiltersContainer/FiltersContainer.styl

@@ -6,8 +6,8 @@
   width: 100%;
   // background-color: #fff;
   align-self: flex-start;
-  border: 1px solid $grey-e
-  border-radius: 3px
+  border: 1px solid rgba(76, 78, 100, 0.12);
+  border-radius: 10px;
   box-sizing: border-box;
   
 
@@ -40,6 +40,8 @@
   line-height: 40px
   padding: 0 10px
   background-color: #fff;
+  border-top-left-radius: 10px;
+  border-top-right-radius: 10px;
 
 .linkToDetailed
   display: block
@@ -48,4 +50,6 @@
   background-color: #fff
   color: $skyBlue
   font-weight: 700
-  font-size: 14px
+  font-size: 14px
+  border-bottom-left-radius: 10px;
+  border-bottom-right-radius: 10px;

package/source/framework/constants/common.ts

@@ -8,12 +8,24 @@ export const QUOTES_SLIDES_TO_SHOW_DEFAULT = 3;
 
 export const HUNDRED = 100;
 
+export const GOOGLE_BUNDLE_COOKIES = {
+  analytics_storage: { name: 'Google-Analytics' }, ad_storage: { name: 'Google-Werbeausrichtung' }, functionality_storage: { name: 'Google-Funktionalität' }, personalization_storage: { name: 'Google-Personalisierung' }, security_storage: { name: 'Google-Sicherheit' }
+};
+
 /* tslint:disable */
 export const COOKIE_SCHEMA = {
   necessary: { gdpr: { name: 'DSGVO' }, __cfruid: { name: 'Cloudflare ' }, cf_chl_2: { name: 'Cloudflare für Webverkehr zu identifizieren' }, cf_chl_rc_ni: { name: 'Cloudflare für den internen Gebrauch' }, ['next-i18next']: { name: 'Spracheinstellungen' }, _cfuvid: { name: 'Cloudflare WAF' }, cf_chl_prog: { name: 'Cloudflare für JS' }, __cf_bm: { name: 'Cloudflare bot' } },
-  analytics: { PugT: { name: 'PubMatic' }, locale: { name: 'Facebook' }, _gcl_au: { name: 'Google Tag Manager' }, _ga: { name: 'Google Analytics' }, _gid: { name: 'Google Analytics' }, ['_gat_UA-31842-13']: { name: 'Google Analytics' }, uid: { name: 'criteo' }, callback: { name: 'callback' }, demdex: { name: 'demdex' }, _hjFirstSeen: { name: 'Hotjar' }, _hjIncludedInSessionSample: { name: 'Hotjar' }, _hjIncludedInPageviewSample: { name: 'Hotjar' }, _hjAbsoluteSessionInProgress: { name: 'Hotjar' }, vuid: { name: 'Vimeo' } },
-  marketing: { _fbp: { name: 'PubMatic' }, test_cookie: { name: 'PubMatic' }, tuuid: { name: 'PubMatic' }, tuuid_lu: { name: 'PubMatic' }, c: { name: 'PubMatic' }, CMID: { name: 'PubMatic' }, CMPS: { name: 'PubMatic' }, CMPRO: { name: 'PubMatic' }, uuid2: { name: 'PubMatic' }, IDE: { name: 'PubMatic' }, um: { name: 'PubMatic' }, umeh: { name: 'PubMatic' }, cf: { name: 'PubMatic' }, cip: { name: 'PubMatic' }, cnac: { name: 'PubMatic' }, car: { name: 'PubMatic' },
+  analytics: { PugT: { name: 'PubMatic' }, locale: { name: 'Facebook' },
+    uid: { name: 'criteo' }, callback: { name: 'callback' }, demdex: { name: 'demdex' }, vuid: { name: 'Vimeo' },
+    _fbp: { name: 'Facebook' },
+    hotjar: { name: 'Hotjar-Analytics'},
+    // _hjFirstSeen: { name: 'Hotjar' }, _hjIncludedInSessionSample: { name: 'Hotjar' }, _hjIncludedInPageviewSample: { name: 'Hotjar' }, _hjAbsoluteSessionInProgress: { name: 'Hotjar' }, _hjSession_2590373: { name: 'Hotjar' }, _hjSessionUser_2590373: { name: 'Hotjar' }, // Hotjar Analytics
+    // _gcl_au: { name: 'Google Tag Manager' }, _ga: { name: 'Google Analytics' }, _gid: { name: 'Google Analytics' }, ['_gat_UA-31842-13']: { name: 'Google Analytics' },
+    ...GOOGLE_BUNDLE_COOKIES },
+  marketing: { test_cookie: { name: 'PubMatic' }, tuuid: { name: 'PubMatic' }, tuuid_lu: { name: 'PubMatic' }, c: { name: 'PubMatic' }, CMID: { name: 'PubMatic' }, CMPS: { name: 'PubMatic' }, CMPRO: { name: 'PubMatic' }, uuid2: { name: 'PubMatic' }, IDE: { name: 'PubMatic' }, um: { name: 'PubMatic' }, umeh: { name: 'PubMatic' }, cf: { name: 'PubMatic' }, cip: { name: 'PubMatic' }, cnac: { name: 'PubMatic' }, car: { name: 'PubMatic' },
     KRTBCOOKIE_97: { name: 'PubMatic' }, IDSYNC: { name: 'PubMatic' }, dpm: { name: 'PubMatic' }, _kuid_: { name: 'PubMatic' }, fr: { name: 'PubMatic' }, cto_bundle: { name: 'PubMatic' }, ['visitor-id']: { name: 'PubMatic' }, ['data-c-ts']: { name: 'PubMatic' }, ['data-c']: { name: 'PubMatic' }, CMTS: { name: 'PubMatic' }, ['mv_tokens']: { name: 'PubMatic' }, A3: { name: 'PubMatic' }, ['mv_tokens_eu-v1']: { name: 'PubMatic' }, am_tokens: { name: 'PubMatic' },
-    ['am_tokens_eu-v1']: { name: 'PubMatic' }, _hjSessionUser_2590373: { name: 'PubMatic' }, iteo: { name: 'PubMatic' }, _hjSession_2590373: { name: 'PubMatic' }, MyVerivoxAuth: { name: 'PubMatic' }, VxCheckAuth: { name: 'PubMatic' }}
+    ['am_tokens_eu-v1']: { name: 'PubMatic' }, iteo: { name: 'PubMatic' }, MyVerivoxAuth: { name: 'PubMatic' }, VxCheckAuth: { name: 'PubMatic' }}
 };
+
+
 /* tslint:enable */