@nyris/nyris-webapp 0.2.5 → 0.3.2

package/src/services/findRegionsCustom.ts

@@ -0,0 +1,212 @@
+import {
+  ImageSearchOptions,
+  Region,
+  Result,
+  SearchServiceSettings,
+} from "./types";
+// import {canvasToJpgBlob, getElementSize, getThumbSizeArea, toCanvas} from "./nyris";
+import axios, { AxiosInstance } from "axios";
+import {
+  canvasToJpgBlob,
+  getElementSize,
+  getThumbSizeArea,
+  toCanvas,
+} from "./nyris";
+
+export interface RegionData {
+  rect: {
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+  };
+}
+
+interface SearchResult {
+  results: Result[];
+  requestId: string;
+  categoryPredictions: any[];
+  codes: any[];
+  duration: number;
+}
+
+export default class NyrisAPICT {
+  private readonly httpClient: AxiosInstance;
+  private readonly imageMatchingUrl: string;
+  private readonly regionProposalUrl: string;
+  private readonly responseFormat: string;
+  private imageMatchingUrlBySku: string;
+  private imageMatchingSubmitManualUrl: string;
+  private feedbackUrl: string;
+
+  constructor(private settings: SearchServiceSettings) {
+    this.httpClient = axios.create();
+    this.imageMatchingUrl =
+      this.settings.imageMatchingUrl || "https://api.nyris.io/find/v1";
+    this.imageMatchingUrlBySku =
+      this.settings.imageMatchingUrlBySku ||
+      "https://api.nyris.io/recommend/v1/";
+    this.imageMatchingSubmitManualUrl =
+      this.settings.imageMatchingSubmitManualUrl ||
+      "https://api.nyris.io/find/v1/manual/";
+    this.feedbackUrl =
+      this.settings.feedbackUrl || "https://api.nyris.io/feedback/v1/";
+    this.regionProposalUrl =
+      this.settings.regionProposalUrl ||
+      "https://api.nyris.io/find/v1/regions/";
+    this.responseFormat =
+      this.settings.responseFormat || "application/offers.nyris+json";
+  }
+
+  /**
+   * Find significant sections in the image.
+   * @param canvas Canvas, video or image to search with.
+   * @param options See [[ImageSearchOptions]].
+   * @returns A list of regions, see [[Region]].
+   */
+  async findRegions(
+    canvas: HTMLCanvasElement | HTMLVideoElement | HTMLImageElement,
+    options: ImageSearchOptions
+  ): Promise<Region[]> {
+    let [origW, origH] = getElementSize(canvas);
+    let { w: scaledW, h: scaledH } = getThumbSizeArea(
+      options.maxWidth,
+      options.maxHeight,
+      origW,
+      origH
+    );
+    let resizedCroppedCanvas = toCanvas(canvas, { w: scaledW, h: scaledH });
+    let blob = await canvasToJpgBlob(resizedCroppedCanvas, options.jpegQuality);
+
+    const headers = {
+      "Content-Type": "image/jpeg",
+      "X-Api-Key": this.settings.apiKey,
+    };
+    let response = await this.httpClient.request<any[]>({
+      method: "POST",
+      url: this.regionProposalUrl,
+      data: blob,
+      headers,
+    });
+    let regions: any[] = response.data;
+    return regions.map((r) => ({
+      className: r.className,
+      confidence: r.confidence,
+      x1: r.region.left / scaledW,
+      x2: r.region.right / scaledW,
+      y1: r.region.top / scaledH,
+      y2: r.region.bottom / scaledH,
+    }));
+  }
+
+  private async prepareImage(
+    canvas: HTMLCanvasElement | HTMLImageElement | HTMLVideoElement,
+    options: ImageSearchOptions
+  ): Promise<{ bytes: Blob; region?: RegionData }> {
+    let [w, h] = getElementSize(canvas);
+    let crop = options.crop
+      ? options.crop
+      : {
+          x: 0,
+          y: 0,
+          w: w,
+          h: h,
+        };
+    let region: RegionData | undefined = undefined;
+    if (options.crop) {
+      region = {
+        rect: {
+          w: Math.min(1, crop.w / w),
+          h: Math.min(1, crop.h / h),
+          x: Math.min(1, crop.x / w),
+          y: Math.min(1, crop.y / h),
+        },
+      };
+    }
+    let scaledSize = getThumbSizeArea(
+      options.maxWidth,
+      options.maxHeight,
+      crop.w,
+      crop.h
+    );
+    let resizedCroppedCanvas = toCanvas(canvas, scaledSize, undefined, crop);
+    let bytes = await canvasToJpgBlob(
+      resizedCroppedCanvas,
+      options.jpegQuality
+    );
+
+    return { bytes, region };
+  }
+
+  async findByImage(
+    canvas: HTMLCanvasElement | HTMLImageElement | HTMLVideoElement,
+    options: ImageSearchOptions
+  ): Promise<SearchResult> {
+    const image = await this.prepareImage(canvas, options);
+
+    if (this.settings.customSearchRequest)
+      return this.settings.customSearchRequest(image.bytes, this.httpClient); // TODO check if the interface is ok for hooks
+
+    let headers: any = {
+      "Content-Type": "image/jpeg",
+      "X-Api-Key": this.settings.apiKey,
+      "Accept-Language": "de,*;q=0.5",
+      Accept: this.responseFormat,
+    };
+    const xOptions = [];
+    if (this.settings.xOptions) xOptions.push(this.settings.xOptions as string);
+    if (options.useRecommendations) xOptions.push("+recommendations");
+    if (xOptions.length > 0) headers["X-Options"] = xOptions.join(" ");
+    let params = options.geoLocation
+      ? {
+          lat: options.geoLocation.lat.toString(),
+          lon: options.geoLocation.lon.toString(),
+          dist: options.geoLocation.dist.toString(),
+        }
+      : {};
+    // console.log("p", params, image.bytes);
+    let res: any = await this.httpClient.request<any>({
+      method: "POST",
+      url: this.imageMatchingUrl,
+      data: image.bytes,
+      params,
+      headers,
+      responseType: "json",
+    });
+    // console.log(res);
+    const categoryPredictions = Object.entries(
+      res.data.predicted_category || {}
+    )
+      .map(([name, score]) => ({
+        name: name,
+        score: score as number,
+      }))
+      .sort((a, b) => b.score - a.score);
+    let codes = res.data.barcodes || [];
+
+    let responseData = this.settings.responseHook
+      ? this.settings.responseHook(res.data)
+      : res.data;
+
+    let results: Result[] = responseData?.results.map(
+      (r: Result, i: number) => ({
+        ...r,
+        position: i,
+      })
+    );
+    const requestId = res.headers["x-matching-request"];
+    const duration = res.data.durationSeconds;
+    return { results, requestId, duration, categoryPredictions, codes };
+  }
+
+  async createSession(): Promise<{ data: any }> {
+    let headers: any = {
+      "X-Api-Key": this.settings.apiKey,
+    };
+    return await this.httpClient.request({
+      method: "POST",
+      url: `${this.imageMatchingUrl}/session`,
+      headers,
+    });
+  }
+}

