@micromag/core 0.3.703 → 0.3.707

package/es/contexts.js

@@ -2,11 +2,13 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import isString from 'lodash/isString';
 import PropTypes from 'prop-types';
 import React, { useContext, useMemo, useState, useEffect, useCallback, useRef } from 'react';
-import { ComponentsManager, FieldsManager, PropTypes as PropTypes$1, ScreensManager, ColorsParser, Tracking } from '@micromag/core';
+import { ComponentsManager, PropTypes as PropTypes$1, FieldsManager, ScreensManager, ColorsParser, Tracking } from '@micromag/core';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import JSCookie from 'js-cookie';
+import { defineMessages, useIntl } from 'react-intl';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import uniqBy from 'lodash/uniqBy';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { getJSON } from '@folklore/fetch';
 import isObject from 'lodash/isObject';
 import { loadGoogleApi, loadGoogleMaps } from '@folklore/services';
@@ -14,7 +16,6 @@ import { getDisplayName, getScreenExtraField } from '@micromag/core/utils';
 import { useUrlGenerator } from '@folklore/routes';
 export { RoutesContext, RoutesProvider, useRoutes, useUrlGenerator } from '@folklore/routes';
 import { useLocation } from 'wouter';
-import { useIntl } from 'react-intl';
 import { TrackingContext, TrackingContainer } from '@folklore/tracking';
 export { TrackingContext } from '@folklore/tracking';
 import EventEmitter from 'wolfy87-eventemitter';
@@ -133,13 +134,13 @@ var useElementComponent = function useElementComponent(name) {
 /**
  * Provider
  */
-var propTypes$i = {
+var propTypes$j = {
   children: PropTypes.node.isRequired,
   namespace: PropTypes.string,
   manager: PropTypes.instanceOf(ComponentsManager),
   components: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.object, PropTypes.func]))
 };
-var defaultProps$i = {
+var defaultProps$j = {
   namespace: null,
   components: {},
   manager: null
@@ -157,8 +158,244 @@ var ComponentsProvider = function ComponentsProvider(_ref) {
     value: finalManager
   }, children);
 };
