proca 0.8.1 → 1.1.5

package/dist/index.js

@@ -1,114 +0,0 @@
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-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; }
-
-import React from "react";
-import ReactDOM from "react-dom";
-import "./lib/i18n";
-import { setGlobalState, setConfig, goStep, hook } from "./hooks/useConfig";
-import ProcaWidget from "./components/Widget.js";
-import ProcaAlert from "./components/Alert.js";
-import Config from "Config"; // src/tmp.config/{actionpage}.json
-
-import { initDataState } from "./hooks/useData"; //console.log(querystring);
-
-var config = {
-  selector: "#signature-form"
-};
-
-var Alert = function Alert(text, severity) {
-  var selector = "proca_alert";
-
-  if (!document.querySelector('#' + selector)) {
-    var elem = document.createElement("div");
-    elem.id = selector;
-    document.body.appendChild(elem);
-  }
-
-  ReactDOM.render( /*#__PURE__*/React.createElement(ProcaAlert, {
-    text: text,
-    severity: severity
-  }), document.querySelector('#' + selector));
-};
-
-var getYAMLConfig = function getYAMLConfig() {
-  // legacy mode, taking the config from config/{widget}.yaml
-  if (process.widget.journey) config.journey = process.widget.journey;
-  if (process.widget.lang) config.lang = process.widget.lang;
-  config.organisation = process.widget.organisation || "missing organisation name";
-  if (process.widget.twitter_targets) config.targets = {
-    twitter_url: process.widget.twitter_targets
-  };
-  if (process.widget.actionpage) config.actionPage = process.widget.actionpage;
-  if (process.widget.actionurl) config.actionUrl = process.widget.actionurl;
-  if (process.widget.privacy_url) config.privacyUrl = process.widget.privacy_url;
-};
-
-var Widget = function Widget(args) {
-  if (args) config = _objectSpread({}, config, {}, args); //compile directives, you can't use process.widget[step]
-
-  if (!Config) // no config in src/config/{actionID}
-    getYAMLConfig();else config = _objectSpread({}, config, {}, Config);
-  document.querySelectorAll('.proca').forEach(function (dom) {
-    return dom.style.display = "none";
-  });
-
-  if (!document.querySelector(config.selector)) {
-    var elem = document.createElement("div");
-    elem.id = "proca-widget";
-    config.selector = "#" + elem.id;
-    document.body.appendChild(elem);
-  } //<ProcaWidget config={config} {...config} />,
-
-
-  ReactDOM.render( /*#__PURE__*/React.createElement(ProcaWidget, config), document.querySelector(config.selector));
-};
-
-Widget.jump = function (step) {
-  // if step is empty, jump to next
-  ProcaWidget.action();
-};
-
-var go = function go(action) {
-  goStep(action);
-};
-
-var set = function set(atom, key, value) {
-  config[key] = value; // pointless?
-
-  if (atom && key && value || atom && _typeof(key) === 'object') return setGlobalState(atom, key, value);
-  setConfig(key, value);
-};
-
-var render = function render() {
-  try {
-    var script = document.getElementById("proca");
-    if (!script) return; //todo: blacklist some param?
-
-    initDataState(script.dataset);
-    Widget(_objectSpread({}, script.dataset));
-  } catch (e) {
-    console.log(e);
-  }
-};
-
-var autoRender = function autoRender() {
-  if (window.proca) {
-    console.log("Powered by proca.foundation");
-  }
-
-  try {
-    if (!(document.readyState === "complete" || document.readyState === "loaded")) document.addEventListener("DOMContentLoaded", render);else {
-      render();
-    }
-  } catch (e) {
-    console.log(e);
-  }
-};
-
-autoRender();
-export { Widget, Alert, set, go, hook, React, ReactDOM }; //      <SignatureForm margin= "dense" variant= "filled" />

package/dist/lib/domparser.js

@@ -1,12 +0,0 @@
-var getData = function getData(key, selector) {
-  var dom = document.querySelector(selector);
-  return dom.dataset[key];
-};
-
-var getAllData = function getAllData(selector) {
-  var dom = document.querySelector(selector);
-  return dom.dataset;
-};
-
-export { getData, getAllData };
-export default getData;

package/dist/lib/i18n.js

