@nyris/nyris-webapp 0.3.23 → 0.3.25

package/src/components/button/clear-fillter.tsx

@@ -1,30 +0,0 @@
-import { Button } from "@material-ui/core";
-import { ClearRefinementsProps } from "components/clear-refinements/clear-refinements";
-import React, { memo, useCallback } from "react";
-import { connectCurrentRefinements } from "react-instantsearch-dom";
-
-interface Props {}
-
-function ClearFillter({
-  children,
-  type = "native",
-  className,
-  items,
-  refine,
-}: ClearRefinementsProps) {
-  
-  const handleButtonClick = useCallback(() => refine(items), [refine, items]);
-  return (
-    <Button
-      type={type}
-      disabled={!items.length}
-      className={className}
-      onClick={handleButtonClick}
-    >
-      {children}
-    </Button>
-  );
-}
-export const ClearRefinements = connectCurrentRefinements<any>(
-  memo(ClearFillter)
-);

package/src/components/camera/screenshot.tsx

@@ -1,33 +0,0 @@
-import React, { useEffect } from "react";
-import Webcam from "react-webcam";
-
-const WebcamCapture = () => {
-  const webcamRef: any = React.useRef(null);
-  const [imgSrc, setImgSrc] = React.useState(null);
-  const videoConstraints = {
-    width: { min: 480 },
-    height: { min: 720 },
-    aspectRatio: 0.6666666667
-  };
-
-  const capture = React.useCallback(() => {
-    const imageSrc = webcamRef.current.getScreenshot();
-    setImgSrc(imageSrc);
-  }, [webcamRef, setImgSrc]);
-
-  return (
-    <>
-      <Webcam
-        audio={false}
-        ref={webcamRef}
-        screenshotFormat="image/jpeg"
-        // videoConstraints={videoConstraints}
-        videoConstraints={videoConstraints}
-        
-      />
-      <button onClick={capture}>Capture photo</button>
-      {imgSrc && <img src={imgSrc} />}
-    </>
-  );
-};
-export default WebcamCapture;

package/src/components/count/count.tsx

@@ -1,20 +0,0 @@
-import React from "react";
-import classNames from "classnames";
-
-export type CountProps = {
-  children: React.ReactNode;
-  className?: string;
-};
-
-export function Count({ children, className }: CountProps) {
-  return (
-    <div
-      className={classNames(
-        "bg-neutral-light text-brand-black w-5 h-5 small-bold rounded-full flex items-center justify-center",
-        className
-      )}
-    >
-      {children}
-    </div>
-  );
-}

package/src/components/hitItem/hits.tsx

@@ -1,50 +0,0 @@
-import React from "react";
-import { Hit as AlgoliaHit } from "@algolia/client-search";
-import { useHits, UseHitsProps } from "react-instantsearch-hooks";
-import { useAppDispatch } from "Store/Store";
-import { useEffect } from "react";
-import { resultSearchText } from "Store/Search";
-import { useState } from "react";
-import { CircularProgress } from "@material-ui/core";
-
-export type HitsProps<THit> = React.ComponentProps<"div"> &
-  UseHitsProps & {
-    hitComponent: (props: { hit: THit }) => JSX.Element;
-  };
-
-export function Hits<THit extends AlgoliaHit<Record<string, unknown>>>({
-  hitComponent: Hit,
-  ...props
-}: HitsProps<THit>) {
-  
-  const { hits } = useHits(props);
-  const dispatch = useAppDispatch();
-  const [isLoading, setLoading] = useState<boolean>(false);
-
-  useEffect(() => {
-    setLoading(true);
-    setTimeout(() => {
-      setLoading(false);
-    }, 1000);
-  }, []);
-
-  useEffect(() => {
-    if (hits?.length > 0) {
-      dispatch(resultSearchText(hits));
-    }
-  }, []);
-
-  return (
-    <>
-      {isLoading ? (
-        <CircularProgress />
-      ) : (
-        <>
-          {hits.map((hit: any, index: any) => (
-            <Hit key={index} hit={hit as unknown as THit} />
-          ))}
-        </>
-      )}
-    </>
-  );
-}

