@arche-mc2/arche-controls
Version:
We know that there are a ton of react UI library projects to choose from. Our hope with this one is to provide the next generation of react components that you can use to bootstrap your next project, or as a reference for building a UIKit. Read on to get
79 lines • 3.77 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var React = require("react");
var Klaro = require("klaro/dist/klaro-no-css");
require("./style.css");
var SvgIcon_1 = require("../SvgIcon");
var react_1 = require("react");
var UpCookiesConsentManager = function (_a) {
var apps = _a.apps, privacyPolicyUrl = _a.privacyPolicyUrl, translations = _a.translations, _b = _a.cookieExpiresAfterDays, cookieExpiresAfterDays = _b === void 0 ? 120 : _b, _c = _a.cookieName, cookieName = _c === void 0 ? 'gdprConsent' : _c, _d = _a.editButtonStyle, editButtonStyle = _d === void 0 ? {
position: 'fixed',
bottom: 0,
right: 0,
border: 'none',
background: 'none',
padding: 14,
borderRadius: '4px 0 0 0',
boxShadow: '0 2px 4px 0 rgba(0,0,0,0.15)',
cursor: 'pointer',
outline: 'none',
} : _d;
var _e = react_1.useState(false), displayEditButton = _e[0], setDisplayEditButton = _e[1];
var defaultTranslations = {
fr: {
acceptAll: 'Tout accepter',
acceptSelected: 'Accepter la sélection',
decline: 'Tout refuser',
consentNotice: {
description: "Ce site utilise des cookies destin\u00E9s \u00E0 am\u00E9liorer la navigation et adapter le contenu en mesurant le nombre de visites et de pages vues. <a target=\"_blank\" href='" + privacyPolicyUrl + "' class='privacy-policy'>En savoir plus</a>",
learnMore: 'Personnaliser',
},
consentModal: {
title: 'Panneau de gestion des cookies',
description: 'En autorisant ces services tiers, vous acceptez le dépôt et la lecture de cookies et l’utilisation de technologies de suivi nécéssaires à leur bon fonctionnement.',
},
ok: 'Accepter',
googleAnalytics: {
title: 'Google Analytics',
description: 'Ce service permet de recolter des données à des fins statistiques.',
},
purposes: {
analytics: {
title: 'Mesure d\'audience',
description: 'Les services de mesure d\'audience permettent de générer des statistiques de fréquentation utiles à l\'amélioration du site.',
},
},
service: {
disableAll: {
description: 'Utilisez ce switch pour activer/désactiver tous les services',
},
},
},
};
var config = {
lang: 'fr',
elementID: 'up-consent',
cookieName: cookieName,
cookieExpiresAfterDays: cookieExpiresAfterDays,
disablePoweredBy: true,
htmlTexts: true,
acceptAll: true,
translations: translations || defaultTranslations,
apps: apps,
callback: function () {
setTimeout(function () {
if (!document.querySelector('.cookie-notice') && !document.querySelector('.cookie-modal')) {
setDisplayEditButton(true);
}
}, 0.1);
},
};
window.klaro = Klaro;
window.klaroConfig = config;
Klaro.setup(config);
return (React.createElement("button", { style: tslib_1.__assign(tslib_1.__assign({}, editButtonStyle), { display: displayEditButton ? 'block' : 'none' }), onClick: function () { return Klaro.show(); } },
React.createElement(SvgIcon_1.default, { iconName: "settings", color: "#F39219", width: 20, height: 20 })));
};
exports.default = UpCookiesConsentManager;
//# sourceMappingURL=UpCookiesConsentManager.js.map