proca 0.8.1 → 1.1.4

package/dist/components/ProcaStyle.js

@@ -1,94 +0,0 @@
-import React from 'react';
-import { StylesProvider, createGenerateClassName, createMuiTheme, ThemeProvider } from '@material-ui/core/styles'; //import CssBaseline from '@material-ui/core/ScopedCssBaseline';
-//import ScopedCssBaseline from '@material-ui/core/ScopedCssBaseline';
-
-import { useLayout } from "../hooks/useLayout";
-var generateClassName = createGenerateClassName({
-  disableGlobal: false,
-  productionPrefix: 'Proca',
-  seed: 'proca'
-});
-/*
-const GlobalCss = withStyles({
-  // @global is handled by jss-plugin-global.
-  '@global': {
-    // You should target [class*="MuiButton-root"] instead if you nest themes.
-    '.proca-MuiInputBase-input': {
-      background:'unset!important',
-      border:'unset!important',
-    },
-  },
-})(() => null);
-*/
-//<ScopedCssBaseline>
-
-export default function ProcaStyle(props) {
-  var layout = useLayout();
-  var theme = React.useMemo(function () {
-    return createMuiTheme({
-      palette: {
-        primary: {
-          main: layout.primaryColor
-        },
-        secondary: {
-          main: layout.secondaryColor
-        },
-        type: layout.theme
-      },
-      typography: {
-        fontFamily: 'unset!important',
-        htmlFontSize: parseInt(window.getComputedStyle(document.getElementsByTagName('html')[0], null).getPropertyValue('font-size')) // get the actual font size
-        //    fontFamily: `-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif`,
-        //    fontSize: 14,
-
-      },
-      overrides: {
-        MuiContainer: {
-          root: {
-            fontFamily: 'unset!important',
-            paddingLeft: '0!important',
-            paddingRight: '0!important',
-            backgroundColor: layout.theme === 'dark' ? '#303030' : 'inherit'
-          }
-        },
-        MuiIconButton: {
-          root: {
-            width: 'auto!important',
-            minWidth: 'auto!important'
-          }
-        },
-        MuiDialog: {
-          root: {
-            fontFamily: 'unset!important'
-          }
-        },
-        MuiFilledInput: {
-          multiline: {
-            paddingTop: '23px!important',
-            paddingBottom: '6px!important'
-          },
-          marginDense: {}
-        },
-        MuiInputBase: {
-          input: {
-            background: 'unset!important',
-            border: 'unset!important' // this is where magic happens
-            //        '& *': { color: 'rgba(255, 255, 255, 0.7)' },
-
-          }
-        }
-      }
-    });
-  }, [layout]); // palette.background.default
-
-  for (var d in theme.zIndex) {
-    // force the widget on the top
-    theme.zIndex[d] += 100000;
-  }
-
-  return /*#__PURE__*/React.createElement(StylesProvider, {
-    generateClassName: generateClassName
-  }, /*#__PURE__*/React.createElement(ThemeProvider, {
-    theme: theme
-  }, props.children));
-}

package/dist/components/ProgressCounter.js

@@ -1,64 +0,0 @@
-import React from "react";
-/*import Backdrop from '@material-ui/core/Backdrop';
-import CircularProgress from '@material-ui/core/CircularProgress';
-
-<Backdrop className={classes.backdrop} open={open} onClick={handleClose}>
-        <CircularProgress color="inherit" />
-      </Backdrop>
-*/
-
-import { makeStyles } from "@material-ui/core/styles";
-import { LinearProgress, Box } from "@material-ui/core";
-import useCount from "../hooks/useCount.js"; //3,014,823 have signed. Let’s get to 4,500,000!
-
-import { useTranslation } from "react-i18next";
-var useStyles = makeStyles(function (theme) {
-  return {
-    root: {
-      fontSize: theme.typography.pxToRem(18),
-      color: theme.palette.text.primary,
-      width: '100%',
-      '& > * + *': {
-        marginTop: theme.spacing(2)
-      }
-    }
-  };
-});
-
-var nextStep = function nextStep(value) {
-  var steps = [100, 200, 500, 1000, 2000, 5000, 10000, 20000, 50000, 100000, 200000, 500000, 1000000, 150000, 2000000, 5000000, 1000000];
-  var next = false;
-  steps.some(function (step, i) {
-    if (value < step) {
-      next = step;
-      return true;
-    }
-
-    return false;
-  });
-  return next;
-};
-
-var normalise = function normalise(value, max) {
-  return value * 100 / max;
-};
-
-export default function Progress(props) {
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  var count = props.count;
-  count = useCount(props.actionPage) || props.count;
-  var classes = useStyles();
-  var goal = nextStep(count);
-  if (!count) return null;
-  return /*#__PURE__*/React.createElement(Box, {
-    className: classes.root
-  }, t("progress", {
-    count: count,
-    goal: goal
-  }), /*#__PURE__*/React.createElement(LinearProgress, {
-    variant: "determinate",
-    value: normalise(count, goal)
-  }));
-}

