@prosopo/procaptcha-react 0.1.0 → 0.1.4

package/src/components/ExtensionAccountSelect.tsx

@@ -1,38 +0,0 @@
-// Copyright (C) 2021-2022 Prosopo (UK) Ltd.
-// This file is part of procaptcha-react <https://github.com/prosopo-io/procaptcha-react>.
-//
-// procaptcha-react is free software: you can redistribute it and/or modify
-// it under the terms of the GNU General Public License as published by
-// the Free Software Foundation, either version 3 of the License, or
-// (at your option) any later version.
-//
-// procaptcha-react is distributed in the hope that it will be useful,
-// but WITHOUT ANY WARRANTY; without even the implied warranty of
-// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-// GNU General Public License for more details.
-//
-// You should have received a copy of the GNU General Public License
-// along with procaptcha-react.  If not, see <http://www.gnu.org/licenses/>.
-import { SyntheticEvent } from "react";
-import { Autocomplete, TextField } from "@mui/material";
-import { TExtensionAccount } from "@prosopo/procaptcha";
-
-
-export const ExtensionAccountSelect = ({value, options, onChange}: 
-        {value?: TExtensionAccount, options: TExtensionAccount[], onChange: (value: TExtensionAccount | null) => void}) => {
-    return (
-        <Autocomplete
-            disablePortal
-            id="select-accounts" // TODO
-            options={options}
-            value={value}
-            isOptionEqualToValue={(option, value) => option.address === value.address}
-            onChange={(event: SyntheticEvent<Element, Event>, value: TExtensionAccount | null) => onChange(value)}
-            sx={{ width: 550 }} // TODO prop
-            getOptionLabel={(option: any) => `${option.meta.name}\n${option.address}`}
-            renderInput={(props) => <TextField {...props} label="Select account" />} // TODO label
-        />
-    );
-}
-
-export default ExtensionAccountSelect;

package/src/styles.ts

@@ -1,89 +0,0 @@
-// Copyright (C) 2021-2022 Prosopo (UK) Ltd.
-// This file is part of procaptcha-react <https://github.com/prosopo-io/procaptcha-react>.
-//
-// procaptcha-react is free software: you can redistribute it and/or modify
-// it under the terms of the GNU General Public License as published by
-// the Free Software Foundation, either version 3 of the License, or
-// (at your option) any later version.
-//
-// procaptcha-react is distributed in the hope that it will be useful,
-// but WITHOUT ANY WARRANTY; without even the implied warranty of
-// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-// GNU General Public License for more details.
-//
-// You should have received a copy of the GNU General Public License
-// along with procaptcha-react.  If not, see <http://www.gnu.org/licenses/>.
-import { makeStyles } from "@mui/styles";
-
-const dot = {
-  width: 7,
-  height: 7,
-  borderRadius: 3.5,
-  marginRight: 5,
-  border: "1px solid #CFCFCF",
-  backgroundColor: "#FFFFFF",
-}
-
-export const useStyles = makeStyles({
-  root: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    width: "100%",
-    height: "100%"
-  },
-  captchasContainer: {
-    display: "flex",
-    flexDirection: "column",
-    background: "#FFFFFF",
-    border: "1px solid #CFCFCF",
-    boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.2)"
-  },
-  captchasHeader: {
-    display: "flex",
-    alignItems: "center",
-    backgroundColor: "#bdbdbd",
-    height: 80,
-    paddingLeft: 20
-  },
-  captchasBody: {
-    display: "flex",
-    width: 460,
-    flexWrap: "wrap",
-    height: "max-content",
-    paddingTop: 10,
-    paddingLeft: 10,
-    borderBottom: "1px solid #CFCFCF"
-  },
-  captchasFooter: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    height: 80,
-    paddingLeft: 20,
-    paddingRight: 20
-  },
-  captchaItem: {
-    width: "140px !important",
-    borderRadius: 2,
-    height: "140px !important",
-    marginRight: 10,
-    marginBottom: 10
-  },
-  captchasHeaderLabel: {
-    color: "#ffffff"
-  },
-  dotsContainer: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    width: "100%",
-    paddingBottom: 15,
-    paddingTop: 10
-  },
-  dot,
-  dotActive: {
-    ...dot,
-    backgroundColor: "#CFCFCF"
-  },
-});