package/src/components/hitItem/infinitiHits.tsx

@@ -1,33 +0,0 @@
-import { Grid } from "@material-ui/core";
-import ItemResult from "components/results/ItemResult";
-import React from "react";
-import {
-  useInfiniteHits,
-  UseInfiniteHitsProps,
-} from "react-instantsearch-hooks";
-
-function InfiniteHits(props: any) {
-  const { hits, isLastPage, showMore } = useInfiniteHits(props);
-  console.log("props", useInfiniteHits(props));
-
-  return (
-    <>
-      {hits.map((hit: any, index: any) => {
-        return (
-          <Grid item xs={3}>
-            <ItemResult
-              dataItem={hit?.hit}
-              // handlerToggleModal={() => {
-              //   handlerToggleModal(hit?.hit);
-              // }}
-              // handlerToggleModalShare={() => setOpenModalShare(true)}
-              // indexItem={hit.__position}
-            />
-          </Grid>
-        );
-      })}
-    </>
-  );
-}
-
-export default InfiniteHits;

package/src/components/icon/icon.tsx

@@ -1,13 +0,0 @@
-import React from "react";
-
-export type IconProps = {
-  icon: any
-  className?: string
-}
-
-export function Icon({
-  icon: IconCmp = null,
-  className = 'w-6 h-6',
-}: IconProps) {
-  return <IconCmp className={className} />
-}

package/src/components/icon_textArea.svg

@@ -1,3 +0,0 @@
-<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M2.14286 0H9.85714V0.857143H2.14286V0ZM9.85714 2.14286H2.14286V3H9.85714V2.14286ZM2.14286 4.28571H9.85714V5.14286H2.14286V4.28571ZM11.1429 9.42857H0.857143C0.629888 9.42833 0.412008 9.33795 0.251315 9.17726C0.0906207 9.01656 0.000238243 8.79868 0 8.57143V6.42857H0.857143V8.57143H11.1429V6.42857H12V8.57143C11.9998 8.79868 11.9094 9.01656 11.7487 9.17726C11.588 9.33795 11.3701 9.42833 11.1429 9.42857ZM9.85714 6.42857H2.14286V7.28571H9.85714V6.42857Z" fill="#55566B"/>
-</svg>

package/src/components/refinement-list/index.tsx

@@ -1,42 +0,0 @@
-import { Box, Typography } from "@material-ui/core";
-import React, { memo } from "react";
-import { connectRefinementList } from "react-instantsearch-dom";
-
-function RefinementList({
-  items,
-  refine,
-  searchForItems,
-  options,
-  currentRefinement,
-  switched,
-}: any) {
-  
-  return (
-    <ul>
-      {options?.searchable && (
-        <input
-          type="search"
-          onChange={(event) => searchForItems(event.currentTarget.value)}
-        />
-      )}
-      {items.map((item: any) => {
-        return (
-          <li key={item.label}>
-            <Box display={"flex"} alignItems={"center"}>
-              <input
-                style={{ marginRight: 5 }}
-                type="checkbox"
-                onChange={(e: any) => {
-                  return refine(item.value);
-                }}
-              />
-              <Typography>{item.label}</Typography>
-            </Box>
-          </li>
-        );
-      })}
-    </ul>
-  );
-}
-
-export const CustomRefinemnetList = connectRefinementList(memo(RefinementList));

package/src/components/results/pagination.tsx

