ordering-ui-external 14.1.20 → 14.1.21

package/index-template.js

@@ -1,221 +1,221 @@
-import React from 'react'
-import ReactDOM from 'react-dom'
-import { Router } from './template/router'
-import { OrderingProvider } from 'ordering-components-external'
-import { Alert } from './src/components/Confirm'
-import * as Sentry from '@sentry/react'
-import { Integrations } from '@sentry/tracing'
-import { ThemeProvider } from './src/contexts/ThemeContext'
-import { Toast } from './src/styles/Toast'
-import theme from './template/theme.json'
-import smoothscroll from 'smoothscroll-polyfill'
-
-/**
- * Theme images
- */
-import chewLogo from './template/assets/images/chew_logo.png'
-import logotype from './template/assets/images/logotype.svg'
-import logotypeInvert from './template/assets/images/logotype-invert.svg'
-import isotype from './template/assets/images/isotype.svg'
-import isotypeInvert from './template/assets/images/isotype-invert.svg'
-
-import delivered from './template/assets/icons/delivered.png'
-import driver from './template/assets/icons/driver.png'
-import home from './template/assets/icons/home.png'
-import store from './template/assets/icons/store.png'
-
-import homeHero from './template/assets/images/home-hero.jpg'
-import homeHeroMobile from './template/assets/images/home-hero-mobile.jpg'
-import businessHero from './template/assets/images/business-hero.jpg'
-import notFound from './template/assets/images/not-found.svg'
-import notNetwork from './template/assets/images/not-network.svg'
-import notFound404 from './template/assets/images/not-found-404.svg'
-import notFoundLighting from './template/assets/images/not-found-lighting.svg'
-import searchIcon from './template/assets/images/search-icon.svg'
-import emptyActiveOrders from './template/assets/images/empty-active-orders.svg'
-import emptyPastOrders from './template/assets/images/empty-past-orders.svg'
-import visa from './template/assets/images/visa.png'
-import mastercard from './template/assets/images/mastercard.png'
-import amex from './template/assets/images/amex.svg'
-import diners from './template/assets/images/diners.svg'
-import discover from './template/assets/images/discover.svg'
-import jcb from './template/assets/images/jcb.svg'
-import unionpay from './template/assets/images/unionpay.svg'
-import credit from './template/assets/images/credit.png'
-import businessSignUpHero from './template/assets/images/business_signup.png'
-import driverSignUpHero from './template/assets/images/driver-signup-hero.png'
-import loyaltyLevel from './template/assets/images/loyalty_level.png'
-import phoneHero from './template/assets/images/phone-hero-callcenter.png'
-import deliveryIco from './template/assets/images/delivery.svg'
-import pickupIco from './template/assets/images/pickup.svg'
-import phone from './template/assets/images/phone.svg'
-import driverPng from './template/assets/images/driver.png'
-
-import orderStatus0 from './template/assets/images/order/status-0.svg'
-import orderStatus1 from './template/assets/images/order/status-1.svg'
-import orderStatus2 from './template/assets/images/order/status-2.svg'
-import orderStatus3 from './template/assets/images/order/status-3.svg'
-import orderStatus4 from './template/assets/images/order/status-4.svg'
-import orderStatus5 from './template/assets/images/order/status-5.svg'
-import orderStatus6 from './template/assets/images/order/status-6.svg'
-import orderStatus7 from './template/assets/images/order/status-7.svg'
-import orderStatus8 from './template/assets/images/order/status-8.svg'
-import orderStatus9 from './template/assets/images/order/status-9.svg'
-import orderStatus10 from './template/assets/images/order/status-10.svg'
-import orderStatus11 from './template/assets/images/order/status-11.svg'
-import orderStatus12 from './template/assets/images/order/status-12.svg'
-import orderStatus13 from './template/assets/images/order/status-13.svg'
-import orderStatus14 from './template/assets/images/order/status-14.svg'
-import orderStatus15 from './template/assets/images/order/status-15.svg'
-import orderStatus16 from './template/assets/images/order/status-16.svg'
-import orderStatus17 from './template/assets/images/order/status-17.svg'
-import orderStatus18 from './template/assets/images/order/status-18.svg'
-import orderStatus19 from './template/assets/images/order/status-19.svg'
-import orderStatus20 from './template/assets/images/order/status-20.svg'
-import orderStatus21 from './template/assets/images/order/status-21.svg'
-
-import categoryFood from './template/assets/images/categories/category-food.png'
-import categoryGroceries from './template/assets/images/categories/category-groceries.png'
-import categoryAlcohol from './template/assets/images/categories/category-alcohol.png'
-import categoryLaundry from './template/assets/images/categories/category-laundry.png'
-import categoryAll from './template/assets/images/categories/category-all.png'
-
-import productDummy from './template/assets/images/dummies/product.png'
-import storeDummy from './template/assets/images/dummies/store.png'
-
-import leftArrow from './template/assets/left-arrow.svg'
-import rightArrow from './template/assets/right-arrow.svg'
-
-import delivery from './template/assets/images/delivery-types/delivery.jpg'
-import curbside from './template/assets/images/delivery-types/curbside.jpg'
-import driveThru from './template/assets/images/delivery-types/drive_thru.jpg'
-import eatIn from './template/assets/images/delivery-types/eat_in.jpg'
-import pickUp from './template/assets/images/delivery-types/pickup.jpg'
-import { SubdomainComponent } from './template/components/SubdomainComponent'
-
-Sentry.init({
-  environment: process.env.NODE_ENV,
-  dsn: 'https://28d1f7ef8d764235902101e569102521@o460529.ingest.sentry.io/6302953',
-  release: 'ordering-ui-release@' + process.env.npm_package_version,
-  integrations: [
-    new Integrations.BrowserTracing()
-  ],
-  ignoreErrors: [
-    'is not defined',
-    'is not a function',
-    'can\'t find variable',
-    'objects are not valid',
-    'element type is invalid'
-  ],
-  // Release health
-  autoSessionTracking: true,
-  // We recommend adjusting this value in production, or using tracesSampler
-  // for finer control
-  tracesSampleRate: window?.location?.hostname === 'localhost' ? 0 : 0.5
-})
-
-const logos = {
-  logotype,
-  logotypeInvert,
-  isotype,
-  isotypeInvert,
-  chewLogo
-}
-
-theme.images = {
-  logos,
-  general: {
-    homeHero,
-    homeHeroMobile,
-    businessHero,
-    notFound,
-    notFound404,
-    notFoundLighting,
-    searchIcon,
-    notNetwork,
-    emptyActiveOrders,
-    emptyPastOrders,
-    visa,
-    mastercard,
-    amex,
-    diners,
-    discover,
-    jcb,
-    unionpay,
-    credit,
-    businessSignUpHero,
-    driverSignUpHero,
-    leftArrow,
-    rightArrow,
-    phoneHero,
-    deliveryIco,
-    pickupIco,
-    phone,
-    driverPng
-  },
-  icons: {
-    delivered,
-    driver,
-    home,
-    store
-  },
-  order: {
-    status0: orderStatus0,
-    status1: orderStatus1,
-    status2: orderStatus2,
-    status3: orderStatus3,
-    status4: orderStatus4,
-    status5: orderStatus5,
-    status6: orderStatus6,
-    status7: orderStatus7,
-    status8: orderStatus8,
-    status9: orderStatus9,
-    status10: orderStatus10,
-    status11: orderStatus11,
-    status12: orderStatus12,
-    status13: orderStatus13,
-    status14: orderStatus14,
-    status15: orderStatus15,
-    status16: orderStatus16,
-    status17: orderStatus17,
-    status18: orderStatus18,
-    status19: orderStatus19,
-    status20: orderStatus20,
-    status21: orderStatus21
-  },
-  categories: {
-    food: categoryFood,
-    groceries: categoryGroceries,
-    alcohol: categoryAlcohol,
-    laundry: categoryLaundry,
-    all: categoryAll
-  },
-  dummies: {
-    product: productDummy,
-    driverPhoto: 'https://res.cloudinary.com/demo/image/fetch/c_thumb,g_face,r_max/https://www.freeiconspng.com/thumbs/driver-icon/driver-icon-14.png',
-    businessLogo: storeDummy,
-    customerPhoto: 'https://res.cloudinary.com/demo/image/upload/c_thumb,g_face,r_max/d_avatar.png/non_existing_id.png',
-    loyaltyLevel
-  },
-  deliveryTypes: {
-    delivery: delivery,
-    curbside: curbside,
-    driveThru: driveThru,
-    eatIn: eatIn,
-    pickUp: pickUp
-  }
-}
-
-smoothscroll.polyfill()
-
-const wrapper = document.getElementById('app')
-ReactDOM.render(
-  <ThemeProvider theme={theme}>
-    <SubdomainComponent>
-      <OrderingProvider Alert={Alert}>
-        <Router />
-        <Toast />
-      </OrderingProvider>
-    </SubdomainComponent>
-  </ThemeProvider>
-  , wrapper)
+import React from 'react'
+import ReactDOM from 'react-dom'
+import { Router } from './template/router'
+import { OrderingProvider } from 'ordering-components-external'
+import { Alert } from './src/components/Confirm'
+import * as Sentry from '@sentry/react'
+import { Integrations } from '@sentry/tracing'
+import { ThemeProvider } from './src/contexts/ThemeContext'
+import { Toast } from './src/styles/Toast'
+import theme from './template/theme.json'
+import smoothscroll from 'smoothscroll-polyfill'
+
+/**
+ * Theme images
+ */
+import chewLogo from './template/assets/images/chew_logo.png'
+import logotype from './template/assets/images/logotype.svg'
+import logotypeInvert from './template/assets/images/logotype-invert.svg'
+import isotype from './template/assets/images/isotype.svg'
+import isotypeInvert from './template/assets/images/isotype-invert.svg'
+
+import delivered from './template/assets/icons/delivered.png'
+import driver from './template/assets/icons/driver.png'
+import home from './template/assets/icons/home.png'
+import store from './template/assets/icons/store.png'
+
+import homeHero from './template/assets/images/home-hero.jpg'
+import homeHeroMobile from './template/assets/images/home-hero-mobile.jpg'
+import businessHero from './template/assets/images/business-hero.jpg'
+import notFound from './template/assets/images/not-found.svg'
+import notNetwork from './template/assets/images/not-network.svg'
+import notFound404 from './template/assets/images/not-found-404.svg'
+import notFoundLighting from './template/assets/images/not-found-lighting.svg'
+import searchIcon from './template/assets/images/search-icon.svg'
+import emptyActiveOrders from './template/assets/images/empty-active-orders.svg'
+import emptyPastOrders from './template/assets/images/empty-past-orders.svg'
+import visa from './template/assets/images/visa.png'
+import mastercard from './template/assets/images/mastercard.png'
+import amex from './template/assets/images/amex.svg'
+import diners from './template/assets/images/diners.svg'
+import discover from './template/assets/images/discover.svg'
+import jcb from './template/assets/images/jcb.svg'
+import unionpay from './template/assets/images/unionpay.svg'
+import credit from './template/assets/images/credit.png'
+import businessSignUpHero from './template/assets/images/business_signup.png'
+import driverSignUpHero from './template/assets/images/driver-signup-hero.png'
+import loyaltyLevel from './template/assets/images/loyalty_level.png'
+import phoneHero from './template/assets/images/phone-hero-callcenter.png'
+import deliveryIco from './template/assets/images/delivery.svg'
+import pickupIco from './template/assets/images/pickup.svg'
+import phone from './template/assets/images/phone.svg'
+import driverPng from './template/assets/images/driver.png'
+
+import orderStatus0 from './template/assets/images/order/status-0.svg'
+import orderStatus1 from './template/assets/images/order/status-1.svg'
+import orderStatus2 from './template/assets/images/order/status-2.svg'
+import orderStatus3 from './template/assets/images/order/status-3.svg'
+import orderStatus4 from './template/assets/images/order/status-4.svg'
+import orderStatus5 from './template/assets/images/order/status-5.svg'
+import orderStatus6 from './template/assets/images/order/status-6.svg'
+import orderStatus7 from './template/assets/images/order/status-7.svg'
+import orderStatus8 from './template/assets/images/order/status-8.svg'
+import orderStatus9 from './template/assets/images/order/status-9.svg'
+import orderStatus10 from './template/assets/images/order/status-10.svg'
+import orderStatus11 from './template/assets/images/order/status-11.svg'
+import orderStatus12 from './template/assets/images/order/status-12.svg'
+import orderStatus13 from './template/assets/images/order/status-13.svg'
+import orderStatus14 from './template/assets/images/order/status-14.svg'
+import orderStatus15 from './template/assets/images/order/status-15.svg'
+import orderStatus16 from './template/assets/images/order/status-16.svg'
+import orderStatus17 from './template/assets/images/order/status-17.svg'
+import orderStatus18 from './template/assets/images/order/status-18.svg'
+import orderStatus19 from './template/assets/images/order/status-19.svg'
+import orderStatus20 from './template/assets/images/order/status-20.svg'
+import orderStatus21 from './template/assets/images/order/status-21.svg'
+
+import categoryFood from './template/assets/images/categories/category-food.png'
+import categoryGroceries from './template/assets/images/categories/category-groceries.png'
+import categoryAlcohol from './template/assets/images/categories/category-alcohol.png'
+import categoryLaundry from './template/assets/images/categories/category-laundry.png'
+import categoryAll from './template/assets/images/categories/category-all.png'
+
+import productDummy from './template/assets/images/dummies/product.png'
+import storeDummy from './template/assets/images/dummies/store.png'
+
+import leftArrow from './template/assets/left-arrow.svg'
+import rightArrow from './template/assets/right-arrow.svg'
+
+import delivery from './template/assets/images/delivery-types/delivery.jpg'
+import curbside from './template/assets/images/delivery-types/curbside.jpg'
+import driveThru from './template/assets/images/delivery-types/drive_thru.jpg'
+import eatIn from './template/assets/images/delivery-types/eat_in.jpg'
+import pickUp from './template/assets/images/delivery-types/pickup.jpg'
+import { SubdomainComponent } from './template/components/SubdomainComponent'
+
+Sentry.init({
+  environment: process.env.NODE_ENV,
+  dsn: 'https://28d1f7ef8d764235902101e569102521@o460529.ingest.sentry.io/6302953',
+  release: 'ordering-ui-release@' + process.env.npm_package_version,
+  integrations: [
+    new Integrations.BrowserTracing()
+  ],
+  ignoreErrors: [
+    'is not defined',
+    'is not a function',
+    'can\'t find variable',
+    'objects are not valid',
+    'element type is invalid'
+  ],
+  // Release health
+  autoSessionTracking: true,
+  // We recommend adjusting this value in production, or using tracesSampler
+  // for finer control
+  tracesSampleRate: window?.location?.hostname === 'localhost' ? 0 : 0.5
+})
+
+const logos = {
+  logotype,
+  logotypeInvert,
+  isotype,
+  isotypeInvert,
+  chewLogo
+}
+
+theme.images = {
+  logos,
+  general: {
+    homeHero,
+    homeHeroMobile,
+    businessHero,
+    notFound,
+    notFound404,
+    notFoundLighting,
+    searchIcon,
+    notNetwork,
+    emptyActiveOrders,
+    emptyPastOrders,
+    visa,
+    mastercard,
+    amex,
+    diners,
+    discover,
+    jcb,
+    unionpay,
+    credit,
+    businessSignUpHero,
+    driverSignUpHero,
+    leftArrow,
+    rightArrow,
+    phoneHero,
+    deliveryIco,
+    pickupIco,
+    phone,
+    driverPng
+  },
+  icons: {
+    delivered,
+    driver,
+    home,
+    store
+  },
+  order: {
+    status0: orderStatus0,
+    status1: orderStatus1,
+    status2: orderStatus2,
+    status3: orderStatus3,
+    status4: orderStatus4,
+    status5: orderStatus5,
+    status6: orderStatus6,
+    status7: orderStatus7,
+    status8: orderStatus8,
+    status9: orderStatus9,
+    status10: orderStatus10,
+    status11: orderStatus11,
+    status12: orderStatus12,
+    status13: orderStatus13,
+    status14: orderStatus14,
+    status15: orderStatus15,
+    status16: orderStatus16,
+    status17: orderStatus17,
+    status18: orderStatus18,
+    status19: orderStatus19,
+    status20: orderStatus20,
+    status21: orderStatus21
+  },
+  categories: {
+    food: categoryFood,
+    groceries: categoryGroceries,
+    alcohol: categoryAlcohol,
+    laundry: categoryLaundry,
+    all: categoryAll
+  },
+  dummies: {
+    product: productDummy,
+    driverPhoto: 'https://res.cloudinary.com/demo/image/fetch/c_thumb,g_face,r_max/https://www.freeiconspng.com/thumbs/driver-icon/driver-icon-14.png',
+    businessLogo: storeDummy,
+    customerPhoto: 'https://res.cloudinary.com/demo/image/upload/c_thumb,g_face,r_max/d_avatar.png/non_existing_id.png',
+    loyaltyLevel
+  },
+  deliveryTypes: {
+    delivery: delivery,
+    curbside: curbside,
+    driveThru: driveThru,
+    eatIn: eatIn,
+    pickUp: pickUp
+  }
+}
+
+smoothscroll.polyfill()
+
+const wrapper = document.getElementById('app')
+ReactDOM.render(
+  <ThemeProvider theme={theme}>
+    <SubdomainComponent>
+      <OrderingProvider Alert={Alert}>
+        <Router />
+        <Toast />
+      </OrderingProvider>
+    </SubdomainComponent>
+  </ThemeProvider>
+  , wrapper)

