@nyris/nyris-webapp 0.3.5 → 0.3.6

package/src/index.tsx

@@ -1,53 +1,203 @@
 // Some people are still using internet explorer
-import "react-app-polyfill/ie11";
-import "react-app-polyfill/stable";
-import React from "react";
-import ReactDOM from "react-dom";
-import * as serviceWorker from "./serviceWorker";
-import { Provider } from "react-redux";
-import { AppSettings, MDSettings } from "./types";
-import { MuiThemeProvider } from "@material-ui/core";
-import "typeface-roboto";
-import { defaultMdSettings } from "./defaults";
-import { HashRouter } from "react-router-dom";
-import Router from "Router";
-import { store } from "Store/Store";
-import "react-responsive-carousel/lib/styles/carousel.min.css";
-import { createTheme } from "@material-ui/core/styles";
+import 'react-app-polyfill/ie11';
+import 'react-app-polyfill/stable';
+
+import React from 'react';
+import ReactDOM from 'react-dom';
+import './index.css';
+import AppMD from './AppMD';
+import * as serviceWorker from './serviceWorker';
+
+import {connect, Provider} from 'react-redux';
+import {applyMiddleware, bindActionCreators, combineReducers, createStore, Dispatch} from 'redux';
+import {
+    loadCanvas,
+    loadFile,
+    loadUrl,
+    loadFilters,
+    reducer as searchReducer,
+    selectionChanged, submitNegativeFeedback, submitPositiveFeedback
+} from './actions/searchActions';
+import {
+    hideFeedback,
+    reducer as nyrisReducer,
+    showCamera,
+    showStart
+} from './actions/nyrisAppActions';
+import { getUrlParam } from "./utils";
+import {composeWithDevTools} from "redux-devtools-extension";
+import {AppAction, AppSettings, AppState, MDSettings} from "./types";
+import {createEpicMiddleware} from "redux-observable";
+import NyrisAPI from "@nyris/nyris-api";
+import {createMuiTheme, MuiThemeProvider} from "@material-ui/core";
+import 'typeface-roboto';
+import {defaultMdSettings, defaultSettings} from "./defaults";
+import rootEpic from "./epics";
+import { createHashHistory } from 'history';
+import Demo2 from './Demo2';
+
+
 declare var settings: AppSettings;
 
-document.title = window.location.host;
 
