qpp-style 9.45.7-beta.1 → 9.45.7-beta.2

package/components/Header/ImpersonatorBanner.jsx

@@ -1,5 +1,5 @@
 import React from "react";
-import cookie from "cookie";
+import { parse } from "cookie";
 import { CloseIcon } from "../../lib/SvgComponents";
 import { TextButton } from "../Button";
 import {
@@ -24,7 +24,7 @@ const ImpersonatorBanner = () => {
     qpp_auth_token: token = null,
     qpp_impersonated_user: user = null,
     qpp_impersonated_type: viewType = null,
-  } = cookie.parse(document.cookie);
+  } = parse(document.cookie);
 
   const className = [
     "qpp-u-display--flex",

package/components/Header/PreviewBanner.jsx

@@ -1,12 +1,10 @@
 import React from "react";
-import cookie from "cookie";
+import { parse } from "cookie";
 import { TextButton } from "../Button";
 import { CloseIcon } from "../../lib/SvgComponents";
 
 function PreviewBanner() {
-  const { qpp_is_preview_mode: isPreviewMode = null } = cookie.parse(
-    document.cookie,
-  );
+  const { qpp_is_preview_mode: isPreviewMode = null } = parse(document.cookie);
   if (isPreviewMode === "true") {
     return (
       <div className="qpp-u-display--flex qpp-u-justify-content--between qpp-u-fill--gold-20 qpp-u-padding-x--40 qpp-u-padding-y--24 qpp-u-font-size--14 qpp-u-color--gray-80">

package/components/Session/Session.jsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from "react";
-import cookie from "cookie";
+import { parse } from "cookie";
 import Modal from "../Modal";
 import { fetchTtl } from "../../session";
 import refreshSession from "../../session/refresh";
@@ -28,7 +28,7 @@ const Session = () => {
 
   useEffect(() => {
     let didCancel = false;
-    const cookies = cookie.parse(document.cookie);
+    const cookies = parse(document.cookie);
     const hasAuthToken = !!cookies.qpp_auth_token;
 
     async function isSessionValid() {

package/components/SideNav/Content/LevelOneContent.jsx

@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 import PropTypes from "prop-types";
-import cookie from "cookie";
+import { parse } from "cookie";
 import { jwtDecode } from "jwt-decode";
 import SanitizedContent from "../../SanitizedContent";
 import AnimationGroup from "../AnimationGroup/AnimationGroup";
@@ -12,7 +12,7 @@ const LevelOneContent = ({ isExpanded, levelOneContent }) => {
     qpp_auth_token,
     qpp_has_authorizations: hasAuthorizations,
     qpp_cms_internal_authorized: cmsInternalRoleValues,
-  } = cookie.parse(document.cookie);
+  } = parse(document.cookie);
 
   const roleOptions = loadRoleOptions([
     hasAuthorizations,

package/components/SideNav/Content/SelectRole/index.js

@@ -1,6 +1,6 @@
 import React, { useEffect } from "react";
 import PropTypes from "prop-types";
-import cookie from "cookie";
+import { parse } from "cookie";
 import Dropdown from "../../../Dropdown";
 import {
   redirectPage,
@@ -10,8 +10,9 @@ import {
 } from "./utils";
 
 const SelectRole = ({ selectedRole, setSelectedRole, roleOptions }) => {
-  const { qpp_impersonated_user: isHelpdeskRoleAndImpersonating } =
-    cookie.parse(document.cookie);
+  const { qpp_impersonated_user: isHelpdeskRoleAndImpersonating } = parse(
+    document.cookie,
+  );
 
   const handleSelection = (e) => {
     e.preventDefault();

package/components/SideNav/helpers.js

@@ -1,4 +1,4 @@
-import cookie from "cookie";
+import { parse, serialize } from "cookie";
 
 const handleNavigation = (e, linkCallbackFunction, label) => {
   if (linkCallbackFunction) {
@@ -25,7 +25,7 @@ const handleNavigation = (e, linkCallbackFunction, label) => {
  */
 const setSideNavExpanded = (_document, value) => {
   const secure = _document.location.protocol === "https:";
-  _document.cookie = cookie.serialize("qpp_side_nav_expanded", value, {
+  _document.cookie = serialize("qpp_side_nav_expanded", value, {
     path: "/",
     secure,
   });
@@ -37,7 +37,7 @@ const setSideNavExpanded = (_document, value) => {
  * @returns {boolean}
  */
 const isSideNavExpanded = (_document) => {
-  const parsedCookies = cookie.parse(_document.cookie);
+  const parsedCookies = parse(_document.cookie);
   if (parsedCookies.qpp_side_nav_expanded === undefined) {
     setSideNavExpanded(_document, "true");
     return true;