@@ -1,40 +0,0 @@
-import i18n from "i18next"; //import LanguageDetector from "i18next-browser-languagedetector";
-
-import { initReactI18next } from "react-i18next";
-import locales from "../locales/common.json"; // locales is an alias to src/locales/{process.widget.lang} 
-
-var resources = {};
-
-if (process.widget) {
-  resources[process.widget.lang.toLowerCase()] = {
-    common: locales
-  };
-} else {
-  resources = {
-    common: locales
-  }; // npm published, put all languages
-
-  process.widget = {
-    lang: "en"
-  };
-}
-
-i18n //  .use(LanguageDetector)
-.use(initReactI18next).init({
-  // we init with resources
-  resources: resources,
-  languages: process.widget.lang.toLowerCase(),
-  lng: process.widget.lang.toLowerCase(),
-  fallbackLng: "en",
-  //    debug: true,
-  // have a common namespace used around the full app
-  ns: ["common"],
-  defaultNS: "common",
-  react: {
-    transSupportBasicHtmlNodes: true
-  },
-  interpolation: {
-    escapeValue: false
-  }
-});
-export default i18n;

package/dist/lib/init.js

@@ -1,7 +0,0 @@
-import { initConfigState } from "../hooks/useConfig";
-import { initDataState } from "../hooks/useData";
-export default function init(config, data) {
-  initConfigState(config);
-  initDataState(data);
-}
-;

package/dist/lib/server.js

