@propellerads/cookie-message 3.0.0 → 3.0.1

package/dist/cookie-message.cjs.development.js

@@ -12,110 +12,42 @@ var styled = require('styled-components');
 var styled__default = _interopDefault(styled);
 var stylevariables = require('@propellerads/stylevariables');
 
-function _taggedTemplateLiteralLoose(strings, raw) {
-  if (!raw) {
-    raw = strings.slice(0);
-  }
-
-  strings.raw = raw;
-  return strings;
+function _taggedTemplateLiteralLoose(e, t) {
+  return t || (t = e.slice(0)), e.raw = t, e;
 }
 
 var POSITION;
-
 (function (POSITION) {
   POSITION["LEFT_BOTTOM"] = "left_bottom";
   POSITION["RIGHT_BOTTOM"] = "right_bottom";
 })(POSITION || (POSITION = {}));
 
-function _templateObject6() {
-  var data = _taggedTemplateLiteralLoose([""]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  var data = _taggedTemplateLiteralLoose(["\n  margin-bottom: ", "px;\n"]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = _taggedTemplateLiteralLoose(["\n  margin-bottom: ", "px;\n"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteralLoose(["\n      left: ", "px;\n    "]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n      right: ", "px;\n    "]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n  width: 320px;\n  border-radius: ", "px;\n  background-color: ", ";\n  box-shadow: ", ";\n  position: fixed;\n  z-index: 99999;\n  bottom: ", "px;\n  padding: ", "px;\n\n  ", ";\n\n  ", ";\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-var StyledCookieCard = /*#__PURE__*/styled__default.div( /*#__PURE__*/_templateObject(), stylevariables.borderRadius, stylevariables.white, stylevariables.baseShadow, stylevariables.spacing * 5, stylevariables.spacing * 5, function (props) {
-  return props.position === POSITION.RIGHT_BOTTOM && styled.css(_templateObject2(), stylevariables.spacing * 5);
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+var StyledCookieCard = /*#__PURE__*/styled__default.div(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 320px;\n  border-radius: ", "px;\n  background-color: ", ";\n  box-shadow: ", ";\n  position: fixed;\n  z-index: 99999;\n  bottom: ", "px;\n  padding: ", "px;\n\n  ", ";\n\n  ", ";\n"])), stylevariables.borderRadius, stylevariables.white, stylevariables.baseShadow, stylevariables.spacing * 5, stylevariables.spacing * 5, function (props) {
+  return props.position === POSITION.RIGHT_BOTTOM && styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      right: ", "px;\n    "])), stylevariables.spacing * 5);
 }, function (props) {
-  return props.position === POSITION.LEFT_BOTTOM && styled.css(_templateObject3(), stylevariables.spacing * 5);
+  return props.position === POSITION.LEFT_BOTTOM && styled.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      left: ", "px;\n    "])), stylevariables.spacing * 5);
 });
-var CookieInfo = /*#__PURE__*/styled__default.div( /*#__PURE__*/_templateObject4(), stylevariables.spacing * 3);
-var CookieTitle = /*#__PURE__*/styled__default.div( /*#__PURE__*/_templateObject5(), stylevariables.spacing * 3);
-var CookieAction = /*#__PURE__*/styled__default.div( /*#__PURE__*/_templateObject6());
+var CookieInfo = /*#__PURE__*/styled__default.div(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: ", "px;\n"])), stylevariables.spacing * 3);
+var CookieTitle = /*#__PURE__*/styled__default.div(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: ", "px;\n"])), stylevariables.spacing * 3);
+var CookieAction = /*#__PURE__*/styled__default.div(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
 
 var DEFAULT_COOKIE_KEY = 'accept_cookie_policy';
-
 var CookieMessage = function CookieMessage(_ref) {
   var _ref$title = _ref.title,
-      title = _ref$title === void 0 ? 'Cookies' : _ref$title,
-      children = _ref.children,
-      _ref$position = _ref.position,
-      position = _ref$position === void 0 ? POSITION.LEFT_BOTTOM : _ref$position,
-      _ref$cookieKey = _ref.cookieKey,
-      cookieKey = _ref$cookieKey === void 0 ? DEFAULT_COOKIE_KEY : _ref$cookieKey;
-
+    title = _ref$title === void 0 ? 'Cookies' : _ref$title,
+    children = _ref.children,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? POSITION.LEFT_BOTTOM : _ref$position,
+    _ref$cookieKey = _ref.cookieKey,
+    cookieKey = _ref$cookieKey === void 0 ? DEFAULT_COOKIE_KEY : _ref$cookieKey;
   var _useState = React.useState(!window.localStorage.getItem(cookieKey)),
-      isShow = _useState[0],
-      setShow = _useState[1];
-
+    isShow = _useState[0],
+    setShow = _useState[1];
   var handleClick = function handleClick() {
     window.localStorage.setItem(cookieKey, 'true');
     setShow(false);
   };
-
   return isShow ? React__default.createElement(StyledCookieCard, {
     position: position
   }, React__default.createElement(CookieTitle, null, React__default.createElement("b", null, title)), React__default.createElement(CookieInfo, null, children), React__default.createElement(CookieAction, null, React__default.createElement(Button__default, {

package/dist/cookie-message.cjs.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"cookie-message.cjs.development.js","sources":["../src/types.tsx","../src/style.tsx","../src/index.tsx"],"sourcesContent":["import React, {ReactNode} from 'react';\n\nexport enum POSITION {\n  LEFT_BOTTOM = 'left_bottom',\n  RIGHT_BOTTOM = 'right_bottom',\n}\n\nexport interface CookieMessageProps {\n  children: ReactNode;\n  title?: ReactNode;\n  cookieKey?: string;\n  position?: POSITION;\n}\n\nexport class CookieMessage extends React.Component<CookieMessageProps> {}\n","import styled, {css} from 'styled-components';\nimport {white, borderRadius, baseShadow, spacing} from '@propellerads/stylevariables';\nimport {POSITION} from './types';\n\ninterface StyledCookieCardProps {\n  position: POSITION;\n}\n\nconst StyledCookieCard = styled.div`\n  width: 320px;\n  border-radius: ${borderRadius}px;\n  background-color: ${white};\n  box-shadow: ${baseShadow};\n  position: fixed;\n  z-index: 99999;\n  bottom: ${spacing * 5}px;\n  padding: ${spacing * 5}px;\n\n  ${(props: StyledCookieCardProps) =>\n    props.position === POSITION.RIGHT_BOTTOM &&\n    css`\n      right: ${spacing * 5}px;\n    `};\n\n  ${(props: StyledCookieCardProps) =>\n    props.position === POSITION.LEFT_BOTTOM &&\n    css`\n      left: ${spacing * 5}px;\n    `};\n`;\n\nconst CookieInfo = styled.div`\n  margin-bottom: ${spacing * 3}px;\n`;\nconst CookieTitle = styled.div`\n  margin-bottom: ${spacing * 3}px;\n`;\n\nconst CookieAction = styled.div``;\n\nexport {StyledCookieCard, CookieInfo, CookieTitle, CookieAction};\n","import React, {useState} from 'react';\nimport Button, {BUTTON_TYPE} from '@propellerads/button';\n\nimport {CookieMessageProps, POSITION} from './types';\nimport {StyledCookieCard, CookieAction, CookieInfo, CookieTitle} from './style';\n\nconst DEFAULT_COOKIE_KEY = 'accept_cookie_policy';\n\nconst CookieMessage = ({\n  title = 'Cookies',\n  children,\n  position = POSITION.LEFT_BOTTOM,\n  cookieKey = DEFAULT_COOKIE_KEY,\n}: CookieMessageProps) => {\n  const [isShow, setShow] = useState<boolean>(!window.localStorage.getItem(cookieKey));\n\n  const handleClick = () => {\n    window.localStorage.setItem(cookieKey, 'true');\n    setShow(false);\n  };\n\n  return isShow ? (\n    <StyledCookieCard position={position}>\n      <CookieTitle>\n        <b>{title}</b>\n      </CookieTitle>\n\n      <CookieInfo>{children}</CookieInfo>\n\n      <CookieAction>\n        <Button elementId=\"cookie-consent\" type={BUTTON_TYPE.PRIMARY} onClick={handleClick}>\n          Got it\n        </Button>\n      </CookieAction>\n    </StyledCookieCard>\n  ) : null;\n};\n\nexport {CookieMessage};\n"],"names":["POSITION","StyledCookieCard","styled","div","borderRadius","white","baseShadow","spacing","props","position","RIGHT_BOTTOM","css","LEFT_BOTTOM","CookieInfo","CookieTitle","CookieAction","DEFAULT_COOKIE_KEY","CookieMessage","title","children","cookieKey","useState","window","localStorage","getItem","isShow","setShow","handleClick","setItem","React","Button","elementId","type","BUTTON_TYPE","PRIMARY","onClick"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAYA,QAAZ;;AAAA,WAAYA;AACVA,EAAAA,uBAAA,gBAAA;AACAA,EAAAA,wBAAA,iBAAA;AACD,CAHD,EAAYA,QAAQ,KAARA,QAAQ,KAAA,CAApB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACMA,IAAMC,gBAAgB,gBAAGC,eAAM,CAACC,GAAV,kCAEHC,2BAFG,EAGAC,oBAHA,EAINC,yBAJM,EAOVC,sBAAO,GAAG,CAPA,EAQTA,sBAAO,GAAG,CARD,EAUlB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,QAAN,KAAmBT,QAAQ,CAACU,YAA5B,IACAC,UADA,qBAEWJ,sBAAO,GAAG,CAFrB,CADA;AAAA,CAVkB,EAgBlB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,QAAN,KAAmBT,QAAQ,CAACY,WAA5B,IACAD,UADA,qBAEUJ,sBAAO,GAAG,CAFpB,CADA;AAAA,CAhBkB,CAAtB;AAuBA,IAAMM,UAAU,gBAAGX,eAAM,CAACC,GAAV,mCACGI,sBAAO,GAAG,CADb,CAAhB;AAGA,IAAMO,WAAW,gBAAGZ,eAAM,CAACC,GAAV,mCACEI,sBAAO,GAAG,CADZ,CAAjB;AAIA,IAAMQ,YAAY,gBAAGb,eAAM,CAACC,GAAV,kCAAlB;;AChCA,IAAMa,kBAAkB,GAAG,sBAA3B;;AAEA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB;wBACpBC;MAAAA,gCAAQ;MACRC,gBAAAA;2BACAV;MAAAA,sCAAWT,QAAQ,CAACY;4BACpBQ;MAAAA,wCAAYJ;;kBAEcK,cAAQ,CAAU,CAACC,MAAM,CAACC,YAAP,CAAoBC,OAApB,CAA4BJ,SAA5B,CAAX;MAA3BK;MAAQC;;AAEf,MAAMC,WAAW,GAAG,SAAdA,WAAc;AAClBL,IAAAA,MAAM,CAACC,YAAP,CAAoBK,OAApB,CAA4BR,SAA5B,EAAuC,MAAvC;AACAM,IAAAA,OAAO,CAAC,KAAD,CAAP;AACD,GAHD;;AAKA,SAAOD,MAAM,GACXI,4BAAA,CAAC5B,gBAAD;AAAkBQ,IAAAA,QAAQ,EAAEA;GAA5B,EACEoB,4BAAA,CAACf,WAAD,MAAA,EACEe,4BAAA,IAAA,MAAA,EAAIX,KAAJ,CADF,CADF,EAKEW,4BAAA,CAAChB,UAAD,MAAA,EAAaM,QAAb,CALF,EAOEU,4BAAA,CAACd,YAAD,MAAA,EACEc,4BAAA,CAACC,eAAD;AAAQC,IAAAA,SAAS,EAAC;AAAiBC,IAAAA,IAAI,EAAEC,kBAAW,CAACC;AAASC,IAAAA,OAAO,EAAER;GAAvE,UAAA,CADF,CAPF,CADW,GAcT,IAdJ;AAeD,CA5BD;;;;"}
+{"version":3,"file":"cookie-message.cjs.development.js","sources":["../src/types.tsx","../src/style.tsx","../src/index.tsx"],"sourcesContent":["import React, {ReactNode} from 'react';\n\nexport enum POSITION {\n  LEFT_BOTTOM = 'left_bottom',\n  RIGHT_BOTTOM = 'right_bottom',\n}\n\nexport interface CookieMessageProps {\n  children: ReactNode;\n  title?: ReactNode;\n  cookieKey?: string;\n  position?: POSITION;\n}\n\nexport class CookieMessage extends React.Component<CookieMessageProps> {}\n","import styled, {css} from 'styled-components';\nimport {white, borderRadius, baseShadow, spacing} from '@propellerads/stylevariables';\nimport {POSITION} from './types';\n\ninterface StyledCookieCardProps {\n  position: POSITION;\n}\n\nconst StyledCookieCard = styled.div`\n  width: 320px;\n  border-radius: ${borderRadius}px;\n  background-color: ${white};\n  box-shadow: ${baseShadow};\n  position: fixed;\n  z-index: 99999;\n  bottom: ${spacing * 5}px;\n  padding: ${spacing * 5}px;\n\n  ${(props: StyledCookieCardProps) =>\n    props.position === POSITION.RIGHT_BOTTOM &&\n    css`\n      right: ${spacing * 5}px;\n    `};\n\n  ${(props: StyledCookieCardProps) =>\n    props.position === POSITION.LEFT_BOTTOM &&\n    css`\n      left: ${spacing * 5}px;\n    `};\n`;\n\nconst CookieInfo = styled.div`\n  margin-bottom: ${spacing * 3}px;\n`;\nconst CookieTitle = styled.div`\n  margin-bottom: ${spacing * 3}px;\n`;\n\nconst CookieAction = styled.div``;\n\nexport {StyledCookieCard, CookieInfo, CookieTitle, CookieAction};\n","import React, {useState} from 'react';\nimport Button, {BUTTON_TYPE} from '@propellerads/button';\n\nimport {CookieMessageProps, POSITION} from './types';\nimport {StyledCookieCard, CookieAction, CookieInfo, CookieTitle} from './style';\n\nconst DEFAULT_COOKIE_KEY = 'accept_cookie_policy';\n\nconst CookieMessage = ({\n  title = 'Cookies',\n  children,\n  position = POSITION.LEFT_BOTTOM,\n  cookieKey = DEFAULT_COOKIE_KEY,\n}: CookieMessageProps) => {\n  const [isShow, setShow] = useState<boolean>(!window.localStorage.getItem(cookieKey));\n\n  const handleClick = () => {\n    window.localStorage.setItem(cookieKey, 'true');\n    setShow(false);\n  };\n\n  return isShow ? (\n    <StyledCookieCard position={position}>\n      <CookieTitle>\n        <b>{title}</b>\n      </CookieTitle>\n\n      <CookieInfo>{children}</CookieInfo>\n\n      <CookieAction>\n        <Button elementId=\"cookie-consent\" type={BUTTON_TYPE.PRIMARY} onClick={handleClick}>\n          Got it\n        </Button>\n      </CookieAction>\n    </StyledCookieCard>\n  ) : null;\n};\n\nexport {CookieMessage};\n"],"names":["POSITION","StyledCookieCard","styled","div","_templateObject","_taggedTemplateLiteralLoose","borderRadius","white","baseShadow","spacing","props","position","RIGHT_BOTTOM","css","_templateObject2","LEFT_BOTTOM","_templateObject3","CookieInfo","_templateObject4","CookieTitle","_templateObject5","CookieAction","_templateObject6","DEFAULT_COOKIE_KEY","CookieMessage","_ref","title","_ref$title","children","_ref$position","_ref$cookieKey","cookieKey","_useState","useState","window","localStorage","getItem","isShow","setShow","handleClick","setItem","React","Button","elementId","type","BUTTON_TYPE","PRIMARY","onClick"],"mappings":";;;;;;;;;;;;;;;;;;AAEA,IAAYA,QAGX;AAHD,WAAYA,QAAQ;EAClBA,uCAA2B;EAC3BA,yCAA6B;AAC/B,CAAC,EAHWA,QAAQ,KAARA,QAAQ;;;ACFpB,AAQA,IAAMC,gBAAgB,gBAAGC,eAAM,CAACC,GAAG,CAAAC,eAAA,KAAAA,eAAA,gBAAAC,2BAAA,0MAEhBC,2BAAY,EACTC,oBAAK,EACXC,yBAAU,EAGdC,sBAAO,GAAG,CAAC,EACVA,sBAAO,GAAG,CAAC,EAEpB,UAACC,KAA4B;EAAA,OAC7BA,KAAK,CAACC,QAAQ,KAAKX,QAAQ,CAACY,YAAY,IACxCC,UAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAT,2BAAA,qCACQI,sBAAO,GAAG,CAAC,CACrB;AAAA,GAED,UAACC,KAA4B;EAAA,OAC7BA,KAAK,CAACC,QAAQ,KAAKX,QAAQ,CAACe,WAAW,IACvCF,UAAG,CAAAG,gBAAA,KAAAA,gBAAA,GAAAX,2BAAA,oCACOI,sBAAO,GAAG,CAAC,CACpB;AAAA,EACJ;AAED,IAAMQ,UAAU,gBAAGf,eAAM,CAACC,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,gBAAAb,2BAAA,qCACVI,sBAAO,GAAG,CAAC,CAC7B;AACD,IAAMU,WAAW,gBAAGjB,eAAM,CAACC,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,gBAAAf,2BAAA,qCACXI,sBAAO,GAAG,CAAC,CAC7B;AAED,IAAMY,YAAY,gBAAGnB,eAAM,CAACC,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,gBAAAjB,2BAAA,QAAE;;AChCjC,IAAMkB,kBAAkB,GAAG,sBAAsB;AAEjD,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA;wBACjBC,KAAK;IAALA,KAAK,GAAAC,UAAA,cAAG,SAAS,GAAAA,UAAA;IACjBC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAAC,aAAA,GAAAJ,IAAA,CACRd,QAAQ;IAARA,QAAQ,GAAAkB,aAAA,cAAG7B,QAAQ,CAACe,WAAW,GAAAc,aAAA;IAAAC,cAAA,GAAAL,IAAA,CAC/BM,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAGP,kBAAkB,GAAAO,cAAA;EAE9B,IAAAE,SAAA,GAA0BC,cAAQ,CAAU,CAACC,MAAM,CAACC,YAAY,CAACC,OAAO,CAACL,SAAS,CAAC,CAAC;IAA7EM,MAAM,GAAAL,SAAA;IAAEM,OAAO,GAAAN,SAAA;EAEtB,IAAMO,WAAW,GAAG,SAAdA,WAAWA;IACfL,MAAM,CAACC,YAAY,CAACK,OAAO,CAACT,SAAS,EAAE,MAAM,CAAC;IAC9CO,OAAO,CAAC,KAAK,CAAC;GACf;EAED,OAAOD,MAAM,GACXI,6BAACxC,gBAAgB;IAACU,QAAQ,EAAEA;KAC1B8B,6BAACtB,WAAW,QACVsB,wCAAIf,KAAK,CAAK,CACF,EAEde,6BAACxB,UAAU,QAAEW,QAAQ,CAAc,EAEnCa,6BAACpB,YAAY,QACXoB,6BAACC,eAAM;IAACC,SAAS,EAAC,gBAAgB;IAACC,IAAI,EAAEC,kBAAW,CAACC,OAAO;IAAEC,OAAO,EAAER;cAE9D,CACI,CACE,GACjB,IAAI;AACV,CAAC;;;;"}

package/dist/cookie-message.cjs.production.min.js

@@ -1,2 +1,2 @@
-"use strict";function n(n){return n&&"object"==typeof n&&"default"in n?n.default:n}Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),r=n(t),o=require("@propellerads/button"),i=n(o),u=require("styled-components"),c=n(u),a=require("@propellerads/stylevariables");function l(n,e){return e||(e=n.slice(0)),n.raw=e,n}function s(){var n=l([""]);return s=function(){return n},n}function p(){var n=l(["\n  margin-bottom: ","px;\n"]);return p=function(){return n},n}function d(){var n=l(["\n  margin-bottom: ","px;\n"]);return d=function(){return n},n}function f(){var n=l(["\n      left: ","px;\n    "]);return f=function(){return n},n}function v(){var n=l(["\n      right: ","px;\n    "]);return v=function(){return n},n}function T(){var n=l(["\n  width: 320px;\n  border-radius: ","px;\n  background-color: ",";\n  box-shadow: ",";\n  position: fixed;\n  z-index: 99999;\n  bottom: ","px;\n  padding: ","px;\n\n  ",";\n\n  ",";\n"]);return T=function(){return n},n}!function(n){n.LEFT_BOTTOM="left_bottom",n.RIGHT_BOTTOM="right_bottom"}(e||(e={}));var m=c.div(T(),a.borderRadius,a.white,a.baseShadow,5*a.spacing,5*a.spacing,(function(n){return n.position===e.RIGHT_BOTTOM&&u.css(v(),5*a.spacing)}),(function(n){return n.position===e.LEFT_BOTTOM&&u.css(f(),5*a.spacing)})),g=c.div(d(),3*a.spacing),b=c.div(p(),3*a.spacing),x=c.div(s());exports.CookieMessage=function(n){var u=n.title,c=void 0===u?"Cookies":u,a=n.children,l=n.position,s=void 0===l?e.LEFT_BOTTOM:l,p=n.cookieKey,d=void 0===p?"accept_cookie_policy":p,f=t.useState(!window.localStorage.getItem(d)),v=f[1];return f[0]?r.createElement(m,{position:s},r.createElement(b,null,r.createElement("b",null,c)),r.createElement(g,null,a),r.createElement(x,null,r.createElement(i,{elementId:"cookie-consent",type:o.BUTTON_TYPE.PRIMARY,onClick:function(){window.localStorage.setItem(d,"true"),v(!1)}},"Got it"))):null};
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var n,t,o,i,r,a,c,l=require("react"),s=e(l),p=require("@propellerads/button"),u=e(p),d=require("styled-components"),T=e(d),m=require("@propellerads/stylevariables");function g(e,n){return n||(n=e.slice(0)),e.raw=n,e}!function(e){e.LEFT_BOTTOM="left_bottom",e.RIGHT_BOTTOM="right_bottom"}(n||(n={}));var b=T.div(t||(t=g(["\n  width: 320px;\n  border-radius: ","px;\n  background-color: ",";\n  box-shadow: ",";\n  position: fixed;\n  z-index: 99999;\n  bottom: ","px;\n  padding: ","px;\n\n  ",";\n\n  ",";\n"])),m.borderRadius,m.white,m.baseShadow,5*m.spacing,5*m.spacing,(function(e){return e.position===n.RIGHT_BOTTOM&&d.css(o||(o=g(["\n      right: ","px;\n    "])),5*m.spacing)}),(function(e){return e.position===n.LEFT_BOTTOM&&d.css(i||(i=g(["\n      left: ","px;\n    "])),5*m.spacing)})),f=T.div(r||(r=g(["\n  margin-bottom: ","px;\n"])),3*m.spacing),x=T.div(a||(a=g(["\n  margin-bottom: ","px;\n"])),3*m.spacing),v=T.div(c||(c=g([""])));exports.CookieMessage=function(e){var t=e.title,o=void 0===t?"Cookies":t,i=e.children,r=e.position,a=void 0===r?n.LEFT_BOTTOM:r,c=e.cookieKey,d=void 0===c?"accept_cookie_policy":c,T=l.useState(!window.localStorage.getItem(d)),m=T[1];return T[0]?s.createElement(b,{position:a},s.createElement(x,null,s.createElement("b",null,o)),s.createElement(f,null,i),s.createElement(v,null,s.createElement(u,{elementId:"cookie-consent",type:p.BUTTON_TYPE.PRIMARY,onClick:function(){window.localStorage.setItem(d,"true"),m(!1)}},"Got it"))):null};
 //# sourceMappingURL=cookie-message.cjs.production.min.js.map

package/dist/cookie-message.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"cookie-message.cjs.production.min.js","sources":["../src/types.tsx","../src/style.tsx","../src/index.tsx"],"sourcesContent":["import React, {ReactNode} from 'react';\n\nexport enum POSITION {\n  LEFT_BOTTOM = 'left_bottom',\n  RIGHT_BOTTOM = 'right_bottom',\n}\n\nexport interface CookieMessageProps {\n  children: ReactNode;\n  title?: ReactNode;\n  cookieKey?: string;\n  position?: POSITION;\n}\n\nexport class CookieMessage extends React.Component<CookieMessageProps> {}\n","import styled, {css} from 'styled-components';\nimport {white, borderRadius, baseShadow, spacing} from '@propellerads/stylevariables';\nimport {POSITION} from './types';\n\ninterface StyledCookieCardProps {\n  position: POSITION;\n}\n\nconst StyledCookieCard = styled.div`\n  width: 320px;\n  border-radius: ${borderRadius}px;\n  background-color: ${white};\n  box-shadow: ${baseShadow};\n  position: fixed;\n  z-index: 99999;\n  bottom: ${spacing * 5}px;\n  padding: ${spacing * 5}px;\n\n  ${(props: StyledCookieCardProps) =>\n    props.position === POSITION.RIGHT_BOTTOM &&\n    css`\n      right: ${spacing * 5}px;\n    `};\n\n  ${(props: StyledCookieCardProps) =>\n    props.position === POSITION.LEFT_BOTTOM &&\n    css`\n      left: ${spacing * 5}px;\n    `};\n`;\n\nconst CookieInfo = styled.div`\n  margin-bottom: ${spacing * 3}px;\n`;\nconst CookieTitle = styled.div`\n  margin-bottom: ${spacing * 3}px;\n`;\n\nconst CookieAction = styled.div``;\n\nexport {StyledCookieCard, CookieInfo, CookieTitle, CookieAction};\n","import React, {useState} from 'react';\nimport Button, {BUTTON_TYPE} from '@propellerads/button';\n\nimport {CookieMessageProps, POSITION} from './types';\nimport {StyledCookieCard, CookieAction, CookieInfo, CookieTitle} from './style';\n\nconst DEFAULT_COOKIE_KEY = 'accept_cookie_policy';\n\nconst CookieMessage = ({\n  title = 'Cookies',\n  children,\n  position = POSITION.LEFT_BOTTOM,\n  cookieKey = DEFAULT_COOKIE_KEY,\n}: CookieMessageProps) => {\n  const [isShow, setShow] = useState<boolean>(!window.localStorage.getItem(cookieKey));\n\n  const handleClick = () => {\n    window.localStorage.setItem(cookieKey, 'true');\n    setShow(false);\n  };\n\n  return isShow ? (\n    <StyledCookieCard position={position}>\n      <CookieTitle>\n        <b>{title}</b>\n      </CookieTitle>\n\n      <CookieInfo>{children}</CookieInfo>\n\n      <CookieAction>\n        <Button elementId=\"cookie-consent\" type={BUTTON_TYPE.PRIMARY} onClick={handleClick}>\n          Got it\n        </Button>\n      </CookieAction>\n    </StyledCookieCard>\n  ) : null;\n};\n\nexport {CookieMessage};\n"],"names":["POSITION","StyledCookieCard","styled","div","borderRadius","white","baseShadow","spacing","props","position","RIGHT_BOTTOM","css","LEFT_BOTTOM","CookieInfo","CookieTitle","CookieAction","title","children","cookieKey","useState","window","localStorage","getItem","setShow","React","Button","elementId","type","BUTTON_TYPE","PRIMARY","onClick","setItem"],"mappings":"8IAEYA,g1BAAZ,SAAYA,GACVA,4BACAA,8BAFF,CAAYA,IAAAA,WCMNC,EAAmBC,EAAOC,QAEbC,eACGC,QACNC,aAGM,EAAVC,UACW,EAAVA,WAET,SAACC,UACDA,EAAMC,WAAaT,EAASU,cAC5BC,UACqB,EAAVJ,cAGX,SAACC,UACDA,EAAMC,WAAaT,EAASY,aAC5BD,UACoB,EAAVJ,cAIRM,EAAaX,EAAOC,QACG,EAAVI,WAEbO,EAAcZ,EAAOC,QACE,EAAVI,WAGbQ,EAAeb,EAAOC,+BC9BN,oBACpBa,MAAAA,aAAQ,YACRC,IAAAA,aACAR,SAAAA,aAAWT,EAASY,kBACpBM,UAAAA,aANyB,2BAQCC,YAAmBC,OAAOC,aAAaC,QAAQJ,IAA1DK,mBAQbC,gBAACvB,GAAiBQ,SAAUA,GAC1Be,gBAACV,OACCU,yBAAIR,IAGNQ,gBAACX,OAAYI,GAEbO,gBAACT,OACCS,gBAACC,GAAOC,UAAU,iBAAiBC,KAAMC,cAAYC,QAASC,QAdhD,WAClBV,OAAOC,aAAaU,QAAQb,EAAW,QACvCK,GAAQ,iBAiBN"}
+{"version":3,"file":"cookie-message.cjs.production.min.js","sources":["../src/types.tsx","../src/style.tsx","../src/index.tsx"],"sourcesContent":["import React, {ReactNode} from 'react';\n\nexport enum POSITION {\n  LEFT_BOTTOM = 'left_bottom',\n  RIGHT_BOTTOM = 'right_bottom',\n}\n\nexport interface CookieMessageProps {\n  children: ReactNode;\n  title?: ReactNode;\n  cookieKey?: string;\n  position?: POSITION;\n}\n\nexport class CookieMessage extends React.Component<CookieMessageProps> {}\n","import styled, {css} from 'styled-components';\nimport {white, borderRadius, baseShadow, spacing} from '@propellerads/stylevariables';\nimport {POSITION} from './types';\n\ninterface StyledCookieCardProps {\n  position: POSITION;\n}\n\nconst StyledCookieCard = styled.div`\n  width: 320px;\n  border-radius: ${borderRadius}px;\n  background-color: ${white};\n  box-shadow: ${baseShadow};\n  position: fixed;\n  z-index: 99999;\n  bottom: ${spacing * 5}px;\n  padding: ${spacing * 5}px;\n\n  ${(props: StyledCookieCardProps) =>\n    props.position === POSITION.RIGHT_BOTTOM &&\n    css`\n      right: ${spacing * 5}px;\n    `};\n\n  ${(props: StyledCookieCardProps) =>\n    props.position === POSITION.LEFT_BOTTOM &&\n    css`\n      left: ${spacing * 5}px;\n    `};\n`;\n\nconst CookieInfo = styled.div`\n  margin-bottom: ${spacing * 3}px;\n`;\nconst CookieTitle = styled.div`\n  margin-bottom: ${spacing * 3}px;\n`;\n\nconst CookieAction = styled.div``;\n\nexport {StyledCookieCard, CookieInfo, CookieTitle, CookieAction};\n","import React, {useState} from 'react';\nimport Button, {BUTTON_TYPE} from '@propellerads/button';\n\nimport {CookieMessageProps, POSITION} from './types';\nimport {StyledCookieCard, CookieAction, CookieInfo, CookieTitle} from './style';\n\nconst DEFAULT_COOKIE_KEY = 'accept_cookie_policy';\n\nconst CookieMessage = ({\n  title = 'Cookies',\n  children,\n  position = POSITION.LEFT_BOTTOM,\n  cookieKey = DEFAULT_COOKIE_KEY,\n}: CookieMessageProps) => {\n  const [isShow, setShow] = useState<boolean>(!window.localStorage.getItem(cookieKey));\n\n  const handleClick = () => {\n    window.localStorage.setItem(cookieKey, 'true');\n    setShow(false);\n  };\n\n  return isShow ? (\n    <StyledCookieCard position={position}>\n      <CookieTitle>\n        <b>{title}</b>\n      </CookieTitle>\n\n      <CookieInfo>{children}</CookieInfo>\n\n      <CookieAction>\n        <Button elementId=\"cookie-consent\" type={BUTTON_TYPE.PRIMARY} onClick={handleClick}>\n          Got it\n        </Button>\n      </CookieAction>\n    </StyledCookieCard>\n  ) : null;\n};\n\nexport {CookieMessage};\n"],"names":["POSITION","StyledCookieCard","styled","div","_templateObject","_taggedTemplateLiteralLoose","borderRadius","white","baseShadow","spacing","props","position","RIGHT_BOTTOM","css","_templateObject2","LEFT_BOTTOM","_templateObject3","CookieInfo","_templateObject4","CookieTitle","_templateObject5","CookieAction","_templateObject6","_ref","title","_ref$title","children","_ref$position","_ref$cookieKey","cookieKey","_useState","useState","window","localStorage","getItem","setShow","React","Button","elementId","type","BUTTON_TYPE","PRIMARY","onClick","setItem"],"mappings":"8IAEYA,qNAAZ,SAAYA,GACVA,4BACAA,8BAFF,CAAYA,IAAAA,OCFZ,IAQMC,EAAmBC,EAAOC,IAAGC,IAAAA,EAAAC,mMAEhBC,eACGC,QACNC,aAGM,EAAVC,UACW,EAAVA,WAET,SAACC,GAA4B,OAC7BA,EAAMC,WAAaX,EAASY,cAC5BC,MAAGC,IAAAA,EAAAT,oCACkB,EAAVI,cAGX,SAACC,GAA4B,OAC7BA,EAAMC,WAAaX,EAASe,aAC5BF,MAAGG,IAAAA,EAAAX,mCACiB,EAAVI,cAIRQ,EAAaf,EAAOC,IAAGe,IAAAA,EAAAb,oCACA,EAAVI,WAEbU,EAAcjB,EAAOC,IAAGiB,IAAAA,EAAAf,oCACD,EAAVI,WAGbY,EAAenB,EAAOC,IAAGmB,IAAAA,EAAAjB,gCC9BT,SAAHkB,WACjBC,MAAAA,WAAKC,EAAG,UAASA,EACjBC,EAAQH,EAARG,SAAQC,EAAAJ,EACRZ,SAAAA,WAAQgB,EAAG3B,EAASe,YAAWY,EAAAC,EAAAL,EAC/BM,UAAAA,WAASD,EANgB,uBAMKA,EAE9BE,EAA0BC,YAAmBC,OAAOC,aAAaC,QAAQL,IAA1DM,EAAOL,KAOtB,OAPaA,KAQXM,gBAACnC,GAAiBU,SAAUA,GAC1ByB,gBAACjB,OACCiB,yBAAIZ,IAGNY,gBAACnB,OAAYS,GAEbU,gBAACf,OACCe,gBAACC,GAAOC,UAAU,iBAAiBC,KAAMC,cAAYC,QAASC,QAdhD,WAClBV,OAAOC,aAAaU,QAAQd,EAAW,QACvCM,GAAQ,iBAiBN"}

package/dist/cookie-message.esm.js

@@ -3,110 +3,42 @@ import Button, { BUTTON_TYPE } from '@propellerads/button';
 import styled, { css } from 'styled-components';
 import { borderRadius, white, baseShadow, spacing } from '@propellerads/stylevariables';
 
-function _taggedTemplateLiteralLoose(strings, raw) {
-  if (!raw) {
-    raw = strings.slice(0);
-  }
-
-  strings.raw = raw;
-  return strings;
+function _taggedTemplateLiteralLoose(e, t) {
+  return t || (t = e.slice(0)), e.raw = t, e;
 }
 
 var POSITION;
-
 (function (POSITION) {
   POSITION["LEFT_BOTTOM"] = "left_bottom";
   POSITION["RIGHT_BOTTOM"] = "right_bottom";
 })(POSITION || (POSITION = {}));
 
-function _templateObject6() {
-  var data = _taggedTemplateLiteralLoose([""]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  var data = _taggedTemplateLiteralLoose(["\n  margin-bottom: ", "px;\n"]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = _taggedTemplateLiteralLoose(["\n  margin-bottom: ", "px;\n"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteralLoose(["\n      left: ", "px;\n    "]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n      right: ", "px;\n    "]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n  width: 320px;\n  border-radius: ", "px;\n  background-color: ", ";\n  box-shadow: ", ";\n  position: fixed;\n  z-index: 99999;\n  bottom: ", "px;\n  padding: ", "px;\n\n  ", ";\n\n  ", ";\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-var StyledCookieCard = /*#__PURE__*/styled.div( /*#__PURE__*/_templateObject(), borderRadius, white, baseShadow, spacing * 5, spacing * 5, function (props) {
-  return props.position === POSITION.RIGHT_BOTTOM && css(_templateObject2(), spacing * 5);
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+var StyledCookieCard = /*#__PURE__*/styled.div(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 320px;\n  border-radius: ", "px;\n  background-color: ", ";\n  box-shadow: ", ";\n  position: fixed;\n  z-index: 99999;\n  bottom: ", "px;\n  padding: ", "px;\n\n  ", ";\n\n  ", ";\n"])), borderRadius, white, baseShadow, spacing * 5, spacing * 5, function (props) {
+  return props.position === POSITION.RIGHT_BOTTOM && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      right: ", "px;\n    "])), spacing * 5);
 }, function (props) {
-  return props.position === POSITION.LEFT_BOTTOM && css(_templateObject3(), spacing * 5);
+  return props.position === POSITION.LEFT_BOTTOM && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      left: ", "px;\n    "])), spacing * 5);
 });
-var CookieInfo = /*#__PURE__*/styled.div( /*#__PURE__*/_templateObject4(), spacing * 3);
-var CookieTitle = /*#__PURE__*/styled.div( /*#__PURE__*/_templateObject5(), spacing * 3);
-var CookieAction = /*#__PURE__*/styled.div( /*#__PURE__*/_templateObject6());
+var CookieInfo = /*#__PURE__*/styled.div(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: ", "px;\n"])), spacing * 3);
+var CookieTitle = /*#__PURE__*/styled.div(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: ", "px;\n"])), spacing * 3);
+var CookieAction = /*#__PURE__*/styled.div(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
 
 var DEFAULT_COOKIE_KEY = 'accept_cookie_policy';
-
 var CookieMessage = function CookieMessage(_ref) {
   var _ref$title = _ref.title,
-      title = _ref$title === void 0 ? 'Cookies' : _ref$title,
-      children = _ref.children,
-      _ref$position = _ref.position,
-      position = _ref$position === void 0 ? POSITION.LEFT_BOTTOM : _ref$position,
-      _ref$cookieKey = _ref.cookieKey,
-      cookieKey = _ref$cookieKey === void 0 ? DEFAULT_COOKIE_KEY : _ref$cookieKey;
-
+    title = _ref$title === void 0 ? 'Cookies' : _ref$title,
+    children = _ref.children,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? POSITION.LEFT_BOTTOM : _ref$position,
+    _ref$cookieKey = _ref.cookieKey,
+    cookieKey = _ref$cookieKey === void 0 ? DEFAULT_COOKIE_KEY : _ref$cookieKey;
   var _useState = useState(!window.localStorage.getItem(cookieKey)),
-      isShow = _useState[0],
-      setShow = _useState[1];
-
+    isShow = _useState[0],
+    setShow = _useState[1];
   var handleClick = function handleClick() {
     window.localStorage.setItem(cookieKey, 'true');
     setShow(false);
   };
-
   return isShow ? React.createElement(StyledCookieCard, {
     position: position
   }, React.createElement(CookieTitle, null, React.createElement("b", null, title)), React.createElement(CookieInfo, null, children), React.createElement(CookieAction, null, React.createElement(Button, {

package/dist/cookie-message.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"cookie-message.esm.js","sources":["../src/types.tsx","../src/style.tsx","../src/index.tsx"],"sourcesContent":["import React, {ReactNode} from 'react';\n\nexport enum POSITION {\n  LEFT_BOTTOM = 'left_bottom',\n  RIGHT_BOTTOM = 'right_bottom',\n}\n\nexport interface CookieMessageProps {\n  children: ReactNode;\n  title?: ReactNode;\n  cookieKey?: string;\n  position?: POSITION;\n}\n\nexport class CookieMessage extends React.Component<CookieMessageProps> {}\n","import styled, {css} from 'styled-components';\nimport {white, borderRadius, baseShadow, spacing} from '@propellerads/stylevariables';\nimport {POSITION} from './types';\n\ninterface StyledCookieCardProps {\n  position: POSITION;\n}\n\nconst StyledCookieCard = styled.div`\n  width: 320px;\n  border-radius: ${borderRadius}px;\n  background-color: ${white};\n  box-shadow: ${baseShadow};\n  position: fixed;\n  z-index: 99999;\n  bottom: ${spacing * 5}px;\n  padding: ${spacing * 5}px;\n\n  ${(props: StyledCookieCardProps) =>\n    props.position === POSITION.RIGHT_BOTTOM &&\n    css`\n      right: ${spacing * 5}px;\n    `};\n\n  ${(props: StyledCookieCardProps) =>\n    props.position === POSITION.LEFT_BOTTOM &&\n    css`\n      left: ${spacing * 5}px;\n    `};\n`;\n\nconst CookieInfo = styled.div`\n  margin-bottom: ${spacing * 3}px;\n`;\nconst CookieTitle = styled.div`\n  margin-bottom: ${spacing * 3}px;\n`;\n\nconst CookieAction = styled.div``;\n\nexport {StyledCookieCard, CookieInfo, CookieTitle, CookieAction};\n","import React, {useState} from 'react';\nimport Button, {BUTTON_TYPE} from '@propellerads/button';\n\nimport {CookieMessageProps, POSITION} from './types';\nimport {StyledCookieCard, CookieAction, CookieInfo, CookieTitle} from './style';\n\nconst DEFAULT_COOKIE_KEY = 'accept_cookie_policy';\n\nconst CookieMessage = ({\n  title = 'Cookies',\n  children,\n  position = POSITION.LEFT_BOTTOM,\n  cookieKey = DEFAULT_COOKIE_KEY,\n}: CookieMessageProps) => {\n  const [isShow, setShow] = useState<boolean>(!window.localStorage.getItem(cookieKey));\n\n  const handleClick = () => {\n    window.localStorage.setItem(cookieKey, 'true');\n    setShow(false);\n  };\n\n  return isShow ? (\n    <StyledCookieCard position={position}>\n      <CookieTitle>\n        <b>{title}</b>\n      </CookieTitle>\n\n      <CookieInfo>{children}</CookieInfo>\n\n      <CookieAction>\n        <Button elementId=\"cookie-consent\" type={BUTTON_TYPE.PRIMARY} onClick={handleClick}>\n          Got it\n        </Button>\n      </CookieAction>\n    </StyledCookieCard>\n  ) : null;\n};\n\nexport {CookieMessage};\n"],"names":["POSITION","StyledCookieCard","styled","div","borderRadius","white","baseShadow","spacing","props","position","RIGHT_BOTTOM","css","LEFT_BOTTOM","CookieInfo","CookieTitle","CookieAction","DEFAULT_COOKIE_KEY","CookieMessage","title","children","cookieKey","useState","window","localStorage","getItem","isShow","setShow","handleClick","setItem","React","Button","elementId","type","BUTTON_TYPE","PRIMARY","onClick"],"mappings":";;;;;;;;;;;;;;AAEA,IAAYA,QAAZ;;AAAA,WAAYA;AACVA,EAAAA,uBAAA,gBAAA;AACAA,EAAAA,wBAAA,iBAAA;AACD,CAHD,EAAYA,QAAQ,KAARA,QAAQ,KAAA,CAApB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACMA,IAAMC,gBAAgB,gBAAGC,MAAM,CAACC,GAAV,kCAEHC,YAFG,EAGAC,KAHA,EAINC,UAJM,EAOVC,OAAO,GAAG,CAPA,EAQTA,OAAO,GAAG,CARD,EAUlB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,QAAN,KAAmBT,QAAQ,CAACU,YAA5B,IACAC,GADA,qBAEWJ,OAAO,GAAG,CAFrB,CADA;AAAA,CAVkB,EAgBlB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,QAAN,KAAmBT,QAAQ,CAACY,WAA5B,IACAD,GADA,qBAEUJ,OAAO,GAAG,CAFpB,CADA;AAAA,CAhBkB,CAAtB;AAuBA,IAAMM,UAAU,gBAAGX,MAAM,CAACC,GAAV,mCACGI,OAAO,GAAG,CADb,CAAhB;AAGA,IAAMO,WAAW,gBAAGZ,MAAM,CAACC,GAAV,mCACEI,OAAO,GAAG,CADZ,CAAjB;AAIA,IAAMQ,YAAY,gBAAGb,MAAM,CAACC,GAAV,kCAAlB;;AChCA,IAAMa,kBAAkB,GAAG,sBAA3B;;AAEA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB;wBACpBC;MAAAA,gCAAQ;MACRC,gBAAAA;2BACAV;MAAAA,sCAAWT,QAAQ,CAACY;4BACpBQ;MAAAA,wCAAYJ;;kBAEcK,QAAQ,CAAU,CAACC,MAAM,CAACC,YAAP,CAAoBC,OAApB,CAA4BJ,SAA5B,CAAX;MAA3BK;MAAQC;;AAEf,MAAMC,WAAW,GAAG,SAAdA,WAAc;AAClBL,IAAAA,MAAM,CAACC,YAAP,CAAoBK,OAApB,CAA4BR,SAA5B,EAAuC,MAAvC;AACAM,IAAAA,OAAO,CAAC,KAAD,CAAP;AACD,GAHD;;AAKA,SAAOD,MAAM,GACXI,mBAAA,CAAC5B,gBAAD;AAAkBQ,IAAAA,QAAQ,EAAEA;GAA5B,EACEoB,mBAAA,CAACf,WAAD,MAAA,EACEe,mBAAA,IAAA,MAAA,EAAIX,KAAJ,CADF,CADF,EAKEW,mBAAA,CAAChB,UAAD,MAAA,EAAaM,QAAb,CALF,EAOEU,mBAAA,CAACd,YAAD,MAAA,EACEc,mBAAA,CAACC,MAAD;AAAQC,IAAAA,SAAS,EAAC;AAAiBC,IAAAA,IAAI,EAAEC,WAAW,CAACC;AAASC,IAAAA,OAAO,EAAER;GAAvE,UAAA,CADF,CAPF,CADW,GAcT,IAdJ;AAeD,CA5BD;;;;"}
+{"version":3,"file":"cookie-message.esm.js","sources":["../src/types.tsx","../src/style.tsx","../src/index.tsx"],"sourcesContent":["import React, {ReactNode} from 'react';\n\nexport enum POSITION {\n  LEFT_BOTTOM = 'left_bottom',\n  RIGHT_BOTTOM = 'right_bottom',\n}\n\nexport interface CookieMessageProps {\n  children: ReactNode;\n  title?: ReactNode;\n  cookieKey?: string;\n  position?: POSITION;\n}\n\nexport class CookieMessage extends React.Component<CookieMessageProps> {}\n","import styled, {css} from 'styled-components';\nimport {white, borderRadius, baseShadow, spacing} from '@propellerads/stylevariables';\nimport {POSITION} from './types';\n\ninterface StyledCookieCardProps {\n  position: POSITION;\n}\n\nconst StyledCookieCard = styled.div`\n  width: 320px;\n  border-radius: ${borderRadius}px;\n  background-color: ${white};\n  box-shadow: ${baseShadow};\n  position: fixed;\n  z-index: 99999;\n  bottom: ${spacing * 5}px;\n  padding: ${spacing * 5}px;\n\n  ${(props: StyledCookieCardProps) =>\n    props.position === POSITION.RIGHT_BOTTOM &&\n    css`\n      right: ${spacing * 5}px;\n    `};\n\n  ${(props: StyledCookieCardProps) =>\n    props.position === POSITION.LEFT_BOTTOM &&\n    css`\n      left: ${spacing * 5}px;\n    `};\n`;\n\nconst CookieInfo = styled.div`\n  margin-bottom: ${spacing * 3}px;\n`;\nconst CookieTitle = styled.div`\n  margin-bottom: ${spacing * 3}px;\n`;\n\nconst CookieAction = styled.div``;\n\nexport {StyledCookieCard, CookieInfo, CookieTitle, CookieAction};\n","import React, {useState} from 'react';\nimport Button, {BUTTON_TYPE} from '@propellerads/button';\n\nimport {CookieMessageProps, POSITION} from './types';\nimport {StyledCookieCard, CookieAction, CookieInfo, CookieTitle} from './style';\n\nconst DEFAULT_COOKIE_KEY = 'accept_cookie_policy';\n\nconst CookieMessage = ({\n  title = 'Cookies',\n  children,\n  position = POSITION.LEFT_BOTTOM,\n  cookieKey = DEFAULT_COOKIE_KEY,\n}: CookieMessageProps) => {\n  const [isShow, setShow] = useState<boolean>(!window.localStorage.getItem(cookieKey));\n\n  const handleClick = () => {\n    window.localStorage.setItem(cookieKey, 'true');\n    setShow(false);\n  };\n\n  return isShow ? (\n    <StyledCookieCard position={position}>\n      <CookieTitle>\n        <b>{title}</b>\n      </CookieTitle>\n\n      <CookieInfo>{children}</CookieInfo>\n\n      <CookieAction>\n        <Button elementId=\"cookie-consent\" type={BUTTON_TYPE.PRIMARY} onClick={handleClick}>\n          Got it\n        </Button>\n      </CookieAction>\n    </StyledCookieCard>\n  ) : null;\n};\n\nexport {CookieMessage};\n"],"names":["POSITION","StyledCookieCard","styled","div","_templateObject","_taggedTemplateLiteralLoose","borderRadius","white","baseShadow","spacing","props","position","RIGHT_BOTTOM","css","_templateObject2","LEFT_BOTTOM","_templateObject3","CookieInfo","_templateObject4","CookieTitle","_templateObject5","CookieAction","_templateObject6","DEFAULT_COOKIE_KEY","CookieMessage","_ref","title","_ref$title","children","_ref$position","_ref$cookieKey","cookieKey","_useState","useState","window","localStorage","getItem","isShow","setShow","handleClick","setItem","React","Button","elementId","type","BUTTON_TYPE","PRIMARY","onClick"],"mappings":";;;;;;;;;AAEA,IAAYA,QAGX;AAHD,WAAYA,QAAQ;EAClBA,uCAA2B;EAC3BA,yCAA6B;AAC/B,CAAC,EAHWA,QAAQ,KAARA,QAAQ;;;ACFpB,AAQA,IAAMC,gBAAgB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,eAAA,KAAAA,eAAA,gBAAAC,2BAAA,0MAEhBC,YAAY,EACTC,KAAK,EACXC,UAAU,EAGdC,OAAO,GAAG,CAAC,EACVA,OAAO,GAAG,CAAC,EAEpB,UAACC,KAA4B;EAAA,OAC7BA,KAAK,CAACC,QAAQ,KAAKX,QAAQ,CAACY,YAAY,IACxCC,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAT,2BAAA,qCACQI,OAAO,GAAG,CAAC,CACrB;AAAA,GAED,UAACC,KAA4B;EAAA,OAC7BA,KAAK,CAACC,QAAQ,KAAKX,QAAQ,CAACe,WAAW,IACvCF,GAAG,CAAAG,gBAAA,KAAAA,gBAAA,GAAAX,2BAAA,oCACOI,OAAO,GAAG,CAAC,CACpB;AAAA,EACJ;AAED,IAAMQ,UAAU,gBAAGf,MAAM,CAACC,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,gBAAAb,2BAAA,qCACVI,OAAO,GAAG,CAAC,CAC7B;AACD,IAAMU,WAAW,gBAAGjB,MAAM,CAACC,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,gBAAAf,2BAAA,qCACXI,OAAO,GAAG,CAAC,CAC7B;AAED,IAAMY,YAAY,gBAAGnB,MAAM,CAACC,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,gBAAAjB,2BAAA,QAAE;;AChCjC,IAAMkB,kBAAkB,GAAG,sBAAsB;AAEjD,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA;wBACjBC,KAAK;IAALA,KAAK,GAAAC,UAAA,cAAG,SAAS,GAAAA,UAAA;IACjBC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAAC,aAAA,GAAAJ,IAAA,CACRd,QAAQ;IAARA,QAAQ,GAAAkB,aAAA,cAAG7B,QAAQ,CAACe,WAAW,GAAAc,aAAA;IAAAC,cAAA,GAAAL,IAAA,CAC/BM,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAGP,kBAAkB,GAAAO,cAAA;EAE9B,IAAAE,SAAA,GAA0BC,QAAQ,CAAU,CAACC,MAAM,CAACC,YAAY,CAACC,OAAO,CAACL,SAAS,CAAC,CAAC;IAA7EM,MAAM,GAAAL,SAAA;IAAEM,OAAO,GAAAN,SAAA;EAEtB,IAAMO,WAAW,GAAG,SAAdA,WAAWA;IACfL,MAAM,CAACC,YAAY,CAACK,OAAO,CAACT,SAAS,EAAE,MAAM,CAAC;IAC9CO,OAAO,CAAC,KAAK,CAAC;GACf;EAED,OAAOD,MAAM,GACXI,oBAACxC,gBAAgB;IAACU,QAAQ,EAAEA;KAC1B8B,oBAACtB,WAAW,QACVsB,+BAAIf,KAAK,CAAK,CACF,EAEde,oBAACxB,UAAU,QAAEW,QAAQ,CAAc,EAEnCa,oBAACpB,YAAY,QACXoB,oBAACC,MAAM;IAACC,SAAS,EAAC,gBAAgB;IAACC,IAAI,EAAEC,WAAW,CAACC,OAAO;IAAEC,OAAO,EAAER;cAE9D,CACI,CACE,GACjB,IAAI;AACV,CAAC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@propellerads/cookie-message",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "repository": "https://github.com/propellerads/ui-components",
   "private": false,
   "license": "MIT",
@@ -15,25 +15,23 @@
     "node": ">=10"
   },
   "scripts": {
-    "prepublishOnly": "tsdx build",
     "start": "tsdx watch",
     "build": "tsdx build"
   },
   "peerDependencies": {
-    "@types/styled-components": "5.1.34",
     "react": ">=18 <19",
-    "styled-components": "5.1.1"
+    "styled-components": "5.1.1",
+    "@types/styled-components": "5.1.34"
   },
   "module": "dist/cookie-message.esm.js",
   "devDependencies": {
-    "@types/react": ">=18 <19",
-    "tsdx": "^0.13.3",
-    "tslib": "^2.0.1",
-    "typescript": "^4.9.5"
+    "tsdx": "0.13.3",
+    "tslib": "2.0.1",
+    "typescript": "4.9.5",
+    "@types/react": "18.3.24"
   },
   "dependencies": {
-    "@propellerads/button": "^5.2.1",
-    "@propellerads/stylevariables": "^1.3.1"
-  },
-  "gitHead": "5d74522986ec4a1fc7e1a62f99a7557207ae0e80"
+    "@propellerads/button": "^8.0.1",
+    "@propellerads/stylevariables": "^2.0.1"
+  }
 }

package/CHANGELOG.md

@@ -1,30 +0,0 @@
-## `3.0.0`
-
-- upgrade to React 18
-
-## `2.4.0`
-
-- updated peerDependencies
-
-## `2.3.0`
-
-- update style-variables, button
-
-## `2.2.0`
-
-- update style-variables, button
-- apply new border-radius 8px
-
-## `2.1.0`
-
-- Added prop `position` with enum. Cookie Message can be positioned on the right bottom of the screen
-
-## `2.0.2`
-
-- Update dependencies
-
-## `2.0.0`
-
-- TS
-- Production build
-- Added optional prop for cookie key