cozy-bar 8.4.3 → 8.4.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-bar",
-  "version": "8.4.3",
+  "version": "8.4.4",
   "description": "cozy-bar.js library, a small lib provided by cozy-stack to inject the Cozy-bar component into each app",
   "main": "dist/cozy-bar.js",
   "author": "Cozy Cloud <contact@cozycloud.cc> (https://cozy.io/)",

package/src/components/Apps/ButtonCozyHome.jsx

@@ -5,14 +5,14 @@ import IconCozyHome from './IconCozyHome'
 export const ButtonCozyHome = ({ webviewContext, homeHref }) => {
   if (webviewContext)
     return (
-      <button
+      <a
         onClick={() => {
           webviewContext.call('backToHome')
         }}
-        className="coz-nav-apps-btns-home --flagship"
+        className="coz-nav-apps-btns-home"
       >
         <IconCozyHome className="coz-nav-apps-btns-home-svg" />
-      </button>
+      </a>
     )
 
   if (homeHref)

package/src/components/Apps/ButtonCozyHome.spec.jsx

@@ -25,20 +25,20 @@ describe('ButtonCozyHome', () => {
     expect(element.props.href).toBe(homeHref)
   })
 
-  it('should render a button when webviewContext', () => {
+  it('should render an anchor when webviewContext', () => {
     const render = shallow(<ButtonCozyHome webviewContext={webviewContext} />)
     const element = render.getElement()
 
-    expect(element.type).toBe('button')
+    expect(element.type).toBe('a')
   })
 
-  it('should give priority to button if both webviewContext and homeHref are present', () => {
+  it('should give priority to anchor if both webviewContext and homeHref are present', () => {
     const render = shallow(
       <ButtonCozyHome homeHref={homeHref} webviewContext={webviewContext} />
     )
     const element = render.getElement()
 
-    expect(element.type).toBe('button')
+    expect(element.type).toBe('a')
   })
 
   it('should call the correct context method on click', () => {

package/src/styles/apps.css

@@ -50,11 +50,6 @@
   margin-right: .75rem;
 }
 
-[role=banner] .coz-nav-apps-btns-home.--flagship {
-  background: none;
-  border: 0;
-  height: 100%;
-}
 
 [role=banner] .coz-nav-apps-btns-home-svg {
   max-width: 2rem;
@@ -88,7 +83,7 @@
   transform-origin: 10% 0%;
 }
 
-[role=banner] .coz-nav .--currentHome + .coz-nav-pop--apps {
+[role=banner] .coz-nav .--currentHome+.coz-nav-pop--apps {
   left: 0;
 }
 
@@ -180,40 +175,52 @@
   align-items: center;
 }
 
-[role=banner] [role=menuitem].coz-apps-home-btn.--mobile > span {
+[role=banner] [role=menuitem].coz-apps-home-btn.--mobile>span {
   display: flex;
   justify-content: flex-start;
 }
-[role=banner] [role=menuitem].coz-apps-home-btn img, .coz-apps-home-btn svg {
+
+[role=banner] [role=menuitem].coz-apps-home-btn img {
   width: 1rem;
   height: 1rem;
   margin-right: .5rem;
 }
 
 @keyframes barPlaceHolderShimmer {
-    0% { background-position: -20rem 0; }
-    80% { background-position: 20rem 0; }
-    80.1% { background-position: -20rem 0; }
-    100% { background-position: -20rem 0; }
+  0% {
+    background-position: -20rem 0;
+  }
+
+  80% {
+    background-position: 20rem 0;
+  }
+
+  80.1% {
+    background-position: -20rem 0;
+  }
+
+  100% {
+    background-position: -20rem 0;
+  }
 }
 
 [role=banner] .coz-loading-placeholder {
-    display: inline-block;
-    width: 100%;
-    height: 100%;
-    min-height: 1em;
-    animation: barPlaceHolderShimmer 1s linear infinite;
-    animation-delay: .1s;
-    animation-duration: 2s;
-    animation-iteration-count: infinite;
-    animation-timing-function: linear;
-    background-position: -20rem 0;
-    background-image: linear-gradient(to right, var(--silver) 0, var(--paleGrey) 50%, var(--silver) 100%);
-    background-size: 20rem 10rem;
-    background-repeat: no-repeat;
-    background-color: var(--silver);
-    border-radius: .15rem;
-    margin: .1rem 0;
+  display: inline-block;
+  width: 100%;
+  height: 100%;
+  min-height: 1em;
+  animation: barPlaceHolderShimmer 1s linear infinite;
+  animation-delay: .1s;
+  animation-duration: 2s;
+  animation-iteration-count: infinite;
+  animation-timing-function: linear;
+  background-position: -20rem 0;
+  background-image: linear-gradient(to right, var(--silver) 0, var(--paleGrey) 50%, var(--silver) 100%);
+  background-size: 20rem 10rem;
+  background-repeat: no-repeat;
+  background-color: var(--silver);
+  border-radius: .15rem;
+  margin: .1rem 0;
 }
 
 
@@ -245,4 +252,4 @@
   height: 1.5rem;
   margin: 0;
   background-color: var(--silver);
-}
+}

package/transpiled/assets/icons/16/icon-storage-16.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path fill="#5D6165" fill-rule="evenodd" d="M225,68 L239,68 L239,78.0044225 C239,78.5542648 238.550051,79 237.993155,79 L226.006845,79 C225.45078,79 225,78.555163 225,78.0044225 L225,68 Z M224,66 C224,65.4477153 224.444631,65 225.000872,65 L238.999128,65 C239.551894,65 240,65.4438648 240,66 L240,67 L224,67 L224,66 Z M229,70 L235,70 L235,72 L229,72 L229,70 Z" transform="translate(-224 -64)"/>
+</svg>

package/transpiled/assets/icons/24/icon-arrow-left.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path fill="#95999D" d="M35.5708019,45.0000059 L45.6757246,54.2628518 C46.0828436,54.6360442 46.1103465,55.2686115 45.7371541,55.6757305 C45.3639617,56.0828495 44.7313944,56.1103524 44.3242754,55.73716 L32.3270117,44.7396683 C32.1261015,44.5567619 32,44.2931102 32,44.0000059 C32,43.7069016 32.1261015,43.4432499 32.3270117,43.2603435 L44.3242754,32.2628518 C44.7313944,31.8896593 45.3639617,31.9171623 45.7371541,32.3242813 C46.1103465,32.7314003 46.0828436,33.3639676 45.6757246,33.73716 L35.5708019,43.0000059 L55,43.0000059 C55.5522847,43.0000059 56,43.4477211 56,44.0000059 C56,44.5522906 55.5522847,45.0000059 55,45.0000059 L35.5708019,45.0000059 Z" transform="translate(-32 -32)"/>
+</svg>

package/transpiled/assets/icons/32/icon-claudy.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><style>.st0{fill:none}</style><path class="st0" d="M22 12h-7c-.6 0-1 .4-1 1s.4 1 1 1h7c.6 0 1-.4 1-1s-.4-1-1-1zM25 7H15c-.5 0-1 .4-1 1s.4 1 1 1h10c.5 0 1-.4 1-1s-.4-1-1-1z"/><path fill="#FFFFFF" d="M31 1H9c-.6 0-1 .5-1 1v15c2.2 0 4.1 1.2 5.2 3H18v1.9c0 .6.4.7.8.4l3.3-2.3H31c.6 0 1-.5 1-1V2c0-.6-.4-1-1-1zm-9 13h-7c-.6 0-1-.4-1-1s.4-1 1-1h7c.6 0 1 .4 1 1s-.4 1-1 1zm3-5H15c-.6 0-1-.4-1-1s.5-1 1-1h10c.6 0 1 .4 1 1s-.5 1-1 1z"/><path fill="#FFFFFF" id="path-3_1_" d="M10.4 26.7c0 .1-.7 1.3-2.4 1.3-1.8 0-2.4-1.2-2.4-1.3-.1-.2 0-.5.2-.7.2-.1.5 0 .7.2 0 0 .4.7 1.6.7 1.1 0 1.5-.7 1.6-.7.1-.2.4-.3.7-.2.1.2.2.5 0 .7M12 23c0-2.2-1.8-4-4-4s-4 1.8-4 4c-2.2 0-4 1.8-4 4s1.8 4 4 4h8c2.2 0 4-1.8 4-4s-1.8-4-4-4"/></svg>

package/transpiled/assets/icons/apps/icon-collect.svg

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="44px" height="48px" viewBox="0 0 44 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 48.2 (47327) - http://www.bohemiancoding.com/sketch -->
+    <title>cozy data connect</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="3402-app-Drive---menu-default" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(-186.000000, -68.000000)">
+        <g id="nav-apps">
+            <g id="cozy-collect" transform="translate(168.000000, 60.000000)">
+                <g id="cozy-data-connect" transform="translate(18.000000, 8.000000)">
+                    <path d="M21.75,13.0364061 C26.6091006,13.0364061 30.548291,17.0538035 30.548291,22.0091966 C30.548291,26.9645896 26.6091006,30.981987 21.75,30.981987 C16.8908994,30.981987 12.951709,26.9645896 12.951709,22.0091966 C12.951709,17.0538035 16.8908994,13.0364061 21.75,13.0364061 Z M21.75,44.2087512 C16.4803125,44.2087512 11.703818,42.0590354 8.25,38.5910424 C11.1309515,35.7926971 16.1005196,33.9440784 21.75,33.9440784 C27.3994804,33.9440784 32.3690485,35.7926971 35.25,38.5910424 C31.796182,42.0590354 27.0196875,44.2087512 21.75,44.2087512 Z" id="Shape" fill="#855CEA" fill-rule="nonzero"></path>
+                    <g id="Group">
+                        <circle id="Oval" stroke="#C2ADF4" stroke-width="2" cx="21.75" cy="24" r="20.75"></circle>
+                        <circle id="Oval-2" fill="#C2ADF4" cx="21.75" cy="4.5" r="4.5"></circle>
+                        <circle id="Oval-2-Copy" fill="#C2ADF4" cx="21.75" cy="43.5" r="4.5"></circle>
+                        <circle id="Oval-2-Copy-2" fill="#C2ADF4" cx="39" cy="35.25" r="4.5"></circle>
+                        <circle id="Oval-2-Copy-4" fill="#C2ADF4" cx="4.5" cy="35.25" r="4.5"></circle>
+                        <circle id="Oval-2-Copy-3" fill="#C2ADF4" cx="39" cy="13.5" r="4.5"></circle>
+                        <circle id="Oval-2-Copy-5" fill="#C2ADF4" cx="4.5" cy="13.5" r="4.5"></circle>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/transpiled/assets/icons/apps/icon-drive.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="48px" height="42px" viewBox="0 0 48 42" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 48.2 (47327) - http://www.bohemiancoding.com/sketch -->
+    <title>folder 02</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="3402-app-Drive---menu-default" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(-104.000000, -175.000000)">
+        <g id="nav-apps">
+            <g id="cozy-drive" transform="translate(88.000000, 164.000000)">
+                <g id="folder-02" transform="translate(16.000000, 11.000000)">
+                    <rect id="Rectangle-6" fill="#B2D3FF" x="0" y="3" width="48" height="39" rx="4"></rect>
+                    <path d="M0,1.9973917 C0,0.894262725 0.90234375,0 1.99456145,0 L19.0054385,0 C20.1070044,0 21.6362228,0.636222839 22.4121541,1.41215408 L22.5878459,1.58784592 C23.3677571,2.36775708 24.8970262,3 26.0049466,3 L45.0089096,3 C46.6608432,3 48,4.34205759 48,6 L48,6 L26.0049466,6 C24.8976452,6 23.3637772,6.63622284 22.5878459,7.41215408 L22.4121541,7.58784592 C21.6322429,8.36775708 20.0976563,9 19.0054385,9 L1.99456145,9 C0.892995579,9 0,8.10414219 0,7.0026083 L0,1.9973917 Z" id="Rectangle-7" fill="#197BFF"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/transpiled/assets/icons/apps/icon-market-soon.svg

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="64px" height="51px" viewBox="0 0 64 51" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 48.2 (47327) - http://www.bohemiancoding.com/sketch -->
+    <title>Group 3</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="3402-app-Drive---menu-default" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(-264.000000, -172.000000)">
+        <g id="nav-apps">
+            <g id="cozy-store" transform="translate(248.000000, 164.000000)">
+                <g id="Group-3" transform="translate(16.000000, 8.000000)">
+                    <g id="store" opacity="0.5" fill="#F52D2D">
+                        <path d="M3,42.5066023 L3,25.5 L9,25.5 L9,37.5 L24,37.5 L24,25.5 L45,25.5 L45,42.5066023 C45,43.0550537 44.5528686,43.5 44.0013041,43.5 L41.4986959,43.5 C40.9479289,43.5 40.5,43.0490115 40.5,42.4926891 L40.5,27 L30,27 L30,42.4926891 C30,43.0586649 29.5554342,43.5 29.0070346,43.5 L3.99296544,43.5 C3.44610862,43.5 3,43.0552407 3,42.5066023 Z M3,0.997544646 C3,0.446615951 3.44326177,0 3.99678245,0 L44.0032175,0 C44.5537253,0 45,0.446311399 45,0.997544646 L45,9 L3,9 L3,0.997544646 Z" id="Path-15" fill-opacity="0.2"></path>
+                        <path d="M0,25.0020869 C0,26.1055038 0.894938439,27 2.00138927,27 L45.9986107,27 C47.1039475,27 48,26.1017394 48,25.0020869 L48,21.990778 C48,21.4435864 47.9035824,20.5661208 47.7842474,20.0291133 L45,7.5 L3,7.5 L0.215752602,20.0291133 C0.09659573,20.5653192 0,21.4509752 0,21.990778 L0,25.0020869 Z" id="Path"></path>
+                    </g>
+                    <g id="a-venir" transform="translate(16.000000, 35.000000)">
+                        <rect id="Rectangle-8" fill="#297EF1" x="0" y="0" width="48" height="16" rx="2"></rect>
+                        <text id="À-VENIR" font-family="Lato-Bold, Lato" font-size="10" font-weight="bold" fill="#FFFFFF">
+                            <tspan x="3.9475" y="12">À VENIR</tspan>
+                        </text>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/transpiled/assets/icons/apps/icon-photos.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="48px" height="39px" viewBox="0 0 48 39" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 48.2 (47327) - http://www.bohemiancoding.com/sketch -->
+    <title>images 02</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="3402-app-Drive---menu-default" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(-184.000000, -177.000000)">
+        <g id="nav-apps">
+            <g id="cozy-photos" transform="translate(168.000000, 164.000000)">
+                <g id="images-02" transform="translate(16.000000, 13.000000)">
+                    <rect id="Rectangle-5" fill="#1EC737" x="0" y="0" width="48" height="39" rx="4"></rect>
+                    <path d="M0,29.9768414 L9.08392328,20.8929181 C9.86600086,20.1108405 11.1307648,20.1076062 11.9143185,20.8911599 L16.5,25.4768414 L28.5807792,13.3960622 C29.3645932,12.6122482 30.6300752,12.6069166 31.4124298,13.3892712 L48,29.9768414 L48,34.9768981 C48,37.1860057 46.2059475,38.9768414 43.9901068,38.9768414 L4.00989318,38.9768414 C1.79529033,38.9768414 0,37.1771879 0,34.9768981 L0,29.9768414 Z" id="Path-8" fill="#23A636"></path>
+                    <circle id="Oval-1" fill="#FFFFFF" cx="12" cy="10.5" r="4.5"></circle>
+                    <path d="M16.8,24.3 L8.4,32.7 L16.8,24.3 Z" id="Path-3" stroke="#1EC737" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/transpiled/assets/icons/apps/icon-soon.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="48px" height="16px" viewBox="0 0 48 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 48.2 (47327) - http://www.bohemiancoding.com/sketch -->
+    <title>a venir</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="3402-app-Drive---menu-default" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(-280.000000, -207.000000)">
+        <g id="nav-apps">
+            <g id="cozy-store" transform="translate(248.000000, 164.000000)">
+                <g id="Group-3" transform="translate(16.000000, 8.000000)">
+                    <g id="a-venir" transform="translate(16.000000, 35.000000)">
+                        <rect id="Rectangle-8" fill="#297EF1" x="0" y="0" width="48" height="16" rx="2"></rect>
+                        <text id="À-VENIR" font-family="Lato-Bold, Lato" font-size="10" font-weight="bold" fill="#FFFFFF">
+                            <tspan x="3.9475" y="12">À VENIR</tspan>
+                        </text>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/transpiled/assets/icons/apps/icon-store.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="48px" height="44px" viewBox="0 0 48 44" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 48.2 (47327) - http://www.bohemiancoding.com/sketch -->
+    <title>store</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="3402-app-Drive---menu-default" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(-264.000000, -172.000000)">
+        <g id="nav-apps" fill="#F52D2D">
+            <g id="cozy-store" transform="translate(248.000000, 164.000000)">
+                <g id="Group-3" transform="translate(16.000000, 8.000000)">
+                    <g id="store">
+                        <path d="M3,42.5066023 L3,25.5 L9,25.5 L9,37.5 L24,37.5 L24,25.5 L45,25.5 L45,42.5066023 C45,43.0550537 44.5528686,43.5 44.0013041,43.5 L41.4986959,43.5 C40.9479289,43.5 40.5,43.0490115 40.5,42.4926891 L40.5,27 L30,27 L30,42.4926891 C30,43.0586649 29.5554342,43.5 29.0070346,43.5 L3.99296544,43.5 C3.44610862,43.5 3,43.0552407 3,42.5066023 Z M3,0.997544646 C3,0.446615951 3.44326177,0 3.99678245,0 L44.0032175,0 C44.5537253,0 45,0.446311399 45,0.997544646 L45,9 L3,9 L3,0.997544646 Z" id="Path-15" fill-opacity="0.2"></path>
+                        <path d="M0,25.0020869 C0,26.1055038 0.894938439,27 2.00138927,27 L45.9986107,27 C47.1039475,27 48,26.1017394 48,25.0020869 L48,21.990778 C48,21.4435864 47.9035824,20.5661208 47.7842474,20.0291133 L45,7.5 L3,7.5 L0.215752602,20.0291133 C0.09659573,20.5653192 0,21.4509752 0,21.990778 L0,25.0020869 Z" id="Path"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/transpiled/assets/icons/claudyActions/icon-bills.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
+  <g fill="none" fill-rule="evenodd" transform="translate(5)">
+    <polygon fill="#FFDEC1" points="0 0 7.5 3 13.5 0 19.5 3 25.5 0 31.5 3 39 0 39 48 31.5 45 25.5 48 19.5 45 13.5 48 7.5 45 0 48"/>
+    <path fill="#FF7F1B" d="M9 12L30 12 30 15 9 15 9 12zM9 18L30 18 30 21 9 21 9 18zM9 24L21 24 21 27 9 27 9 24zM9 30L21 30 21 33 9 33 9 30zM34.2642889 29.1782735C33.389679 27.924116 32.2510361 27 30.2377833 27 27.894489 27 26.2112777 28.600701 25.5511948 30.8284807L24 30.8284807 24 32.2311569 25.2871616 32.2311569C25.2541575 32.478688 25.2541575 32.7427211 25.2541575 32.9902522 25.2541575 33.2047791 25.2541575 33.4193061 25.2706596 33.6173309L24 33.6173309 24 35.0365091 25.5016886 35.0365091C26.1452694 37.3798034 27.8614849 38.9475002 30.3037916 38.9475002 32.1850278 38.9475002 33.3566749 37.99038 34.297293 36.6207081L32.8451107 35.5480734C32.0860153 36.5546998 31.4259325 37.1322723 30.3202936 37.1322723 29.033132 37.1322723 28.0925139 36.3401728 27.6304559 35.0365091L31.1949035 35.0365091 31.1949035 33.6173309 27.3169165 33.6173309C27.3004144 33.402804 27.3004144 33.1882771 27.3004144 32.957248 27.3004144 32.709717 27.3004144 32.4621859 27.3334186 32.2311569L31.1949035 32.2311569 31.1949035 30.8284807 27.6469579 30.8284807C28.109016 29.5908253 29.0166299 28.8152279 30.1882771 28.8152279 31.3434221 28.8152279 32.0200071 29.3432942 32.7295962 30.3169165L34.2642889 29.1782735z"/>
+  </g>
+</svg>

package/transpiled/assets/icons/claudyActions/icon-laptop.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
+  <g fill="none" fill-rule="evenodd" transform="translate(0 6)">
+    <path fill="#35CE68" d="M3,31.5 L3,3 L3,3 C3,1.34314575 4.34314575,3.04359188e-16 6,0 L42,0 L42,0 C43.6568542,-3.04359188e-16 45,1.34314575 45,3 L45,31.5 L3,31.5 Z"/>
+    <rect width="36" height="24" x="6" y="3" fill="#BCEFCD"/>
+    <path fill="#BCEFCD" d="M28,31.5 L18.5,31.5 L18.5,31.5 C18.2238576,31.5 18,31.2761424 18,31 L18,30.5 L18,30.5 C18,30.2238576 17.7761424,30 17.5,30 L0.5,30 L0.5,30 C0.223857625,30 -3.38176876e-17,30.2238576 0,30.5 L0,33 L0,33 C2.02906125e-16,34.6568542 1.34314575,36 3,36 L45,36 L45,36 C46.6568542,36 48,34.6568542 48,33 L48,30.5 L48,30.5 C48,30.2238576 47.7761424,30 47.5,30 L29,30 L29,30 C28.7238576,30 28.5,30.2238576 28.5,30.5 L28.5,31 L28.5,31 C28.5,31.2761424 28.2761424,31.5 28,31.5 Z"/>
+  </g>
+</svg>

package/transpiled/assets/icons/claudyActions/icon-phone.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="48" viewBox="0 0 30 48">
+    <g fill="none" fill-rule="evenodd" opacity=".5">
+        <path fill="#FC4C83" d="M26 48H4c-2.21 0-4-1.87-4-4.174V4.174C0 1.87 1.79 0 4 0h22c2.208 0 4 1.87 4 4.174v39.652C30 46.13 28.208 48 26 48z"/>
+        <path stroke="#F5F6F7" stroke-linecap="round" stroke-linejoin="round" d="M12 2.251l6-.001"/>
+        <path fill="#F5F6F7" d="M17.25 44.25a2.25 2.25 0 1 1-4.502-.002 2.25 2.25 0 0 1 4.502.002z"/>
+        <path fill="#FEC4D6" d="M1.5 4.5h27V42h-27z"/>
+    </g>
+</svg>

package/transpiled/assets/icons/claudyActions/icon-question-mark.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
+  <g fill="none" fill-rule="evenodd">
+    <circle cx="24" cy="24" r="24" fill="#E2C9EE"/>
+    <path fill="#A75BCB" d="M25,25.93 L25,31 C25,31.554 24.55,32 24,32 C23.448,32 23,31.554 23,31 L23,25 C23,24.448 23.448,24 24,24 C26.756,24 29,21.758 29,19 C29,16.242 26.756,14 24,14 C21.242,14 19,16.242 19,19 C19,19.554 18.55,20 18,20 C17.448,20 17,19.554 17,19 C17,15.14 20.138,12 24,12 C27.86,12 31,15.14 31,19 C31,22.52 28.386,25.442 25,25.93 Z M24,38 C22.894,38 22,37.106 22,36 C22,34.896 22.894,34 24,34 C25.102,34 26,34.896 26,36 C26,37.106 25.102,38 24,38 Z"/>
+  </g>
+</svg>

package/transpiled/assets/icons/comingsoon/icon-bank.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96">
+  <g fill="none" fill-rule="evenodd">
+    <rect width="96" height="96" fill="#5A9B9E" rx="8"/>
+    <text fill="#315F7E" font-family="Lato-Black, Lato" font-size="16" font-weight="700">
+      <tspan x="50.752" y="90">Labs</tspan>
+    </text>
+    <g transform="translate(12 10)">
+      <path fill="#315F7E" d="M28,18.5454545 L7.89033187,55.1084875 L7.89033187,55.1084875 C7.40310343,55.9943574 7.14762733,56.9889822 7.14762733,58 C7.14762733,61.3137085 9.83391883,64 13.1476273,64 L13.1476273,64 L58.8523727,64 C59.8633905,64 60.8580153,63.7445239 61.7438852,63.2572955 C64.6474093,61.6603572 65.7066064,58.0120116 64.1096681,55.1084875 L64.1096681,55.1084875 L44,18.5454545 L44,4 L28,4 L28,18.5454545 Z M28,0 L44,0 C45.1045695,-2.02906125e-16 46,0.8954305 46,2 L46,2 C46,3.1045695 45.1045695,4 44,4 L28,4 C26.8954305,4 26,3.1045695 26,2 L26,2 L26,2 C26,0.8954305 26.8954305,2.02906125e-16 28,0 Z"/>
+      <path fill="#FFFFFF" d="M0,52 L0,36 L7,36 L12,46 L17,36 L24,36 L24,52 L18,52 L18,40 L12,52 L9,52 L3,40 L3,52 L0,52 Z M25,52 L32,36 L38,36 L45,52 L39,52 L38,49 L30,49 L28.6999512,52 L25,52 Z M31,46 L37,46 L34,40 L31,46 Z M47,36 L52,36 L52,52 L47,52 L47,36 Z M56,36 L72,36 L72,39 L61,39 L61,44 L72,44 L72,47 L61,47 L61,52 L56,52 L56,36 Z"/>
+    </g>
+  </g>
+</svg>

package/transpiled/assets/icons/comingsoon/icon-sante.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96">
+  <g fill="none" fill-rule="evenodd">
+    <rect width="96" height="96" fill="#5A9B9E" rx="8"/>
+    <text fill="#315F7E" font-family="Lato-Black, Lato" font-size="16" font-weight="700">
+      <tspan x="50.752" y="90">Labs</tspan>
+    </text>
+    <g transform="translate(12 10)">
+      <path fill="#315F7E" d="M28,18.5454545 L7.89033187,55.1084875 L7.89033187,55.1084875 C7.40310343,55.9943574 7.14762733,56.9889822 7.14762733,58 C7.14762733,61.3137085 9.83391883,64 13.1476273,64 L13.1476273,64 L58.8523727,64 C59.8633905,64 60.8580153,63.7445239 61.7438852,63.2572955 C64.6474093,61.6603572 65.7066064,58.0120116 64.1096681,55.1084875 L64.1096681,55.1084875 L44,18.5454545 L44,4 L28,4 L28,18.5454545 Z M28,0 L44,0 C45.1045695,-2.02906125e-16 46,0.8954305 46,2 L46,2 C46,3.1045695 45.1045695,4 44,4 L28,4 C26.8954305,4 26,3.1045695 26,2 L26,2 L26,2 C26,0.8954305 26.8954305,2.02906125e-16 28,0 Z"/>
+      <path fill="#FFFFFF" d="M0,52 L0,36 L7,36 L12,46 L17,36 L24,36 L24,52 L18,52 L18,40 L12,52 L9,52 L3,40 L3,52 L0,52 Z M25,52 L32,36 L38,36 L45,52 L39,52 L38,49 L30,49 L28.6999512,52 L25,52 Z M31,46 L37,46 L34,40 L31,46 Z M47,36 L52,36 L52,52 L47,52 L47,36 Z M56,36 L72,36 L72,39 L61,39 L61,44 L72,44 L72,47 L61,47 L61,52 L56,52 L56,36 Z"/>
+    </g>
+  </g>
+</svg>

package/transpiled/assets/icons/comingsoon/icon-store.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <g fill="none" fill-rule="evenodd">
+    <path fill="#FCBABA" d="M2,29.9982026 L2,18.5 L6,18.5 L6,26.5 L16,26.5 L16,18.5 L30,18.5 L30,29.9982026 C30,30.5551184 29.5527519,31 29.0010434,31 L27.9989566,31 C27.4426603,31 27,30.5520913 27,29.9995679 L27,19.5 L20,19.5 L20,29.9995679 C20,30.5491864 19.5552407,31 19.0066023,31 L2.99339768,31 C2.44494629,31 2,30.55148 2,29.9982026 Z M2,2.00138006 C2,1.44833313 2.43981314,1 2.99653482,1 L29.0034652,1 C29.5538362,1 30,1.44677132 30,2.00138006 L30,7.5 L2,7.5 L2,2.00138006 Z"/>
+    <path fill="#F62C2C" d="M1,19.5 L31,19.5 L31,19.5 C31.5522847,19.5 32,19.0522847 32,18.5 L32,15.6097722 L32,15.6097722 C32,15.5368099 31.9920148,15.4640667 31.9761871,15.3928418 L30,6.5 L2,6.5 L0.0238129398,15.3928418 L0.0238129398,15.3928418 C0.00798518471,15.4640667 -8.89071951e-15,15.5368099 -8.8817842e-15,15.6097722 L0,18.5 L0,18.5 C6.76353751e-17,19.0522847 0.44771525,19.5 1,19.5 Z"/>
+  </g>
+</svg>

package/transpiled/assets/icons/icon-cozy.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="52" height="52" viewBox="0 0 52 52">
+  <path fill="#FFFFFF" fill-rule="evenodd" d="M558.23098,44 L533.76902,44 C526.175046,44 520,37.756072 520,30.0806092 C520,26.4203755 521.393962,22.9628463 523.927021,20.3465932 C526.145918,18.0569779 529.020185,16.6317448 532.129554,16.2609951 C532.496769,13.1175003 533.905295,10.2113693 536.172045,7.96901668 C538.760238,5.40737823 542.179607,4 545.800788,4 C549.420929,4 552.841339,5.40737823 555.429532,7.96796639 C557.686919,10.2008665 559.091284,13.0912433 559.467862,16.2179336 C566.482405,16.8533543 572,22.8284102 572,30.0816594 C572,37.756072 565.820793,44 558.22994,44 L558.23098,44 Z M558.068077,40.9989547 L558.171599,40.9989547 C564.142748,40.9989547 569,36.0883546 569,30.0520167 C569,24.0167241 564.142748,19.1061239 558.171599,19.1061239 L558.062901,19.1061239 C557.28338,19.1061239 556.644649,18.478972 556.627051,17.6887604 C556.492472,11.7935317 551.63729,7 545.802791,7 C539.968291,7 535.111039,11.7956222 534.977495,17.690851 C534.959896,18.4664289 534.34187,19.0914904 533.573737,19.1092597 C527.743378,19.2451426 523,24.1536522 523,30.0530619 C523,36.0893999 527.857252,41 533.828401,41 L533.916395,41 L533.950557,40.9979094 C533.981614,40.9979094 534.01267,40.9979094 534.043727,41 L558.064971,41 L558.068077,40.9989547 Z M553.766421,29.2227318 C552.890676,28.6381003 552.847676,27.5643091 552.845578,27.5171094 C552.839285,27.2253301 552.606453,26.9957683 552.32118,27.0000592 C552.035908,27.0054228 551.809368,27.2467844 551.814612,27.5364185 C551.81671,27.5750363 551.831393,28.0792139 552.066323,28.6735 C548.949302,31.6942753 544.051427,31.698566 540.928113,28.6917363 C541.169336,28.0888684 541.185068,27.576109 541.185068,27.5374911 C541.190312,27.2478572 540.964821,27.0086409 540.681646,27.0011319 C540.401618,26.9925502 540.163541,27.2264027 540.154102,27.5160368 C540.154102,27.5589455 540.11215,28.6370275 539.234308,29.2216592 C538.995183,29.3825669 538.92806,29.7097461 539.08433,29.9532532 C539.182917,30.1077246 539.346529,30.1924694 539.516434,30.1924694 C539.612923,30.1924694 539.710461,30.1645787 539.797512,30.1066519 C540.023003,29.9564713 540.211786,29.7848363 540.370154,29.6024742 C542.104862,31.2008247 544.296845,32 546.488828,32 C548.686055,32 550.883282,31.1976066 552.621136,29.5917471 C552.780553,29.7762546 552.971434,29.9521804 553.203218,30.1066519 C553.289219,30.1645787 553.387806,30.1924694 553.484295,30.1924694 C553.652102,30.1924694 553.816763,30.1066519 553.916399,29.9521804 C554.07162,29.7076006 554.004497,29.3793488 553.766421,29.2205864 L553.766421,29.2227318 Z" transform="translate(-520)"/>
+</svg>

package/transpiled/assets/icons/icon-shield.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path fill="#FFFFFF" d="M217.75,36.3902423 C217.75,49.4794073 223.150583,52.8996694 227.993343,56 C232.836131,52.8996694 238.237797,49.4794073 238.237797,36.3902423 L227.993343,32 L217.75,36.3902423 Z" transform="translate(-216 -32)"/>
+</svg>

package/transpiled/assets/icons/spinner.svg

@@ -0,0 +1,4 @@
+<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='12' height='12' fill='#297EF2'>
+  <path opacity='.25' d='M16 0a16 16 0 0 0 0 32 16 16 0 0 0 0-32m0 4a12 12 0 0 1 0 24 12 12 0 0 1 0-24'/>
+  <path d='M16 0a16 16 0 0 1 16 16h-4a12 12 0 0 0-12-12z'/>
+</svg>

package/transpiled/assets/sprites/icon-apps.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M0 0h4v4H0V0zm0 6h4v4H0V6zm0 6h4v4H0v-4zM6 0h4v4H6V0zm0 6h4v4H6V6zm0 6h4v4H6v-4zm6-12h4v4h-4V0zm0 6h4v4h-4V6zm0 6h4v4h-4v-4z" fill-rule="evenodd"/></svg>

package/transpiled/assets/sprites/icon-cozy-home.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <defs></defs>
+    <g id="📦-components" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="components/header/2_1" transform="translate(-16.000000, -12.000000)">
+            <g id="icon-cozy-home" transform="translate(16.000000, 12.000000)">
+                <g id="logo">
+                    <g id="logo/cozypastille">
+                        <circle id="Oval" fill="#297EF2" fill-rule="nonzero" cx="16" cy="16" r="16"></circle>
+                        <path d="M19.31364,17.56136 C19.15384,17.81024 18.79956,17.88504 18.55544,17.72184 C18.53436,17.70892 18.51396,17.69464 18.49492,17.68036 C17.78296,18.23864 16.90644,18.54328 15.99524,18.54328 C15.08608,18.54328 14.2116,18.24 13.501,17.68376 C13.48264,17.69668 13.46428,17.71028 13.44524,17.72184 C13.19364,17.88572 12.8448,17.80752 12.68636,17.5634 C12.52588,17.31588 12.59592,16.98064 12.84208,16.8154 C13.0556,16.67464 13.07056,16.3938 13.07056,16.39108 C13.076,16.2442 13.13992,16.10412 13.24668,16.00552 C13.35276,15.90692 13.48604,15.8498 13.63292,15.86136 C13.92736,15.86816 14.16672,16.11568 14.16128,16.41352 C14.16128,16.4176 14.1606,16.56652 14.10688,16.77324 C15.20508,17.68512 16.79696,17.68172 17.89108,16.76576 C17.85096,16.60732 17.84076,16.48084 17.83804,16.42236 C17.83532,16.26936 17.88972,16.13064 17.9924,16.02524 C18.09304,15.92188 18.22904,15.8634 18.37388,15.86068 L18.3834,15.86068 C18.67784,15.86068 18.92196,16.098 18.92876,16.39312 C18.92876,16.39312 18.9444,16.67532 19.15588,16.81472 C19.4034,16.97792 19.47412,17.3118 19.31364,17.56136 M21.63584,11.19248 C21.47876,9.86376 20.89056,8.63568 19.94604,7.6864 C18.8628,6.59772 17.4314,6 15.91636,6 C14.40132,6 12.9706,6.59772 11.88736,7.68708 C10.93876,8.63976 10.3492,9.87464 10.19552,11.21084 C8.89468,11.3686 7.69176,11.97448 6.76288,12.94756 C5.70344,14.05936 5.12,15.52884 5.12,17.08468 C5.12,20.34664 7.704,23 10.88164,23 L21.11768,23 C24.29396,23 26.88,20.34664 26.88,17.08468 C26.88,14.00224 24.57072,11.46244 21.63584,11.19248" id="Fill-1" fill="#FFFFFF" fill-rule="evenodd"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/transpiled/components/Apps/AppItem.js

@@ -0,0 +1,134 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+import React from 'react';
+import get from 'lodash/get';
+import { appShape } from "../../proptypes";
+import { models } from 'cozy-client';
+import AppIcon from "cozy-ui/transpiled/react/AppIcon";
+import AppLinker from "cozy-ui/transpiled/react/AppLinker";
+import HomeIcon from "./IconCozyHome";
+import stack from "../../lib/stack";
+import PropTypes from 'prop-types';
+var getAppDisplayName = get(models, 'applications.getAppDisplayName', function (app) {
+  return app.namePrefix && app.namePrefix.toLowerCase() !== 'cozy' ? "".concat(app.namePrefix, " ").concat(app.name) : app.name;
+});
+export var AppItem = /*#__PURE__*/function (_React$Component) {
+  _inherits(AppItem, _React$Component);
+
+  var _super = _createSuper(AppItem);
+
+  /**
+   * Used to add query params to AppLinker links, useful in overrides
+   * @param  {Object} props   AppItem props
+   * @param  {Object} context AppItem context
+   * @return {Object}         Query string parameters as object
+   */
+  function AppItem(props) {
+    var _this;
+
+    _classCallCheck(this, AppItem);
+
+    _this = _super.call(this, props);
+    _this.onAppSwitch = _this.onAppSwitch.bind(_assertThisInitialized(_this));
+    return _this;
+  }
+
+  _createClass(AppItem, [{
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      if (this.switchTimeout) clearTimeout(this.switchTimeout);
+    }
+  }, {
+    key: "buildAppUrl",
+    value: function buildAppUrl(href) {
+      var url;
+
+      try {
+        url = new URL(href);
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.error(error.message);
+        return null;
+      }
+
+      var queryParams = AppItem.buildQueryParams(this.props, this.context);
+
+      if (queryParams) {
+        for (var name in queryParams) {
+          url.searchParams.append(name, queryParams[name]);
+        }
+      }
+
+      return url.toString();
+    }
+  }, {
+    key: "onAppSwitch",
+    value: function onAppSwitch() {
+      var onAppSwitch = this.props.onAppSwitch;
+
+      if (typeof onAppSwitch === 'function') {
+        this.switchTimeout = setTimeout(function () {
+          onAppSwitch();
+        }, 1000);
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          useHomeIcon = _this$props.useHomeIcon,
+          app = _this$props.app;
+      var dataIcon = app.slug ? "icon-".concat(app.slug) : '';
+      var appName = getAppDisplayName(app);
+      return /*#__PURE__*/React.createElement(AppLinker, {
+        onAppSwitch: this.onAppSwitch,
+        slug: app.slug,
+        href: this.buildAppUrl(app.href) || ''
+      }, function (_ref) {
+        var onClick = _ref.onClick,
+            href = _ref.href;
+        return /*#__PURE__*/React.createElement("li", {
+          className: "coz-nav-apps-item".concat(app.isCurrentApp ? ' --current' : '')
+        }, /*#__PURE__*/React.createElement("a", {
+          role: "menuitem",
+          href: href,
+          "data-icon": dataIcon,
+          title: appName,
+          onClick: onClick
+        }, useHomeIcon ? /*#__PURE__*/React.createElement(HomeIcon, {
+          className: "coz-nav-apps-item-icon"
+        }) : /*#__PURE__*/React.createElement(AppIcon, _extends({
+          app: app,
+          className: "coz-nav-apps-item-icon",
+          key: app.slug
+        }, stack.get.iconProps())), /*#__PURE__*/React.createElement("p", {
+          className: "coz-label"
+        }, appName)));
+      });
+    }
+  }]);
+
+  return AppItem;
+}(React.Component);
+
+_defineProperty(AppItem, "buildQueryParams", function () {
+  // default behaviour
+  return null;
+});
+
+AppItem.propTypes = {
+  app: appShape.isRequired,
+  useHomeIcon: PropTypes.bool
+};
+export default AppItem;

package/transpiled/components/Apps/AppItemPlaceholder.js

@@ -0,0 +1,14 @@
+import React from 'react';
+export var AppItemPlaceholder = function AppItemPlaceholder() {
+  return /*#__PURE__*/React.createElement("li", {
+    className: "coz-nav-apps-item"
+  }, /*#__PURE__*/React.createElement("span", {
+    role: "menuitem",
+    disabled: true
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "coz-nav-apps-item-icon coz-loading-placeholder"
+  }), /*#__PURE__*/React.createElement("p", {
+    className: "coz-label coz-loading-placeholder"
+  })));
+};
+export default AppItemPlaceholder;