@@ -1,331 +0,0 @@
-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; }
-
-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 graphQL(_x, _x2, _x3) {
-  return _graphQL.apply(this, arguments);
-}
-
-function _graphQL() {
-  _graphQL = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(operation, query, options) {
-    var data, headers;
-    return regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            if (!options) options = {};
-            if (!options.apiUrl) options.apiUrl = process.env.REACT_APP_API_URL || process.env.API_URL;
-            data = null;
-            headers = {
-              "Content-Type": "application/json",
-              Accept: "application/json"
-            };
-
-            if (options.authorization) {
-              //    var auth = 'Basic ' + Buffer.from(options.authorization.username + ':' + options.authorization.username.password).toString('base64');
-              headers.Authorization = "Basic " + options.authorization;
-            }
-
-            _context.next = 7;
-            return fetch(process.env.REACT_APP_API_URL || process.env.API_URL, {
-              method: "POST",
-              headers: headers,
-              body: JSON.stringify({
-                query: query,
-                variables: options.variables,
-                operationName: operation || ""
-              })
-            }).then(function (res) {
-              if (!res.ok) {
-                return {
-                  errors: [{
-                    message: res.statusText,
-                    code: "http_error",
-                    status: res.status
-                  }]
-                };
-              }
-
-              return res.json();
-            }).then(function (response) {
-              if (response.errors) {
-                response.errors.forEach(function (error) {
-                  return console.log(error.message);
-                });
-                data = response;
-                return;
-              }
-
-              data = response.data;
-            }).catch(function (error) {
-              console.log(error);
-              data = {
-                errors: [{
-                  code: 'network',
-                  message: error
-                }]
-              };
-              return;
-            });
-
-          case 7:
-            return _context.abrupt("return", data);
-
-          case 8:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
-  return _graphQL.apply(this, arguments);
-}
-
-function getCount(_x4) {
-  return _getCount.apply(this, arguments);
-}
-
-function _getCount() {
-  _getCount = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(actionPage) {
-    var query, url, data;
-    return regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            //actionCount {actionType, count}
-            query = "query getCount($actionPage: ID!)\n{actionPage(id:$actionPage) {\n  campaign {\n    stats {\n      supporterCount\n    }\n  }\n}}\n";
-            query = query.replace(/(\n)/gm, "").replace(/\s\s+/g, " ");
-            url = (process.env.REACT_APP_API_URL || process.env.API_URL) + "?query=" + encodeURIComponent(query) + "&variables=" + encodeURIComponent('{"actionPage":' + Number(actionPage) + "}");
-            data = null;
-            _context2.next = 6;
-            return fetch(url).then(function (res) {
-              if (!res.ok) {
-                return {
-                  errors: [{
-                    message: res.statusText,
-                    code: "http_error",
-                    status: res.status
-                  }]
-                };
-              }
-
-              return res.json();
-            }).then(function (response) {
-              if (response.errors) {
-                response.errors.forEach(function (error) {
-                  return console.log(error.message);
-                });
-                data = response;
-                return;
-              }
-
-              data = response.data;
-            }).catch(function (error) {
-              console.log(error);
-              data = {
-                errors: [error],
-                code: "http_error"
-              };
-              return;
-            });
-
-          case 6:
-            if (!(!data || data.errors)) {
-              _context2.next = 8;
-              break;
-            }
-
-            return _context2.abrupt("return", null);
-
-          case 8:
-            return _context2.abrupt("return", data.actionPage.campaign.stats.supporterCount);
-
-          case 9:
-          case "end":
-            return _context2.stop();
-        }
-      }
-    }, _callee2);
-  }));
-  return _getCount.apply(this, arguments);
-}
-
-function getCountByUrl(_x5) {
-  return _getCountByUrl.apply(this, arguments);
-}
-
-function _getCountByUrl() {
-  _getCountByUrl = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(url) {
-    var query, response;
-    return regeneratorRuntime.wrap(function _callee3$(_context3) {
-      while (1) {
-        switch (_context3.prev = _context3.next) {
-          case 0:
-            query = "query getCountByUrl($url:String)\n{actionPage(url:$url){id,campaign{name,title,\n  externalId,stats{supporterCount }}}}\n";
-            _context3.next = 3;
-            return graphQL("getCountByUrl", query, {
-              variables: {
-                "url": url
-              }
-            });
-
-          case 3:
-            response = _context3.sent;
-
-            if (!(!response || response.errors)) {
-              _context3.next = 6;
-              break;
-            }
-
-            return _context3.abrupt("return", response);
-
-          case 6:
-            return _context3.abrupt("return", {
-              total: response.actionPage.campaign.stats.supporterCount,
-              actionPage: response.actionPage.id
-            });
-
-          case 7:
-          case "end":
-            return _context3.stop();
-        }
-      }
-    }, _callee3);
-  }));
-  return _getCountByUrl.apply(this, arguments);
-}
-
-function addAction(_x6, _x7, _x8) {
-  return _addAction.apply(this, arguments);
-}
-
-function _addAction() {
-  _addAction = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4(actionPage, actionType, data) {
-    var query, variables, response;
-    return regeneratorRuntime.wrap(function _callee4$(_context4) {
-      while (1) {
-        switch (_context4.prev = _context4.next) {
-          case 0:
-            query = "mutation addAction (\n  $contact: ID!, \n  $actionPage: ID!,\n  $actionType: String!,\n  $payload: [CustomFieldInput!],\n  $tracking: TrackingInput) \n{\n  addAction (actionPageId: $actionPage, action: { actionType: $actionType, fields: $payload}\n    contactRef: $contact, tracking: $tracking) \n  {contactRef}\n}";
-            variables = {
-              actionPage: actionPage,
-              actionType: actionType,
-              payload: data.payload,
-              contact: data.uuid
-            };
-
-            if (data.tracking && Object.keys(data.tracking).length) {
-              variables.tracking = data.tracking;
-            }
-
-            _context4.next = 5;
-            return graphQL("addAction", query, {
-              variables: variables
-            });
-
-          case 5:
-            response = _context4.sent;
-            return _context4.abrupt("return", response);
-
-          case 7:
-          case "end":
-            return _context4.stop();
-        }
-      }
-    }, _callee4);
-  }));
-  return _addAction.apply(this, arguments);
-}
-
-function addActionContact(_x9, _x10, _x11) {
-  return _addActionContact.apply(this, arguments);
-}
-
-function _addActionContact() {
-  _addActionContact = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5(actionType, actionPage, data) {
-    var query, expected, variables, _i, _Object$entries, _Object$entries$_i, key, value, response;
-
-    return regeneratorRuntime.wrap(function _callee5$(_context5) {
-      while (1) {
-        switch (_context5.prev = _context5.next) {
-          case 0:
-            query = "mutation addActionContact(\n  $action: ActionInput!,\n  $contact:ContactInput!,\n  $privacy:ConsentInput!,\n  $contactRef:ID,\n  $actionPage:ID!,\n  $tracking:TrackingInput\n){\n  addActionContact(\n    actionPageId: $actionPage, \n    action: $action,\n    contactRef:$contactRef,\n    contact:$contact,\n    privacy:$privacy,\n    tracking:$tracking\n  ){contactRef,firstName}\n  }\n";
-            expected = "firstname,lastname,email,country,postcode,locality,address,region,birthdate,privacy,tracking".split(",");
-            variables = {
-              actionPage: actionPage,
-              action: {
-                actionType: actionType,
-                fields: [] // added below
-
-              },
-              contact: {
-                first_name: data.firstname,
-                last_name: data.lastname,
-                email: data.email,
-                address: {
-                  country: data.country || "",
-                  postcode: data.postcode || ""
-                }
-              },
-              privacy: {
-                optIn: data.privacy === "opt-in",
-                leadOptIn: data.privacy === "opt-in"
-              }
-            };
-            if (data.region) variables.contact.address.region = data.region;
-            if (data.locality) variables.contact.address.locality = data.locality;
-            if (data.birthdate) variables.contact.birth_date = data.birthdate;
-
-            if (Object.keys(data.tracking).length) {
-              variables.tracking = data.tracking;
-            }
-
-            for (_i = 0, _Object$entries = Object.entries(data); _i < _Object$entries.length; _i++) {
-              _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2), key = _Object$entries$_i[0], value = _Object$entries$_i[1];
-              if (value && !expected.includes(key)) variables.action.fields.push({
-                key: key,
-                value: value
-              });
-            }
-
-            _context5.next = 10;
-            return graphQL("addActionContact", query, {
-              variables: variables
-            });
-
-          case 10:
-            response = _context5.sent;
-
-            if (!response.errors) {
-              _context5.next = 13;
-              break;
-            }
-
-            return _context5.abrupt("return", response);
-
-          case 13:
-            return _context5.abrupt("return", response.addActionContact);
-
-          case 14:
-          case "end":
-            return _context5.stop();
-        }
-      }
-    }, _callee5);
-  }));
-  return _addActionContact.apply(this, arguments);
-}
-
-export { addActionContact, addAction, getCount, getCountByUrl };