package/src/services/image.ts

@@ -0,0 +1,110 @@
+import { ImageSearchOptions, urlOrBlobToCanvas } from "@nyris/nyris-api";
+import NyrisAPICT from "./findRegionsCustom";
+import NyrisAPI from "@nyris/nyris-api";
+import { fileOrBlobToCanvas, rectToCrop } from "./nyris";
+
+export const serviceImage = async (file: any, stateStore: any) => {
+  try {
+    const { settings } = stateStore;
+    let options = settings;
+    const nyrisApi = new NyrisAPICT(settings);
+    const randomId = Math.random().toString();
+
+    const image: any = await fileOrBlobToCanvas(file);
+    const imageFileCanvas = { canvas: image, id: randomId };
+
+    const searchServiceSettings: any = {
+      ...settings,
+      responseHook: (r: any) => ({ offerInfos: r.results }),
+    };
+
+    const regions: any = await nyrisApi.findRegions(
+      image,
+      searchServiceSettings
+    );
+    const { results, requestId, duration, categoryPredictions, codes } =
+      await nyrisApi.findByImage(image, options);
+    const payload = {
+      results,
+      requestId,
+      categoryPredictions,
+      codes,
+      duration,
+      regions,
+      requestImage: imageFileCanvas,
+    };
+
+    return payload;
+  } catch (error) {
+    console.log("error serviceImage", error);
+    return;
+  }
+};
+
+export const serviceImageNonRegion = async (
+  file: any,
+  stateStore: any,
+  rectCoords: any
+) => {
+  const { settings } = stateStore;
+  const api = new NyrisAPI(settings);
+  const image = await urlOrBlobToCanvas(file);
+  const randomId = Math.random().toString();
+  const imageFileCanvas = { canvas: image, id: randomId };
+  let options: ImageSearchOptions = {
+    cropRect: rectCoords,
+  };
+  try {
+    const { results, duration, requestId, categoryPredictions, codes } =
+      await api.findByImage(image, options);
+    return {
+      results,
+      requestId,
+      duration,
+      categoryPredictions,
+      codes,
+      requestImage: imageFileCanvas,
+    };
+  } catch (e) {
+    console.warn("search failed serviceImageNonRegion", e);
+  }
+};
+
+export const searchImageByPosition = async (
+  image: HTMLCanvasElement,
+  stateStore: any,
+  region?: any
+) => {
+  try {
+    const { settings } = stateStore;
+
+    let options = settings;
+    const nyrisApi = new NyrisAPICT(settings);
+    if (region) {
+      let { x1, x2, y1, y2 } = region;
+      let crop = rectToCrop({
+        x1: x1 * image.width,
+        x2: x2 * image.width,
+        y1: y1 * image.height,
+        y2: y2 * image.height,
+      });
+      options = {
+        ...options,
+        crop,
+      };
+    }
+    const { results, duration, requestId, categoryPredictions, codes } =
+      await nyrisApi.findByImage(image, options);
+    const payload = {
+      results,
+      requestId,
+      categoryPredictions,
+      codes,
+      duration,
+      regions: region,
+    };
+    return payload;
+  } catch (error: any) {
+    console.log("error searchImageByPosition", error);
+  }
+};

