{"version":3,"sources":["components/scrollToTop/ScrollToTop.js","components/scrollToTop/index.js","rootrouter.js","themes/bridgestone/fonts.js","themes/bridgestone/variables.js","themes/bridgestone/index.js","themes/bridgestone/colors.js","themes/bridgestone/mixins.js","App.js","reportWebVitals.js","index.js"],"names":["ScrollToTop","React","Component","componentDidUpdate","prevProps","this","props","location","window","scrollTo","render","children","withRouter","CampaignHome","lazy","CampaignDetails","CampaignRegistration","ConventionRegistration","ConventionReseller","ConventionRegistrationTest","RootRouter","constructor","super","state","routes","path","exact","name","_jsx","Redirect","to","componentDidMount","componentWillUnmount","Router","Fragment","Suspense","fallback","Switch","map","route","Route","FONT_DECIMAL","FONT_BRIDGESTONE","MQ_MIN_320","MQ_MIN_480","MQ_MIN_600","MQ_MIN_768","MQ_MIN_992","MQ_MIN_1280","basicUnit","colors","primary","primaryText","divider","activeColor","gray","white","fonts","h1new","fontFamily","fontSize","textAlign","lineHeight","fontWeight","h2new","headerhomenew","headerhomesubnew","buttonnew","h4new","h3new","steplabelnew","bodynew","header","headerold","letterSpacing","headerNewTitle","textShadow","topHeader","color","subHeader","title","body","bodySmall","bodyBold","light","regular","medium","bold","black","variables","mixins","noSelect","userSelect","theme","createMuiTheme","palette","main","typography","join","renderer","createRenderer","plugins","embedded","prefixer","namedMediaQuery","fallbackValue","unit","enhancers","monolithic","prettySelectors","App","ReactFelaProvider","ThemeProvider","bridgestone","MaterialThemeProvider","reportWebVitals","onPerfEntry","Function","then","_ref","getCLS","getFID","getFCP","getLCP","getTTFB","PiwikPro","initialize","ReactDOM","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.e6c19028.chunk.js","sourcesContent":["// -----------------------------------------------------------------------------\n// IMPORTS\n// -----------------------------------------------------------------------------\n\n// React and React modules\nimport React from \"react\";\n\nclass ScrollToTop extends React.Component {\n  componentDidUpdate(prevProps) {\n    if (this.props.location !== prevProps.location) {\n      window.scrollTo(0, 0)\n    }\n  }\n\n  render() {\n    return this.props.children\n  }\n}\n\nexport default ScrollToTop;","// -----------------------------------------------------------------------------\n// IMPORTS\n// -----------------------------------------------------------------------------\n\n// React and React modules\nimport { withRouter } from \"react-router\";\n\n// Container(s) for which we add styles within this module\nimport ScrollToTop from \"./ScrollToTop\";\n\nexport default withRouter(ScrollToTop)","// -----------------------------------------------------------------------------\n// IMPORTS\n// -----------------------------------------------------------------------------\n\n// React and React modules\nimport React, { Suspense } from 'react';\nimport {\n  BrowserRouter as Router,\n  Route, Switch, Redirect\n} from 'react-router-dom';\n\n// Other third party dependencies\n// import postal from \"postal\";\n\n// Internal dependencies\nimport ScrollToTop from './components/scrollToTop';\n\n// -----------------------------------------------------------------------------\n// CONFIGURATION\n// -----------------------------------------------------------------------------\n\n// const CHANNEL_APP = postal.channel('app');\n\n// -----------------------------------------------------------------------------\n// VIEW CONFIGURATION\n// -----------------------------------------------------------------------------\n\nconst CampaignHome = React.lazy(() => import(\"./screens/campaign-home\"));\nconst CampaignDetails = React.lazy(() => import(\"./screens/campaign-details\"));\nconst CampaignRegistration = React.lazy(() => import(\"./screens/campaign-registration\"));\nconst ConventionRegistration = React.lazy(() => import(\"./screens/convention-registration\"));\nconst ConventionReseller = React.lazy(() => import(\"./screens/convention-reseller\"));\nconst ConventionRegistrationTest= React.lazy(() => import(\"./screens/convention-registration-test\"));\n\n\n// -----------------------------------------------------------------------------\n// CLASS DEFINITION\n// -----------------------------------------------------------------------------\n\n/**\n * The base application component\n *\n * @extends React.Component\n */\nclass RootRouter extends React.Component {\n\n    constructor(props) {\n      super(props);\n  \n      // Initialize state\n      this.state = {\n        // drawerVisible: false,\n        // shouldDrawerRender: true\n      };\n  \n      // Bind event listener\n      // this.onDrawerRequest = this.onDrawerRequest.bind(this);\n  \n      // this.subscriptions = [];\n  \n      //Define routes\n      this.routes = [\n        {\n          path: '/promo',\n          exact: true,\n          name: \"Home\",\n          render: props => {  \n            // return (<Home {...props} renderDrawer={this.renderDrawer} ></Home>);\n            return (<CampaignHome {...props}/>);\n          }\n        },\n        // {\n        //   path: '/italy',\n        //   exact: true,\n        //   name: \"RedirectToPromo\",\n        //   render: props => {\n        //     return (<Redirect to=\"/promo\" />);\n        //   }\n        // },\n        // {\n        //   path: '/italy/:uid',\n        //   exact: true,\n        //   name: \"CampaignDetails\",\n        //   render: props => {\n        //     // return (<Home {...props} renderDrawer={this.renderDrawer} ></Home>);\n        //     return (<CampaignDetails {...props} />);\n        //   }\n        // },\n        {\n          path: '/convenzioni',\n          exact: true,\n          name: \"ConventionRegistration\",\n          render: props => {  \n            return (<ConventionRegistration {...props}/>);\n          }\n        },\n        {\n          path: '/convenzioni/:uid',\n          exact: true,\n          name: \"ConventionRegistration\",\n          render: props => {\n            return (<ConventionRegistrationTest {...props}/>);\n          }\n        },\n        {\n          path: '/convenzioni/:uid/rivenditoriaderenti',\n          exact: true,\n          name: \"ConventionReseller\",\n          render: props => {\n            // return (<Home {...props} renderDrawer={this.renderDrawer} ></Home>);\n            return (<ConventionReseller {...props} />);\n          }\n        },\n        {\n          path: '/promo/:uid',\n          exact: true,\n          name: \"CampaignDetails\",\n          render: props => {\n            // return (<Home {...props} renderDrawer={this.renderDrawer} ></Home>);\n            return (<CampaignDetails {...props} />);\n          }\n        },\n        {\n          path: '/promo/:uid/registration',\n          exact: true,\n          name: \"CampaignRegistration\",\n          render: props => {\n            // return (<Home {...props} renderDrawer={this.renderDrawer} ></Home>);\n            return (<CampaignRegistration {...props} />);\n          }\n        },\n        {\n          path: '/italy/voucherservizi2021',\n          exact: true,\n          render: props => {\n            return (<Redirect to=\"/promo/voucherservizi2021\" />);\n          }\n        },\n        {\n          path: '/italy/promoagri2021',\n          exact: true,\n          render: props => {\n            return (<Redirect to=\"/promo/promoagri2021\" />);\n          }\n        },\n        {\n          path: '/italy/promoduravis2021',\n          exact: true,\n          render: props => {\n            return (<Redirect to=\"/promo/promoduravis2021\" />);\n          }\n        },\n        {\n          path: '/offerte-pneumatici/:uid',\n          exact: true,\n          name: \"CampaignDetails\",\n          render: props => {\n            // return (<Home {...props} renderDrawer={this.renderDrawer} ></Home>);\n            return (<CampaignDetails {...props} />);\n          }\n        },\n        {\n          path: '/offerte-pneumatici/:uid/registration',\n          exact: true,\n          name: \"CampaignRegistration\",\n          render: props => {\n            // return (<Home {...props} renderDrawer={this.renderDrawer} ></Home>);\n            return (<CampaignRegistration {...props} />);\n          }\n        },\n        {\n          path: '/italy/:uid',\n          exact: true,\n          name: \"CampaignDetails\",\n          render: props => {\n            // return (<Home {...props} renderDrawer={this.renderDrawer} ></Home>);\n            return (<CampaignDetails {...props} />);\n          }\n        },\n        {\n          path: '/italy/:uid/registration',\n          exact: true,\n          name: \"CampaignRegistration\",\n          render: props => {\n            // return (<Home {...props} renderDrawer={this.renderDrawer} ></Home>);\n            return (<CampaignRegistration {...props} />);\n          }\n        },\n        {\n          path: '*',\n          name: \"Home\",\n          render: props => {\n            return (<Redirect to=\"/promo\" />);\n          }\n        }\n      ]\n    }\n  \n    // -----------------------------------------------------------------------------\n    // EVENT HANDLER\n    // -----------------------------------------------------------------------------\n  \n    // onDrawerRequest(visible = true) {\n    //   this.setState({\n    //     drawerVisible: visible,\n    //     shouldDrawerRender: true\n    //   });\n    // }\n  \n    // renderDrawer = (shouldRender) => {\n    //   this.setState({\n    //     shouldDrawerRender: shouldRender\n    //   });\n    // }\n  \n    // ---------------------------------------------------------------------------\n    // LIFECYCLE HOOKS\n    // ---------------------------------------------------------------------------\n  \n    componentDidMount() {\n    //   this.subscriptions.push(\n    //     CHANNEL_APP.subscribe('app.drawer', this.onDrawerRequest)\n    //   );\n    }\n  \n  \n    componentWillUnmount() {\n    //   postal.unsubscribe.apply(postal, this.subscriptions);\n    //   this.subscriptions.length = 0;\n    }\n  \n    render() {\n  \n      return (\n        <Router>\n          <ScrollToTop>\n            <React.Fragment>\n              {/* {this.state.shouldDrawerRender\n              && <Drawer\n                visible={this.state.drawerVisible}\n                routes={this.routes}\n                login={() => { this.props.login({ login: true }) }}\n                close={() => { this.onDrawerRequest(false); }}\n              />} */}\n              <Suspense fallback={<div></div>}>\n                <Switch>\n\n                  {this.routes.map((route) => {\n\n                    return (<Route\n                      key={route.path}\n                      path={route.path}\n                      exact={route.exact || false}\n                      render={route.render}\n                    />)\n                  }\n                  )}\n\n                </Switch>\n              </Suspense>\n            </React.Fragment>\n          </ScrollToTop>\n        </Router>\n\n      );\n    }\n  }\n  \n  export default RootRouter;\n","// -----------------------------------------------------------------------------\n// CONFIGURATION\n// -----------------------------------------------------------------------------\n\nconst FONT_LIGHT = 'DINPro-light'\nconst FONT_REGULAR = 'DINPro-regular';\nconst FONT_MEDIUM = 'DINPro-medium';\nconst FONT_BOLD = 'DINPro-bold';\nconst FONT_BLACK = 'DINPro-black';\n\nconst FONT_DECIMAL = 'Decimal';\nconst FONT_BRIDGESTONE = 'Bridgestone';\n\n// -----------------------------------------------------------------------------\n// FONT DEFINITIONS\n// -----------------------------------------------------------------------------\n\n\nexport default class Fonts {\n\n  static h1new() {\n    return {\n      fontFamily: FONT_DECIMAL,\n      fontSize: 36,\n      textAlign: 'left',\n      lineHeight:\"110%\",\n      fontWeight:400\n    };\n  }\n  static h2new() {\n    return {\n      fontFamily: FONT_DECIMAL,\n      fontSize: 24,\n      textAlign: 'left',\n      lineHeight:\"120%\",\n      fontWeight:200\n    };\n  }\n\n\n  static headerhomenew() {\n    return {\n      fontFamily: FONT_DECIMAL,\n      fontSize: 36,\n      textAlign: 'left',\n      fontWeight:400\n    };\n  }\n  static headerhomesubnew() {\n    return {\n      fontFamily: FONT_BRIDGESTONE,\n      fontSize: 22,\n      textAlign: 'left',\n      fontWeight:400\n    };\n  }\n  static buttonnew() {\n    return {\n      fontFamily: FONT_DECIMAL,\n      fontSize: 16,\n      fontWeight:600\n    };\n  }\n  static h4new() {\n    return {\n      fontFamily: FONT_DECIMAL,\n      fontSize: 20,\n      textAlign: 'left',\n      fontWeight:600\n    };\n  }\n  static h3new() {\n    return {\n      fontFamily: FONT_BRIDGESTONE,\n      fontSize: 22,\n      textAlign: 'center',\n      fontWeight:400,\n      lineHeight:\"140%\"\n    };\n  }\n  static steplabelnew() {\n    return {\n      fontFamily: FONT_DECIMAL,\n      fontSize: 56,\n      fontWeight:200\n    };\n  }\n  static bodynew() {\n    return {\n      fontFamily: FONT_BRIDGESTONE,\n      fontSize: 18,\n      textAlign: 'left',\n      fontWeight:400\n    };\n  }\n  static header() {\n    return {\n      fontFamily: FONT_DECIMAL,\n      fontSize: 24,\n      //letterSpacing: 2,\n\n      //backgroundImage:\"url('/slash.svg')\",\n      //backgroundRepeat:'no-repeat',\n      //backgroundPosition: 'left 3px',\n      //paddingLeft:'13px !important',\n      //backgroundSize:'10px 17px',\n      fontWeight:200,\n      textAlign: 'left',\n      ['@media screen and (min-width: 768px)' ]: {\n       // fontSize: 20,\n       // backgroundPosition: 'left 3px',\n       // paddingLeft:'13px',\n        //backgroundSize:'10px 20px',\n      },\n    };\n  }\n  static headerold() {\n    return {\n      fontFamily: FONT_DECIMAL,\n      fontWeight:600,\n      fontSize: 17,\n      letterSpacing: 2,\n      ['@media screen and (min-width: 768px)' ]: {\n        fontSize: 20,\n\n      },\n    };\n  }\n  static headerNewTitle() {\n    return {\n      fontFamily: FONT_DECIMAL,\n      fontWeight:600,\n      fontSize: 20,\n      letterSpacing: 2,\n      textShadow: '2px 2px #000',\n      ['@media screen and (min-width: 768px)' ]: {\n        fontSize: 30,\n      },\n    };\n  }\n\n  static topHeader() {\n    return {\n      fontFamily: FONT_DECIMAL,\n      fontWeight:600,\n      fontSize: 16,\n      color: \"#D2D2D2\"\n    };\n  }\n\n  static subHeader() {\n    return {\n      fontFamily: FONT_BRIDGESTONE,\n      fontWeight:400,\n      fontSize: 16,\n      color: \"#585858\"\n    };\n  } \n\n  static title() {\n    return {\n      fontFamily: FONT_DECIMAL,\n      fontWeight:400,\n      fontSize: 16,\n    };\n  }\n\n  static body() {\n    return {\n      fontFamily: FONT_BRIDGESTONE,\n      fontWeight:400,\n      fontSize: 18,\n    };\n  }\n  static bodySmall() {\n    return {\n      fontFamily: FONT_BRIDGESTONE,\n      fontWeight:400,\n      fontSize: 12,\n    };\n  }\n\n  static bodyBold() {\n    return {\n      fontFamily: FONT_BRIDGESTONE,\n      fontWeight:800,\n      fontSize: 18,\n    };\n  }\n\n\n\n  static light() {\n    return {\n      fontFamily: FONT_BRIDGESTONE,\n      fontWeight:400,\n    };\n  }\n\n  static regular() {\n    return {\n      fontFamily: FONT_BRIDGESTONE,\n      fontWeight:400,\n    }\n  }\n\n  static medium() {\n    return {\n      fontFamily: FONT_BRIDGESTONE,\n      fontWeight:400,\n    }\n  }\n\n  static bold() {\n    return {\n      fontFamily: FONT_BRIDGESTONE,\n      fontWeight:800,\n    };\n  }\n\n  static black() {\n    return {\n      fontFamily: FONT_BRIDGESTONE,\n      fontWeight:800,\n    }\n  }\n};\n","// We need to define everthing here so that we can access individual variables\n// for computations later on\n\n// -----------------------------------------------------------------------------\n// MEDIA QUERIES\n// -----------------------------------------------------------------------------\n\nconst MQ_MIN_320 = \"screen and (min-width: 320px)\";\nconst MQ_MIN_480 = \"screen and (min-width: 480px)\";\nconst MQ_MIN_600 = \"screen and (min-width: 600px)\";\nconst MQ_MIN_768 = \"screen and (min-width: 768px)\";\nconst MQ_MIN_992 = \"screen and (min-width: 992px)\";\nconst MQ_MIN_1280 = \"screen and (min-width: 1280px)\";\n\n// -----------------------------------------------------------------------------\n// COMMON\n// -----------------------------------------------------------------------------\n\nconst BASIC_UNIT = 8;\n\n// -----------------------------------------------------------------------------\n// FONT STYLING\n// -----------------------------------------------------------------------------\n\n/**\n * Variables for the bridgestone theme\n *\n * @type {Object}\n * @module Theme:bridgestone:variables\n */\nexport default {\n  // ---------------------------------------------------------------------------\n  // MEDIA QUERIES\n  // ---------------------------------------------------------------------------\n  MQ_MIN_320: MQ_MIN_320,\n  MQ_MIN_480: MQ_MIN_480,\n  MQ_MIN_600: MQ_MIN_600,\n  MQ_MIN_768: MQ_MIN_768,\n  MQ_MIN_992: MQ_MIN_992,\n  MQ_MIN_1280: MQ_MIN_1280,\n\n\n  // ---------------------------------------------------------------------------\n  // COMMON\n  // ---------------------------------------------------------------------------\n\n  /**\n   * Basic unit for all calculation of any dimension. This is calculated in\n   * relation to $font-size-default\n   *\n   * @see FONT_SIZE_DEFAULT\n   *\n   * @example\n   *  $font-size-default: 10px // -> $basic-unit = 8px;\n   *\n   * @type {Number}\n   * @default\n   */\n  basicUnit: BASIC_UNIT\n};\n","// -----------------------------------------------------------------------------\n// IMOPRTS\n// -----------------------------------------------------------------------------\n\nimport colors from \"./colors\";\nimport fonts from \"./fonts\";\nimport variables from \"./variables\";\nimport mixins from \"./mixins\";\n\n/**\n * Properties for the bridgestone theme\n *\n * @type {Object}\n * @module Theme:bridgestone\n */\nexport default {\n  /**\n   * Color definitions\n   *\n   * @type {Object}\n   * @see Theme:bridgestone:colors\n   */\n  colors : colors,\n\n  /**\n   * Font definitions\n   *\n   * @type {Object}\n   */\n  fonts : fonts,\n\n  /**\n   * Variables\n   *\n   * @type {Object}\n   */\n  variables : variables,\n  \n  /**\n   * Mixins\n   *\n   * @type {Object}\n   */\n  mixins : mixins\n};\n","/**\n * Colors for the bridgestone theme\n *\n * @type {Object}\n * @module Theme:bridgestone:colors\n */\nexport default {\n  primary:      \"rgb(255, 255, 255)\",\n  primaryText:  \"rgb( 76,  76,  76)\",\n  divider:      \"#E6E6E6\",\n  activeColor:  \"red\", //red#EE2029\n  gray:         \"#E6E6E6\",\n  white:         \"#FFF\"\n};\n","\nexport default class Mixins {\n    static noSelect() {\n        return {\n            userSelect: \"none\",/* Non-prefixed version, currently\n                                supported by Chrome, Edge, Opera and Firefox */\n            \"-webkit-touch-callout\": \"none\", /* iOS Safari */\n            \"-webkit-user-select\": \"none\", /* Safari */\n            \"-khtml-user-select\": \"none\", /* Konqueror HTML */\n            \"-moz-user-select\": \"none\", /* Old versions of Firefox */\n            \"-ms-user-select\": \"none\", /* Internet Explorer/Edge */\n        };\n    }\n}\n","// React and React modules\nimport React from \"react\";\n\n// Fela dependencies\nimport { createRenderer } from \"fela\";\nimport { RendererProvider as ReactFelaProvider, ThemeProvider } from \"react-fela\";\nimport unit from \"fela-plugin-unit\";\nimport prefixer from 'fela-plugin-prefixer';\nimport fallbackValue from 'fela-plugin-fallback-value';\nimport namedMediaQuery from \"fela-plugin-named-media-query\";\nimport monolithic from 'fela-monolithic';\nimport embedded from 'fela-plugin-embedded';\n\n// Internal dependencies\nimport RootRouter from \"./rootrouter\";\nimport bridgestone from \"./themes/bridgestone\";\n\n\nimport { createMuiTheme, ThemeProvider as MaterialThemeProvider } from '@material-ui/core/styles';\nimport { colors } from '@material-ui/core';\n\n\nconst theme = createMuiTheme({\n  palette: {\n    primary: {\n      main: '#000000',\n    },\n    // primary: {\n    //   main: colors.red[500]\n    // },\n    // secondary: {\n    //   main: colors.red[500]\n    // },\n  },\n  typography: {\n    fontFamily: [\n      'Bridgestone',\n        'Decimal',\n      'DINPro-regular', \n      'DINPro-black',\n      'DINPro-medium',\n      'DINPro-light',\n      'DINPro-bold',\n      '-apple-system',\n      'BlinkMacSystemFont',\n      '\"Segoe UI\"',\n      'Roboto',\n      '\"Helvetica Neue\"',\n      'Arial',\n      'sans-serif',\n      '\"Apple Color Emoji\"',\n      '\"Segoe UI Emoji\"',\n      '\"Segoe UI Symbol\"',\n    ].join(','),\n  },\n});\n\n// -----------------------------------------------------------------------------\n// CONFIGURATION\n// -----------------------------------------------------------------------------\n\n// Media queries for fela\nconst MEDIA_QUERY_MAP = {\n  MQ_MIN_320:\"@media (min-width: 320px)\",\n  MQ_MIN_480:\"@media (min-width: 480px)\",\n  MQ_MIN_600:\"@media (min-width: 600px)\",\n  MQ_MIN_768:\"@media (min-width: 768px)\",\n  MQ_MIN_992:\"@media (min-width: 992px)\",\n  MQ_MIN_1280:\"@media (min-width: 1280px)\"\n};\n\n\n// Create a fela renderer for web. It uses the unit plugin to automatically\n// add px as unit. The prefixer plugin is used to autoprefix CSS properties\n// that are not supported by the user's browser.\nconst renderer = createRenderer({\n  plugins: [\n    embedded(),\n    prefixer(),\n    namedMediaQuery(MEDIA_QUERY_MAP),\n    fallbackValue(),\n    unit()\n  ],\n  enhancers: [\n    monolithic({ prettySelectors: true })\n  ]\n});\n\nfunction App() {\n  return (\n    <ReactFelaProvider renderer={renderer}>\n      <ThemeProvider theme={bridgestone}>\n        <MaterialThemeProvider theme={theme}>\n          <RootRouter />\n        </MaterialThemeProvider>\n      </ThemeProvider>\n    </ReactFelaProvider>\n  );\n}\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\nimport PiwikPro from '@piwikpro/react-piwik-pro';\n\nPiwikPro.initialize('1c928ac7-1dc4-46ca-80c2-f6dac2c45421', 'https://bridgestone.piwik.pro');\n\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}