@@ -1,34 +0,0 @@
-import { connectPagination } from "react-instantsearch-dom";
-import React from "react";
-
-const Pagination = ({ currentRefinement, nbPages, refine, createURL }: any) => {
-  console.log('currentRefinement', currentRefinement);
-  
-  return (
-    <ul>
-      {new Array(nbPages).fill(null).map((_, index) => {
-        const page = index + 1;
-        const style = {
-          fontWeight: currentRefinement === page ? "bold" : "",
-        };
-
-        return (
-          <li key={index}>
-            <a
-              href={createURL(page)}
-              // style={style}
-              onClick={(event) => {
-                event.preventDefault();
-                refine(page);
-              }}
-            >
-              {page}
-            </a>
-          </li>
-        );
-      })}
-    </ul>
-  );
-};
-
-export const CustomPagination = connectPagination(Pagination);

package/src/components/search/ListSearch.tsx

@@ -1,209 +0,0 @@
-import * as React from "react";
-import {
-  DataGrid,
-} from "@material-ui/data-grid";
-import { Box, Button, Typography } from "@material-ui/core";
-import ViewOff from "common/assets/icons/view_off.png";
-import ImageTest from "common/assets/images/image_test.png";
-import MoreVertOutlinedIcon from "@material-ui/icons/MoreVertOutlined";
-import KeyboardArrowUpOutlinedIcon from "@material-ui/icons/KeyboardArrowUpOutlined";
-import KeyboardArrowDownOutlinedIcon from "@material-ui/icons/KeyboardArrowDownOutlined";
-// image_test.png
-const handleCellClick = (param: any, event: any) => {
-  // console.log(param);
-  // console.log(event);
-  if (param.colIndex === 2) {
-    event.stopPropagation();
-  }
-};
-
-const handleRowClick = (param: any, event: any) => {
-  // console.log("Row:");
-  // console.log(param);
-  // console.log(event);
-};
-
-const columns: any = [
-  {
-    field: "time",
-    headerName: "Time",
-    width: 42,
-    renderHeader: (params: any) => {
-      return (
-        <Typography className="text-f9 text-white fw-700">Time</Typography>
-      );
-    },
-    renderCell: (cellValues: any) => {
-      console.log("cellValues", cellValues);
-      return (
-        <Typography className="text-f9 fw-500 text-gray2">
-          {cellValues.value}
-        </Typography>
-      );
-    },
-  },
-  {
-    field: "search",
-    headerName: "Search",
-    width: 139,
-    renderHeader: (params: any) => {
-      return (
-        <Typography className="text-f9 text-white fw-700">Search</Typography>
-      );
-    },
-    renderCell: (cellValues: any) => {
-      console.log("cellValues", cellValues);
-      return (
-        <Box display={"flex"} alignItems={"center"}>
-          <Box className="box-image-search">
-            <img src={cellValues?.row.search.image} alt="img_search" />
-          </Box>
-          <Typography className="text-f9 text-gray2 fw-500">
-            {cellValues?.row.search.text}
-          </Typography>
-        </Box>
-      );
-    },
-  },
-  {
-    field: "order",
-    headerName: "Order",
-    width: 112,
-    renderHeader: (params: any) => {
-      return (
-        <Typography className="text-f9 text-white fw-700">Order</Typography>
-      );
-    },
-    renderCell: (cellValues: any) => {
-      console.log("cellValues", cellValues);
-      return (
-        <Typography className="text-f9 text-gray2 fw-500">
-          {cellValues?.row.order ? cellValues?.row.order : "_"}
-        </Typography>
-      );
-    },
-  },
-  {
-    field: "device",
-    headerName: "Device",
-    width: 161,
-    // align: "left",
-    renderHeader: (params: any) => {
-      return (
-        <Typography className="text-f9 text-white fw-700">Device</Typography>
-      );
-    },
-    renderCell: (cellValues: any) => {
-      console.log("cellValues", cellValues);
-      return (
-        <Typography className="text-f9 text-gray2 fw-500">
-          {cellValues?.row.device ? cellValues?.row.device : "_"}
-        </Typography>
-      );
-    },
-  },
-  {
-    field: "more",
-    headerName: "More",
-    sortable: false,
-    width: 48,
-    // valueGetter: (params: any) => {
-    //   return `${params.getValue(params.id, "firstName") || ""} ${
-    //     params.getValue(params.id, "lastName") || ""
-    //   }`;
-    // },
-    renderHeader: (params: any) => {
-      return (
-        <Typography className="text-f9 text-white fw-700">More</Typography>
-      );
-    },
-    renderCell: (cellValues: any) => {
-      console.log("cellValues", cellValues);
-      return (
-        <Box>
-          <Button>
-            <MoreVertOutlinedIcon style={{ fontSize: 12 }} />
-          </Button>
-        </Box>
-      );
-    },
-  },
-];
-
-const rows = [
-  {
-    id: 1,
-    time: "14:32",
-    search: {
-      image: ViewOff,
-      text: "engine bühler",
-    },
-    order: "",
-    device: "Desktop app",
-    more: "",
-  },
-  {
-    id: 2,
-    time: "14:32",
-    search: {
-      image: ImageTest,
-      text: "",
-    },
-    order: "Secondary search",
-    device: "Desktop app",
-    more: "",
-  },
-  {
-    id: 3,
-    time: "14:32",
-    search: {
-      image: ViewOff,
-      text: "engine bühler",
-    },
-    order: "",
-    device: "Desktop app",
-    more: "",
-  },
-];
-
-export default function ListSearch() {
-  return (
-    <>
-      <Box>
-        <Typography
-          className="text-f12 text-gray2 box-gray2 fw-700"
-          style={{ padding: "2px 10px" }}
-        >
-          Monday January 1st, 2021
-        </Typography>
-      </Box>
-      <DataGrid
-        // rowHeight={32}
-        // className={classes.root}
-        rows={rows}
-        columns={columns}
-        // pageSize={100}
-        checkboxSelection
-        onCellClick={handleCellClick}
-        onRowClick={handleRowClick}
-        disableSelectionOnClick
-        hideFooter
-        disableColumnMenu
-        autoHeight
-        components={{
-          ColumnSortedAscendingIcon: () => (
-            <KeyboardArrowUpOutlinedIcon
-              style={{ fontSize: 12, color: "#fff" }}
-            />
-          ),
-          ColumnSortedDescendingIcon: () => (
-            <KeyboardArrowDownOutlinedIcon
-              style={{ fontSize: 12, color: "#fff" }}
-            />
-          ),
-          // Checkbox: (props) => <div>{...props}</div>
-        }}
-      />
-    </>
-  );
-}