-let md: MDSettings = {
-  ...defaultMdSettings,
-  ...settings.themePage.materialDesign,
+function scrollTop() {
+    // TODO might require polyfill for ios and edge
+    window.scrollTo({top: 0, left: 0, behavior: "smooth"});
+}
+
+
+
+let normalizedSettings : AppSettings = {
+    ...defaultSettings,
+    ...settings,
 };
 
+normalizedSettings = {
+    ...normalizedSettings,
+    apiKey: getUrlParam('apiKey') as string || normalizedSettings.apiKey,
+    xOptions: getUrlParam('xOptions') as string || normalizedSettings.xOptions,
+    regions: getUrlParam('use.regions') as boolean || normalizedSettings.regions,
+    preview: getUrlParam('use.preview') as boolean || normalizedSettings.preview,
+
+};
+
+document.title = window.location.host;
+
+const api = new NyrisAPI(normalizedSettings);
+const history = createHashHistory();
+
+const epicMiddleware = createEpicMiddleware<AppAction, AppAction, AppState>({
+    dependencies: {api, history}
+});
+
+const rootReducer = combineReducers({
+    settings: () => normalizedSettings as AppSettings,
+    nyrisDesign: nyrisReducer,
+    search: searchReducer
+});
+
+
+const store = createStore(rootReducer, composeWithDevTools(
+    applyMiddleware(epicMiddleware)
+));
+epicMiddleware.run(rootEpic);
+
 
-let theme = createTheme({
-  typography: {
-    fontFamily: md.customFontFamily,
-  },
-  palette: {
-    primary: {
-      main: md.primaryColor,
+history.listen((location, action) => {
+    console.log('history', location, action)
+    if (action === 'PUSH') {
+        return;
+    }
+    switch (location.pathname) {
+        case '/results':
+            store.dispatch({type: 'SHOW_RESULTS'});
+            break;
+        case '/':           
+            store.dispatch({type: 'SHOW_START'});          
+            break;
+    }
+});
+
+
+// Here comes the really dirty code of the composition-root
+
+const mapStateToProps = (state: AppState) => ({
+    showPart: state.nyrisDesign.showPart,
+    search: {
+        results: state.search.results,
+        categoryPredictions: state.search.categoryPredictions,
+        codes: state.search.codes,
+        filterOptions: state.search.filterOptions,
+        previewSelection: state.search.selectedRegion,
+        regions: state.search.regions,
+        duration: state.search.duration,
+        requestId: state.search.requestId,
+        toastErrorMessage: state.search.errorMessage,
+        filters: state.search.filters
     },
-    secondary: {
-      main: md.secondaryColor,
+    settings: state.settings,
+    previewImage: state.search.requestImage,
+    loading: state.search.fetchingRegions || state.search.fetchingResults,
+    feedbackState: state.nyrisDesign.feedbackState,
+    mdSettings: state.settings.materialDesign || defaultMdSettings,
+});
+
+
+const mapDispatchToProps = (dispatch: Dispatch<AppAction>) => {
+    return {
+        handlers: {
+            ...bindActionCreators({
+                onPositiveFeedback: submitPositiveFeedback,
+                onNegativeFeedback: submitNegativeFeedback,
+                onCameraClick: showCamera,
+                onCaptureCanceled: showStart,
+                onCaptureComplete: loadCanvas,
+                onSelectFile: loadFile,
+                onExampleImageClick: loadUrl,
+                onFileDropped: loadFile,
+                onSelectionChange: selectionChanged,
+                onCloseFeedback: hideFeedback
+            }, dispatch),
+            onImageClick: (position: number, url: string) => {
+                dispatch({ type: "RESULT_IMAGE_CLICKED", position, url});
+                dispatch(loadUrl(url));
+            },
+            onLinkClick: (position: number, url: string) => {
+                dispatch({type: 'RESULT_LINK_CLICKED', position, url});
+                if (url) {
+                    window.open(url);
+                }
+            },
+            onShowStart: () => {
+                dispatch(showStart());
+                dispatch({type: "CLEAR_SELECTED_FILTERS"});
+                dispatch(loadFilters());
+                scrollTop();
+            },
+        }
+    };
+};
+
+
+// chrome plugin communication
+function onMessage(evt: MessageEvent) {
+    let msg = evt.data;
+    if (msg.type === "image")  {
+        store.dispatch(loadUrl(msg.image));
+    }
+}
+window.addEventListener('message', onMessage);
+
+
+
+
+let useMd = settings.materialDesign !== undefined;
+let md: MDSettings = {
+    ...defaultMdSettings,
+    ...settings.materialDesign
+};
+let theme = createMuiTheme({
+    typography: {
+        fontFamily: md.customFontFamily,
     },
-  },
+    palette: {
+        primary: {
+            main: md.primaryColor,
+        },
+        secondary: {
+            main: md.secondaryColor
+        }
+    }
 });
+const SelectedApp = useMd ? AppMD : Demo2;
+const ConnectedApp = connect(mapStateToProps, mapDispatchToProps)(SelectedApp);
+
+ReactDOM.render(<Provider store={store}><MuiThemeProvider
+    theme={theme}><ConnectedApp/></MuiThemeProvider></Provider>, document.getElementById('root'));
+
+
+
 
-ReactDOM.render(
-  <Provider store={store}>
-    <MuiThemeProvider theme={theme}>
-      <HashRouter>
-        <Router />
-      </HashRouter>
-    </MuiThemeProvider>
-  </Provider>,
-  document.getElementById("root")
-);
 
 // If you want your app to work offline and load faster, you can change
 // unregister() to register() below. Note this comes with some pitfalls.

package/src/types.ts

@@ -1,6 +1,6 @@
+import {SearchAction, SearchState} from "./actions/searchActions";
+import {NyrisAction, NyrisAppState} from "./actions/nyrisAppActions";
 import {NyrisAPISettings} from "@nyris/nyris-api";
-import { NyrisAppState } from "Store/Nyris";
-import { SearchState } from "Store/Search";
 
 export interface MDSettings {
     customFontFamily?: string,
@@ -17,13 +17,6 @@ export interface MDSettings {
 
     resultLinkText?: string,
     resultLinkIcon?: string,
-    active?: boolean
-}
-
-export interface AlgoliaSettings {
-    apiKey: string,
-    appId: string,
-    indexName: string
 }
 
 export interface AppSettings extends NyrisAPISettings {
@@ -33,23 +26,8 @@ export interface AppSettings extends NyrisAPISettings {
     noImageUrl?: string,
     resultTemplate?: string,
     regions: boolean,
-    instantRedirectPatterns: string[],
-    themePage: ThemeChoice,
-    algolia?: AlgoliaSettings
-}
-
-export interface DefaultThemeSettings  {
-    active: boolean
-}
-
-export interface SearchSuiteSettings  {
-    active: boolean
-}
-
-export type ThemeChoice = {
-    default?: DefaultThemeSettings,
     materialDesign?: MDSettings,
-    searchSuite?: SearchSuiteSettings
+    instantRedirectPatterns: string[]
 }
 
 export type AppState = {
@@ -58,34 +36,12 @@ export type AppState = {
     nyrisDesign: NyrisAppState
 };
 
+export type AppAction =
+    | SearchAction
+    | NyrisAction
+
 export interface CanvasWithId {
     canvas: HTMLCanvasElement
     id: string
 }
 
-export interface SearchServiceSettings {
-    xOptions: boolean | string,
-    customSearchRequest?: ((file: Blob, client: any) => Promise<any>),
-    responseHook?: ((response: any) => any),
-    apiKey: string,
-    imageMatchingUrl?: string,
-    imageMatchingUrlBySku?: string,
-    imageMatchingSubmitManualUrl?: string,
-    regionProposalUrl?: string,
-    responseFormat?: string,
-    feedbackUrl?: string,
-    exampleImages: string[],
-    resultTemplate?: string,
-    noImageUrl?: string,
-    materialDesign?: MDSettings,
-    preview: boolean,
-    regions: boolean,
-    jpegQuality: number,
-    maxWidth: number,
-    maxHeight: number,
-    useRecommendations: boolean
-}
-
-export interface AlgoliaResult {
-    sku: string
-}

package/tsconfig.json

@@ -1,8 +1,11 @@
 {
   "compilerOptions": {
     "target": "es5",
-    "baseUrl": "src",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "noErrorTruncation": true,
     "allowJs": true,
     "skipLibCheck": true,
@@ -17,5 +20,7 @@
     "noEmit": true,
     "jsx": "react"
   },
-  "include": ["src"]
+  "include": [
+    "src"
+  ]
 }

package/build/js/settings.example.js

@@ -1,31 +0,0 @@
-
-var settings = {
-  "apiKey": "xxx",
-  "maxWidth": 500,
-  "maxHeight": 500,
-  "jpegQuality": 0.9,
-  "regions": true,
-  "preview": true,
-  "baseUrl": "https://api.nyris.io",
-  "xOptions": "",
-  "exampleImages": [
-    "https://img.nyris.io/demo/everybag/kissen.jpg",
-    "https://img.nyris.io/demo/everybag/aspirin.jpg",
-    "https://img.nyris.io/demo/everybag/lego.jpg",
-    "https://img.nyris.io/demo/everybag/wdr_add_2.jpg",
-    "https://img.nyris.io/demo/everybag/mb-dle-4.jpg",
-    "https://img.nyris.io/demo/everybag/1.jpg",
-    "https://img.nyris.io/demo/everybag/5.jpg",
-    "https://img.nyris.io/demo/everybag/6.jpg"
-  ],
-  "instantRedirectPatterns": [
-    '^https?://(www.)?youtube.com/',
-    '^https?://(www.)?youtu.be/',
-    '^https?://(www.)?vimeo.com/',
-    '^https?://(www.)?dailymotion.com/',
-    '^https?://(www.)?dai.ly/'
-  ]
-};
-settings["customSearchRequest"] = null;
-settings["responseHook"] =  null;
-

package/build/js/test.js

@@ -1,56 +0,0 @@
-var settings = {
-  apiKey: "I94rtHQGbVAtXJ8fFYnccJTsepp2XzfU",
-  maxWidth: 300,
-  maxHeight: 300,
-  jpegQuality: 0.9,
-  regions: true,
-  preview: true,
-  useRecommendations: false,
-  xOptions:
-    "default +estimated-category similarity.threshold=0.05 similarity.threshold.discard=0.05 exact.threshold.perfect=200 similarity.threshold.perfect=2 scoring.indicative-min-hits=1 scoring.promo-min-hits=20 scoring.interpolation-cutoff=0 +barcode +barcode-detection",
-  baseUrl: "https://api.nyris.io",
-  resultTemplate: "default",
-  responseFormat: "application/offers.complete+json",
-  exampleImages: [
-    "https://storage.googleapis.com/nyris/share/examples_search/example_1.jpg",
-    "https://storage.googleapis.com/nyris/share/examples_search/example_2.jpg",
-    "https://storage.googleapis.com/nyris/share/examples_search/example_3.jpg",
-    "https://storage.googleapis.com/nyris/share/examples_search/example_4.jpg",
-  ],
-  deactivated: false,
-  cadSearch: false,
-  themePage: {
-    default: {
-      active: false,
-    },
-    materialDesign: {
-      active: false,
-      materialDesign: {
-        appBarLogoUrl: "https://nyris.io/wp-content/themes/nyris/img/logo.svg",
-        appBarTitle: "",
-        appBarCustomBackgroundColor: "black",
-        appBarCustomTextColor: "white",
-
-        primaryColor: "#e31b5d",
-        secondaryColor: "#ccc",
-        resultFirstRowProperty: "title",
-        resultSecondRowProperty: "price",
-        resultLinkText: "show",
-        resultLinkIcon: "eye",
-      },
-    },
-    newVersion: {
-      active: true,
-    },
-  },
-  imageMatchingUrl: "https://api.nyris.io/find/v1",
-  imageMatchingUrlBySku: "https://api.nyris.io/recommend/v1",
-  imageMatchingSubmitManualUrl: "https://api.nyris.io/find/v1/manual",
-  regionProposalUrl: "https://api.nyris.io/find/v1/regions",
-  feedbackUrl: "https://api.nyris.io/feedback/v1",
-  appIdAlgolia: "HBDJYUK5G4",
-  indexNameAlgolia: "Normparts",
-  apiKeyAlgolia: "f6a833ff662086f362b93064b9de6f02",
-};
-settings["customSearchRequest"] = null;
-settings["responseHook"] = null;

package/build/static/css/2.8285176a.chunk.css

@@ -1,2 +0,0 @@
-@font-face{font-family:"Roboto";font-style:normal;font-display:swap;font-weight:100;src:local("Roboto Thin "),local("Roboto-Thin"),url(../../static/media/roboto-latin-100.7370c367.woff2) format("woff2"),url(../../static/media/roboto-latin-100.5cb7edfc.woff) format("woff")}@font-face{font-family:"Roboto";font-style:italic;font-display:swap;font-weight:100;src:local("Roboto Thin italic"),local("Roboto-Thinitalic"),url(../../static/media/roboto-latin-100italic.f8b1df51.woff2) format("woff2"),url(../../static/media/roboto-latin-100italic.f9e8e590.woff) format("woff")}@font-face{font-family:"Roboto";font-style:normal;font-display:swap;font-weight:300;src:local("Roboto Light "),local("Roboto-Light"),url(../../static/media/roboto-latin-300.ef7c6637.woff2) format("woff2"),url(../../static/media/roboto-latin-300.b00849e0.woff) format("woff")}@font-face{font-family:"Roboto";font-style:italic;font-display:swap;font-weight:300;src:local("Roboto Light italic"),local("Roboto-Lightitalic"),url(../../static/media/roboto-latin-300italic.14286f3b.woff2) format("woff2"),url(../../static/media/roboto-latin-300italic.4df32891.woff) format("woff")}@font-face{font-family:"Roboto";font-style:normal;font-display:swap;font-weight:400;src:local("Roboto Regular "),local("Roboto-Regular"),url(../../static/media/roboto-latin-400.479970ff.woff2) format("woff2"),url(../../static/media/roboto-latin-400.60fa3c06.woff) format("woff")}@font-face{font-family:"Roboto";font-style:italic;font-display:swap;font-weight:400;src:local("Roboto Regular italic"),local("Roboto-Regularitalic"),url(../../static/media/roboto-latin-400italic.51521a2a.woff2) format("woff2"),url(../../static/media/roboto-latin-400italic.fe65b833.woff) format("woff")}@font-face{font-family:"Roboto";font-style:normal;font-display:swap;font-weight:500;src:local("Roboto Medium "),local("Roboto-Medium"),url(../../static/media/roboto-latin-500.020c97dc.woff2) format("woff2"),url(../../static/media/roboto-latin-500.87284894.woff) format("woff")}@font-face{font-family:"Roboto";font-style:italic;font-display:swap;font-weight:500;src:local("Roboto Medium italic"),local("Roboto-Mediumitalic"),url(../../static/media/roboto-latin-500italic.db4a2a23.woff2) format("woff2"),url(../../static/media/roboto-latin-500italic.288ad9c6.woff) format("woff")}@font-face{font-family:"Roboto";font-style:normal;font-display:swap;font-weight:700;src:local("Roboto Bold "),local("Roboto-Bold"),url(../../static/media/roboto-latin-700.2735a3a6.woff2) format("woff2"),url(../../static/media/roboto-latin-700.adcde98f.woff) format("woff")}@font-face{font-family:"Roboto";font-style:italic;font-display:swap;font-weight:700;src:local("Roboto Bold italic"),local("Roboto-Bolditalic"),url(../../static/media/roboto-latin-700italic.da0e7178.woff2) format("woff2"),url(../../static/media/roboto-latin-700italic.81f57861.woff) format("woff")}@font-face{font-family:"Roboto";font-style:normal;font-display:swap;font-weight:900;src:local("Roboto Black "),local("Roboto-Black"),url(../../static/media/roboto-latin-900.9b3766ef.woff2) format("woff2"),url(../../static/media/roboto-latin-900.bb1e4dc6.woff) format("woff")}@font-face{font-family:"Roboto";font-style:italic;font-display:swap;font-weight:900;src:local("Roboto Black italic"),local("Roboto-Blackitalic"),url(../../static/media/roboto-latin-900italic.ebf6d164.woff2) format("woff2"),url(../../static/media/roboto-latin-900italic.28f91510.woff) format("woff")}.carousel.carousel-slider .control-arrow,.carousel .control-arrow{transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel.carousel-slider .control-arrow:before,.carousel .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:""}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{transition:all .15s ease-in;-webkit-transform:translateZ(0);transform:translateZ(0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,.2)}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:.25;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px rgba(0,0,0,.9);background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,.9);color:#fff}.carousel:hover .slide .legend{opacity:1}
-/*# sourceMappingURL=2.8285176a.chunk.css.map */

package/build/static/css/2.8285176a.chunk.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.css","carousel.min.css"],"names":[],"mappings":"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","file":"2.8285176a.chunk.css","sourcesContent":["/* roboto-100normal - latin */\n@font-face {\n  font-family: 'Roboto';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 100;\n  src:\n    local('Roboto Thin '),\n    local('Roboto-Thin'),\n    url('./files/roboto-latin-100.woff2') format('woff2'), /* Super Modern Browsers */\n    url('./files/roboto-latin-100.woff') format('woff'); /* Modern Browsers */\n}\n\n/* roboto-100italic - latin */\n@font-face {\n  font-family: 'Roboto';\n  font-style: italic;\n  font-display: swap;\n  font-weight: 100;\n  src:\n    local('Roboto Thin italic'),\n    local('Roboto-Thinitalic'),\n    url('./files/roboto-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */\n    url('./files/roboto-latin-100italic.woff') format('woff'); /* Modern Browsers */\n}\n\n/* roboto-300normal - latin */\n@font-face {\n  font-family: 'Roboto';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300;\n  src:\n    local('Roboto Light '),\n    local('Roboto-Light'),\n    url('./files/roboto-latin-300.woff2') format('woff2'), /* Super Modern Browsers */\n    url('./files/roboto-latin-300.woff') format('woff'); /* Modern Browsers */\n}\n\n/* roboto-300italic - latin */\n@font-face {\n  font-family: 'Roboto';\n  font-style: italic;\n  font-display: swap;\n  font-weight: 300;\n  src:\n    local('Roboto Light italic'),\n    local('Roboto-Lightitalic'),\n    url('./files/roboto-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */\n    url('./files/roboto-latin-300italic.woff') format('woff'); /* Modern Browsers */\n}\n\n/* roboto-400normal - latin */\n@font-face {\n  font-family: 'Roboto';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 400;\n  src:\n    local('Roboto Regular '),\n    local('Roboto-Regular'),\n    url('./files/roboto-latin-400.woff2') format('woff2'), /* Super Modern Browsers */\n    url('./files/roboto-latin-400.woff') format('woff'); /* Modern Browsers */\n}\n\n/* roboto-400italic - latin */\n@font-face {\n  font-family: 'Roboto';\n  font-style: italic;\n  font-display: swap;\n  font-weight: 400;\n  src:\n    local('Roboto Regular italic'),\n    local('Roboto-Regularitalic'),\n    url('./files/roboto-latin-400italic.woff2') format('woff2'), /* Super Modern Browsers */\n    url('./files/roboto-latin-400italic.woff') format('woff'); /* Modern Browsers */\n}\n\n/* roboto-500normal - latin */\n@font-face {\n  font-family: 'Roboto';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 500;\n  src:\n    local('Roboto Medium '),\n    local('Roboto-Medium'),\n    url('./files/roboto-latin-500.woff2') format('woff2'), /* Super Modern Browsers */\n    url('./files/roboto-latin-500.woff') format('woff'); /* Modern Browsers */\n}\n\n/* roboto-500italic - latin */\n@font-face {\n  font-family: 'Roboto';\n  font-style: italic;\n  font-display: swap;\n  font-weight: 500;\n  src:\n    local('Roboto Medium italic'),\n    local('Roboto-Mediumitalic'),\n    url('./files/roboto-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */\n    url('./files/roboto-latin-500italic.woff') format('woff'); /* Modern Browsers */\n}\n\n/* roboto-700normal - latin */\n@font-face {\n  font-family: 'Roboto';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 700;\n  src:\n    local('Roboto Bold '),\n    local('Roboto-Bold'),\n    url('./files/roboto-latin-700.woff2') format('woff2'), /* Super Modern Browsers */\n    url('./files/roboto-latin-700.woff') format('woff'); /* Modern Browsers */\n}\n\n/* roboto-700italic - latin */\n@font-face {\n  font-family: 'Roboto';\n  font-style: italic;\n  font-display: swap;\n  font-weight: 700;\n  src:\n    local('Roboto Bold italic'),\n    local('Roboto-Bolditalic'),\n    url('./files/roboto-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */\n    url('./files/roboto-latin-700italic.woff') format('woff'); /* Modern Browsers */\n}\n\n/* roboto-900normal - latin */\n@font-face {\n  font-family: 'Roboto';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 900;\n  src:\n    local('Roboto Black '),\n    local('Roboto-Black'),\n    url('./files/roboto-latin-900.woff2') format('woff2'), /* Super Modern Browsers */\n    url('./files/roboto-latin-900.woff') format('woff'); /* Modern Browsers */\n}\n\n/* roboto-900italic - latin */\n@font-face {\n  font-family: 'Roboto';\n  font-style: italic;\n  font-display: swap;\n  font-weight: 900;\n  src:\n    local('Roboto Black italic'),\n    local('Roboto-Blackitalic'),\n    url('./files/roboto-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */\n    url('./files/roboto-latin-900italic.woff') format('woff'); /* Modern Browsers */\n}\n\n",".carousel .control-arrow,.carousel.carousel-slider .control-arrow{-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:''}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{-webkit-transition:border .15s ease-in;-moz-transition:border .15s ease-in;-ms-transition:border .15s ease-in;-o-transition:border .15s ease-in;transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,0.2)}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;-webkit-transition:height .15s ease-in;-moz-transition:height .15s ease-in;-ms-transition:height .15s ease-in;-o-transition:height .15s ease-in;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-webkit-flex-direction:column;flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:0.25;-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px rgba(0,0,0,0.9);background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,0.9);color:#fff}.carousel:hover .slide .legend{opacity:1}\n"]}