package/index.html

@@ -1,25 +1,25 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta name="description" content="Mary's simple recipe for maple bacon donuts makes a sticky, sweet treat with just a hint of salt that you'll keep coming back for.">
-  <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <link rel="apple-touch-icon" href="/favicon.png">
-  <link rel="android-touch-icon" href="/favicon.png">
-  <link rel="windows-touch-icon" href="/favicon.png">
-  <link rel="icon" href="/favicon.png" type="image/png" sizes="16x16" id='favicon'>
-  <title><%= htmlWebpackPlugin.options.title %></title>
-  <style type="text/css" id="styles"></style>
-  <style>
-    .pac-container {
-      z-index: 100000 !important;
-    }
-    .smartbanner-show.smartbanner-margin-top{margin-top:80px}.smartbanner-show.smartbanner-margin-bottom{margin-bottom:80px}.smartbanner-show .smartbanner{display:block}.smartbanner{left:0;display:none;width:100%;height:80px;line-height:80px;font-family:Helvetica Neue,sans-serif;background:#f4f4f4;z-index:9998;-webkit-font-smoothing:antialiased;overflow:hidden;-webkit-text-size-adjust:none}.smartbanner-top{position:absolute;top:0}.smartbanner-bottom{position:fixed;bottom:0}.smartbanner-container{margin:0 auto;padding:0 5px}.smartbanner-close{display:inline-block;vertical-align:middle;margin:0 5px 0 0;font-family:ArialRoundedMTBold,Arial;font-size:20px;text-align:center;color:#888;text-decoration:none;border:0;border-radius:14px;padding:0 0 1px;background-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.smartbanner-close:active,.smartbanner-close:hover{color:#aaa}.smartbanner-icon{width:57px;height:57px;margin-right:12px;background-size:cover;border-radius:10px}.smartbanner-icon,.smartbanner-info{display:inline-block;vertical-align:middle}.smartbanner-info{white-space:normal;width:calc(99% - 201px);font-size:11px;line-height:1.2em;font-weight:700}.smartbanner-wrapper{max-width:110px;display:inline-block;text-align:right;width:100%}.smartbanner-title{font-size:13px;line-height:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.smartbanner-description{max-height:40px;overflow:hidden}.smartbanner-author{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.smartbanner-author:empty+.smartbanner-description{max-height:50px}.smartbanner-button{margin:auto 0;height:24px;font-size:14px;line-height:24px;text-align:center;font-weight:700;color:#6a6a6a;text-transform:uppercase;text-decoration:none;display:inline-block;text-shadow:0 1px 0 hsla(0,0%,100%,.8)}.smartbanner-button:active,.smartbanner-button:hover{color:#aaa}.smartbanner-ios{background:#f2f2f2;box-shadow:0 1px 1px rgba(0,0,0,.2);line-height:80px}.smartbanner-ios .smartbanner-close{border:0;width:18px;height:18px;line-height:18px;font-family:Arial;color:#888;text-shadow:0 1px 0 #fff;-webkit-font-smoothing:none}.smartbanner-ios .smartbanner-close:active,.smartbanner-ios .smartbanner-close:hover{color:#888}.smartbanner-ios .smartbanner-icon{background-size:cover}.smartbanner-ios .smartbanner-info{color:#6a6a6a;text-shadow:0 1px 0 hsla(0,0%,100%,.8);font-weight:300}.smartbanner-ios .smartbanner-title{color:#4d4d4d;font-weight:500}.smartbanner-ios .smartbanner-button{padding:0 10px;font-size:15px;min-width:10%;font-weight:400;color:#0c71fd}.smartbanner-ios .smartbanner-button:active,.smartbanner-ios .smartbanner-button:hover{background:#f2f2f2}.smartbanner-android{background:#3d3d3d url("data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7");box-shadow:inset 0 4px 0 #88b131;line-height:82px}.smartbanner-android .smartbanner-close{border:0;max-width:17px;width:100%;height:17px;line-height:17px;margin-right:7px;color:#b1b1b3;background:#1c1e21;text-shadow:0 1px 1px #000;text-decoration:none;box-shadow:inset 0 1px 2px rgba(0,0,0,.8),0 1px 1px hsla(0,0%,100%,.3);cursor:pointer}.smartbanner-android .smartbanner-close:active,.smartbanner-android .smartbanner-close:hover{color:#eee}.smartbanner-android .smartbanner-icon{background-color:transparent;box-shadow:none}.smartbanner-android .smartbanner-info{color:#ccc;text-shadow:0 1px 2px #000}.smartbanner-android .smartbanner-title{color:#fff;font-weight:700}.smartbanner-android .smartbanner-button{min-width:12%;color:#d1d1d1;font-weight:700;padding:0;background:none;border-radius:0;box-shadow:0 0 0 1px #333,0 0 0 2px #dddcdc}.smartbanner-android .smartbanner-button:active,.smartbanner-android .smartbanner-button:hover{background:none}.smartbanner-android .smartbanner-button-text{text-align:center;display:block;padding:0 10px;background:#42b6c9;background:linear-gradient(180deg,#42b6c9,#39a9bb);text-transform:none;text-shadow:none;box-shadow:none}.smartbanner-android .smartbanner-button-text:active,.smartbanner-android .smartbanner-button-text:hover{background:#2ac7e1}.smartbanner-kindle,.smartbanner-windows{background:#f4f4f4;background:linear-gradient(180deg,#f4f4f4,#cdcdcd);box-shadow:0 1px 2px rgba(0,0,0,.5);line-height:80px}.smartbanner-kindle .smartbanner-close,.smartbanner-windows .smartbanner-close{border:0;width:18px;height:18px;line-height:18px;color:#888;text-shadow:0 1px 0 #fff}.smartbanner-kindle .smartbanner-close:active,.smartbanner-kindle .smartbanner-close:hover,.smartbanner-windows .smartbanner-close:active,.smartbanner-windows .smartbanner-close:hover{color:#aaa}.smartbanner-kindle .smartbanner-icon,.smartbanner-windows .smartbanner-icon{background:rgba(0,0,0,.6);background-size:cover;box-shadow:0 1px 3px rgba(0,0,0,.3)}.smartbanner-kindle .smartbanner-info,.smartbanner-windows .smartbanner-info{color:#6a6a6a;text-shadow:0 1px 0 hsla(0,0%,100%,.8)}.smartbanner-kindle .smartbanner-title,.smartbanner-windows .smartbanner-title{color:#4d4d4d;font-weight:700}.smartbanner-kindle .smartbanner-button,.smartbanner-windows .smartbanner-button{padding:0 10px;min-width:10%;color:#6a6a6a;background:#efefef;background:linear-gradient(180deg,#efefef,#dcdcdc);border-radius:3px;box-shadow:inset 0 0 0 1px #bfbfbf,0 1px 0 hsla(0,0%,100%,.6),inset 0 2px 0 hsla(0,0%,100%,.7)}.smartbanner-kindle .smartbanner-button:active,.smartbanner-kindle .smartbanner-button:hover,.smartbanner-windows .smartbanner-button:active,.smartbanner-windows .smartbanner-button:hover{background:#dcdcdc;background:linear-gradient(180deg,#dcdcdc,#efefef)}
-  </style>
-  <script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async=""></script>
-</head>
-<body>
-  <div id="app" role="main"></div>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="description" content="Mary's simple recipe for maple bacon donuts makes a sticky, sweet treat with just a hint of salt that you'll keep coming back for.">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <link rel="apple-touch-icon" href="/favicon.png">
+  <link rel="android-touch-icon" href="/favicon.png">
+  <link rel="windows-touch-icon" href="/favicon.png">
+  <link rel="icon" href="/favicon.png" type="image/png" sizes="16x16" id='favicon'>
+  <title><%= htmlWebpackPlugin.options.title %></title>
+  <style type="text/css" id="styles"></style>
+  <style>
+    .pac-container {
+      z-index: 100000 !important;
+    }
+    .smartbanner-show.smartbanner-margin-top{margin-top:80px}.smartbanner-show.smartbanner-margin-bottom{margin-bottom:80px}.smartbanner-show .smartbanner{display:block}.smartbanner{left:0;display:none;width:100%;height:80px;line-height:80px;font-family:Helvetica Neue,sans-serif;background:#f4f4f4;z-index:9998;-webkit-font-smoothing:antialiased;overflow:hidden;-webkit-text-size-adjust:none}.smartbanner-top{position:absolute;top:0}.smartbanner-bottom{position:fixed;bottom:0}.smartbanner-container{margin:0 auto;padding:0 5px}.smartbanner-close{display:inline-block;vertical-align:middle;margin:0 5px 0 0;font-family:ArialRoundedMTBold,Arial;font-size:20px;text-align:center;color:#888;text-decoration:none;border:0;border-radius:14px;padding:0 0 1px;background-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.smartbanner-close:active,.smartbanner-close:hover{color:#aaa}.smartbanner-icon{width:57px;height:57px;margin-right:12px;background-size:cover;border-radius:10px}.smartbanner-icon,.smartbanner-info{display:inline-block;vertical-align:middle}.smartbanner-info{white-space:normal;width:calc(99% - 201px);font-size:11px;line-height:1.2em;font-weight:700}.smartbanner-wrapper{max-width:110px;display:inline-block;text-align:right;width:100%}.smartbanner-title{font-size:13px;line-height:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.smartbanner-description{max-height:40px;overflow:hidden}.smartbanner-author{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.smartbanner-author:empty+.smartbanner-description{max-height:50px}.smartbanner-button{margin:auto 0;height:24px;font-size:14px;line-height:24px;text-align:center;font-weight:700;color:#6a6a6a;text-transform:uppercase;text-decoration:none;display:inline-block;text-shadow:0 1px 0 hsla(0,0%,100%,.8)}.smartbanner-button:active,.smartbanner-button:hover{color:#aaa}.smartbanner-ios{background:#f2f2f2;box-shadow:0 1px 1px rgba(0,0,0,.2);line-height:80px}.smartbanner-ios .smartbanner-close{border:0;width:18px;height:18px;line-height:18px;font-family:Arial;color:#888;text-shadow:0 1px 0 #fff;-webkit-font-smoothing:none}.smartbanner-ios .smartbanner-close:active,.smartbanner-ios .smartbanner-close:hover{color:#888}.smartbanner-ios .smartbanner-icon{background-size:cover}.smartbanner-ios .smartbanner-info{color:#6a6a6a;text-shadow:0 1px 0 hsla(0,0%,100%,.8);font-weight:300}.smartbanner-ios .smartbanner-title{color:#4d4d4d;font-weight:500}.smartbanner-ios .smartbanner-button{padding:0 10px;font-size:15px;min-width:10%;font-weight:400;color:#0c71fd}.smartbanner-ios .smartbanner-button:active,.smartbanner-ios .smartbanner-button:hover{background:#f2f2f2}.smartbanner-android{background:#3d3d3d url("data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7");box-shadow:inset 0 4px 0 #88b131;line-height:82px}.smartbanner-android .smartbanner-close{border:0;max-width:17px;width:100%;height:17px;line-height:17px;margin-right:7px;color:#b1b1b3;background:#1c1e21;text-shadow:0 1px 1px #000;text-decoration:none;box-shadow:inset 0 1px 2px rgba(0,0,0,.8),0 1px 1px hsla(0,0%,100%,.3);cursor:pointer}.smartbanner-android .smartbanner-close:active,.smartbanner-android .smartbanner-close:hover{color:#eee}.smartbanner-android .smartbanner-icon{background-color:transparent;box-shadow:none}.smartbanner-android .smartbanner-info{color:#ccc;text-shadow:0 1px 2px #000}.smartbanner-android .smartbanner-title{color:#fff;font-weight:700}.smartbanner-android .smartbanner-button{min-width:12%;color:#d1d1d1;font-weight:700;padding:0;background:none;border-radius:0;box-shadow:0 0 0 1px #333,0 0 0 2px #dddcdc}.smartbanner-android .smartbanner-button:active,.smartbanner-android .smartbanner-button:hover{background:none}.smartbanner-android .smartbanner-button-text{text-align:center;display:block;padding:0 10px;background:#42b6c9;background:linear-gradient(180deg,#42b6c9,#39a9bb);text-transform:none;text-shadow:none;box-shadow:none}.smartbanner-android .smartbanner-button-text:active,.smartbanner-android .smartbanner-button-text:hover{background:#2ac7e1}.smartbanner-kindle,.smartbanner-windows{background:#f4f4f4;background:linear-gradient(180deg,#f4f4f4,#cdcdcd);box-shadow:0 1px 2px rgba(0,0,0,.5);line-height:80px}.smartbanner-kindle .smartbanner-close,.smartbanner-windows .smartbanner-close{border:0;width:18px;height:18px;line-height:18px;color:#888;text-shadow:0 1px 0 #fff}.smartbanner-kindle .smartbanner-close:active,.smartbanner-kindle .smartbanner-close:hover,.smartbanner-windows .smartbanner-close:active,.smartbanner-windows .smartbanner-close:hover{color:#aaa}.smartbanner-kindle .smartbanner-icon,.smartbanner-windows .smartbanner-icon{background:rgba(0,0,0,.6);background-size:cover;box-shadow:0 1px 3px rgba(0,0,0,.3)}.smartbanner-kindle .smartbanner-info,.smartbanner-windows .smartbanner-info{color:#6a6a6a;text-shadow:0 1px 0 hsla(0,0%,100%,.8)}.smartbanner-kindle .smartbanner-title,.smartbanner-windows .smartbanner-title{color:#4d4d4d;font-weight:700}.smartbanner-kindle .smartbanner-button,.smartbanner-windows .smartbanner-button{padding:0 10px;min-width:10%;color:#6a6a6a;background:#efefef;background:linear-gradient(180deg,#efefef,#dcdcdc);border-radius:3px;box-shadow:inset 0 0 0 1px #bfbfbf,0 1px 0 hsla(0,0%,100%,.6),inset 0 2px 0 hsla(0,0%,100%,.7)}.smartbanner-kindle .smartbanner-button:active,.smartbanner-kindle .smartbanner-button:hover,.smartbanner-windows .smartbanner-button:active,.smartbanner-windows .smartbanner-button:hover{background:#dcdcdc;background:linear-gradient(180deg,#dcdcdc,#efefef)}
+  </style>
+  <script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async=""></script>
+</head>
+<body>
+  <div id="app" role="main"></div>
+</body>
+</html>