-ComponentsProvider.propTypes = propTypes$i;
-ComponentsProvider.defaultProps = defaultProps$i;
+ComponentsProvider.propTypes = propTypes$j;
+ComponentsProvider.defaultProps = defaultProps$j;
+
+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 consentStates = [{
+  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 ConsentContext = /*#__PURE__*/React.createContext({
+  consent: null,
+  setConsent: function setConsent() {}
+});
+var useConsent = function useConsent() {
+  return useContext(ConsentContext);
+};
+var propTypes$i = {
+  children: PropTypes.node.isRequired,
+  consent: PropTypes$1.consent,
+  consented: PropTypes.bool,
+  expiration: PropTypes.number
+};
+var defaultProps$i = {
+  consent: ['functionality_storage', 'analytics_storage', 'ad_storage', 'ad_personalization', 'ad_user_data'],
+  consented: false,
+  expiration: 182 // Default expiration in days
+};
+var ConsentProvider = function ConsentProvider(_ref) {
+  var providedConsent = _ref.consent,
+    initialConsented = _ref.consented,
+    expiration = _ref.expiration,
+    children = _ref.children;
+  var cookieConsented = JSCookie.get('has_consented') === 'true';
+  var _useState = useState(initialConsented || cookieConsented),
+    _useState2 = _slicedToArray(_useState, 2),
+    consented = _useState2[0],
+    setConsented = _useState2[1];
+  useEffect(function () {
+    if (initialConsented) {
+      setConsented(initialConsented);
+    }
+  }, [initialConsented, setConsented]);
+  var baseConsent = useMemo(function () {
+    return (providedConsent || consentStates || []).map(function (item) {
+      if (isString(item)) {
+        return (consentStates || []).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
+      });
+    });
+  }, [providedConsent]);
+  var _useState3 = useState(baseConsent),
+    _useState4 = _slicedToArray(_useState3, 2),
+    consent = _useState4[0],
+    setConsentState = _useState4[1];
+  useEffect(function () {
+    if (baseConsent) {
+      setConsentState(baseConsent);
+    }
+  }, [baseConsent, setConsentState]);
+  var setConsent = useCallback(function (values) {
+    var hasConsented = values !== null && typeof values !== 'undefined';
+    JSCookie.set('has_consented', hasConsented, {
+      secure: true,
+      expires: expiration
+    });
+    setConsented(hasConsented);
+    (values || []).forEach(function (it) {
+      if (it.value === true) {
+        JSCookie.set(it.id, 'granted', {
+          secure: true,
+          expires: expiration
+        });
+      } else if (it.value === false) {
+        JSCookie.set(it.id, 'denied', {
+          secure: true,
+          expires: expiration
+        });
+      } else {
+        JSCookie.remove(it.id);
+      }
+    });
+    setConsentState(values);
+    return values;
+  }, [setConsentState, expiration]);
+  var value = useMemo(function () {
+    return {
+      consent: consent,
+      setConsent: setConsent,
+      consented: consented
+    };
+  }, [consent, setConsent, consented]);
+  return /*#__PURE__*/React.createElement(ConsentContext.Provider, {
+    value: value
+  }, children);
+};
+ConsentProvider.propTypes = propTypes$i;
+ConsentProvider.defaultProps = defaultProps$i;
 
 var FieldsContext = /*#__PURE__*/React.createContext(null);
 var useFieldsManager = function useFieldsManager() {
@@ -1421,4 +1658,4 @@ var VisitorProvider = function VisitorProvider(_ref) {
 VisitorProvider.propTypes = propTypes;
 VisitorProvider.defaultProps = defaultProps;
 
-export { ComponentsContext, ComponentsProvider, ELEMENTS_NAMESPACE, EditorContext, EditorProvider, FIELDS_NAMESPACE, FORMS_NAMESPACE, FieldContext, FieldContextProvider, FieldsContext, FieldsProvider, FieldsValueContext, FieldsValueContextProvider, FontsContext, FontsProvider, GoogleApiClientContext, GoogleApiClientProvider, GoogleKeysContext, GoogleKeysProvider, GoogleMapsClientContext, GoogleMapsClientProvider, MODALS_NAMESPACE, ModalsContext, ModalsProvider, PanelsContext, PanelsProvider, PlaybackContext, PlaybackProvider, SCREENS_NAMESPACE, ScreenContext, ScreenProvider, ScreenSizeContext, ScreenSizeProvider, ScreensContext, ScreensProvider, StoryContext, StoryProvider, TrackingProvider, ViewerContext, ViewerProvider, VisitorContext, VisitorProvider, useComponent, useComponents, useComponentsManager, useEditor, useElementComponent, useElementsComponents, useElementsComponentsManager, useFieldComponent, useFieldContext, useFieldDefinition, useFieldsComponents, useFieldsComponentsManager, useFieldsManager, useFieldsValue, useFonts, useFormComponent, useFormsComponents, useFormsComponentsManager, useGetColors, useGoogleApiClient, useGoogleFonts, useGoogleKeys, useGoogleMapsClient, useModalComponent, useModals, useModalsComponents, useModalsComponentsManager, usePanels, usePlaybackContext, usePlaybackMediaRef, useRouteBack, useRoutePush, useScreen, useScreenComponent, useScreenData, useScreenDefinition, useScreenRenderContext, useScreenSize, useScreenState, useScreensComponents, useScreensComponentsManager, useScreensManager, useSetVisitor, useStory, useStoryContext, useTracking, useViewerContainer, useViewerContext, useViewerEvents, useViewerInteraction, useViewerNavigation, useViewerSize, useViewerWebView, useVisitor, useVisitorContext, withGoogleApiClient, withGoogleMapsClient, withModals, withPanels };
+export { ComponentsContext, ComponentsProvider, ConsentContext, ConsentProvider, ELEMENTS_NAMESPACE, EditorContext, EditorProvider, FIELDS_NAMESPACE, FORMS_NAMESPACE, FieldContext, FieldContextProvider, FieldsContext, FieldsProvider, FieldsValueContext, FieldsValueContextProvider, FontsContext, FontsProvider, GoogleApiClientContext, GoogleApiClientProvider, GoogleKeysContext, GoogleKeysProvider, GoogleMapsClientContext, GoogleMapsClientProvider, MODALS_NAMESPACE, ModalsContext, ModalsProvider, PanelsContext, PanelsProvider, PlaybackContext, PlaybackProvider, SCREENS_NAMESPACE, ScreenContext, ScreenProvider, ScreenSizeContext, ScreenSizeProvider, ScreensContext, ScreensProvider, StoryContext, StoryProvider, TrackingProvider, ViewerContext, ViewerProvider, VisitorContext, VisitorProvider, useComponent, useComponents, useComponentsManager, useConsent, useEditor, useElementComponent, useElementsComponents, useElementsComponentsManager, useFieldComponent, useFieldContext, useFieldDefinition, useFieldsComponents, useFieldsComponentsManager, useFieldsManager, useFieldsValue, useFonts, useFormComponent, useFormsComponents, useFormsComponentsManager, useGetColors, useGoogleApiClient, useGoogleFonts, useGoogleKeys, useGoogleMapsClient, useModalComponent, useModals, useModalsComponents, useModalsComponentsManager, usePanels, usePlaybackContext, usePlaybackMediaRef, useRouteBack, useRoutePush, useScreen, useScreenComponent, useScreenData, useScreenDefinition, useScreenRenderContext, useScreenSize, useScreenState, useScreensComponents, useScreensComponentsManager, useScreensManager, useSetVisitor, useStory, useStoryContext, useTracking, useViewerContainer, useViewerContext, useViewerEvents, useViewerInteraction, useViewerNavigation, useViewerSize, useViewerWebView, useVisitor, useVisitorContext, withGoogleApiClient, withGoogleMapsClient, withModals, withPanels };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.3.703",
+    "version": "0.3.707",
     "private": false,
     "description": "",
     "keywords": [
@@ -126,6 +126,7 @@
         "debug": "^4.3.4",
         "flat": "^6.0.1",
         "hoist-non-react-statics": "^3.3.2",
+        "js-cookie": "^3.0.5",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
         "query-string": "^9.0.0",
@@ -144,5 +145,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "15a0df01ed9d05f47a056fb2ff078aded803d33d"
+    "gitHead": "e3afa5fe973a68bf83383fede41590a5e6428259"
 }