package/dist/components/Register.js

@@ -1,345 +0,0 @@
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-import React, { useEffect, useState } from "react";
-import PropTypes from "prop-types";
-import { Container, Grid } from "@material-ui/core";
-/*import Backdrop from '@material-ui/core/Backdrop';
-import CircularProgress from '@material-ui/core/CircularProgress';
-
-<Backdrop className={classes.backdrop} open={open} onClick={handleClose}>
-        <CircularProgress color="inherit" />
-      </Backdrop>
-*/
-
-import useElementWidth from "../hooks/useElementWidth";
-import Url from "../lib/urlparser.js";
-import { useCampaignConfig } from "../hooks/useConfig";
-import useData from "../hooks/useData";
-import { makeStyles } from "@material-ui/core/styles";
-import { Button, Snackbar } from "@material-ui/core";
-import TextField from "./TextField";
-import Alert from "@material-ui/lab/Alert";
-import SendIcon from "@material-ui/icons/Send";
-import DoneIcon from "@material-ui/icons/Done";
-import useForm from "react-hook-form";
-import useGeoLocation from "../hooks/useGeoLocation";
-import { useTranslation } from "react-i18next";
-import Consent from "./Consent";
-import countries from "../data/countries.json";
-import Organisation from "./Organisation";
-import { addActionContact } from "../lib/server.js";
-import uuid from "../lib/uuid.js";
-var useStyles = makeStyles(function (theme) {
-  return {
-    container: {
-      display: "flex",
-      flexWrap: "wrap"
-    },
-    textField: {
-      marginLeft: theme.spacing(0),
-      marginRight: theme.spacing(0),
-      width: "100%"
-    },
-    "#petition-form": {
-      position: "relative"
-    },
-    "@global": {
-      "select:-moz-focusring": {
-        color: "transparent",
-        textShadow: "0 0 0 #000"
-      },
-      "input:invalid + fieldset": {
-        borderColor: "pink",
-        borderWidth: 1
-      }
-    }
-  };
-});
-export default function Register(props) {
-  var _config$component, _config$component$reg;
-
-  var classes = useStyles();
-  var config = useCampaignConfig();
-
-  var _useData = useData(),
-      _useData2 = _slicedToArray(_useData, 2),
-      data = _useData2[0],
-      setData = _useData2[1]; //  const setConfig = useCallback((d) => _setConfig(d), [_setConfig]);
-
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  var width = useElementWidth("#proca-register");
-
-  var _useState = useState(true),
-      _useState2 = _slicedToArray(_useState, 2),
-      compact = _useState2[0],
-      setCompact = _useState2[1];
-
-  if (compact && width > 450 || !compact && width <= 450) setCompact(width <= 450);
-
-  var _useState3 = useState("default"),
-      _useState4 = _slicedToArray(_useState3, 2),
-      status = _useState4[0],
-      setStatus = _useState4[1];
-
-  var form = useForm({
-    //    mode: "onBlur",
-    //    nativeValidation: true,
-    defaultValues: data
-  });
-  var handleSubmit = form.handleSubmit,
-      setValue = form.setValue,
-      setError = form.setError,
-      watch = form.watch,
-      formState = form.formState; //  const { register, handleSubmit, setValue, errors } = useForm({ mode: 'onBlur', defaultValues: defaultValues });
-
-  var country = watch("country") || "";
-  var location = useGeoLocation({
-    api: "https://country.proca.foundation",
-    country: country
-  });
-
-  if (location.country && !country) {
-    if (!countries.find(function (d) {
-      return d.iso === location.country;
-    })) {
-      console.log("visitor from ", location, "but not on our list");
-      location.country = countries.find(function (d) {
-        return d.iso === "ZZ";
-      }) ? "ZZ" : ""; // if "other" exists, set it
-    }
-
-    if (location.country && country !== location.country) {
-      setValue("country", location.country);
-    }
-  }
-
-  var onSubmit = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(data) {
-      var result;
-      return regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              data.tracking = Url.utm();
-              _context.next = 3;
-              return addActionContact(config.actionType || "register", config.actionPage, data);
-
-            case 3:
-              result = _context.sent;
-
-              if (!result.errors) {
-                _context.next = 8;
-                break;
-              }
-
-              result.errors.forEach(function (error) {
-                console.log(error);
-              });
-              setStatus("error");
-              return _context.abrupt("return");
-
-            case 8:
-              setStatus("success");
-              setData(data);
-              uuid(result.addAction); // set the global uuid as signature's fingerprint
-
-              if (props.done) props.done({
-                errors: result.errors,
-                uuid: uuid(),
-                firstname: data.firstname,
-                country: data.country
-              });
-
-            case 12:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-
-    return function onSubmit(_x) {
-      return _ref.apply(this, arguments);
-    };
-  }();
-
-  useEffect(function () {
-    var inputs = document.querySelectorAll("input, select, textarea"); //    register({ name: "country" });
-    // todo: workaround until the feature is native react-form ?
-
-    inputs.forEach(function (input) {
-      input.oninvalid = function (e) {
-        setError(e.target.attributes.name.nodeValue, e.type, e.target.validationMessage);
-      };
-    });
-  }, [setError]);
-
-  function Error(props) {
-    if (props.display) return /*#__PURE__*/React.createElement(Snackbar, {
-      open: true,
-      autoHideDuration: 6000
-    }, /*#__PURE__*/React.createElement(Alert, {
-      severity: "error"
-    }, "Sorry, we couldn't save your signature!", /*#__PURE__*/React.createElement("br", null), "The techies have been informed."));
-    return null;
-  }
-
-  function Success(props) {
-    if (props.display) return /*#__PURE__*/React.createElement(Snackbar, {
-      open: true,
-      autoHideDuration: 6000
-    }, /*#__PURE__*/React.createElement(Alert, {
-      severity: "success"
-    }, "Done, Thank you for your support!"));
-    return null;
-  }
-
-  if (status === "success") {
-    return /*#__PURE__*/React.createElement(Container, {
-      component: "main",
-      maxWidth: "sm"
-    }, /*#__PURE__*/React.createElement(Grid, {
-      container: true,
-      spacing: 1
-    }, /*#__PURE__*/React.createElement(Grid, {
-      item: true,
-      xs: 12
-    }, /*#__PURE__*/React.createElement(DoneIcon, {
-      color: "action",
-      fontSize: "large",
-      my: 4
-    }))));
-  }
-
-  return /*#__PURE__*/React.createElement("form", {
-    className: classes.container,
-    id: "proca-register",
-    onSubmit: handleSubmit(onSubmit),
-    method: "post",
-    url: "http://localhost"
-  }, /*#__PURE__*/React.createElement(Success, {
-    display: status === "success"
-  }), /*#__PURE__*/React.createElement(Error, {
-    display: status === "error"
-  }), /*#__PURE__*/React.createElement(Container, {
-    component: "main",
-    maxWidth: "sm"
-  }, /*#__PURE__*/React.createElement(Grid, {
-    container: true,
-    spacing: 1
-  }, ((_config$component = config.component) === null || _config$component === void 0 ? void 0 : (_config$component$reg = _config$component.register) === null || _config$component$reg === void 0 ? void 0 : _config$component$reg.field.organisation) && /*#__PURE__*/React.createElement(Organisation, {
-    form: form,
-    compact: compact
-  }), /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    sm: compact ? 12 : 6
-  }, /*#__PURE__*/React.createElement(TextField, {
-    form: form,
-    name: "firstname",
-    label: t("First name"),
-    placeholder: "eg. Leonardo",
-    autoComplete: "given-name",
-    required: true
-  })), /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    sm: compact ? 12 : 6
-  }, /*#__PURE__*/React.createElement(TextField, {
-    form: form,
-    name: "lastname",
-    label: t("Last name"),
-    autoComplete: "family-name",
-    placeholder: "eg. Da Vinci"
-  })), /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12
-  }, /*#__PURE__*/React.createElement(TextField, {
-    form: form,
-    name: "email",
-    type: "email",
-    label: t("Email"),
-    autoComplete: "email",
-    placeholder: "your.email@example.org",
-    required: true
-  })), /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    sm: compact ? 12 : 3
-  }, /*#__PURE__*/React.createElement(TextField, {
-    form: form,
-    name: "postcode",
-    label: t("Postal Code"),
-    autoComplete: "postal-code"
-  })), /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    sm: compact ? 12 : 9
-  }, /*#__PURE__*/React.createElement(TextField, {
-    select: true,
-    form: form,
-    id: "country",
-    name: "country",
-    label: t("Country"),
-    value: country,
-    SelectProps: {
-      native: true,
-      MenuProps: {
-        className: classes.menu
-      }
-    },
-    required: true
-  }, /*#__PURE__*/React.createElement("option", {
-    key: "",
-    value: ""
-  }), countries.map(function (option) {
-    return /*#__PURE__*/React.createElement("option", {
-      key: option.iso,
-      value: option.iso
-    }, option.name);
-  }))), /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12
-  }, /*#__PURE__*/React.createElement(TextField, {
-    form: form,
-    name: "comment",
-    multiline: true,
-    rowsMax: "20",
-    label: t("Comment")
-  })), /*#__PURE__*/React.createElement(Consent, {
-    organisation: props.organisation,
-    privacy_url: config.privacyUrl,
-    form: form
-  }), /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12
-  }, /*#__PURE__*/React.createElement(Button, {
-    color: "primary",
-    variant: "contained",
-    fullWidth: true,
-    type: "submit",
-    size: "large",
-    disabled: formState.isSubmitting,
-    endIcon: /*#__PURE__*/React.createElement(SendIcon, null)
-  }, " ", t("register"))))));
-}
-Register.propTypes = {
-  actionPage: PropTypes.number.isRequired
-};

