@atlaskit/give-kudos 1.0.3 → 1.0.4

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlassian/give-kudos
 
+## 1.0.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 1.0.3
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -23,9 +22,6 @@ Object.defineProperty(exports, "KudosType", {
     return _types.KudosType;
   }
 });
-
 var _types = require("./types");
-
 var _main = _interopRequireDefault(require("./ui/GiveKudosLauncher/main"));
-
 var _GiveKudosLauncher = require("./ui/GiveKudosLauncher");

package/dist/cjs/messages.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _reactIntlNext = require("react-intl-next");
-
 var messages = (0, _reactIntlNext.defineMessages)({
   giveKudosButton: {
     id: 'team-central.give-kudos.button',

package/dist/cjs/types.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.KudosType = void 0;
 var KudosType;
 exports.KudosType = KudosType;
-
 (function (KudosType) {
   KudosType["INDIVIDUAL"] = "individual";
   KudosType["TEAM"] = "team";

package/dist/cjs/ui/GiveKudosLauncher/index.js

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GiveKudosLauncherLazy = void 0;
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
 var _react = require("react");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || (0, _typeof2.default)(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var GiveKudosLauncherLazy = /*#__PURE__*/(0, _react.lazy)(function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require('./main'));

package/dist/cjs/ui/GiveKudosLauncher/main.js

@@ -1,54 +1,31 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _reactIntlNext = require("react-intl-next");
-
 var _analyticsNext = require("@atlaskit/analytics-next");
-
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
-
 var _drawer = _interopRequireDefault(require("@atlaskit/drawer"));
-
 var _arrowLeft = _interopRequireDefault(require("@atlaskit/icon/glyph/arrow-left"));
-
 var _checkCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/check-circle"));
-
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
-
 var _portal = _interopRequireDefault(require("@atlaskit/portal"));
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _messages = _interopRequireDefault(require("../../messages"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var iframeStyles = (0, _react2.css)({
   border: 0
 });
@@ -70,33 +47,27 @@ var sidebarButtonStyles = (0, _react2.css)({
   lineHeight: 1
 });
 var ANALYTICS_CHANNEL = 'atlas';
-
 var GiveKudosLauncher = function GiveKudosLauncher(props) {
   var _props$recipient;
-
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isCloseConfirmModalOpen = _useState2[0],
-      setIsCloseConfirmModalOpen = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isCloseConfirmModalOpen = _useState2[0],
+    setIsCloseConfirmModalOpen = _useState2[1];
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      isDirty = _useState4[0],
-      setIsDirty = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    isDirty = _useState4[0],
+    setIsDirty = _useState4[1];
   var iframeEl = (0, _react.useRef)(null);
   var messageListenerEventHandler = (0, _react.useRef)(function (e) {});
   var unloadEventHandler = (0, _react.useRef)(function (e) {});
   var intl = (0, _reactIntlNext.useIntl)();
-
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
-      createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var addFlag = props.addFlag,
-      teamCentralBaseUrl = props.teamCentralBaseUrl,
-      analyticsSource = props.analyticsSource,
-      onClose = props.onClose,
-      testId = props.testId;
+    teamCentralBaseUrl = props.teamCentralBaseUrl,
+    analyticsSource = props.analyticsSource,
+    onClose = props.onClose,
+    testId = props.testId;
   var shouldBlockTransition = (0, _react.useCallback)(function (e) {
     e.preventDefault();
     e.returnValue = intl.formatMessage(_messages.default.unsavedKudosWarning);
@@ -116,16 +87,13 @@ var GiveKudosLauncher = function GiveKudosLauncher(props) {
     setIsCloseConfirmModalOpen(false);
     onClose();
   }, [onClose]);
-
   var closeWarningModal = function closeWarningModal() {
     setIsCloseConfirmModalOpen(false);
   };
-
   var messageListener = (0, _react.useCallback)(function (event) {
     if (!props.isOpen) {
       return;
     }
-
     if (String(event.data).startsWith('kudos-created-')) {
       var uuid = String(event.data).replace(/^(kudos-created-)/, '');
       closeDrawer();
@@ -163,36 +131,30 @@ var GiveKudosLauncher = function GiveKudosLauncher(props) {
   }, [messageListener]);
   (0, _react.useEffect)(function () {
     window.removeEventListener('beforeunload', unloadEventHandler.current);
-
     if (isDirty) {
       unloadEventHandler.current = shouldBlockTransition;
       window.addEventListener('beforeunload', unloadEventHandler.current, false);
     }
-
     return function () {
       window.removeEventListener('beforeunload', unloadEventHandler.current);
     };
   }, [isDirty, shouldBlockTransition]);
-
   var sendCancelAnalytic = function sendCancelAnalytic() {
     sendAnalytic('cancelled', {});
   };
-
   var handleCloseDrawerClickedFunc = function handleCloseDrawerClickedFunc() {
     if (!isDirty) {
       sendCancelAnalytic();
       closeDrawer();
       return;
     }
-
     setIsCloseConfirmModalOpen(true);
   };
-
   var handleCloseDrawerClickedFuncRef = (0, _react.useRef)(handleCloseDrawerClickedFunc);
   (0, _react.useEffect)(function () {
-    handleCloseDrawerClickedFuncRef.current = handleCloseDrawerClickedFunc; // eslint-disable-next-line react-hooks/exhaustive-deps
+    handleCloseDrawerClickedFuncRef.current = handleCloseDrawerClickedFunc;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isDirty]);
-
   var renderIframe = function renderIframe() {
     return (0, _react2.jsx)("iframe", {
       src: giveKudosUrl,
@@ -204,11 +166,9 @@ var GiveKudosLauncher = function GiveKudosLauncher(props) {
       css: iframeStyles
     });
   };
-
   var handleCloseDrawerClicked = function handleCloseDrawerClicked() {
     handleCloseDrawerClickedFuncRef.current();
   };
-
   var renderSidebar = function renderSidebar() {
     return (0, _react2.jsx)("div", {
       css: sidebarDivStyles
@@ -219,17 +179,16 @@ var GiveKudosLauncher = function GiveKudosLauncher(props) {
       label: "Close drawer"
     })));
   };
-
   var renderDrawer = (0, _react.useMemo)(function () {
     if (props.isOpen) {
       sendAnalytic('opened', {});
     }
-
     return (0, _react2.jsx)(_drawer.default, {
       width: "full",
       isOpen: props.isOpen,
       zIndex: _constants.layers.modal(),
-      onClose: handleCloseDrawerClicked // eslint-disable-next-line @atlaskit/design-system/no-deprecated-apis
+      onClose: handleCloseDrawerClicked
+      // eslint-disable-next-line @atlaskit/design-system/no-deprecated-apis
       ,
       overrides: {
         Content: {
@@ -239,7 +198,8 @@ var GiveKudosLauncher = function GiveKudosLauncher(props) {
           component: renderSidebar
         }
       }
-    }); // eslint-disable-next-line react-hooks/exhaustive-deps
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [(_props$recipient = props.recipient) === null || _props$recipient === void 0 ? void 0 : _props$recipient.recipientId, props.isOpen]);
   var recipientParam = props.recipient ? "&type=".concat(props.recipient.type, "&recipientId=").concat(props.recipient.recipientId) : '';
   var giveKudosUrl = "".concat(props.teamCentralBaseUrl, "/give-kudos?cloudId=").concat(props.cloudId).concat(recipientParam, "&unsavedMessage=").concat(intl.formatMessage(_messages.default.unsavedKudosWarning));
@@ -262,6 +222,5 @@ var GiveKudosLauncher = function GiveKudosLauncher(props) {
     }
   }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.default.unsavedKudosWarningCloseButton))))), renderDrawer));
 };
-
 var _default = GiveKudosLauncher;
 exports.default = _default;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/give-kudos",
-	"version": "1.0.3",
+	"version": "1.0.4",
 	"sideEffects": false
 }

package/dist/es2019/types.js

@@ -1,5 +1,4 @@
 export let KudosType;
-
 (function (KudosType) {
   KudosType["INDIVIDUAL"] = "individual";
   KudosType["TEAM"] = "team";

package/dist/es2019/ui/GiveKudosLauncher/index.js

@@ -1,4 +1,3 @@
 import { lazy } from 'react';
-export const GiveKudosLauncherLazy = /*#__PURE__*/lazy(() => import(
-/* webpackChunkName: "@atlaskit-internal_lazy-give-kudos" */
+export const GiveKudosLauncherLazy = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-internal_lazy-give-kudos" */
 './main'));

package/dist/es2019/ui/GiveKudosLauncher/main.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /**  @jsx jsx */
+
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import { FormattedMessage, useIntl } from 'react-intl-next';
@@ -35,10 +35,8 @@ const sidebarButtonStyles = css({
   lineHeight: 1
 });
 const ANALYTICS_CHANNEL = 'atlas';
-
 const GiveKudosLauncher = props => {
   var _props$recipient;
-
   const [isCloseConfirmModalOpen, setIsCloseConfirmModalOpen] = useState(false);
   const [isDirty, setIsDirty] = useState(false);
   const iframeEl = useRef(null);
@@ -63,7 +61,8 @@ const GiveKudosLauncher = props => {
     const analyticsEvent = createAnalyticsEvent({
       action: action,
       actionSubject: 'createKudos',
-      attributes: { ...options,
+      attributes: {
+        ...options,
         analyticsSource
       }
     });
@@ -74,16 +73,13 @@ const GiveKudosLauncher = props => {
     setIsCloseConfirmModalOpen(false);
     onClose();
   }, [onClose]);
-
   const closeWarningModal = () => {
     setIsCloseConfirmModalOpen(false);
   };
-
   const messageListener = useCallback(event => {
     if (!props.isOpen) {
       return;
     }
-
     if (String(event.data).startsWith('kudos-created-')) {
       const uuid = String(event.data).replace(/^(kudos-created-)/, '');
       closeDrawer();
@@ -119,36 +115,30 @@ const GiveKudosLauncher = props => {
   }, [messageListener]);
   useEffect(() => {
     window.removeEventListener('beforeunload', unloadEventHandler.current);
-
     if (isDirty) {
       unloadEventHandler.current = shouldBlockTransition;
       window.addEventListener('beforeunload', unloadEventHandler.current, false);
     }
-
     return () => {
       window.removeEventListener('beforeunload', unloadEventHandler.current);
     };
   }, [isDirty, shouldBlockTransition]);
-
   const sendCancelAnalytic = () => {
     sendAnalytic('cancelled', {});
   };
-
   const handleCloseDrawerClickedFunc = () => {
     if (!isDirty) {
       sendCancelAnalytic();
       closeDrawer();
       return;
     }
-
     setIsCloseConfirmModalOpen(true);
   };
-
   const handleCloseDrawerClickedFuncRef = useRef(handleCloseDrawerClickedFunc);
   useEffect(() => {
-    handleCloseDrawerClickedFuncRef.current = handleCloseDrawerClickedFunc; // eslint-disable-next-line react-hooks/exhaustive-deps
+    handleCloseDrawerClickedFuncRef.current = handleCloseDrawerClickedFunc;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isDirty]);
-
   const renderIframe = () => {
     return jsx("iframe", {
       src: giveKudosUrl,
@@ -160,11 +150,9 @@ const GiveKudosLauncher = props => {
       css: iframeStyles
     });
   };
-
   const handleCloseDrawerClicked = () => {
     handleCloseDrawerClickedFuncRef.current();
   };
-
   const renderSidebar = () => {
     return jsx("div", {
       css: sidebarDivStyles
@@ -175,17 +163,16 @@ const GiveKudosLauncher = props => {
       label: "Close drawer"
     })));
   };
-
   const renderDrawer = useMemo(() => {
     if (props.isOpen) {
       sendAnalytic('opened', {});
     }
-
     return jsx(Drawer, {
       width: "full",
       isOpen: props.isOpen,
       zIndex: layers.modal(),
-      onClose: handleCloseDrawerClicked // eslint-disable-next-line @atlaskit/design-system/no-deprecated-apis
+      onClose: handleCloseDrawerClicked
+      // eslint-disable-next-line @atlaskit/design-system/no-deprecated-apis
       ,
       overrides: {
         Content: {
@@ -195,7 +182,8 @@ const GiveKudosLauncher = props => {
           component: renderSidebar
         }
       }
-    }); // eslint-disable-next-line react-hooks/exhaustive-deps
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [(_props$recipient = props.recipient) === null || _props$recipient === void 0 ? void 0 : _props$recipient.recipientId, props.isOpen]);
   const recipientParam = props.recipient ? `&type=${props.recipient.type}&recipientId=${props.recipient.recipientId}` : '';
   const giveKudosUrl = `${props.teamCentralBaseUrl}/give-kudos?cloudId=${props.cloudId}${recipientParam}&unsavedMessage=${intl.formatMessage(messages.unsavedKudosWarning)}`;
@@ -218,5 +206,4 @@ const GiveKudosLauncher = props => {
     }
   }, jsx(FormattedMessage, messages.unsavedKudosWarningCloseButton))))), renderDrawer));
 };
-
 export default GiveKudosLauncher;

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/give-kudos",
-	"version": "1.0.3",
+	"version": "1.0.4",
 	"sideEffects": false
 }

package/dist/esm/types.js

@@ -1,5 +1,4 @@
 export var KudosType;
-
 (function (KudosType) {
   KudosType["INDIVIDUAL"] = "individual";
   KudosType["TEAM"] = "team";

package/dist/esm/ui/GiveKudosLauncher/index.js

@@ -1,6 +1,5 @@
 import { lazy } from 'react';
 export var GiveKudosLauncherLazy = /*#__PURE__*/lazy(function () {
-  return import(
-  /* webpackChunkName: "@atlaskit-internal_lazy-give-kudos" */
+  return import( /* webpackChunkName: "@atlaskit-internal_lazy-give-kudos" */
   './main');
 });

package/dist/esm/ui/GiveKudosLauncher/main.js

@@ -1,12 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 /**  @jsx jsx */
+
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import { FormattedMessage, useIntl } from 'react-intl-next';
@@ -41,33 +39,27 @@ var sidebarButtonStyles = css({
   lineHeight: 1
 });
 var ANALYTICS_CHANNEL = 'atlas';
-
 var GiveKudosLauncher = function GiveKudosLauncher(props) {
   var _props$recipient;
-
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isCloseConfirmModalOpen = _useState2[0],
-      setIsCloseConfirmModalOpen = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isCloseConfirmModalOpen = _useState2[0],
+    setIsCloseConfirmModalOpen = _useState2[1];
   var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isDirty = _useState4[0],
-      setIsDirty = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    isDirty = _useState4[0],
+    setIsDirty = _useState4[1];
   var iframeEl = useRef(null);
   var messageListenerEventHandler = useRef(function (e) {});
   var unloadEventHandler = useRef(function (e) {});
   var intl = useIntl();
-
   var _useAnalyticsEvents = useAnalyticsEvents(),
-      createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var addFlag = props.addFlag,
-      teamCentralBaseUrl = props.teamCentralBaseUrl,
-      analyticsSource = props.analyticsSource,
-      onClose = props.onClose,
-      testId = props.testId;
+    teamCentralBaseUrl = props.teamCentralBaseUrl,
+    analyticsSource = props.analyticsSource,
+    onClose = props.onClose,
+    testId = props.testId;
   var shouldBlockTransition = useCallback(function (e) {
     e.preventDefault();
     e.returnValue = intl.formatMessage(messages.unsavedKudosWarning);
@@ -87,16 +79,13 @@ var GiveKudosLauncher = function GiveKudosLauncher(props) {
     setIsCloseConfirmModalOpen(false);
     onClose();
   }, [onClose]);
-
   var closeWarningModal = function closeWarningModal() {
     setIsCloseConfirmModalOpen(false);
   };
-
   var messageListener = useCallback(function (event) {
     if (!props.isOpen) {
       return;
     }
-
     if (String(event.data).startsWith('kudos-created-')) {
       var uuid = String(event.data).replace(/^(kudos-created-)/, '');
       closeDrawer();
@@ -134,36 +123,30 @@ var GiveKudosLauncher = function GiveKudosLauncher(props) {
   }, [messageListener]);
   useEffect(function () {
     window.removeEventListener('beforeunload', unloadEventHandler.current);
-
     if (isDirty) {
       unloadEventHandler.current = shouldBlockTransition;
       window.addEventListener('beforeunload', unloadEventHandler.current, false);
     }
-
     return function () {
       window.removeEventListener('beforeunload', unloadEventHandler.current);
     };
   }, [isDirty, shouldBlockTransition]);
-
   var sendCancelAnalytic = function sendCancelAnalytic() {
     sendAnalytic('cancelled', {});
   };
-
   var handleCloseDrawerClickedFunc = function handleCloseDrawerClickedFunc() {
     if (!isDirty) {
       sendCancelAnalytic();
       closeDrawer();
       return;
     }
-
     setIsCloseConfirmModalOpen(true);
   };
-
   var handleCloseDrawerClickedFuncRef = useRef(handleCloseDrawerClickedFunc);
   useEffect(function () {
-    handleCloseDrawerClickedFuncRef.current = handleCloseDrawerClickedFunc; // eslint-disable-next-line react-hooks/exhaustive-deps
+    handleCloseDrawerClickedFuncRef.current = handleCloseDrawerClickedFunc;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isDirty]);
-
   var renderIframe = function renderIframe() {
     return jsx("iframe", {
       src: giveKudosUrl,
@@ -175,11 +158,9 @@ var GiveKudosLauncher = function GiveKudosLauncher(props) {
       css: iframeStyles
     });
   };
-
   var handleCloseDrawerClicked = function handleCloseDrawerClicked() {
     handleCloseDrawerClickedFuncRef.current();
   };
-
   var renderSidebar = function renderSidebar() {
     return jsx("div", {
       css: sidebarDivStyles
@@ -190,17 +171,16 @@ var GiveKudosLauncher = function GiveKudosLauncher(props) {
       label: "Close drawer"
     })));
   };
-
   var renderDrawer = useMemo(function () {
     if (props.isOpen) {
       sendAnalytic('opened', {});
     }
-
     return jsx(Drawer, {
       width: "full",
       isOpen: props.isOpen,
       zIndex: layers.modal(),
-      onClose: handleCloseDrawerClicked // eslint-disable-next-line @atlaskit/design-system/no-deprecated-apis
+      onClose: handleCloseDrawerClicked
+      // eslint-disable-next-line @atlaskit/design-system/no-deprecated-apis
       ,
       overrides: {
         Content: {
@@ -210,7 +190,8 @@ var GiveKudosLauncher = function GiveKudosLauncher(props) {
           component: renderSidebar
         }
       }
-    }); // eslint-disable-next-line react-hooks/exhaustive-deps
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [(_props$recipient = props.recipient) === null || _props$recipient === void 0 ? void 0 : _props$recipient.recipientId, props.isOpen]);
   var recipientParam = props.recipient ? "&type=".concat(props.recipient.type, "&recipientId=").concat(props.recipient.recipientId) : '';
   var giveKudosUrl = "".concat(props.teamCentralBaseUrl, "/give-kudos?cloudId=").concat(props.cloudId).concat(recipientParam, "&unsavedMessage=").concat(intl.formatMessage(messages.unsavedKudosWarning));
@@ -233,5 +214,4 @@ var GiveKudosLauncher = function GiveKudosLauncher(props) {
     }
   }, jsx(FormattedMessage, messages.unsavedKudosWarningCloseButton))))), renderDrawer));
 };
-
 export default GiveKudosLauncher;

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/give-kudos",
-	"version": "1.0.3",
+	"version": "1.0.4",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/give-kudos",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "Give Kudos experience ",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -38,7 +38,7 @@
     "@atlaskit/modal-dialog": "^12.4.0",
     "@atlaskit/portal": "^4.2.8",
     "@atlaskit/theme": "^12.2.0",
-    "@atlaskit/tokens": "^0.13.0",
+    "@atlaskit/tokens": "^1.0.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "react-intl-next": "npm:react-intl@^5.18.1"
@@ -50,7 +50,7 @@
     "@atlaskit/docs": "*",
     "@atlaskit/flag": "^15.0.0",
     "@atlaskit/ssr": "*",
-    "@atlaskit/tokens": "^0.13.0",
+    "@atlaskit/tokens": "^1.0.0",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",