@gem-sdk/plugin-cookie-bar 1.14.0-dev.284 → 1.22.0

package/dist/cjs/components/CookieBar.js

@@ -1 +1,41 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),react=require("react");const CookieBar=({setting:e})=>{let[t,i]=react.useState("true"!==window.localStorage.getItem("accepted-cookie")),o=()=>{window.localStorage.setItem("accepted-cookie","true"),i(!1)};return t?jsxRuntime.jsx("div",{className:"fixed inset-x-0 bottom-0 z-90 flex items-center gap-4 bg-white py-6",children:jsxRuntime.jsxs("div",{className:"mx-auto flex items-center gap-4",children:[jsxRuntime.jsx("div",{dangerouslySetInnerHTML:{__html:e?.content??""}}),jsxRuntime.jsx("button",{onClick:o,"aria-label":"Accept cookie",className:"bg-slate-900 px-4 py-2 uppercase text-white",children:"Accept cookies"})]})}):null};CookieBar.defaultProps={setting:{content:"<div><span>This site uses cookies to improve your experience. By clicking, you agree to our Privacy Policy.</span></div>"}},exports.default=CookieBar;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+
+const CookieBar = ({ setting })=>{
+    const [isVisible, setIsVisible] = react.useState(window.localStorage.getItem('accepted-cookie') !== 'true');
+    const acceptCookie = ()=>{
+        window.localStorage.setItem('accepted-cookie', 'true');
+        setIsVisible(false);
+    };
+    if (!isVisible) return null;
+    return /*#__PURE__*/ jsxRuntime.jsx("div", {
+        className: "fixed inset-x-0 bottom-0 z-90 flex items-center gap-4 bg-white py-6",
+        children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
+            className: "mx-auto flex items-center gap-4",
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx("div", {
+                    dangerouslySetInnerHTML: {
+                        __html: setting?.content ?? ''
+                    }
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx("button", {
+                    onClick: acceptCookie,
+                    "aria-label": "Accept cookie",
+                    className: "bg-slate-900 px-4 py-2 uppercase text-white",
+                    children: "Accept cookies"
+                })
+            ]
+        })
+    });
+};
+CookieBar.defaultProps = {
+    setting: {
+        content: `<div><span>This site uses cookies to improve your experience. By clicking, you agree to our Privacy Policy.</span></div>`
+    }
+};
+
+exports.default = CookieBar;

package/dist/cjs/index.js

@@ -1 +1,11 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var CookieBar=require("./components/CookieBar.js"),index=require("./setting/index.js");exports.default=CookieBar.default,exports.builderSetting=index.default;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var CookieBar = require('./components/CookieBar.js');
+var index = require('./setting/index.js');
+
+
+
+exports.default = CookieBar.default;
+exports.builderSetting = index.default;

package/dist/cjs/setting/CookieBar.js

@@ -1 +1,10 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const config={tag:"CookieBar",label:"Cookie Bar"};exports.default=config;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const config = {
+    tag: 'CookieBar',
+    label: 'Cookie Bar'
+};
+
+exports.default = config;

package/dist/cjs/setting/index.js

@@ -1 +1,11 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var CookieBar=require("./CookieBar.js"),index={CookieBar:CookieBar.default};exports.default=index;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var CookieBar = require('./CookieBar.js');
+
+var index = {
+    CookieBar: CookieBar.default
+};
+
+exports.default = index;

package/dist/esm/components/CookieBar.js

@@ -1 +1,37 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useState as o}from"react";let CookieBar=({setting:i})=>{let[c,a]=o("true"!==window.localStorage.getItem("accepted-cookie")),r=()=>{window.localStorage.setItem("accepted-cookie","true"),a(!1)};return c?e("div",{className:"fixed inset-x-0 bottom-0 z-90 flex items-center gap-4 bg-white py-6",children:t("div",{className:"mx-auto flex items-center gap-4",children:[e("div",{dangerouslySetInnerHTML:{__html:i?.content??""}}),e("button",{onClick:r,"aria-label":"Accept cookie",className:"bg-slate-900 px-4 py-2 uppercase text-white",children:"Accept cookies"})]})}):null};CookieBar.defaultProps={setting:{content:"<div><span>This site uses cookies to improve your experience. By clicking, you agree to our Privacy Policy.</span></div>"}};export{CookieBar as default};
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
+
+const CookieBar = ({ setting })=>{
+    const [isVisible, setIsVisible] = useState(window.localStorage.getItem('accepted-cookie') !== 'true');
+    const acceptCookie = ()=>{
+        window.localStorage.setItem('accepted-cookie', 'true');
+        setIsVisible(false);
+    };
+    if (!isVisible) return null;
+    return /*#__PURE__*/ jsx("div", {
+        className: "fixed inset-x-0 bottom-0 z-90 flex items-center gap-4 bg-white py-6",
+        children: /*#__PURE__*/ jsxs("div", {
+            className: "mx-auto flex items-center gap-4",
+            children: [
+                /*#__PURE__*/ jsx("div", {
+                    dangerouslySetInnerHTML: {
+                        __html: setting?.content ?? ''
+                    }
+                }),
+                /*#__PURE__*/ jsx("button", {
+                    onClick: acceptCookie,
+                    "aria-label": "Accept cookie",
+                    className: "bg-slate-900 px-4 py-2 uppercase text-white",
+                    children: "Accept cookies"
+                })
+            ]
+        })
+    });
+};
+CookieBar.defaultProps = {
+    setting: {
+        content: `<div><span>This site uses cookies to improve your experience. By clicking, you agree to our Privacy Policy.</span></div>`
+    }
+};
+
+export { CookieBar as default };

package/dist/esm/index.js

@@ -1 +1,6 @@
-import e from"./components/CookieBar.js";export{default as builderSetting}from"./setting/index.js";export{e as default};
+import CookieBar from './components/CookieBar.js';
+export { default as builderSetting } from './setting/index.js';
+
+
+
+export { CookieBar as default };

package/dist/esm/setting/CookieBar.js

@@ -1 +1,6 @@
-let config={tag:"CookieBar",label:"Cookie Bar"};export{config as default};
+const config = {
+    tag: 'CookieBar',
+    label: 'Cookie Bar'
+};
+
+export { config as default };

package/dist/esm/setting/index.js

@@ -1 +1,7 @@
-import o from"./CookieBar.js";var index={CookieBar:o};export{index as default};
+import config from './CookieBar.js';
+
+var index = {
+    CookieBar: config
+};
+
+export { index as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/plugin-cookie-bar",
-  "version": "1.14.0-dev.284",
+  "version": "1.22.0",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -19,9 +19,9 @@
     "test": "jest -c ./../../helpers/jest.config.ts"
   },
   "devDependencies": {
-    "@gem-sdk/components": "1.14.0-dev.284",
-    "@gem-sdk/core": "1.14.0-dev.284",
-    "@gem-sdk/styles": "1.14.0-dev.284"
+    "@gem-sdk/components": "1.22.0",
+    "@gem-sdk/core": "1.22.0",
+    "@gem-sdk/styles": "1.22.0"
   },
   "peerDependencies": {
     "react": "^17 || ^18",