@micromag/consent 0.3.703

package/assets/css/styles.css

@@ -0,0 +1,5 @@
+.micromag-consent-buttons-close-container{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}
+.micromag-consent-buttons-pill-container{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border:1px solid #fff;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;padding:0;padding:6px 10px;position:relative}.micromag-consent-buttons-pill-container:active,.micromag-consent-buttons-pill-container:hover{background-color:var(--color-primary);color:#fff}
+.micromag-consent-fields-checkbox-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;line-height:1.2}.micromag-consent-fields-checkbox-container .micromag-consent-fields-checkbox-check{margin-right:6px}.micromag-consent-fields-checkbox-container .micromag-consent-fields-checkbox-input{cursor:pointer;display:block;height:1rem;margin:0 0 5px;width:1rem}.micromag-consent-fields-checkbox-container .micromag-consent-fields-checkbox-label{-ms-flex-positive:1;cursor:pointer;flex-grow:1;font-weight:800}.micromag-consent-fields-checkbox-container:active .micromag-consent-fields-checkbox-label,.micromag-consent-fields-checkbox-container:hover .micromag-consent-fields-checkbox-label{-webkit-text-decoration:underline;text-decoration:underline}
+.micromag-consent-forms-cookies-container{border-radius:10px;bottom:10px;margin-left:10px;margin-top:10px;max-height:calc(100vh - 20px);overflow-y:scroll;padding:15px;position:fixed;right:10px;z-index:99999}.micromag-consent-forms-cookies-container .micromag-consent-forms-cookies-close{position:absolute;right:15px;top:15px}.micromag-consent-forms-cookies-container .micromag-consent-forms-cookies-button{margin:0 5px 5px 0}
+.micromag-consent-container{position:relative}.micromag-consent-container .micromag-consent-close{color:var(--color-primary);cursor:pointer;font-size:1.5rem;position:absolute;right:15px;top:15px}

package/es/index.js

