${CONTACT_OFFICE_LABEL}
`;\r\n }\r\n\r\n let HTML = '';\r\n\r\n $( products ).each( ( i, product ) => {\r\n switch ( product.toUpperCase() ) {\r\n case 'OPALESCENCE HOME ADVANCED':\r\n HTML += this.coloredBlockHTML( '#8ab2de' );\r\n break;\r\n case 'OPALESCENCE GO':\r\n HTML += this.coloredBlockHTML( '#00a252' );\r\n break;\r\n case 'OPALESCENCE PF':\r\n HTML += this.coloredBlockHTML( '#00a3e0' );\r\n break;\r\n case 'OPALESCENCE BOOST':\r\n HTML += this.coloredBlockHTML( '#af272f' );\r\n break;\r\n case 'SPECIALTY WHITENING':\r\n HTML += this.coloredBlockHTML( '#762f96' );\r\n break;\r\n case 'SENSITIVITY RELIEF GEL':\r\n HTML += this.coloredBlockHTML( '#96be40' );\r\n break;\r\n case 'OPALESCENCE WHITENING TOOTHPASTE':\r\n HTML += this.coloredBlockHTML( '#00b2a9' );\r\n break;\r\n }\r\n } );\r\n return HTML;\r\n },\r\n\r\n coloredBlockHTML ( color ) {\r\n return `\r\n \r\n `\r\n },\r\n\r\n getFromUserGeolocation ( infoWindow, map ) {\r\n if ( navigator.geolocation ) {\r\n\r\n // Get user position\r\n navigator.geolocation.getCurrentPosition(\r\n position => {\r\n this.showResults();\r\n\r\n var pos = {\r\n lat: position.coords.latitude,\r\n lng: position.coords.longitude\r\n };\r\n\r\n map.setCenter( pos );\r\n map.setZoom( 15 );\r\n }, () => {\r\n const address = $( '#address' ).val();\r\n // note -> If the user has already entered a value then ignore the request to block\r\n if ( address.length > 1 ) {\r\n console.log( 'Blocked location request' );\r\n this.geoCodeAddress( this.geocoder, map, address );\r\n }\r\n else {\r\n this.handleLocationError( true, infoWindow, map, map.getCenter() );\r\n }\r\n } );\r\n }\r\n else {\r\n // Browser does not support Geolocation\r\n this.handleLocationError( false, infoWindow, map, map.getCenter() );\r\n }\r\n },\r\n\r\n geoCodeAddress ( geocoder, map, address ) {\r\n\r\n this.smartZoomCount = 0;\r\n\r\n // Append the country to the address if it's a postal code\r\n if ( /^\\d+$/.test( address ) && this.countryName ) {\r\n address += ', ' + this.countryName;\r\n }\r\n\r\n geocoder.geocode( {'address': address}, ( results, status ) => {\r\n if ( status === 'OK' ) {\r\n this.showResults();\r\n\r\n // Coordinates returned is an object with Latitude, and Longitude of address provided by user.\r\n var {location} = results[0].geometry;\r\n\r\n this.map.clearOverlays();\r\n\r\n map.setCenter( location );\r\n map.setZoom( 15 );\r\n }\r\n else {\r\n alert( 'Geocode was not successful for the following reason: ' + status );\r\n }\r\n } );\r\n },\r\n\r\n handleLocationError ( browserHasGeoLocation, infoWindow, map, pos ) {\r\n infoWindow.setPosition( pos );\r\n infoWindow.setContent( browserHasGeoLocation ?\r\n 'Please enter an address to find dentists carrying Opalescence near you!' :\r\n 'Error: Your browser doesn\\'t support geolocation.' );\r\n infoWindow.open( map );\r\n },\r\n\r\n IncreaseZoomControl ( controlDiv, map ) {\r\n var controlUI = document.createElement( 'div' );\r\n controlUI.classList.add( 'button', 'small' );\r\n controlUI.style.padding = '0.25rem 0.75rem';\r\n controlUI.style.marginLeft = '5px';\r\n controlUI.style.borderRadius = '0';\r\n controlDiv.appendChild( controlUI );\r\n\r\n var controlText = document.createElement( 'div' );\r\n controlText.style.fontWeight = 'bold';\r\n controlText.style.fontSize = '40px';\r\n controlText.innerHTML = '+';\r\n controlUI.appendChild( controlText );\r\n\r\n controlUI.addEventListener( 'click', () => {\r\n map.setZoom( map.zoom + 1 );\r\n } );\r\n },\r\n\r\n DecreaseZoomControl ( controlDiv, map ) {\r\n var controlUI = document.createElement( 'div' );\r\n controlUI.classList.add( 'button', 'small' );\r\n controlUI.style.padding = '0.25rem 0.75rem';\r\n controlUI.style.marginRight = '5px';\r\n controlUI.style.borderRadius = '0';\r\n controlDiv.appendChild( controlUI );\r\n\r\n var controlText = document.createElement( 'div' );\r\n controlText.style.fontWeight = 'bold';\r\n controlText.style.fontSize = '40px';\r\n controlText.innerHTML = '−';\r\n controlUI.appendChild( controlText );\r\n\r\n controlUI.addEventListener( 'click', () => {\r\n map.setZoom( map.zoom - 1 );\r\n } );\r\n }\r\n};\r\n\r\nexport default gMap;\r\n","import ServiceProvider from '@services/serviceProvider';\r\nimport assign from 'object-assign';\r\n\r\nconst\r\n FIND_A_DENTIST = 'FindADentistAPI';\r\n\r\nvar provider = ServiceProvider.register(\r\n upi.paths.SVC_ORIGIN, {\r\n [FIND_A_DENTIST]: {method: 'get'}\r\n } );\r\n\r\nexport default assign( {}, provider, {\r\n getDentists ( userView ) {\r\n if ( !userView ) {\r\n this.throw( 'FindADentist.getDentists: userView is a required parameter' );\r\n }\r\n\r\n return this.request( FIND_A_DENTIST, userView );\r\n }\r\n} );","import assign from 'object-assign'\r\n\r\nexport var Events = Object.create({\r\n bind() {\r\n if ( !this.el ) {\r\n this.el = jQuery( {} );\r\n }\r\n\r\n this.el.bind.apply( this.el, arguments );\r\n },\r\n unbind() {\r\n if ( !this.el ) {\r\n this.el = jQuery( {} );\r\n }\r\n\r\n this.el.unbind.apply( this.el, arguments );\r\n },\r\n one() {\r\n if ( !this.el ) {\r\n this.el = jQuery( {} );\r\n }\r\n\r\n this.el.one.apply( this.el, arguments );\r\n },\r\n trigger() {\r\n if ( !this.el ) {\r\n this.el = jQuery( {} );\r\n }\r\n\r\n this.el.trigger.apply( this.el, arguments );\r\n }\r\n});\r\n","const countryNameMap = {\r\n 'au': 'Australia',\r\n 'cn': 'China',\r\n 'cz': 'Czech Republic',\r\n 'dk': 'Denmark',\r\n 'eu': 'Europe',\r\n 'fi': 'Finland',\r\n 'fr': 'France',\r\n 'de': 'Germany',\r\n 'it': 'Italy',\r\n 'jp': 'Japan',\r\n 'la': 'Latin America',\r\n 'my': 'Malaysia',\r\n 'nl': 'Netherlands',\r\n 'no': 'Norway',\r\n 'pl': 'Poland',\r\n 'sg': 'Singapore',\r\n 'za': 'South Africa',\r\n 'es': 'Spain',\r\n 'se': 'Sweden',\r\n 'th': 'Thailand',\r\n 'tr': 'Turkiye',\r\n 'en-us': 'United States',\r\n};\r\n\r\nexport default countryNameMap;\r\n"],"sourceRoot":""}