package/src/defaults.ts

@@ -1,37 +0,0 @@
-import {AppSettings} from "./types";
-
-export const defaultSettings : AppSettings = {
-
-    xOptions: false,
-    apiKey: 'UNSET',
-    exampleImages: [],
-    preview: true,
-    regions: false,
-    maxWidth: 500,
-    maxHeight: 500,
-    jpegQuality: 0.92,
-    baseUrl: 'https://api.nyris.io',
-    instantRedirectPatterns: [
-        '^https?://(www.)?youtube.com/',
-        '^https?://(www.)?youtu.be/',
-        '^https?://(www.)?vimeo.com/',
-        '^https?://(www.)?dailymotion.com/',
-        '^https?://(www.)?dai.ly/'
-    ],
-    themePage: {
-        default: { active: true }
-    }
-};
-
-export const defaultMdSettings = {
-    appBarLogoUrl: 'images/nyris-logo.svg',
-    appBarCustomBackgroundColor: '#f4f4f4',
-    appBarCustomTextColor: '#ccc',
-    appBarTitle: '',
-    primaryColor: '#e2001a',
-    secondaryColor: '#777777',
-    resultFirstRowProperty: 'title',
-    resultSecondRowProperty: 'sku',
-    resultLinkText: 'Info',
-    customFontFamily: 'Helvetica',
-};