package/src/services/nyris.ts

@@ -0,0 +1,123 @@
+import loadImage from "blueimp-load-image";
+import { Crop, WH } from "./types";
+
+export function getElementSize(
+  elem: HTMLImageElement | HTMLVideoElement | HTMLCanvasElement
+) {
+  const img = elem as HTMLImageElement;
+  const video = elem as HTMLVideoElement;
+  return [
+    img.naturalWidth || video.videoWidth || elem.width,
+    img.naturalHeight || video.videoHeight || elem.height,
+  ];
+}
+
+export function getThumbSizeArea(
+  maxWidth: number,
+  maxHeight: number,
+  originalWidth: number,
+  originalHeight: number
+): WH {
+  const targetArea = maxWidth * maxHeight;
+
+  const aspectRatio = originalWidth / originalHeight;
+  const width = Math.sqrt(targetArea * aspectRatio);
+  return {
+    w: width,
+    h: width / aspectRatio,
+  };
+}
+
+// TODO get rid of crop type
+export function toCanvas(
+  elem: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement,
+  newSize?: WH,
+  canvas?: HTMLCanvasElement,
+  crop?: Crop
+): HTMLCanvasElement {
+  let [ow, oh] = getElementSize(elem);
+  if (!crop) {
+    crop = {
+      x: 0,
+      y: 0,
+      w: ow,
+      h: oh,
+    };
+  }
+  const sx = crop.x;
+  const sy = crop.y;
+  const sw = crop.w;
+  const sh = crop.h;
+
+  const dw = (newSize && newSize.w) || ow;
+  const dh = (newSize && newSize.h) || oh;
+
+  if (!canvas) canvas = document.createElement("canvas");
+
+  canvas.width = dw;
+  canvas.height = dh;
+  // @ts-ignore
+  canvas.getContext("2d").drawImage(
+    elem,
+    sx,
+    sy,
+    sw,
+    sh,
+    0,
+    0, // dx dy
+    dw,
+    dh
+  );
+  return canvas;
+}
+
+export function canvasToJpgBlob(
+  canvas: HTMLCanvasElement,
+  quality: number
+): Promise<Blob> {
+  return new Promise((resolve, reject) => {
+    canvas.toBlob(
+      (blob) => {
+        if (blob) {
+          resolve(blob);
+        } else {
+          reject();
+        }
+      },
+      "image/jpeg",
+      quality
+    );
+  });
+}
+
+export const rectToCrop = ({ x1, x2, y1, y2 }: any): Crop => ({
+  x: x1,
+  y: y1,
+  w: x2 - x1,
+  h: y2 - y1,
+});
+
+export function fileOrBlobToCanvas(
+  file: File | string
+): Promise<HTMLCanvasElement> {
+  return new Promise((resolve, reject) => {
+    // File can also be an image element
+    loadImage(
+      file,
+      (data) => {
+        const c = data as HTMLCanvasElement;
+        if (c) {
+          resolve(c);
+        } else {
+          reject();
+        }
+      },
+      {
+        canvas: true,
+        orientation: true,
+        crossOrigin: "anonymous",
+      }
+    );
+    
+  });
+}