@@ -0,0 +1,716 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import React, { useMemo, useState, useCallback, useRef, useInsertionEffect } from 'react';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { faTimes } from '@fortawesome/free-solid-svg-icons/faTimes';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { Button } from '@micromag/core/components';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import isString from 'lodash/isString';
+import { defineMessages, FormattedMessage } from 'react-intl';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import JSCookie from 'js-cookie';
+
+var styles$4 = {"container":"micromag-consent-buttons-close-container"};
+
+var _excluded$3 = ["className"];
+var propTypes$5 = {
+  className: PropTypes.string
+};
+var defaultProps$5 = {
+  className: null
+};
+var CloseButton = function CloseButton(_ref) {
+  var className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded$3);
+  return /*#__PURE__*/React.createElement(Button, Object.assign({
+    className: classNames([styles$4.container, _defineProperty({}, className, className !== null)]),
+    withoutStyle: true,
+    icon: /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+      icon: faTimes,
+      className: styles$4.icon
+    }),
+    iconPosition: "right"
+  }, props));
+};
+CloseButton.propTypes = propTypes$5;
+CloseButton.defaultProps = defaultProps$5;
+
+var messages = defineMessages({
+  functionality_title: {
+    id: "consent.functionality_title",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Functionnal"
+    }]
+  },
+  functionality_description: {
+    id: "consent.functionality_description",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Cookies required for the site to function properly."
+    }]
+  },
+  analytics_title: {
+    id: "consent.analytics_title",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Analytics"
+    }]
+  },
+  analytics_description: {
+    id: "consent.analytics_description",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Cookies used to measure user behavior."
+    }]
+  },
+  ad_storage_title: {
+    id: "consent.ad_storage_title",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Ad Storage"
+    }]
+  },
+  ad_storage_description: {
+    id: "consent.ad_storage_description",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Cookies used for advertising purposes."
+    }]
+  },
+  ad_personalization_title: {
+    id: "consent.ad_personalization_title",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Ad Personalization"
+    }]
+  },
+  ad_personalization_description: {
+    id: "consent.ad_personalization_description",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Cookies used for ad targeting."
+    }]
+  },
+  ad_user_data_title: {
+    id: "consent.ad_user_data_title",
+    defaultMessage: [{
+      "type": 0,
+      "value": "User Ad Data"
+    }]
+  },
+  ad_user_data_description: {
+    id: "consent.ad_user_data_description",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Cookies used for user-specific ad data."
+    }]
+  },
+  personalization_storage_title: {
+    id: "consent.personalization_storage_title",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Personalization Storage"
+    }]
+  },
+  personalization_storage_description: {
+    id: "consent.personalization_storage_description",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Cookies used for personalizing user experience."
+    }]
+  },
+  security_storage_title: {
+    id: "consent.security_storage_title",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Security Storage"
+    }]
+  },
+  security_storage_description: {
+    id: "consent.security_storage_description",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Cookies used for security purposes."
+    }]
+  }
+});
+var consent = [{
+  id: 'functionality_storage',
+  label: messages.functionality_title,
+  description: messages.functionality_description,
+  value: true,
+  disabled: true
+}, {
+  id: 'security_storage',
+  label: messages.security_storage_title,
+  description: messages.security_storage_description,
+  value: true
+}, {
+  id: 'personalization_storage',
+  label: messages.personalization_storage_title,
+  description: messages.personalization_storage_description,
+  value: true
+}, {
+  id: 'analytics_storage',
+  label: messages.analytics_title,
+  description: messages.analytics_description,
+  value: true
+}, {
+  id: 'ad_storage',
+  label: messages.ad_storage_title,
+  description: messages.ad_storage_description,
+  value: true
+}, {
+  id: 'ad_personalization',
+  label: messages.ad_personalization_title,
+  description: messages.ad_personalization_description,
+  value: true
+}, {
+  id: 'ad_user_data',
+  label: messages.ad_user_data_title,
+  description: messages.ad_user_data_description,
+  value: true
+}];
+var useConsent = function useConsent(_ref) {
+  var _ref$consent = _ref.consent,
+    initialConsent = _ref$consent === void 0 ? null : _ref$consent,
+    _ref$onSubmit = _ref.onSubmit,
+    onSubmit = _ref$onSubmit === void 0 ? null : _ref$onSubmit,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? null : _ref$onChange,
+    _ref$onClose = _ref.onClose,
+    onClose = _ref$onClose === void 0 ? null : _ref$onClose,
+    _ref$autoClose = _ref.autoClose,
+    autoClose = _ref$autoClose === void 0 ? true : _ref$autoClose;
+  var baseConsent = useMemo(function () {
+    return (initialConsent || consent).map(function (item) {
+      if (isString(item)) {
+        return consent.find(function (it) {
+          return it.id === item;
+        }) || null;
+      }
+      return item || null;
+    }).filter(function (it) {
+      return it !== null;
+    }).map(function (it) {
+      return _objectSpread(_objectSpread({}, it), {}, {
+        value:
+        // eslint-disable-next-line no-nested-ternary
+        JSCookie.get(it.id) === 'granted' ? true : JSCookie.get(it.id) === 'denied' ? false : it.value
+      });
+    });
+  }, [initialConsent]);
+  var _useState = useState(baseConsent),
+    _useState2 = _slicedToArray(_useState, 2),
+    choices = _useState2[0],
+    setChoices = _useState2[1];
+  var onSubmitForm = useCallback(function (values) {
+    JSCookie.set('popup_cookies', false, {
+      secure: true,
+      expires: 182
+    });
+    if (onSubmit !== null) {
+      onSubmit(values || []);
+    }
+    if (onClose !== null && autoClose) {
+      onClose(values || []);
+    }
+  }, [onSubmit, onClose, autoClose]);
+  var onClickChoice = useCallback(function (id, newValue) {
+    var newChoices = (choices || []).reduce(function (acc, it) {
+      if (it.id === id) {
+        return [].concat(_toConsumableArray(acc), [_objectSpread(_objectSpread({}, it), {}, {
+          value: newValue
+        })]);
+      }
+      return [].concat(_toConsumableArray(acc), [it]);
+    }, []);
+    setChoices(newChoices);
+    if (onChange !== null) {
+      onChange(newChoices || []);
+    }
+  }, [choices, setChoices]);
+  var onClickConfirm = useCallback(function () {
+    onSubmitForm(choices);
+  }, [choices, onSubmitForm]);
+  var onClickAccept = useCallback(function () {
+    var items = baseConsent.map(function (it) {
+      return _objectSpread(_objectSpread({}, it), {}, {
+        value: !it.disabled ? true : it.value
+      });
+    });
+    setChoices(items);
+    onSubmitForm(items);
+  }, [baseConsent, setChoices, onSubmitForm]);
+  var onClickDeny = useCallback(function () {
+    var items = baseConsent.map(function (it) {
+      return _objectSpread(_objectSpread({}, it), {}, {
+        value: !it.disabled ? false : it.value
+      });
+    });
+    setChoices(items);
+    onSubmitForm(items);
+  }, [baseConsent, setChoices, onSubmitForm]);
+  return {
+    choices: choices,
+    onClickChoice: onClickChoice,
+    onClickConfirm: onClickConfirm,
+    onClickAccept: onClickAccept,
+    onClickDeny: onClickDeny
+  };
+};
+
+var styles$3 = {"container":"micromag-consent-buttons-pill-container"};
+
+var _excluded$2 = ["children", "color", "backgroundColor", "className", "active", "disabled", "invert", "dark"];
+var propTypes$4 = {
+  children: PropTypes.node,
+  color: PropTypes.string,
+  backgroundColor: PropTypes.string,
+  active: PropTypes.bool,
+  invert: PropTypes.bool,
+  disabled: PropTypes.bool,
+  dark: PropTypes.bool,
+  className: PropTypes.string
+};
+var defaultProps$4 = {
+  children: null,
+  color: null,
+  backgroundColor: null,
+  active: false,
+  invert: false,
+  disabled: false,
+  dark: false,
+  className: null
+};
+function PillButton(_ref) {
+  var children = _ref.children,
+    color = _ref.color,
+    backgroundColor = _ref.backgroundColor,
+    className = _ref.className,
+    active = _ref.active,
+    disabled = _ref.disabled,
+    invert = _ref.invert,
+    dark = _ref.dark,
+    props = _objectWithoutProperties(_ref, _excluded$2);
+  return /*#__PURE__*/React.createElement(Button, Object.assign({
+    className: classNames([styles$3.container, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles$3.active, active), styles$3.dark, dark), styles$3.invert, invert), styles$3.disabled, disabled), className, className !== null)])
+  }, props, {
+    style: {
+      color: color,
+      backgroundColor: backgroundColor
+    },
+    disabled: disabled
+  }), children);
+}
+PillButton.defaultProps = defaultProps$4;
+PillButton.propTypes = propTypes$4;
+
+var styles$2 = {"container":"micromag-consent-fields-checkbox-container","check":"micromag-consent-fields-checkbox-check","input":"micromag-consent-fields-checkbox-input","label":"micromag-consent-fields-checkbox-label"};
+
+var propTypes$3 = {
+  name: PropTypes.string,
+  label: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
+  value: PropTypes.string,
+  disabled: PropTypes.bool,
+  className: PropTypes.string,
+  onClick: PropTypes.func,
+  onChange: PropTypes.func
+};
+var defaultProps$3 = {
+  name: null,
+  value: null,
+  label: null,
+  disabled: false,
+  className: null,
+  onClick: null,
+  onChange: null
+};
+function CheckboxField(_ref) {
+  var name = _ref.name,
+    label = _ref.label,
+    value = _ref.value,
+    disabled = _ref.disabled,
+    onClick = _ref.onClick,
+    onChange = _ref.onChange,
+    className = _ref.className;
+  var onInputChange = useCallback(function (e) {
+    if (onChange !== null) {
+      onChange(e.currentTarget.checked);
+    }
+  }, [onChange]);
+  return /*#__PURE__*/React.createElement("label", {
+    htmlFor: name,
+    className: classNames([styles$2.container, _defineProperty(_defineProperty({}, styles$2.disabled, disabled), className, className !== null)])
+  }, /*#__PURE__*/React.createElement("span", {
+    className: styles$2.check
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "checkbox",
+    name: name,
+    id: name,
+    disabled: disabled,
+    checked: value || false,
+    onChange: onClick || onInputChange,
+    className: styles$2.input
+  })), /*#__PURE__*/React.createElement("span", {
+    className: styles$2.label
+  }, isString(label) ? label : /*#__PURE__*/React.createElement(FormattedMessage, label)));
+}
+CheckboxField.propTypes = propTypes$3;
+CheckboxField.defaultProps = defaultProps$3;
+
+var _excluded$1 = ["href", "route", "routeParams", "external", "children", "target", "rel", "onClick", "className"];
+var useEvent = function useEvent(fn) {
+  var ref = useRef([fn, function () {
+    return ref[0].apply(ref, arguments);
+  }]).current;
+  // Per Dan Abramov: useInsertionEffect executes marginally closer to the
+  // correct timing for ref synchronization than useLayoutEffect on React 18.
+  // See: https://github.com/facebook/react/pull/25881#issuecomment-1356244360
+  useInsertionEffect(function () {
+    ref[0] = fn;
+  });
+  return ref[1];
+};
+var propTypes$2 = {
+  href: PropTypes.string,
+  route: PropTypes.string,
+  routeParams: PropTypes.object,
+  // eslint-disable-line react/forbid-prop-types
+  external: PropTypes.bool,
+  target: PropTypes.string,
+  children: PropTypes.node,
+  rel: PropTypes.string,
+  onClick: PropTypes.func,
+  className: PropTypes.string
+};
+var defaultProps$2 = {
+  href: null,
+  route: null,
+  routeParams: null,
+  external: false,
+  target: '_blank',
+  rel: 'noopener noreferrer',
+  onClick: null,
+  children: null,
+  className: null
+};
+var LinkPartial = function LinkPartial(_ref) {
+  var href = _ref.href;
+    _ref.route;
+    _ref.routeParams;
+    var external = _ref.external,
+    children = _ref.children,
+    target = _ref.target,
+    rel = _ref.rel,
+    onClick = _ref.onClick,
+    className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded$1);
+  var link = href || null;
+  if (link === null) {
+    return /*#__PURE__*/React.createElement("span", {
+      className: className
+    }, children);
+  }
+  var onClickLink = useCallback(function () {
+    if (onClick !== null) {
+      onClick.apply(void 0, arguments);
+    }
+  }, [onClick]);
+  var handleClick = useEvent(function (event) {
+    // ignores the navigation when clicked using right mouse button or
+    // by holding a special modifier key: ctrl, command, win, alt, shift
+    if (event.ctrlKey || event.metaKey || event.altKey || event.shiftKey || event.button !== 0) {
+      return;
+    }
+    if (onClickLink !== null) {
+      onClickLink(event);
+    }
+    if (!event.defaultPrevented) {
+      event.preventDefault();
+    }
+  });
+  return external ? /*#__PURE__*/React.createElement("a", Object.assign({
+    className: className,
+    href: href,
+    target: target,
+    rel: rel,
+    onClick: onClickLink
+  }, props), children) : /*#__PURE__*/React.createElement("a", Object.assign({
+    className: className,
+    href: href,
+    onClick: handleClick
+  }, props), children);
+};
+LinkPartial.propTypes = propTypes$2;
+LinkPartial.defaultProps = defaultProps$2;
+
+var styles$1 = {"container":"micromag-consent-forms-cookies-container","button":"micromag-consent-forms-cookies-button"};
+
+var _excluded = ["consent", "onChange", "onSubmit", "onClose", "onClickLink", "urls", "labels", "className"];
+var propTypes$1 = {
+  consent: PropTypes.shape({}),
+  urls: PropTypes.shape({
+    privacy: PropTypes.string
+  }),
+  labels: PropTypes.shape({
+    title: PropTypes.string,
+    description: PropTypes.string,
+    privacy: PropTypes.string
+  }),
+  onChange: PropTypes.func,
+  onSubmit: PropTypes.func,
+  onClose: PropTypes.func,
+  onClickLink: PropTypes.func,
+  className: PropTypes.string
+};
+var defaultProps$1 = {
+  consent: null,
+  urls: null,
+  labels: null,
+  onChange: null,
+  onSubmit: null,
+  onClose: null,
+  onClickLink: null,
+  className: null
+};
+var Cookies = function Cookies(_ref) {
+  var consent = _ref.consent,
+    onChange = _ref.onChange,
+    onSubmit = _ref.onSubmit,
+    onClose = _ref.onClose,
+    onClickLink = _ref.onClickLink,
+    urls = _ref.urls,
+    labels = _ref.labels,
+    className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useConsent = useConsent({
+      consent: consent,
+      onChange: onChange,
+      onSubmit: onSubmit,
+      onClose: onClose
+    }),
+    choices = _useConsent.choices,
+    onClickChoice = _useConsent.onClickChoice,
+    onClickConfirm = _useConsent.onClickConfirm,
+    onClickAccept = _useConsent.onClickAccept,
+    onClickDeny = _useConsent.onClickDeny;
+  var _ref2 = urls || {},
+    _ref2$privacy = _ref2.privacy,
+    privacyUrl = _ref2$privacy === void 0 ? null : _ref2$privacy,
+    _ref2$terms = _ref2.terms,
+    termsUrl = _ref2$terms === void 0 ? null : _ref2$terms;
+  var _ref3 = labels || {},
+    _ref3$title = _ref3.title,
+    title = _ref3$title === void 0 ? null : _ref3$title,
+    _ref3$description = _ref3.description,
+    description = _ref3$description === void 0 ? null : _ref3$description,
+    _ref3$privacy = _ref3.privacy,
+    privacy = _ref3$privacy === void 0 ? null : _ref3$privacy,
+    _ref3$terms = _ref3.terms,
+    terms = _ref3$terms === void 0 ? null : _ref3$terms;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showChoices = _useState2[0],
+    setShowChoices = _useState2[1];
+  var onToggleTerms = useCallback(function () {
+    setShowChoices(!showChoices);
+  }, [showChoices, setShowChoices]);
+  var onClickTerms = useCallback(function () {
+    if (onClickLink !== null) {
+      onClickLink('terms');
+    }
+  }, [onClickLink]);
+  var onClickPrivacy = useCallback(function () {
+    if (onClickLink !== null) {
+      onClickLink('privacy');
+    }
+  }, [onClickLink]);
+  return /*#__PURE__*/React.createElement("div", Object.assign({
+    className: classNames([styles$1.container, _defineProperty({}, className, className !== null)])
+  }, props), /*#__PURE__*/React.createElement("div", {
+    className: styles$1.top
+  }, /*#__PURE__*/React.createElement("h3", null, title || /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "+Ptk0B",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Your privacy settings"
+    }]
+  })), /*#__PURE__*/React.createElement("p", {
+    className: styles$1.description
+  }, description || /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "dsRGuG",
+    defaultMessage: [{
+      "type": 0,
+      "value": "We use cookies to improve your experience on our site and for marketing purposes. By accepting, you consent to the use of these cookies."
+    }]
+  }))), showChoices ? choices.map(function (_ref5) {
+    var _ref5$id = _ref5.id,
+      id = _ref5$id === void 0 ? null : _ref5$id,
+      _ref5$label = _ref5.label,
+      label = _ref5$label === void 0 ? null : _ref5$label,
+      _ref5$value = _ref5.value,
+      value = _ref5$value === void 0 ? false : _ref5$value,
+      _ref5$description = _ref5.description,
+      choiceDescription = _ref5$description === void 0 ? null : _ref5$description,
+      _ref5$disabled = _ref5.disabled,
+      disabled = _ref5$disabled === void 0 ? false : _ref5$disabled;
+    return /*#__PURE__*/React.createElement("div", {
+      className: styles$1.choice,
+      key: "cookie-".concat(id)
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles$1.checkbox
+    }, /*#__PURE__*/React.createElement(CheckboxField, {
+      value: value,
+      disabled: disabled,
+      label: label,
+      onClick: function onClick() {
+        return onClickChoice(id, !value);
+      }
+    })), /*#__PURE__*/React.createElement("p", {
+      className: styles$1.description
+    }, isString(choiceDescription) ? choiceDescription : /*#__PURE__*/React.createElement(FormattedMessage, choiceDescription)));
+  }) : null, privacyUrl !== null ? /*#__PURE__*/React.createElement("div", {
+    className: styles$1.more
+  }, /*#__PURE__*/React.createElement("p", {
+    className: styles$1.description
+  }, /*#__PURE__*/React.createElement(LinkPartial, {
+    href: privacyUrl,
+    onClick: onClickPrivacy,
+    external: privacyUrl.indexOf('http') === 0
+  }, privacy || /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "ylHNR3",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Learn more about our privacy policy"
+    }]
+  })))) : null, termsUrl !== null ? /*#__PURE__*/React.createElement("div", {
+    className: styles$1.more
+  }, /*#__PURE__*/React.createElement("p", {
+    className: styles$1.description
+  }, /*#__PURE__*/React.createElement(LinkPartial, {
+    href: termsUrl,
+    onClick: onClickTerms,
+    external: termsUrl.indexOf('http') === 0
+  }, terms || /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "lvPGoX",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Our terms and conditions"
+    }]
+  })))) : null, /*#__PURE__*/React.createElement("div", {
+    className: styles$1.buttons
+  }, showChoices ? /*#__PURE__*/React.createElement(PillButton, {
+    className: styles$1.button,
+    onClick: onClickConfirm,
+    small: true
+  }, /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "sHYAUa",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Save my preferences"
+    }]
+  })) : /*#__PURE__*/React.createElement(PillButton, {
+    className: classNames([styles$1.button, styles$1.small]),
+    onClick: onToggleTerms,
+    small: true
+  }, /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "8yRYcm",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Edit my settings"
+    }]
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: classNames([styles$1.buttons, styles$1.second])
+  }, /*#__PURE__*/React.createElement(PillButton, {
+    className: styles$1.button,
+    onClick: onClickAccept,
+    small: true
+  }, /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "HxW2pw",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Accept all"
+    }]
+  })), /*#__PURE__*/React.createElement(PillButton, {
+    className: styles$1.button,
+    onClick: onClickDeny,
+    small: true
+  }, /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "X9mFEG",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Reject all"
+    }]
+  }))));
+};
+Cookies.propTypes = propTypes$1;
+Cookies.defaultProps = defaultProps$1;
+
+var styles = {"container":"micromag-consent-container","close":"micromag-consent-close"};
+
+var propTypes = {
+  consent: PropTypes.arrayOf(PropTypes.string),
+  urls: PropTypes.shape({
+    privacy: PropTypes.string,
+    terms: PropTypes.string
+  }),
+  labels: PropTypes.shape({
+    title: PropTypes.string,
+    description: PropTypes.string,
+    privacy: PropTypes.string,
+    terms: PropTypes.string
+  }),
+  onChange: PropTypes.func,
+  onSubmit: PropTypes.func,
+  onClose: PropTypes.func,
+  withClose: PropTypes.bool,
+  className: PropTypes.string,
+  children: PropTypes.node
+};
+var defaultProps = {
+  consent: ['functionality_storage', 'analytics_storage', 'ad_storage', 'ad_personalization', 'ad_user_data'],
+  urls: null,
+  labels: null,
+  onChange: null,
+  onSubmit: null,
+  onClose: null,
+  withClose: false,
+  className: null,
+  children: null
+};
+function Consent(_ref) {
+  var consent = _ref.consent,
+    urls = _ref.urls,
+    labels = _ref.labels,
+    onChange = _ref.onChange,
+    onSubmit = _ref.onSubmit,
+    onClose = _ref.onClose,
+    withClose = _ref.withClose,
+    className = _ref.className,
+    children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames([styles.container, _defineProperty({}, className, className)])
+  }, onClose !== null && withClose ? /*#__PURE__*/React.createElement(CloseButton, {
+    type: "button",
+    className: styles.close,
+    onClick: onClose,
+    "aria-label": "Close consent form"
+  }) : null, children, /*#__PURE__*/React.createElement(Cookies, {
+    className: styles.form,
+    consent: consent,
+    urls: urls,
+    labels: labels,
+    onChange: onChange,
+    onSubmit: onSubmit,
+    onClose: onClose
+  }));
+}
+Consent.propTypes = propTypes;
+Consent.defaultProps = defaultProps;
+
+export { Consent as default };

