proca 0.8.1 → 1.1.5

package/dist/components/bespoke/Register-CH.js

@@ -1,505 +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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-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 { makeStyles } from "@material-ui/core/styles";
-import { TextField, Button, Snackbar } from "@material-ui/core";
-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 { useTranslation } from "react-i18next";
-import ProgressCounter from "../ProgressCounter";
-import { addActionContact } from "../../lib/server.js";
-import useElementWidth from "../../hooks/useElementWidth";
-import useConfig from "../../hooks/useConfig";
-import uuid from "../../lib/uuid.js";
-import domparser from "../../lib/domparser";
-import useCount from "../../hooks/useCount";
-import Consent from "../Consent";
-import { url as postcardUrl } from "./Download";
-var defaultValues = {
-  firstname: "",
-  lastname: "",
-  email: "",
-  postcode: "",
-  locality: "",
-  address: "",
-  country: "CH",
-  comment: ""
-};
-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:valid + fieldset": {
-        borderColor: "green",
-        borderWidth: 2
-      }
-    }
-  };
-});
-export default function Register(props) {
-  var classes = useStyles();
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  var _useState = useState("default"),
-      _useState2 = _slicedToArray(_useState, 2),
-      status = _useState2[0],
-      setStatus = _useState2[1];
-
-  var _useConfig = useConfig(),
-      config = _useConfig.config,
-      setConfig = _useConfig.setConfig;
-
-  var actionUrl = config.actionUrl + domparser('campaignId', config.selector);
-  var c = useCount(null, actionUrl);
-
-  if (status !== "error" && c && c.errors && c.errors.length >= 0) {
-    console.log(c);
-    setStatus("error");
-  }
-
-  var buttonRegister = config.buttonRegister || t("Sign");
-  useEffect(function () {
-    if (!c || c.errors || parseInt(c.actionPage, 10) === config.actionPage) return;
-    setConfig('actionPage', parseInt(c.actionPage, 10));
-  }, [c, setConfig, config.actionPage]); //    console.log(config);
-
-  defaultValues = _objectSpread({}, defaultValues, {}, config.data);
-  var width = useElementWidth('#proca-register');
-
-  var _useState3 = useState(true),
-      _useState4 = _slicedToArray(_useState3, 2),
-      compact = _useState4[0],
-      setCompact = _useState4[1];
-
-  if (compact && width > 450 || !compact && width <= 450) setCompact(width <= 450);
-  if (props.values) defaultValues = _objectSpread({}, defaultValues, {}, props.values);
-
-  var _useForm = useForm({
-    //    mode: "onBlur",
-    //    nativeValidation: true,
-    defaultValues: defaultValues
-  }),
-      register = _useForm.register,
-      handleSubmit = _useForm.handleSubmit,
-      setValue = _useForm.setValue,
-      errors = _useForm.errors,
-      setError = _useForm.setError,
-      clearError = _useForm.clearError,
-      watch = _useForm.watch,
-      formState = _useForm.formState; //  const { register, handleSubmit, setValue, errors } = useForm({ mode: 'onBlur', defaultValues: defaultValues });
-
-
-  var postcode = watch("postcode");
-  var locality = watch("locality");
-
-  var _useState5 = useState(""),
-      _useState6 = _slicedToArray(_useState5, 2),
-      autoLocality = _useState6[0],
-      setLocality = _useState6[1];
-
-  var _useState7 = useState(""),
-      _useState8 = _slicedToArray(_useState7, 2),
-      region = _useState8[0],
-      setRegion = _useState8[1];
-
-  useEffect(function () {
-    if (postcode.length !== 4) return;
-    var api = "https://postcode-ch.proca.foundation/" + postcode;
-
-    function fetchAPI() {
-      return _fetchAPI.apply(this, arguments);
-    }
-
-    function _fetchAPI() {
-      _fetchAPI = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-        return regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _context.next = 2;
-                return fetch(api).then(function (res) {
-                  if (!res.ok) {
-                    throw Error(res.statusText);
-                  }
-
-                  return res.json();
-                }).then(function (res) {
-                  if (res && res.name) {
-                    setLocality(res.name);
-                    setRegion(res.code1);
-                    setValue("locality", res.name);
-                  }
-                }).catch(function (err) {
-                  return setError(err);
-                });
-
-              case 2:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee);
-      }));
-      return _fetchAPI.apply(this, arguments);
-    }
-
-    fetchAPI();
-  }, [postcode, setError, setValue]);
-  var options = {
-    margin: config.margin || "dense",
-    variant: config.variant || "filled"
-  }; //variant: standard, filled, outlined
-  //margin: normal, dense
-
-  var onSubmit = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(data) {
-      var result;
-      return regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              data.tracking = config.utm;
-              data.region = region;
-              data.country = "CH";
-              data.LanguageCode = config.lang;
-              console.log(config.param);
-              console.log("submit", data);
-              data.postcardUrl = postcardUrl(data, config.param);
-              _context2.next = 9;
-              return addActionContact("register", config.actionPage, data);
-
-            case 9:
-              result = _context2.sent;
-
-              if (!result.errors) {
-                _context2.next = 14;
-                break;
-              }
-
-              result.errors.forEach(function (error) {
-                var fields = error.message && error.message.split(":");
-
-                if (fields.length === 2) {
-                  //setError(fields[0],{type:"manual",message:fields[1]});
-                  setError(fields[0], "manual", fields[1]);
-                }
-
-                console.log(error);
-              });
-              setStatus("error");
-              return _context2.abrupt("return");
-
-            case 14:
-              setStatus("success");
-              delete data.tracking;
-              delete data.privacy;
-              uuid(result.contactRef); // set the global uuid as signature's fingerprint
-
-              data.uuid = uuid();
-              data.postcardUrl += "&qrcode=" + uuid() + ":" + config.actionPage;
-              setConfig('data', data);
-              if (props.done instanceof Function) props.done({
-                uuid: uuid(),
-                firstname: data.firstname,
-                country: data.country
-              }); // sends the signature's ID as fingerprint
-
-            case 22:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2);
-    }));
-
-    return function onSubmit(_x) {
-      return _ref.apply(this, arguments);
-    };
-  }();
-
-  useEffect(function () {
-    register({
-      name: "postcode"
-    });
-  }, [postcode, register]);
-  useEffect(function () {
-    var inputs = document.querySelectorAll("input, select, textarea"); // 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);
-      };
-    });
-  }, [register, setError]);
-
-  var handleBlur = function handleBlur(e) {
-    e.target.checkValidity();
-
-    if (e.target.validity.valid) {
-      clearError(e.target.attributes.name.nodeValue);
-      return;
-    }
-  };
-
-  function minBirthdate() {
-    var d = new Date();
-    d.setFullYear(d.getFullYear() - 18);
-    return d.toISOString().substr(0, 10);
-  }
-
-  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(React.Fragment, null, /*#__PURE__*/React.createElement(ProgressCounter, {
-    count: c && c.total
-  }), /*#__PURE__*/React.createElement("form", {
-    className: classes.container,
-    onSubmit: handleSubmit(onSubmit),
-    method: "post",
-    id: "proca-register",
-    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
-  }, /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    sm: compact ? 12 : 6
-  }, /*#__PURE__*/React.createElement(TextField, {
-    id: "firstname",
-    name: "firstname",
-    label: t("First name"),
-    className: classes.textField,
-    placeholder: "eg. Albert",
-    autoComplete: "given-name",
-    required: true,
-    inputRef: register,
-    onBlur: handleBlur,
-    error: !!(errors && errors.firstname),
-    helperText: errors && errors.firstname && errors.firstname.message,
-    variant: options.variant,
-    margin: options.margin
-  })), /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    sm: compact ? 12 : 6
-  }, /*#__PURE__*/React.createElement(TextField, {
-    id: "lastname",
-    name: "lastname",
-    label: t("Last name"),
-    autoComplete: "family-name",
-    className: classes.textField,
-    variant: options.variant,
-    margin: options.margin,
-    inputRef: register,
-    placeholder: "eg. Einstein"
-  })), /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    sm: compact ? 12 : 6
-  }, errors && errors.email && errors.email.message, /*#__PURE__*/React.createElement(TextField, {
-    id: "email",
-    name: "email",
-    type: "email",
-    label: t("Email"),
-    autoComplete: "email",
-    className: classes.textField,
-    inputRef: register,
-    onBlur: handleBlur,
-    error: !!errors.email,
-    helperText: errors && errors.email && errors.email.message,
-    variant: options.variant,
-    margin: options.margin,
-    placeholder: "your.email@example.org",
-    required: true
-  })), /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    sm: compact ? 12 : 6
-  }, /*#__PURE__*/React.createElement(TextField, {
-    InputLabelProps: {
-      shrink: true
-    },
-    inputProps: {
-      max: minBirthdate(),
-      'data-error-message': t("you need to be 18 years old")
-    },
-    error: !!errors.birthdate,
-    helperText: errors && errors.birthdate && t("you need to be 18 years old"),
-    id: "birthdate",
-    name: "birthdate",
-    label: t("Birthdate"),
-    className: classes.textField,
-    onBlur: handleBlur,
-    variant: options.variant,
-    margin: options.margin,
-    inputRef: register({
-      validate: function validate(value) {
-        //not useful anymore now that we have the html5 validation?
-        if (!value) return;
-        console.log(value, minBirthdate());
-
-        if (value >= minBirthdate()) {
-          setError("birthdate", "manual", t("you need to be 18 years old"));
-          return false;
-        }
-
-        return true;
-      }
-    }),
-    type: "date"
-  })), /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    sm: compact ? 12 : 12
-  }, /*#__PURE__*/React.createElement(TextField, {
-    name: "address",
-    label: t("Address"),
-    className: classes.textField,
-    variant: options.variant,
-    margin: options.margin,
-    inputRef: register
-  })), /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    sm: compact ? 12 : 3
-  }, /*#__PURE__*/React.createElement(TextField, {
-    id: "postcode",
-    name: "postcode",
-    label: t("Postal Code"),
-    onBlur: handleBlur,
-    inputProps: {
-      pattern: "[0-9]{4}",
-      title: "9999"
-    },
-    autoComplete: "postal-code",
-    required: true,
-    error: !!errors.postcode,
-    helperText: errors && errors.postcode && errors.postcode.message,
-    inputRef: register,
-    className: classes.textField,
-    variant: options.variant,
-    margin: options.margin
-  })), /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    sm: compact ? 12 : 9
-  }, /*#__PURE__*/React.createElement(TextField, {
-    id: "locality",
-    name: "locality",
-    label: t("Locality"),
-    autoComplete: "address-level2",
-    InputLabelProps: {
-      shrink: autoLocality !== '' || locality !== '' || false
-    },
-    inputRef: register,
-    className: classes.textField,
-    variant: options.variant,
-    margin: options.margin
-  })), /*#__PURE__*/React.createElement(Consent, {
-    organisation: props.organisation,
-    privacy_url: config.privacyUrl,
-    errors: errors,
-    options: options,
-    register: register
-  }), /*#__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)
-  }, " ", buttonRegister))))));
-}
-Register.propTypes = {
-  actionPage: PropTypes.number.isRequired
-};
-Register.defaultProps = {
-  buttonText: "Register"
-};

package/dist/data/countries.json

@@ -1,114 +0,0 @@
-[
-  {
-    "iso": "AT",
-    "name": "Austria"
-  },
-  {
-    "iso" : "BE",
-    "name": "Belgium"
-  },
-  {
-    "iso": "BG",
-    "name": "Bulgaria"
-  },
-  {
-    "iso": "HR",
-    "name": "Croatia"
-  },
-  {
-    "iso": "CY",
-    "name": "Cyprus"
-  },
-  {
-    "iso": "CZ",
-    "name": "Czech Republic"
-  },
-  {
-    "iso": "DK",
-    "name": "Denmark"
-  },
-  {
-    "iso": "EE",
-    "name": "Estonia"
-  },
-  {
-    "iso": "FI",
-    "name": "Finland"
-  },
-  {
-    "iso": "FR",
-    "name": "France"
-  },
-  {
-    "iso": "DE",
-    "name": "Germany"
-  },
-  {
-    "iso": "GR",
-    "name": "Greece"
-  },
-  {
-    "iso": "HU",
-    "name": "Hungary"
-  },
-  {
-    "iso": "IE",
-    "name": "Ireland"
-  },
-  {
-    "iso": "IT",
-    "name": "Italy"
-  },
-  {
-    "iso": "LV",
-    "name": "Latvia"
-  },
-  {
-    "iso": "LT",
-    "name": "Lithuania"
-  },
-  {
-    "iso": "LU",
-    "name": "Luxembourg"
-  },
-  {
-    "iso": "MT",
-    "name": "Malta"
-  },
-  {
-    "iso": "NL",
-    "name": "Netherlands"
-  },
-  {
-    "iso": "PL",
-    "name": "Poland"
-  },
-  {
-    "iso": "PT",
-    "name": "Portugal"
-  },
-  {
-    "iso": "RO",
-    "name": "Romania"
-  },
-  {
-    "iso": "SK",
-    "name": "Slovakia"
-  },
-  {
-    "iso": "SI",
-    "name": "Slovenia"
-  },
-  {
-    "iso": "ES",
-    "name": "Spain"
-  },
-  {
-    "iso": "SE",
-    "name": "Sweden"
-  },
-  {
-    "iso": "ZZ",
-    "name": "Other"
-  }
-]