package/src/services/session.ts

@@ -0,0 +1,20 @@
+import NyrisAPI from "@nyris/nyris-api";
+import axios, { AxiosInstance } from "axios";
+
+const httpClient = axios.create();
+
+export const createSessionByApi = async (state: any) => {
+  const { search, settings } = state;
+  try {
+    let headers: any = {
+      "X-Api-Key": settings.apiKey,
+    };
+    return await httpClient.request({
+      method: "POST",
+      url: `${settings.imageMatchingUrl}/session`,
+      headers,
+    });
+  } catch (error: any) {
+    console.log("error createAction:", error);
+  }
+};

package/src/services/types.ts

@@ -0,0 +1,96 @@
+// import {SearchAction, SearchState} from "./actions/searchActions";
+// import {NyrisAction, NyrisAppState} from "./actions/nyrisAppActions";
+
+export interface MDSettings {
+    customFontFamily?: string,
+
+    appBarLogoUrl: string,
+    appBarTitle: string,
+    appBarCustomBackgroundColor?: string,
+    appBarCustomTextColor?: string,
+
+    primaryColor: string,
+    secondaryColor: string,
+    resultFirstRowProperty: string,
+    resultSecondRowProperty: string,
+
+    resultLinkText?: string,
+    resultLinkIcon?: 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 ImageSearchOptions {
+    geoLocation?: { lat: number, lon: number, dist: number };
+    crop?: { x: number, y: number, w: number, h: number };
+    maxWidth: number;
+    maxHeight: number;
+    useRecommendations: boolean;
+    jpegQuality: number;
+}
+
+export interface RectCoords {
+    x1: number,
+    y1: number,
+    x2: number,
+    y2: number
+}
+
+export type Region = {
+    className?: string,
+    confidence?: number
+} & RectCoords
+
+export interface Crop {
+    x: number,
+    y: number,
+    w: number,
+    h: number
+}
+
+export interface WH {
+    w: number,
+    h: number
+}
+
+// export type AppState = {
+//     search: SearchState,
+//     settings: SearchServiceSettings,
+//     nyrisDesign: NyrisAppState
+// };
+
+// export type AppAction =
+//     | SearchAction
+//     | NyrisAction
+
+
+export interface Result {
+    position: number,
+    sku?: string,
+    title?: string,
+    l?: string,
+    img?: { url?: string },
+    // There can be also any other ddata
+    [x: string]: any
+}

package/src/types.ts

@@ -1,6 +1,7 @@
-import {SearchAction, SearchState} from "./actions/searchActions";
-import {NyrisAction, NyrisAppState} from "./actions/nyrisAppActions";
 import {NyrisAPISettings} from "@nyris/nyris-api";
+import { NyrisAction } from "Store/common";
+import { NyrisAppState } from "Store/Nyris";
+import { SearchAction, SearchState } from "Store/Search";
 
 export interface MDSettings {
     customFontFamily?: string,
@@ -17,6 +18,7 @@ export interface MDSettings {
 
     resultLinkText?: string,
     resultLinkIcon?: string,
+    active?: boolean
 }
 
 export interface AppSettings extends NyrisAPISettings {
@@ -27,7 +29,22 @@ export interface AppSettings extends NyrisAPISettings {
     resultTemplate?: string,
     regions: boolean,
     materialDesign?: MDSettings,
-    instantRedirectPatterns: string[]
+    instantRedirectPatterns: string[],
+    themePage: ThemeChoice
+}
+
+export interface DefaultThemeSettings  {
+    active: boolean
+}
+
+export interface SearchSuiteSettings  {
+    active: boolean
+}
+
+export type ThemeChoice = {
+    default?: DefaultThemeSettings,
+    materialDesign?: MDSettings,
+    searchSuite?: SearchSuiteSettings
 }
 
 export type AppState = {
@@ -45,3 +62,26 @@ export interface CanvasWithId {
     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
+}
+

package/tsconfig.json

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

package/build/static/css/2.43a1c8b7.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")}
-/*# sourceMappingURL=2.43a1c8b7.chunk.css.map */

package/build/static/css/2.43a1c8b7.chunk.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.css"],"names":[],"mappings":"AACA,WACE,oBAAqB,CACrB,iBAAkB,CAClB,iBAAkB,CAClB,eAAgB,CAChB,4LAKF,CAGA,WACE,oBAAqB,CACrB,iBAAkB,CAClB,iBAAkB,CAClB,eAAgB,CAChB,oNAKF,CAGA,WACE,oBAAqB,CACrB,iBAAkB,CAClB,iBAAkB,CAClB,eAAgB,CAChB,8LAKF,CAGA,WACE,oBAAqB,CACrB,iBAAkB,CAClB,iBAAkB,CAClB,eAAgB,CAChB,sNAKF,CAGA,WACE,oBAAqB,CACrB,iBAAkB,CAClB,iBAAkB,CAClB,eAAgB,CAChB,kMAKF,CAGA,WACE,oBAAqB,CACrB,iBAAkB,CAClB,iBAAkB,CAClB,eAAgB,CAChB,0NAKF,CAGA,WACE,oBAAqB,CACrB,iBAAkB,CAClB,iBAAkB,CAClB,eAAgB,CAChB,gMAKF,CAGA,WACE,oBAAqB,CACrB,iBAAkB,CAClB,iBAAkB,CAClB,eAAgB,CAChB,wNAKF,CAGA,WACE,oBAAqB,CACrB,iBAAkB,CAClB,iBAAkB,CAClB,eAAgB,CAChB,4LAKF,CAGA,WACE,oBAAqB,CACrB,iBAAkB,CAClB,iBAAkB,CAClB,eAAgB,CAChB,oNAKF,CAGA,WACE,oBAAqB,CACrB,iBAAkB,CAClB,iBAAkB,CAClB,eAAgB,CAChB,8LAKF,CAGA,WACE,oBAAqB,CACrB,iBAAkB,CAClB,iBAAkB,CAClB,eAAgB,CAChB,sNAKF","file":"2.43a1c8b7.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"]}