qpp-style 0.0.9 → 0.0.10

package/lib/SvgComponents.jsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 
 export const MyApplicationsIcon = () => (
   <svg className="my-applications" viewBox="0 0 25 25">
@@ -6,9 +7,7 @@ export const MyApplicationsIcon = () => (
       <g transform="translate(0.000000, 0.629018)">
         <polygon points="12 23.0964379 24 15.374457 24 16.3397046 12 24.0616855 0 16.3397046 0 15.374457"></polygon>
         <polygon points="12 19.2701998 24 11.5482189 24 12.5134666 12 20.2354474 0 12.5134666 0 11.5482189"></polygon>
-        <path
-          d="M23.25,8.20460469 L12,0.965247611 L0.75,8.20460469 L12,15.4439618 L23.25,8.20460469 Z M24,7.72198089 L24,8.6872285 L12,16.4092094 L0,8.6872285 L0,7.72198089 L12,0 L24,7.72198089 Z"
-        ></path>
+        <path d="M23.25,8.20460469 L12,0.965247611 L0.75,8.20460469 L12,15.4439618 L23.25,8.20460469 Z M24,7.72198089 L24,8.6872285 L12,16.4092094 L0,8.6872285 L0,7.72198089 L12,0 L24,7.72198089 Z"></path>
       </g>
     </g>
   </svg>
@@ -98,12 +97,8 @@ export const PhysicianCompareIcon = () => (
   <svg className="physician-compare-icon" viewBox="0 0 25 25">
     <g id="Page-1" stroke="none" strokeWidth="1">
       <g id="Physician-Compare_Physician-Compare">
-        <path
-          d="M19.2204301,5 L18.1451613,5 C17.7419355,5 17.4731183,5.2601626 17.4731183,5.6504065 C17.4731183,6.04065041 17.7419355,6.30081301 18.1451613,6.30081301 L19.2204301,6.30081301 C19.3548387,6.30081301 19.4892473,6.43089431 19.4892473,6.56097561 L19.4892473,11.8943089 C19.4892473,13.3252033 18.2795699,14.6260163 16.6666667,14.6260163 C15.0537634,14.6260163 13.844086,13.4552846 13.844086,11.8943089 L13.844086,6.56097561 C13.844086,6.43089431 13.9784946,6.30081301 14.1129032,6.30081301 L15.188172,6.30081301 C15.5913978,6.30081301 15.8602151,6.04065041 15.8602151,5.6504065 C15.8602151,5.2601626 15.5913978,5 15.188172,5 L14.1129032,5 C13.3064516,5 12.5,5.6504065 12.5,6.56097561 L12.5,11.8943089 C12.5,13.8455285 13.9784946,15.5365854 15.9946237,15.9268293 C15.8602151,18.398374 14.6505376,19.699187 12.5,19.699187 L12.2311828,19.699187 C9.40860215,19.699187 8.33333333,17.2276423 8.33333333,15.6666667 L8.33333333,14.495935 C9.67741935,14.1056911 10.6182796,12.9349593 10.6182796,11.504065 C10.7526882,9.81300813 9.27419355,8.38211382 7.52688172,8.38211382 C5.77956989,8.38211382 4.16666667,9.81300813 4.16666667,11.504065 C4.16666667,13.0650407 5.37634409,14.3658537 6.98924731,14.6260163 L6.98924731,15.6666667 C6.98924731,18.2682927 8.87096774,21 12.2311828,21 L12.5,21 C15.4569892,21 17.2043011,19.1788618 17.3387097,15.796748 C19.3548387,15.5365854 20.8333333,13.8455285 20.8333333,11.7642276 L20.8333333,6.56097561 C20.8333333,5.6504065 20.1612903,5 19.2204301,5 Z M5.77956989,11.504065 C5.77956989,10.5934959 6.58602151,9.94308943 7.39247312,9.94308943 C8.19892473,9.94308943 9.00537634,10.7235772 9.00537634,11.504065 C9.00537634,12.2845528 8.33333333,13.195122 7.52688172,13.195122 C6.72043011,13.195122 5.77956989,12.4146341 5.77956989,11.504065 Z"
-        ></path>
-        <path
-          d="M20.718232,0 L4.14364641,0 C1.79558011,0 0,1.82291667 0,3.90625 L0,21.09375 C0,23.3072917 1.93370166,25 4.14364641,25 L20.8563536,25 C23.2044199,25 25,23.1770833 25,21.09375 L25,3.90625 C24.8618785,1.82291667 23.0662983,0 20.718232,0 Z M23.480663,21.09375 C23.480663,22.5260417 22.2375691,23.6979167 20.718232,23.6979167 L4.14364641,23.6979167 C2.62430939,23.6979167 1.38121547,22.5260417 1.38121547,21.09375 L1.38121547,3.90625 C1.38121547,2.47395833 2.62430939,1.30208333 4.14364641,1.30208333 L20.8563536,1.30208333 C22.3756906,1.30208333 23.6187845,2.47395833 23.6187845,3.90625 L23.6187845,21.09375 L23.480663,21.09375 Z"
-        ></path>
+        <path d="M19.2204301,5 L18.1451613,5 C17.7419355,5 17.4731183,5.2601626 17.4731183,5.6504065 C17.4731183,6.04065041 17.7419355,6.30081301 18.1451613,6.30081301 L19.2204301,6.30081301 C19.3548387,6.30081301 19.4892473,6.43089431 19.4892473,6.56097561 L19.4892473,11.8943089 C19.4892473,13.3252033 18.2795699,14.6260163 16.6666667,14.6260163 C15.0537634,14.6260163 13.844086,13.4552846 13.844086,11.8943089 L13.844086,6.56097561 C13.844086,6.43089431 13.9784946,6.30081301 14.1129032,6.30081301 L15.188172,6.30081301 C15.5913978,6.30081301 15.8602151,6.04065041 15.8602151,5.6504065 C15.8602151,5.2601626 15.5913978,5 15.188172,5 L14.1129032,5 C13.3064516,5 12.5,5.6504065 12.5,6.56097561 L12.5,11.8943089 C12.5,13.8455285 13.9784946,15.5365854 15.9946237,15.9268293 C15.8602151,18.398374 14.6505376,19.699187 12.5,19.699187 L12.2311828,19.699187 C9.40860215,19.699187 8.33333333,17.2276423 8.33333333,15.6666667 L8.33333333,14.495935 C9.67741935,14.1056911 10.6182796,12.9349593 10.6182796,11.504065 C10.7526882,9.81300813 9.27419355,8.38211382 7.52688172,8.38211382 C5.77956989,8.38211382 4.16666667,9.81300813 4.16666667,11.504065 C4.16666667,13.0650407 5.37634409,14.3658537 6.98924731,14.6260163 L6.98924731,15.6666667 C6.98924731,18.2682927 8.87096774,21 12.2311828,21 L12.5,21 C15.4569892,21 17.2043011,19.1788618 17.3387097,15.796748 C19.3548387,15.5365854 20.8333333,13.8455285 20.8333333,11.7642276 L20.8333333,6.56097561 C20.8333333,5.6504065 20.1612903,5 19.2204301,5 Z M5.77956989,11.504065 C5.77956989,10.5934959 6.58602151,9.94308943 7.39247312,9.94308943 C8.19892473,9.94308943 9.00537634,10.7235772 9.00537634,11.504065 C9.00537634,12.2845528 8.33333333,13.195122 7.52688172,13.195122 C6.72043011,13.195122 5.77956989,12.4146341 5.77956989,11.504065 Z"></path>
+        <path d="M20.718232,0 L4.14364641,0 C1.79558011,0 0,1.82291667 0,3.90625 L0,21.09375 C0,23.3072917 1.93370166,25 4.14364641,25 L20.8563536,25 C23.2044199,25 25,23.1770833 25,21.09375 L25,3.90625 C24.8618785,1.82291667 23.0662983,0 20.718232,0 Z M23.480663,21.09375 C23.480663,22.5260417 22.2375691,23.6979167 20.718232,23.6979167 L4.14364641,23.6979167 C2.62430939,23.6979167 1.38121547,22.5260417 1.38121547,21.09375 L1.38121547,3.90625 C1.38121547,2.47395833 2.62430939,1.30208333 4.14364641,1.30208333 L20.8563536,1.30208333 C22.3756906,1.30208333 23.6187845,2.47395833 23.6187845,3.90625 L23.6187845,21.09375 L23.480663,21.09375 Z"></path>
       </g>
     </g>
   </svg>
@@ -112,32 +107,12 @@ export const PhysicianCompareIcon = () => (
 export const HardshipIcon = () => (
   <svg className="hardship-icon" viewBox="0 0 25 25" version="1.1">
     <g>
-      <g
-        transform="translate(2.000000, 0.000000)"
-        fillRule="nonzero"
-      >
-        <path
-          d="M18.7721739,2.6119403 L14.4991304,2.6119403 L12.4813043,2.6119403 C12.5178261,2.44402985 12.5543478,2.2761194 12.5543478,2.0988806 C12.5543478,0.942164179 11.6321739,0 10.5,0 C9.36782609,0 8.44565217,0.942164179 8.44565217,2.0988806 C8.44565217,2.2761194 8.47304348,2.44402985 8.51869565,2.6119403 L6.49173913,2.6119403 L2.21869565,2.6119403 C0.995217391,2.6119403 0,3.62873134 0,4.8880597 L0,22.733209 C0,23.983209 0.995217391,25 2.21869565,25 L18.7721739,25 C19.9956522,25 21,23.983209 21,22.7238806 L21,4.8880597 C21,3.62873134 19.9956522,2.6119403 18.7721739,2.6119403 Z M10.5,0.932835821 C11.13,0.932835821 11.6413043,1.45522388 11.6413043,2.0988806 C11.6413043,2.31343284 11.5682609,2.5 11.4769565,2.66791045 C11.403913,2.7891791 11.3126087,2.9011194 11.2030435,2.99440299 C11.1482609,3.04104478 11.0843478,3.08768657 11.0204348,3.125 C10.9747826,3.14365672 10.9382609,3.17164179 10.8926087,3.19029851 C10.7647826,3.22761194 10.6369565,3.26492537 10.5,3.26492537 C10.3630435,3.26492537 10.2352174,3.22761194 10.1165217,3.18097015 C10.0708696,3.16231343 10.0343478,3.14365672 9.98869565,3.11567164 C9.92478261,3.07835821 9.86086957,3.03171642 9.80608696,2.98507463 C9.6873913,2.89179104 9.59608696,2.77052239 9.52304348,2.63992537 C9.43173913,2.47201493 9.36782609,2.29477612 9.36782609,2.08955224 C9.35869565,1.45522388 9.87,0.932835821 10.5,0.932835821 Z M20.0869565,22.7238806 C20.0869565,23.4608209 19.5026087,24.0671642 18.7721739,24.0671642 L2.21869565,24.0671642 C1.4973913,24.0671642 0.903913043,23.4701493 0.903913043,22.7238806 L0.903913043,4.8880597 C0.913043478,4.14179104 1.4973913,3.54477612 2.21869565,3.54477612 L6.49173913,3.54477612 L6.49173913,4.38432836 C6.49173913,4.95335821 6.93913043,5.41044776 7.49608696,5.41044776 L13.503913,5.41044776 C14.0608696,5.41044776 14.5082609,4.95335821 14.5082609,4.38432836 L14.5082609,3.54477612 L18.7813043,3.54477612 C19.5026087,3.54477612 20.096087,4.14179104 20.096087,4.8880597 L20.096087,22.7238806 L20.0869565,22.7238806 L20.0869565,22.7238806 Z"
-        ></path>
+      <g transform="translate(2.000000, 0.000000)" fillRule="nonzero">
+        <path d="M18.7721739,2.6119403 L14.4991304,2.6119403 L12.4813043,2.6119403 C12.5178261,2.44402985 12.5543478,2.2761194 12.5543478,2.0988806 C12.5543478,0.942164179 11.6321739,0 10.5,0 C9.36782609,0 8.44565217,0.942164179 8.44565217,2.0988806 C8.44565217,2.2761194 8.47304348,2.44402985 8.51869565,2.6119403 L6.49173913,2.6119403 L2.21869565,2.6119403 C0.995217391,2.6119403 0,3.62873134 0,4.8880597 L0,22.733209 C0,23.983209 0.995217391,25 2.21869565,25 L18.7721739,25 C19.9956522,25 21,23.983209 21,22.7238806 L21,4.8880597 C21,3.62873134 19.9956522,2.6119403 18.7721739,2.6119403 Z M10.5,0.932835821 C11.13,0.932835821 11.6413043,1.45522388 11.6413043,2.0988806 C11.6413043,2.31343284 11.5682609,2.5 11.4769565,2.66791045 C11.403913,2.7891791 11.3126087,2.9011194 11.2030435,2.99440299 C11.1482609,3.04104478 11.0843478,3.08768657 11.0204348,3.125 C10.9747826,3.14365672 10.9382609,3.17164179 10.8926087,3.19029851 C10.7647826,3.22761194 10.6369565,3.26492537 10.5,3.26492537 C10.3630435,3.26492537 10.2352174,3.22761194 10.1165217,3.18097015 C10.0708696,3.16231343 10.0343478,3.14365672 9.98869565,3.11567164 C9.92478261,3.07835821 9.86086957,3.03171642 9.80608696,2.98507463 C9.6873913,2.89179104 9.59608696,2.77052239 9.52304348,2.63992537 C9.43173913,2.47201493 9.36782609,2.29477612 9.36782609,2.08955224 C9.35869565,1.45522388 9.87,0.932835821 10.5,0.932835821 Z M20.0869565,22.7238806 C20.0869565,23.4608209 19.5026087,24.0671642 18.7721739,24.0671642 L2.21869565,24.0671642 C1.4973913,24.0671642 0.903913043,23.4701493 0.903913043,22.7238806 L0.903913043,4.8880597 C0.913043478,4.14179104 1.4973913,3.54477612 2.21869565,3.54477612 L6.49173913,3.54477612 L6.49173913,4.38432836 C6.49173913,4.95335821 6.93913043,5.41044776 7.49608696,5.41044776 L13.503913,5.41044776 C14.0608696,5.41044776 14.5082609,4.95335821 14.5082609,4.38432836 L14.5082609,3.54477612 L18.7813043,3.54477612 C19.5026087,3.54477612 20.096087,4.14179104 20.096087,4.8880597 L20.096087,22.7238806 L20.0869565,22.7238806 L20.0869565,22.7238806 Z"></path>
         <g transform="translate(4.000000, 9.000000)">
-          <rect
-            x="3.50571429"
-            y="7.24"
-            width="7.97142857"
-            height="1"
-          ></rect>
-          <rect
-            x="0.848571429"
-            y="7.24"
-            width="1.37142857"
-            height="1"
-          ></rect>
-          <rect
-            x="6.50571429"
-            y="2.17"
-            width="4.97142857"
-            height="1"
-          ></rect>
+          <rect x="3.50571429" y="7.24" width="7.97142857" height="1"></rect>
+          <rect x="0.848571429" y="7.24" width="1.37142857" height="1"></rect>
+          <rect x="6.50571429" y="2.17" width="4.97142857" height="1"></rect>
           <polygon points="2.13428571 4.04 0.402857143 2.01 1.01142857 1.31 2.13428571 2.62 4.03714286 0.41 4.64571429 1.11"></polygon>
         </g>
       </g>
@@ -181,9 +156,7 @@ export const TargetIcon = () => (
 export const ReportsIcon = () => (
   <svg className="reports-icon" viewBox="0 0 25 25">
     <g>
-      <path
-        d="M17.933,0 C18.1717358,0 18.3968908,0.110656353 18.5402903,0.296256203 L22.7874693,5.70648432 C22.9255465,5.88258285 23,6.10021604 23,6.324 L23,24 C23,24.5521424 22.5521424,25 22,25 L3,25 C2.44785763,25 2,24.5521424 2,24 L2,1 C2,0.447857625 2.44785763,0 3,0 L17.933,0 Z M16.937,1 L3,1 L3,24 L22,24 L22,7 L18.4371948,7 C17.6087677,7 16.9371948,6.32842712 16.9371948,5.5 L16.937,1 Z M16.5,20 C16.7761424,20 17,20.2238576 17,20.5 C17,20.7761424 16.7761424,21 16.5,21 L8.5,21 C8.22385763,21 8,20.7761424 8,20.5 C8,20.2238576 8.22385763,20 8.5,20 L16.5,20 Z M12.5,6 C12.7761424,6 13,6.22385763 13,6.5 L12.999,16.41 L15.4105156,14 C15.5840819,13.8264336 15.8535063,13.8071485 16.0483745,13.9421445 L16.1176224,14 C16.3128845,14.1952621 16.3128845,14.5118446 16.1176224,14.7071068 L16.1176224,14.7071068 L12.8535534,17.9711757 C12.6582912,18.1664379 12.3417088,18.1664379 12.1464466,17.9711757 L12.1464466,17.9711757 L8.88237764,14.7071068 C8.6871155,14.5118446 8.6871155,14.1952621 8.88237764,14 C9.07763979,13.8047379 9.39422228,13.8047379 9.58948443,14 L9.58948443,14 L11.999,16.41 L12,6.5 C12,6.22385763 12.2238576,6 12.5,6 Z M17.937,1.148 L17.9371948,5.5 C17.9371948,5.77614237 18.1610524,6 18.4371948,6 L21.746,6 L17.937,1.148 Z"
-      ></path>
+      <path d="M17.933,0 C18.1717358,0 18.3968908,0.110656353 18.5402903,0.296256203 L22.7874693,5.70648432 C22.9255465,5.88258285 23,6.10021604 23,6.324 L23,24 C23,24.5521424 22.5521424,25 22,25 L3,25 C2.44785763,25 2,24.5521424 2,24 L2,1 C2,0.447857625 2.44785763,0 3,0 L17.933,0 Z M16.937,1 L3,1 L3,24 L22,24 L22,7 L18.4371948,7 C17.6087677,7 16.9371948,6.32842712 16.9371948,5.5 L16.937,1 Z M16.5,20 C16.7761424,20 17,20.2238576 17,20.5 C17,20.7761424 16.7761424,21 16.5,21 L8.5,21 C8.22385763,21 8,20.7761424 8,20.5 C8,20.2238576 8.22385763,20 8.5,20 L16.5,20 Z M12.5,6 C12.7761424,6 13,6.22385763 13,6.5 L12.999,16.41 L15.4105156,14 C15.5840819,13.8264336 15.8535063,13.8071485 16.0483745,13.9421445 L16.1176224,14 C16.3128845,14.1952621 16.3128845,14.5118446 16.1176224,14.7071068 L16.1176224,14.7071068 L12.8535534,17.9711757 C12.6582912,18.1664379 12.3417088,18.1664379 12.1464466,17.9711757 L12.1464466,17.9711757 L8.88237764,14.7071068 C8.6871155,14.5118446 8.6871155,14.1952621 8.88237764,14 C9.07763979,13.8047379 9.39422228,13.8047379 9.58948443,14 L9.58948443,14 L11.999,16.41 L12,6.5 C12,6.22385763 12.2238576,6 12.5,6 Z M17.937,1.148 L17.9371948,5.5 C17.9371948,5.77614237 18.1610524,6 18.4371948,6 L21.746,6 L17.937,1.148 Z"></path>
     </g>
   </svg>
 );
@@ -279,6 +252,13 @@ export const StarIcon = () => (
   </svg>
 );
 
+export const RegistrationIcon = () => (
+  <svg className="registration-icon" viewBox="0 0 25 25">
+    <path d="M11,24.74c-2.69,0-5.38,.03-8.07-.01C1.12,24.7,.02,23.49,0,21.61c-.01-2.75,0-5.51,0-8.26,0-2.52,0-5.04,0-7.56,0-2.1,1.21-3.31,3.32-3.32,2.48,0,4.96,0,7.44,0,.17,0,.51,0,.65,.05,.23,.09,.33,.39,.33,.57,0,.25-.11,.51-.35,.62-.18,.08-.52,.04-.71,.04-2.5,0-5,0-7.5,0-1.27,0-1.92,.65-1.92,1.91,0,5.32,0,10.64,0,15.95,0,1.29,.67,1.96,1.95,1.96,5.32,0,10.64,0,15.95,0,1.24,0,1.92-.69,1.92-1.93,0-2.54,0-5.09,.01-7.63,0-.25,.06-.55,.21-.75,.31-.4,.82-.27,.97,.22,.05,.18,.05,.38,.05,.57,0,2.5,0,5,0,7.5,0,2.05-1.19,3.24-3.24,3.25-2.69,.01-5.38,0-8.07,0,0-.02,0-.03,0-.05Z" />
+    <path d="M24.78,3.09c0,.85-.28,1.58-.88,2.18-3.67,3.67-7.33,7.35-11.01,11.01-.18,.18-.46,.31-.71,.37-1.37,.36-2.74,.7-4.12,1.04-.8,.2-1.14-.13-.94-.95,.34-1.42,.7-2.83,1.08-4.24,.06-.23,.2-.47,.37-.64,3.63-3.65,7.27-7.29,10.92-10.92,.97-.96,2.28-1.18,3.46-.66,1.13,.5,1.83,1.58,1.84,2.81ZM8.5,16.3c1.17-.3,2.25-.56,3.32-.86,.19-.05,.36-.21,.5-.35,3.52-3.51,7.04-7.03,10.56-10.55,.88-.88,.92-1.96,.12-2.75-.8-.79-1.88-.75-2.76,.13-3.52,3.51-7.04,7.03-10.55,10.56-.17,.17-.33,.4-.39,.63-.27,1.02-.51,2.04-.79,3.2Z" />
+  </svg>
+);
+
 export const CliniciansIcon = () => (
   <svg className="clinicians-icon" viewBox="0 0 25 25">
     <g>
@@ -428,10 +408,20 @@ export const NavExpand = () => (
 );
 
 export const CloseXIcon = () => (
-  <svg className="closex" viewBox="0 0 15 15">
+  <svg className="closex" viewBox="0 0 15 15" focusable="false">
     <g strokeWidth="1" transform="translate(-968.000000, -236.000000)">
+      <path d="M982.725141,249.399456 L976.82556,243.499875 L982.725141,237.600294 C983.091286,237.234148 983.091286,236.640905 982.725141,236.274609 C982.359295,235.908464 981.765752,235.908464 981.399456,236.274609 L975.499875,242.17419 L969.600294,236.274609 C969.234448,235.908464 968.640905,235.908464 968.274609,236.274609 C967.908464,236.640155 967.908464,237.233998 968.274609,237.600294 L974.17419,243.499875 L968.274609,249.399456 C967.908464,249.765602 967.908464,250.358845 968.274609,250.725141 C968.640755,251.091286 969.233998,251.091286 969.600294,250.725141 L975.499875,244.82556 L981.399456,250.725141 C981.765602,251.091286 982.359295,251.091286 982.725141,250.725141 C983.091286,250.358995 983.091286,249.765752 982.725141,249.399456 Z"></path>
+    </g>
+  </svg>
+);
+
+export const CloseXIcon2 = () => (
+  <svg viewBox="0 0 16 16" focusable="false">
+    <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
       <path
-        d="M982.725141,249.399456 L976.82556,243.499875 L982.725141,237.600294 C983.091286,237.234148 983.091286,236.640905 982.725141,236.274609 C982.359295,235.908464 981.765752,235.908464 981.399456,236.274609 L975.499875,242.17419 L969.600294,236.274609 C969.234448,235.908464 968.640905,235.908464 968.274609,236.274609 C967.908464,236.640155 967.908464,237.233998 968.274609,237.600294 L974.17419,243.499875 L968.274609,249.399456 C967.908464,249.765602 967.908464,250.358845 968.274609,250.725141 C968.640755,251.091286 969.233998,251.091286 969.600294,250.725141 L975.499875,244.82556 L981.399456,250.725141 C981.765602,251.091286 982.359295,251.091286 982.725141,250.725141 C983.091286,250.358995 983.091286,249.765752 982.725141,249.399456 Z"
+        d="M0.292893219,0.292893219 C0.683417511,-0.0976310729 1.31658249,-0.0976310729 1.70710678,0.292893219 L1.70710678,0.292893219 L8,6.585 L14.2928932,0.292893219 C14.6834175,-0.0976310729 15.3165825,-0.0976310729 15.7071068,0.292893219 C16.0675907,0.65337718 16.0953203,1.22060824 15.7902954,1.61289944 L15.7071068,1.70710678 L9.415,8 L15.7071068,14.2928932 L15.7902954,14.3871006 C16.0953203,14.7793918 16.0675907,15.3466228 15.7071068,15.7071068 C15.3165825,16.0976311 14.6834175,16.0976311 14.2928932,15.7071068 L14.2928932,15.7071068 L8,9.415 L1.70710678,15.7071068 C1.31658249,16.0976311 0.683417511,16.0976311 0.292893219,15.7071068 C-0.0675907428,15.3466228 -0.0953202783,14.7793918 0.209704612,14.3871006 L0.292893219,14.2928932 L6.585,8 L0.292893219,1.70710678 L0.209704612,1.61289944 C-0.0953202783,1.22060824 -0.0675907428,0.65337718 0.292893219,0.292893219 Z"
+        fill="#242424"
+        fillRule="nonzero"
       ></path>
     </g>
   </svg>
@@ -502,7 +492,7 @@ export const YoutubeIcon = () => (
 
 export const TwitterIcon = () => (
   <svg className="twitter-icon" width="19px" height="16px" viewBox="0 0 19 16">
-    <g stroke="none" stroke-Width="1" fill="none" fillRule="evenodd">
+    <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
       <g
         transform="translate(-763.000000, -177.000000)"
         fill="#242424"
@@ -525,11 +515,11 @@ export const WiViewReportsIcon = () => (
   <svg className="wi-view-reports" viewBox="0 0 25 25">
     <title>WI View Reports</title>
     <g>
-        <path d="M20.8680556,0.0569444444 L3.37638889,0.0569444444 C3.11944444,0.0569444444 2.9125,0.265277778 2.9125,0.520833333 L2.9125,2.07777778 L1.35555556,2.07777778 C1.09861111,2.07777778 0.891666667,2.28472222 0.891666667,2.54027778 L0.891666667,24.4763889 C0.891666667,24.7333333 1.09861111,24.9402778 1.35555556,24.9402778 L18.8472222,24.9402778 C19.1027778,24.9402778 19.3097222,24.7319444 19.3097222,24.4763889 L19.3097222,22.9208333 L20.8680556,22.9208333 C21.1236111,22.9208333 21.3305556,22.7125 21.3305556,22.4583333 L21.3305556,0.522222222 C21.3305556,0.265277778 21.1236111,0.0569444444 20.8680556,0.0569444444 Z M1.82222222,24.0111111 L1.82222222,3.00833333 L18.3861111,3.00833333 L18.3861111,24.0125 L1.82222222,24.0125 L1.82222222,24.0111111 Z M18.8472222,2.07777778 L3.84305556,2.07777778 L3.84305556,0.986111111 L20.4027778,0.986111111 L20.4027778,21.9930556 L19.3097222,21.9930556 L19.3097222,2.54166667 C19.3097222,2.28611111 19.1027778,2.07777778 18.8472222,2.07777778 Z"></path>
-        <path d="M14.8069444,7.05138889 L5.4,7.05138889 C5.14305556,7.05138889 4.93611111,7.25972222 4.93611111,7.51666667 C4.93611111,7.77222222 5.14305556,7.97916667 5.4,7.97916667 L14.8069444,7.97916667 C15.0638889,7.97916667 15.2708333,7.77083333 15.2708333,7.51666667 C15.2708333,7.25972222 15.0638889,7.05138889 14.8069444,7.05138889 Z"></path>
-        <path d="M14.8069444,11.0472222 L5.4,11.0472222 C5.14305556,11.0472222 4.93611111,11.2569444 4.93611111,11.5138889 C4.93611111,11.7694444 5.14305556,11.9763889 5.4,11.9763889 L14.8069444,11.9763889 C15.0638889,11.9763889 15.2708333,11.7680556 15.2708333,11.5138889 C15.2708333,11.2569444 15.0638889,11.0472222 14.8069444,11.0472222 Z"></path>
-        <path d="M14.8069444,15.0416667 L5.4,15.0416667 C5.14305556,15.0416667 4.93611111,15.25 4.93611111,15.5069444 C4.93611111,15.7638889 5.14305556,15.9722222 5.4,15.9722222 L14.8069444,15.9722222 C15.0638889,15.9722222 15.2708333,15.7638889 15.2708333,15.5069444 C15.2708333,15.25 15.0638889,15.0416667 14.8069444,15.0416667 Z"></path>
-        <path d="M14.8069444,18.5819444 L5.4,18.5819444 C5.14305556,18.5819444 4.93611111,18.7902778 4.93611111,19.0472222 C4.93611111,19.3041667 5.14305556,19.5125 5.4,19.5125 L14.8069444,19.5125 C15.0638889,19.5125 15.2708333,19.3041667 15.2708333,19.0472222 C15.2708333,18.7902778 15.0638889,18.5819444 14.8069444,18.5819444 Z"></path>
+      <path d="M20.8680556,0.0569444444 L3.37638889,0.0569444444 C3.11944444,0.0569444444 2.9125,0.265277778 2.9125,0.520833333 L2.9125,2.07777778 L1.35555556,2.07777778 C1.09861111,2.07777778 0.891666667,2.28472222 0.891666667,2.54027778 L0.891666667,24.4763889 C0.891666667,24.7333333 1.09861111,24.9402778 1.35555556,24.9402778 L18.8472222,24.9402778 C19.1027778,24.9402778 19.3097222,24.7319444 19.3097222,24.4763889 L19.3097222,22.9208333 L20.8680556,22.9208333 C21.1236111,22.9208333 21.3305556,22.7125 21.3305556,22.4583333 L21.3305556,0.522222222 C21.3305556,0.265277778 21.1236111,0.0569444444 20.8680556,0.0569444444 Z M1.82222222,24.0111111 L1.82222222,3.00833333 L18.3861111,3.00833333 L18.3861111,24.0125 L1.82222222,24.0125 L1.82222222,24.0111111 Z M18.8472222,2.07777778 L3.84305556,2.07777778 L3.84305556,0.986111111 L20.4027778,0.986111111 L20.4027778,21.9930556 L19.3097222,21.9930556 L19.3097222,2.54166667 C19.3097222,2.28611111 19.1027778,2.07777778 18.8472222,2.07777778 Z"></path>
+      <path d="M14.8069444,7.05138889 L5.4,7.05138889 C5.14305556,7.05138889 4.93611111,7.25972222 4.93611111,7.51666667 C4.93611111,7.77222222 5.14305556,7.97916667 5.4,7.97916667 L14.8069444,7.97916667 C15.0638889,7.97916667 15.2708333,7.77083333 15.2708333,7.51666667 C15.2708333,7.25972222 15.0638889,7.05138889 14.8069444,7.05138889 Z"></path>
+      <path d="M14.8069444,11.0472222 L5.4,11.0472222 C5.14305556,11.0472222 4.93611111,11.2569444 4.93611111,11.5138889 C4.93611111,11.7694444 5.14305556,11.9763889 5.4,11.9763889 L14.8069444,11.9763889 C15.0638889,11.9763889 15.2708333,11.7680556 15.2708333,11.5138889 C15.2708333,11.2569444 15.0638889,11.0472222 14.8069444,11.0472222 Z"></path>
+      <path d="M14.8069444,15.0416667 L5.4,15.0416667 C5.14305556,15.0416667 4.93611111,15.25 4.93611111,15.5069444 C4.93611111,15.7638889 5.14305556,15.9722222 5.4,15.9722222 L14.8069444,15.9722222 C15.0638889,15.9722222 15.2708333,15.7638889 15.2708333,15.5069444 C15.2708333,15.25 15.0638889,15.0416667 14.8069444,15.0416667 Z"></path>
+      <path d="M14.8069444,18.5819444 L5.4,18.5819444 C5.14305556,18.5819444 4.93611111,18.7902778 4.93611111,19.0472222 C4.93611111,19.3041667 5.14305556,19.5125 5.4,19.5125 L14.8069444,19.5125 C15.0638889,19.5125 15.2708333,19.3041667 15.2708333,19.0472222 C15.2708333,18.7902778 15.0638889,18.5819444 14.8069444,18.5819444 Z"></path>
     </g>
   </svg>
 );
@@ -538,10 +528,10 @@ export const WiViewProgressIcon = () => (
   <svg className="wi-view-progress" viewBox="0 0 25 25">
     <title>WI View Progress</title>
     <g>
-      <path d="M22.2,25.5H2.8c-1.8,0-3.3-1.5-3.3-3.3V2.8C-0.5,1,1-0.5,2.8-0.5h19.4c1.8,0,3.3,1.5,3.3,3.3v19.4C25.5,24,24,25.5,22.2,25.5z M2.8,0.5c-1.3,0-2.3,1-2.3,2.3v19.4c0,1.3,1,2.3,2.3,2.3h19.4c1.3,0,2.3-1,2.3-2.3V2.8c0-1.3-1-2.3-2.3-2.3H2.8z"/>
-      <path d="M7.8,18.8c0.5,0,0.9-0.4,0.9-0.9v-4.6c0-0.5-0.4-0.9-0.9-0.9s-0.9,0.4-0.9,0.9v4.6C6.9,18.3,7.3,18.8,7.8,18.8z"/>
-      <path d="M17.4,18.8c0.5,0,0.9-0.4,0.9-0.9V7.4c0-0.5-0.4-0.9-0.9-0.9c-0.5,0-0.9,0.4-0.9,0.9v10.5C16.5,18.3,16.9,18.8,17.4,18.8z"/>
-      <path d="M12.6,18.8c0.5,0,0.9-0.4,0.9-0.9v-7.5c0-0.5-0.4-0.9-0.9-0.9c-0.5,0-0.9,0.4-0.9,0.9v7.5C11.7,18.3,12.1,18.8,12.6,18.8z"/>
+      <path d="M22.2,25.5H2.8c-1.8,0-3.3-1.5-3.3-3.3V2.8C-0.5,1,1-0.5,2.8-0.5h19.4c1.8,0,3.3,1.5,3.3,3.3v19.4C25.5,24,24,25.5,22.2,25.5z M2.8,0.5c-1.3,0-2.3,1-2.3,2.3v19.4c0,1.3,1,2.3,2.3,2.3h19.4c1.3,0,2.3-1,2.3-2.3V2.8c0-1.3-1-2.3-2.3-2.3H2.8z" />
+      <path d="M7.8,18.8c0.5,0,0.9-0.4,0.9-0.9v-4.6c0-0.5-0.4-0.9-0.9-0.9s-0.9,0.4-0.9,0.9v4.6C6.9,18.3,7.3,18.8,7.8,18.8z" />
+      <path d="M17.4,18.8c0.5,0,0.9-0.4,0.9-0.9V7.4c0-0.5-0.4-0.9-0.9-0.9c-0.5,0-0.9,0.4-0.9,0.9v10.5C16.5,18.3,16.9,18.8,17.4,18.8z" />
+      <path d="M12.6,18.8c0.5,0,0.9-0.4,0.9-0.9v-7.5c0-0.5-0.4-0.9-0.9-0.9c-0.5,0-0.9,0.4-0.9,0.9v7.5C11.7,18.3,12.1,18.8,12.6,18.8z" />
     </g>
   </svg>
 );
@@ -555,3 +545,161 @@ export const WiManageGroupIcon = () => (
     </g>
   </svg>
 );
+
+export const EyeIcon = ({ classes }) => (
+  <svg
+    className={`eye-icon ${classes}`}
+    viewBox="0 0 22 15"
+    width="15"
+    height="15"
+  >
+    <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
+      <g fill="#80CBC4" fillRule="nonzero">
+        <path
+          d="M11,11.75 C12.1833333,11.75 13.1875,11.3375 14.0125,10.5125 C14.8375,9.6875 15.25,8.68333333 15.25,7.5 C15.25,6.31666667 14.8375,5.3125 14.0125,4.4875 C13.1875,3.6625 12.1833333,3.25 11,3.25 C9.81666667,3.25 8.8125,3.6625 7.9875,4.4875 C7.1625,5.3125 6.75,6.31666667 6.75,7.5 C6.75,8.68333333 7.1625,9.6875 7.9875,10.5125 C8.8125,11.3375 9.81666667,11.75 11,11.75 Z M11,10.3 C10.2166667,10.3 9.55416667,10.0291667 9.0125,9.4875 C8.47083333,8.94583333 8.2,8.28333333 8.2,7.5 C8.2,6.71666667 8.47083333,6.05416667 9.0125,5.5125 C9.55416667,4.97083333 10.2166667,4.7 11,4.7 C11.7833333,4.7 12.4458333,4.97083333 12.9875,5.5125 C13.5291667,6.05416667 13.8,6.71666667 13.8,7.5 C13.8,8.28333333 13.5291667,8.94583333 12.9875,9.4875 C12.4458333,10.0291667 11.7833333,10.3 11,10.3 Z M11,15 C8.56666667,15 6.36666667,14.3083333 4.4,12.925 C2.43333333,11.5416667 0.966666667,9.73333333 0,7.5 C0.966666667,5.26666667 2.43333333,3.45833333 4.4,2.075 C6.36666667,0.691666667 8.56666667,0 11,0 C13.4333333,0 15.6333333,0.691666667 17.6,2.075 C19.5666667,3.45833333 21.0333333,5.26666667 22,7.5 C21.0333333,9.73333333 19.5666667,11.5416667 17.6,12.925 C15.6333333,14.3083333 13.4333333,15 11,15 Z M11,13.5 C13.0166667,13.5 14.8708333,12.9541667 16.5625,11.8625 C18.2541667,10.7708333 19.5416667,9.31666667 20.425,7.5 C19.5416667,5.68333333 18.2541667,4.22916667 16.5625,3.1375 C14.8708333,2.04583333 13.0166667,1.5 11,1.5 C8.98333333,1.5 7.12916667,2.04583333 5.4375,3.1375 C3.74583333,4.22916667 2.45,5.68333333 1.55,7.5 C2.45,9.31666667 3.74583333,10.7708333 5.4375,11.8625 C7.12916667,12.9541667 8.98333333,13.5 11,13.5 Z"
+          id="Shape"
+        ></path>
+      </g>
+    </g>
+  </svg>
+);
+
+EyeIcon.propTypes = {
+  classes: PropTypes.string,
+};
+
+export const ManageDocumentsIcon = () => (
+  <svg width="25px" height="25px" viewBox="0 0 25 25">
+    <g>
+      <path d="M15.933,3.15544362e-30 C16.1717358,3.15544362e-30 16.3968908,0.110656353 16.5402903,0.296256203 L20.7874693,5.70648432 C20.9255465,5.88258285 21,6.10021604 21,6.324 L21,24 C21,24.5521424 20.5521424,25 20,25 L1,25 C0.447857625,25 0,24.5521424 0,24 L0,1 C0,0.447857625 0.447857625,3.15544362e-30 1,3.15544362e-30 L15.933,3.15544362e-30 Z M14.937,1 L1,1 L1,24 L20,24 L20,7 L16.4371948,7 C15.6087677,7 14.9371948,6.32842712 14.9371948,5.5 L14.937,1 Z M19.746,6 L15.937,1.148 L15.9371948,5.5 C15.9371948,5.77614237 16.1610524,6 16.4371948,6 L19.746,6 Z M3,22 L3,21 L17.810791,21 L17.810791,22 L3,22 Z M3,19 L3,18 L17.810791,18 L17.810791,19 L3,19 Z M3,16 L3,15 L17.810791,15 L17.810791,16 L3,16 Z M3,13 L3,12 L17.810791,12 L17.810791,13 L3,13 Z M3,10 L3,9 L17.810791,9 L17.810791,10 L3,10 Z"></path>
+    </g>
+  </svg>
+);
+
+export const AuthorContentIcon = () => (
+  <svg width="25px" height="26px" viewBox="0 0 25 28">
+    <g>
+      <path d="M12.3690401,0 C12.5089135,0 12.643038,0.0545896414 12.7419831,0.151701195 L12.7419831,0.151701195 L17.0947785,4.42616335 C17.1936709,4.5232749 17.2492616,4.65503586 17.2492616,4.79239044 L17.2492616,4.79239044 L17.2492616,10.8009801 C18.8116034,11.8150319 19.7705696,13.5487968 19.7705696,15.3972311 C19.7705696,16.2998247 19.5464135,17.181753 19.1197785,17.9722151 L19.1197785,17.9722151 L24.4784283,23.2343147 C25.1216772,23.8659801 25.1216772,24.8938088 24.4783755,25.5254741 C24.1667722,25.8314661 23.7524262,26 23.3117089,26 C22.8710443,26 22.4566983,25.8314661 22.1450949,25.5254741 L22.1450949,25.5254741 L17.2492616,20.7178048 L17.2492616,22.6715339 C17.2492616,22.9575857 17.0130802,23.1894622 16.7218354,23.1894622 L16.7218354,23.1894622 L0.52742616,23.1894622 C0.236181435,23.1894622 2.4158453e-13,22.9575857 2.4158453e-13,22.6715339 L2.4158453e-13,22.6715339 L2.4158453e-13,0.517928287 C2.4158453e-13,0.231876494 0.236181435,0 0.52742616,0 L0.52742616,0 Z M18.5264241,18.854506 L18.332801,19.076681 C18.1332707,19.2942789 17.916192,19.4965817 17.6845464,19.6807052 L17.6845464,19.6807052 L22.890981,24.7930199 C23.0033228,24.9033904 23.1527426,24.9641434 23.3117089,24.9641434 C23.4706751,24.9641434 23.6200949,24.9033904 23.7324895,24.7930199 C23.9644515,24.5652351 23.9644515,24.1946056 23.7324895,23.9668207 L23.7324895,23.9668207 L18.5264241,18.854506 Z M11.8416139,1.03585657 L1.05485232,1.03585657 L1.05485232,22.1536056 L16.1944093,22.1536056 L16.194884,20.5287092 C15.5506857,20.774259 14.8618143,20.9023944 14.164346,20.9023944 C11.0731013,20.9023944 8.55812236,18.432757 8.55812236,15.3971793 C8.55812236,12.3616016 11.0731013,9.89196414 14.164346,9.89196414 C14.8618143,9.89196414 15.5506857,10.0200996 16.194884,10.2656494 L16.194884,10.2656494 L16.1944093,5.31031873 L12.3690401,5.31031873 C12.0777954,5.31031873 11.8416139,5.07844223 11.8416139,4.79239044 L11.8416139,4.79239044 L11.8416139,1.03585657 Z M14.1643987,10.9278725 C11.6547468,10.9278725 9.61302743,12.9328247 9.61302743,15.3972311 C9.61302743,17.8616375 11.6547468,19.8665896 14.1643987,19.8665896 C14.9709388,19.8665896 15.7632911,19.6566215 16.4558544,19.2593705 C16.501635,19.2331633 16.5468882,19.2061793 16.5916139,19.1784183 C17.1621835,18.8243625 17.6543249,18.3411355 18.0148207,17.7808406 C18.473365,17.0682749 18.7157173,16.2440438 18.7157173,15.3972311 C18.7157173,13.8143904 17.849789,12.3345139 16.4559072,11.5350916 C15.7632911,11.1378406 14.9708861,10.9278725 14.1643987,10.9278725 Z M12.2609177,12.3475657 C12.5091245,12.1978845 12.8339135,12.2741753 12.9863397,12.5179641 C13.1387658,12.7617012 13.0611287,13.0806414 12.8128692,13.2303227 C12.039135,13.6968725 11.5771624,14.5069124 11.5771624,15.3972311 C11.5771624,15.6832829 11.340981,15.9151594 11.0497363,15.9151594 C10.7584916,15.9151594 10.5223101,15.6832829 10.5223101,15.3972311 C10.5223101,14.1440518 11.1722574,13.003988 12.2609177,12.3475657 Z M14.164346,11.8207809 C14.8095992,11.8207809 15.4439346,11.9889522 15.9987869,12.3072191 C16.2503165,12.4514622 16.3351266,12.7686414 16.1881857,13.0156932 C16.0900844,13.1805498 15.9135549,13.2724821 15.7322257,13.2724821 C15.6418776,13.2724821 15.5503692,13.2496414 15.4667194,13.2016813 C15.0732068,12.9759681 14.6228376,12.8566375 14.164346,12.8566375 C13.8731013,12.8566375 13.6369198,12.624761 13.6369198,12.3387092 C13.6369198,12.0526574 13.8731013,11.8207809 14.164346,11.8207809 Z M12.896519,1.76836255 L12.896519,4.27446215 L15.4485759,4.27446215 L12.896519,1.76836255 Z"></path>
+    </g>
+  </svg>
+);
+
+export const OpenInNewIcon = ({ className, ...rest }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    className={`qpp-icon-mat ${className}`}
+    {...rest}
+  >
+    <path d="M0 0h24v24H0z" fill="none" />
+    <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z" />
+  </svg>
+);
+
+OpenInNewIcon.propTypes = {
+  className: PropTypes.string,
+};
+
+OpenInNewIcon.defaultProps = {
+  className: '',
+};
+
+export const SearchIcon = ({ className, viewBox = '0 0 24 24', ...rest }) => (
+  <svg
+    className={`qpp-icon-mat ${className}`}
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox={viewBox}
+    {...rest}
+  >
+    <path d="M39.8 41.95 26.65 28.8q-1.5 1.3-3.5 2.025-2 .725-4.25.725-5.4 0-9.15-3.75T6 18.75q0-5.3 3.75-9.05 3.75-3.75 9.1-3.75 5.3 0 9.025 3.75 3.725 3.75 3.725 9.05 0 2.15-.7 4.15-.7 2-2.1 3.75L42 39.75Zm-20.95-13.4q4.05 0 6.9-2.875Q28.6 22.8 28.6 18.75t-2.85-6.925Q22.9 8.95 18.85 8.95q-4.1 0-6.975 2.875T9 18.75q0 4.05 2.875 6.925t6.975 2.875Z" />
+  </svg>
+);
+
+SearchIcon.propTypes = {
+  className: PropTypes.string,
+  viewBox: PropTypes.string,
+};
+
+SearchIcon.defaultProps = {
+  className: '',
+};
+
+export const DownloadIcon = ({ className, viewBox = '0 0 24 24', ...rest }) => (
+  <svg
+    className={`qpp-icon-mat ${className}`}
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox={viewBox}
+    {...rest}
+  >
+    <path d="M11 40q-1.2 0-2.1-.9Q8 38.2 8 37v-7.15h3V37h26v-7.15h3V37q0 1.2-.9 2.1-.9.9-2.1.9Zm13-7.65-9.65-9.65 2.15-2.15 6 6V8h3v18.55l6-6 2.15 2.15Z" />
+  </svg>
+);
+
+DownloadIcon.propTypes = {
+  className: PropTypes.string,
+  viewBox: PropTypes.string,
+};
+
+DownloadIcon.defaultProps = {
+  className: '',
+};
+
+export const CloseIcon = ({ className, ...rest }) => (
+  <svg
+    className={`qpp-icon-mat ${className}`}
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    {...rest}
+  >
+    <path d="M0 0h24v24H0z" fill="none" />
+    <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" />
+  </svg>
+);
+
+CloseIcon.propTypes = {
+  className: PropTypes.string,
+};
+
+CloseIcon.defaultProps = {
+  className: '',
+};
+
+export const ExpandMoreIcon = ({ className, ...rest }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    className={`qpp-icon-mat ${className}`}
+    {...rest}
+  >
+    <path d="M0 0h24v24H0z" fill="none" />
+    <path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z" />
+  </svg>
+);
+
+ExpandMoreIcon.propTypes = {
+  className: PropTypes.string,
+};
+
+ExpandMoreIcon.defaultProps = {
+  className: '',
+};
+
+export const ExpandLessIcon = ({ className, ...rest }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    className={`qpp-icon-mat ${className}`}
+    {...rest}
+  >
+    <path d="M0 0h24v24H0z" fill="none" />
+    <path d="M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z" />
+  </svg>
+);
+
+ExpandLessIcon.propTypes = {
+  className: PropTypes.string,
+};
+
+ExpandLessIcon.defaultProps = {
+  className: '',
+};

package/package.json

@@ -1,87 +1,72 @@
 {
   "name": "qpp-style",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "description": "Shared style guide across the QPP program.",
   "main": "dist/index.js",
+  "homepage": "https://cmsgov.github.io/qpp-style",
   "scripts": {
     "prepublishOnly": "npm run build",
-    "build": "npm run clean && webpack-cli --progress --colors --env.production=true && npm run build-react",
-    "dev": "npm run clean && webpack-cli --progress --colors --watch --env.production=false",
+    "build": "npm run clean && webpack-cli --progress --env production=true && npm run build-react",
+    "dev": "npm run clean && webpack-cli --progress --watch --env production=false",
     "clean": "rimraf build && rimraf dist",
     "build-react": "webpack --progress --config webpack.config.react.js",
     "start": "npm run build",
     "test": "jest",
+    "prepare": "cd .. && husky install react/.husky",
     "precommit": "npm run format && npm run lint && npm run format-styles",
     "prepush": "npm test",
     "format": "prettier --write 'components/**/*.(js|jsx)'",
     "lint": "eslint 'components/**/*.{js,jsx}'",
     "stylelint": "stylelint 'styles/**/*.{css,scss}'",
-    "format-styles": "prettier 'styles/**/*.{css,scss}' --write --quiet",
-    "storybook": "start-storybook -p 6007",
-    "build-storybook": "build-storybook -c .storybook -o .sb-dist"
+    "format-styles": "prettier 'styles/**/*.{css,scss}' --write --quiet"
   },
   "devDependencies": {
-    "@babel/cli": "^7.12.10",
-    "@babel/core": "^7.12.10",
-    "@babel/preset-env": "^7.12.11",
-    "@babel/preset-react": "^7.12.10",
-    "@babel/register": "^7.12.10",
-    "@storybook/addon-a11y": "^6.1.14",
-    "@storybook/addon-actions": "^6.1.14",
-    "@storybook/addon-backgrounds": "^6.1.14",
-    "@storybook/addon-docs": "^6.1.14",
-    "@storybook/addon-knobs": "^6.1.14",
-    "@storybook/addon-links": "^6.1.14",
-    "@storybook/addon-storysource": "^6.1.14",
-    "@storybook/addon-viewport": "^6.1.14",
-    "@storybook/addons": "^6.1.14",
-    "@storybook/react": "^6.1.14",
-    "@testing-library/react": "^11.2.3",
-    "autoprefixer": "^10.2.1",
-    "babel-eslint": "^10.1.0",
-    "babel-jest": "^26.6.3",
-    "babel-loader": "^8.2.2",
+    "@babel/cli": "^7.20.7",
+    "@babel/core": "^7.20.12",
+    "@babel/eslint-parser": "^7.19.1",
+    "@babel/preset-env": "^7.20.2",
+    "@babel/preset-react": "^7.18.6",
+    "@babel/register": "^7.18.9",
+    "@svgr/webpack": "^6.5.1",
+    "@testing-library/react": "^14.0.0",
+    "autoprefixer": "^10.4.13",
+    "babel-jest": "^29.4.1",
+    "babel-loader": "^9.1.2",
     "babel-plugin-transform-class-properties": "^6.24.1",
     "babel-plugin-transform-es2015-modules-umd": "^6.24.1",
-    "chai": "^4.2.0",
-    "copy-webpack-plugin": "^5.1.2",
-    "css-loader": "^3.6.0",
-    "enzyme": "^3.11.0",
-    "enzyme-adapter-react-16": "^1.15.5",
-    "enzyme-to-json": "^3.6.1",
-    "eslint": "^6.8.0",
-    "eslint-config-prettier": "^6.15.0",
-    "eslint-loader": "^3.0.3",
+    "chai": "^4.3.7",
+    "copy-webpack-plugin": "^11.0.0",
+    "css-loader": "^6.7.3",
+    "eslint": "^8.33.0",
+    "eslint-config-prettier": "^8.6.0",
     "eslint-plugin-babel": "^5.3.1",
-    "eslint-plugin-prettier": "^3.3.1",
-    "eslint-plugin-react": "^7.22.0",
-    "feather-icons-react": "^0.4.1",
-    "file-loader": "^6.2.0",
-    "husky": "^4.3.8",
-    "jest": "^26.6.3",
-    "jsonwebtoken": "^8.5.1",
-    "mini-css-extract-plugin": "^0.11.3",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.32.2",
+    "eslint-webpack-plugin": "^3.2.0",
+    "feather-icons-react": "^0.6.2",
+    "gh-pages": "^5.0.0",
+    "husky": "^8.0.3",
+    "jest": "^29.4.1",
+    "jest-environment-jsdom": "^29.4.1",
+    "jsonwebtoken": "^9.0.0",
+    "mini-css-extract-plugin": "^2.7.2",
     "moxios": "^0.4.0",
-    "node-fetch": "^2.6.1",
-    "node-sass": "^4.14.1",
-    "postcss": "^8.2.4",
-    "prettier": "^2.2.1",
-    "raw-loader": "^4.0.2",
-    "react": "^16.14.0",
-    "react-dom": "^16.14.0",
-    "react-svg-inline": "^2.1.1",
-    "react-test-renderer": "^16.14.0",
-    "regenerator-runtime": "^0.13.7",
-    "rimraf": "^3.0.2",
-    "sass": "^1.32.4",
-    "sass-loader": "^10.1.1",
-    "sinon": "^9.2.3",
-    "style-loader": "^1.3.0",
-    "svgo": "^1.3.2",
-    "svgo-loader": "^2.2.1",
-    "terser-webpack-plugin": "^4.2.3",
-    "webpack": "^4.46.0",
-    "webpack-cli": "^3.3.12"
+    "preact": "^10.11.3",
+    "prettier": "^2.8.3",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-test-renderer": "^18.2.0",
+    "regenerator-runtime": "^0.13.11",
+    "rimraf": "^4.1.2",
+    "sass": "^1.58.0",
+    "sass-loader": "^13.1.0",
+    "sinon": "^15.0.1",
+    "style-loader": "^3.3.1",
+    "svgo": "^3.0.2",
+    "svgo-loader": "^4.0.0",
+    "terser-webpack-plugin": "^5.3.5",
+    "webpack": "^5.75.0",
+    "webpack-cli": "^5.0.1"
   },
   "repository": {
     "type": "git",
@@ -100,21 +85,18 @@
   "bugs": {
     "url": "https://github.com/CMSgov/qpp-style/issues"
   },
-  "homepage": "https://github.com/CMSgov/qpp-style#readme",
   "dependencies": {
-    "@cmsgov/design-system-core": "^3.7.2",
-    "@reach/portal": "^0.9.0",
-    "@reach/tooltip": "^0.9.1",
-    "axios": "^0.21.1",
-    "cookie": "^0.4.1",
-    "d3-selection": "^1.4.2",
-    "d3-shape": "^1.3.7",
-    "jwt-decode": "^2.2.0",
-    "preact": "^10.5.10",
-    "prop-types": "^15.7.2",
-    "react-modal": "^3.12.1",
-    "retry": "^0.12.0",
-    "what-input": "^5.2.10",
-    "xss": "^1.0.8"
+    "@material-design-icons/svg": "^0.14.2",
+    "ariakit": "^2.0.0-next.43",
+    "axios": "^1.3.3",
+    "cookie": "^0.5.0",
+    "d3-selection": "^3.0.0",
+    "d3-shape": "^3.2.0",
+    "jwt-decode": "^3.1.2",
+    "prop-types": "^15.8.1",
+    "react-modal": "^3.14.4",
+    "retry": "^0.13.1",
+    "what-input": "^5.2.12",
+    "xss": "^1.0.14"
   }
 }

package/session/logout.js

@@ -1,6 +1,37 @@
 import cookie from 'cookie';
 import axios from 'axios';
 
+export const deleteImpersonatedUser = (cookies) => {
+  if (cookies.hasOwnProperty('qpp_impersonated_user')) {
+    document.cookie =
+      'qpp_impersonated_user=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
+  }
+
+  if (cookies.hasOwnProperty('qpp_impersonated_type')) {
+    document.cookie =
+      'qpp_impersonated_type=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
+  }
+};
+
+export const revertApmPaymentCookie = () => {
+  const userHasApmPayments = localStorage.getItem('user_has_apm_payments');
+
+  if (userHasApmPayments) {
+    document.cookie = `user_has_apm_payments=${userHasApmPayments}; Path=/;`;
+  }
+};
+
+export const revertQppHasAuthsCookie = () => {
+  const { qppHasAuthorizations, behindSSL } = JSON.parse(
+    localStorage.getItem('impersonatorAuthValues')
+  );
+  if (qppHasAuthorizations) {
+    document.cookie = `qpp_has_authorizations=${qppHasAuthorizations};path=/${
+      behindSSL ? ';secure' : ''
+    }`;
+  }
+};
+
 /**
  * Makes an API request to end the user session.
  * @param  {Object} [_window] The DOM Window
@@ -11,13 +42,15 @@ const LogoutSession = (_window) => {
   let logoutDestination = '/logout-confirmation';
 
   if (cookies.hasOwnProperty('qpp_auth_token')) {
-    let onSuccess = (/*response*/) => {
+    let onSuccess = () => {
       // redirect to login/logged out screen
+      deleteImpersonatedUser(cookies);
       _window.location.pathname = logoutDestination;
     };
 
-    let onError = (/*response*/) => {
+    let onError = () => {
       // delete cookie and redirect login/logged out screen
+      deleteImpersonatedUser(cookies);
       _window.location.pathname = logoutDestination;
     };