package/dist/components/Share.js

@@ -1,177 +0,0 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import React from "react"; //import { Container, Grid } from "@material-ui/core";
-
-import { IconButton //  ButtonGroup,
-//  Button,
-, Card, CardHeader, CardActions, CardContent, CardMedia } from "@material-ui/core";
-import metadataparser from "page-metadata-parser";
-import uuid from "../lib/uuid";
-import { addAction } from "../lib/server";
-import Url from "../lib/urlparser";
-import { useTranslation } from "react-i18next";
-import useConfig from "../hooks/useConfig";
-import { EmailShareButton, FacebookShareButton, FacebookMessengerShareButton //  InstapaperShareButton,
-//  LineShareButton,
-, LinkedinShareButton //  LivejournalShareButton,
-//  MailruShareButton,
-//  OKShareButton,
-//  PinterestShareButton,
-//  PocketShareButton,
-, RedditShareButton, TelegramShareButton //  TumblrShareButton,
-, TwitterShareButton //  ViberShareButton,
-//  VKShareButton,
-, WhatsappShareButton //  WorkplaceShareButton,
-, FacebookIcon, FacebookMessengerIcon, TwitterIcon, LinkedinIcon, TelegramIcon, WhatsappIcon, RedditIcon, EmailIcon } from "react-share";
-import { makeStyles } from "@material-ui/core/styles";
-var useStyles = makeStyles(function (theme) {
-  return {
-    media: {
-      height: 0,
-      paddingTop: "52.5%" // FB ratio
-
-    },
-    aamargin: {
-      margin: theme.spacing(1),
-      "& > *": {
-        margin: theme.spacing(1)
-      }
-    },
-    root: {
-      "& p": {
-        fontSize: theme.typography.pxToRem(16)
-      },
-      "& h3": {
-        fontSize: theme.typography.pxToRem(20)
-      }
-    },
-    widroot: {
-      "& Button": {
-        justifyContent: "left"
-      },
-      "& span": {
-        justifyContent: "left",
-        padding: "5px 10px"
-      },
-      "& > *": {
-        margin: theme.spacing(1)
-      }
-    }
-  };
-});
-/*
-const Transition = React.forwardRef(function Transition(props, ref) {
-  return <Slide direction="up" ref={ref} {...props} />;
-});
-*/
-
-export default function ShareAction(props) {
-  var classes = useStyles();
-
-  var _useConfig = useConfig(),
-      config = _useConfig.config;
-
-  var actionPage = config.actionPage;
-  var metadata = metadataparser.getMetadata(window.document, window.location);
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  var shareUrl = function shareUrl(component) {
-    var url = new URL(window.location.href);
-    var params = url.searchParams;
-    params.set("utm_source", "share");
-    params.set("utm_medium", component.render.displayName.replace("ShareButton-", ""));
-    params.set("utm_campaign", uuid());
-    return url.toString();
-  };
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: classes.root
-  }, /*#__PURE__*/React.createElement("h3", null, t("share.title")), /*#__PURE__*/React.createElement("p", null, t("share.intro")), /*#__PURE__*/React.createElement(Card, {
-    className: classes.root
-  }, /*#__PURE__*/React.createElement(CardHeader, {
-    title: metadata.title,
-    subheader: metadata.provider
-  }), metadata.image ? /*#__PURE__*/React.createElement(CardMedia, {
-    className: classes.media,
-    image: metadata.image,
-    title: metadata.title
-  }) : null, /*#__PURE__*/React.createElement(CardContent, null, /*#__PURE__*/React.createElement("p", null, metadata.description)), /*#__PURE__*/React.createElement(CardActions, null, /*#__PURE__*/React.createElement(ActionIcon, {
-    icon: WhatsappIcon,
-    title: props["share-whatsapp"] || props.share,
-    windowWidth: 715,
-    windowHeight: 544,
-    component: WhatsappShareButton
-  }), /*#__PURE__*/React.createElement(ActionIcon, {
-    icon: FacebookMessengerIcon,
-    title: props["share-whatsapp"] || props.share,
-    appId: "634127320642564",
-    component: FacebookMessengerShareButton
-  }), /*#__PURE__*/React.createElement(ActionIcon, {
-    icon: FacebookIcon,
-    component: FacebookShareButton
-  }), /*#__PURE__*/React.createElement(ActionIcon, {
-    icon: TwitterIcon,
-    title: props["share-twitter"] || props.share,
-    component: TwitterShareButton
-  }), /*#__PURE__*/React.createElement(ActionIcon, {
-    icon: TelegramIcon,
-    component: TelegramShareButton
-  }), /*#__PURE__*/React.createElement(ActionIcon, {
-    icon: EmailIcon,
-    component: EmailShareButton,
-    subject: t("share.email.subject") || t("share.message"),
-    body: t("share.email.body") || t("share.message"),
-    separator: " "
-  }), /*#__PURE__*/React.createElement(ActionIcon, {
-    icon: RedditIcon,
-    component: RedditShareButton
-  }), /*#__PURE__*/React.createElement(ActionIcon, {
-    icon: LinkedinIcon,
-    component: LinkedinShareButton
-  }))));
-
-  function ActionIcon(props) {
-    var medium = props.component.render.displayName.replace("ShareButton-", "");
-
-    function addShare(event) {
-      addAction(actionPage, event, {
-        uuid: uuid(),
-        payload: [{
-          key: "medium",
-          value: medium
-        }],
-        tracking: Url.utm()
-      });
-    }
-
-    function after(props) {
-      addShare("share_close");
-      console.log("closing " + medium);
-    }
-
-    function before(props) {
-      addShare("share_click");
-      console.log("clicking " + medium);
-    }
-
-    var drillProps = _extends({}, props);
-
-    delete drillProps.icon;
-    return /*#__PURE__*/React.createElement(IconButton, _extends({}, drillProps, {
-      component: props.component,
-      url: shareUrl(props.component),
-      title: props.title || props.share || t("share.message"),
-      beforeOnClick: function beforeOnClick() {
-        return before(props);
-      },
-      onShareWindowClose: function onShareWindowClose() {
-        return after(props);
-      }
-    }), props.icon ? props.icon({
-      round: true,
-      size: 48
-    }) : null);
-  }
-}