package/package.json

@@ -0,0 +1,81 @@
+{
+    "name": "@micromag/consent",
+    "version": "0.3.703",
+    "private": false,
+    "description": "",
+    "keywords": [
+        "javascript"
+    ],
+    "homepage": "https://github.com/urbania-media/micromag-js",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/urbania-media/micromag-js.git"
+    },
+    "author": {
+        "name": "Folklore",
+        "email": "info@folklore.email"
+    },
+    "contributors": [
+        {
+            "name": "David Mongeau-Petitpas",
+            "email": "dmp@folklore.email"
+        },
+        {
+            "name": "Nicolas Roy-Bourdages",
+            "email": "nrb@folklore.email"
+        }
+    ],
+    "license": "ISC",
+    "type": "module",
+    "module": "es/index.js",
+    "exports": {
+        ".": {
+            "import": "./es/index.js"
+        },
+        "./scss/styles": "./scss/styles.scss",
+        "./scss/styles.scss": "./scss/styles.scss",
+        "./assets/css/styles": "./assets/css/styles.css",
+        "./assets/css/styles.css": "./assets/css/styles.css"
+    },
+    "files": [
+        "lib",
+        "es",
+        "assets",
+        "scss"
+    ],
+    "scripts": {
+        "clean": "rm -rf es && rm -rf lib && rm -rf assets && rm -rf scss",
+        "prepublishOnly": "npm run build",
+        "build": "../../scripts/prepare-package.sh --scss"
+    },
+    "devDependencies": {
+        "@panneau/data": "^3.0.163",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+    },
+    "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+    },
+    "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@folklore/routes": "^0.2.36",
+        "@fortawesome/fontawesome-svg-core": "^6.5.2",
+        "@fortawesome/free-solid-svg-icons": "^6.5.2",
+        "@fortawesome/react-fontawesome": "^0.2.0",
+        "@micromag/core": "^0.3.703",
+        "@micromag/data": "^0.3.703",
+        "bootstrap": "^5.3.7",
+        "classnames": "^2.2.6",
+        "js-cookie": "^3.0.5",
+        "lodash": "^4.17.21",
+        "prop-types": "^15.7.2",
+        "react-intl": "^6.6.4",
+        "wouter": "^3.0.0"
+    },
+    "publishConfig": {
+        "access": "public",
+        "registry": "https://registry.npmjs.org/"
+    },
+    "gitHead": "15a0df01ed9d05f47a056fb2ff078aded803d33d"
+}

package/scss/styles.scss

@@ -0,0 +1 @@
+@import '~@micromag/consent/assets/css/styles.css';