package/dist/lib/urlparser.js

@@ -1,65 +0,0 @@
-import Url from "url-parse";
-/*
-        var urlParams = new URLSearchParams(window.location.search);
-        params.values = {};
-        [
-          "firstname",
-          "lastname",
-          "email",
-          "postcode",
-          "country",
-          "comment"
-        ].forEach(function(name) {
-          if (urlParams.get(name)) params.values[name] = urlParams.get(name);
-        });
-        */
-
-var filter = function filter(query) {
-  var whitelist = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-  var prefix = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
-  if (!whitelist) return query;
-  var r = {};
-  Object.keys(query).filter(function (key) {
-    return key.startsWith(prefix) && whitelist.includes(key.substr(prefix.length));
-  }).forEach(function (k) {
-    return r[k.substr(prefix.length)] = query[k];
-  });
-  return r;
-};
-
-var parse = function parse(whitelist, prefix) {
-  var url = Url(document.location, true);
-  return filter(url.query, whitelist, prefix) || {};
-};
-
-var data = function data(prefix) {
-  prefix = prefix || "proca_";
-  var whitelist = ["firstname", "lastname", "name", "email", "postcode", "address", "locality", "country", "comment"];
-  return parse(whitelist, prefix);
-};
-
-var config = function config(prefix) {
-  prefix = prefix || "proca_";
-  var whitelist = ["comment"];
-  return parse(whitelist, prefix);
-};
-
-var utm = function utm() {
-  var whitelist = ["source", "medium", "campaign", "content"];
-  var utm = parse(whitelist, "utm_");
-
-  if (0 === Object.keys(utm).length && document.referrer) {
-    utm.medium = "website";
-    utm.source = "referrer";
-    utm.campaign = document.referrer;
-  }
-
-  return utm;
-};
-
-export { utm, data, config };
-export default {
-  utm: utm,
-  data: data,
-  config: config
-};

package/dist/lib/uuid.js

@@ -1,30 +0,0 @@
-/*
- * Sometimes, we need a uniqueid /fingerprint without collecting any personal data or any interaction with the server
- *
- * we generate a RFC 4122 uuid (v4) https://en.wikipedia.org/wiki/Universally_unique_identifier#Version_4_(random) 
- * and base64url encode it (a url friendly base64 encoding)
- */
-import base64url from "base64url";
-import { v4 as uuid } from 'uuid';
-var id = null;
-
-function generate() {
-  var d = [];
-  uuid(null, d);
-  id = base64url(d);
-  return id;
-} // @input set null=generate or return previous, false=return if uuid is set or not, string or array = set the uuid
-
-
-export default function (set) {
-  if (typeof set === "undefined") {
-    return id ? id : generate();
-  }
-
-  if (typeof set === "string") {
-    id = set;
-    return id;
-  }
-
-  return id;
-}

package/dist/locales/README.md

@@ -1,37 +0,0 @@
-trying to use most of the strings from the mozilla plateform
-
-https://github.com/mozilla-l10n/donate-l10n
-
-then convert to json using i18next-gettext-converter
-
-i18next-conv -l fr -s /usr/src/donate-l10n/donate/locale/fr/LC_MESSAGES/django.po -t /tmp/fr.json
-
-
-or better, using code and filter:
-
-const path = require('path');
-const { readFileSync, writeFileSync } = require('fs');
-const {
-  i18nextToPo,
-  i18nextToPot,
-  i18nextToMo,
-  gettextToI18next,
-} = require('i18next-conv');
-
-const source = path.join(__dirname, '../locales/ua-UK/translation.json');
-const options = {/* you options here */}
-
-function save(target) {
-  return result => {
-    writeFileSync(target, result);
-  };
-}
-
-i18nextToPo('ua-UK', readFileSync(source), options).then(save('../locales/ua-UK/translation.po'));
-i18nextToPot('ua-UK', readFileSync(source), options).then(save('../locales/ua-UK/translation.pot'));
-i18nextToMo('ua-UK', readFileSync(source), options).then(save('../locales/ua-UK/translation.mo'));
-
-gettextToI18next('ua-UK', readFileSync('../locales/ua-UK/translation.po'), options)
-.then(save('../locales/ua-UK/translation.json'));
-                                                        
-~