@intellias/menu 1.0.0

package/README.md

@@ -0,0 +1,121 @@
+# intems-menu
+
+## Project setup
+```
+npm install
+```
+
+### Compiles and minifies for production
+```
+npm run dev
+```
+
+### Lints and fixes files
+```
+npm run lint
+```
+
+### NPM publish guideline:
+1.	Login to NPM
+#### If you aren't already logged in, you should use corporate npm account(intems) to get access to this package, as it's private on npm. Use user that's added as a collaborator to organization, or organization account.
+```
+npm login
+
+```
+2.	Build
+```
+npm run dev
+```
+3.	Publish
+```
+npm publish
+```
+
+# Introduction 
+Entry point of the project is "wrapper.ts" file. Here our component is registered, all data transfered to it from options parameter. MenuOptions interface is declaring, which options can be passed when importing module. If there's a demand to add anything new, you can extend this interface and add necessary data. It's automatically parsed and sent as props to "./Menu.vue" component.
+
+# Using the Package
+Since now have our package published, Let's take a look at how we can use this package in other repositories
+
+To Install
+```
+npm install --save @intems-menu/menu
+```
+Once you have installed the package, in your entry file of the repository (wrapper.ts) if you are using it in a Vue CLI project. Write the import command
+
+```
+import MainMenu, { MenuOptions, ProjectNameType } from '@intems-menu/menu';
+
+```
+To install it globally.
+
+```
+const menuOptions: MenuOptions = {
+            // Pass your options here
+        };
+        Vue.use(MainMenu, menuOptions);
+
+```
+
+## MenuOptions explained
+
+```
+export interface MenuOptions {
+  projectName: ProjectName;
+  storeAdapter: keyable;
+  subMenus?: Submenus;
+  helperFunctions: Helpers;
+  // add more options here if needed
+}
+
+```
+
+- projectName -> provide specific value from ProjectName enum (Lite/IntelliHub/ManagersPortal)
+- storeAdapter -> provide necessary Vuex store adapters( StoreAdapter)
+- subMenus -> provide subMenuList object, optional. DEMANDED ONLY WHEN IMPORTING TO LITE PROJECT (@app/core/helpers/sub-menu/SubMenuList)
+- helperFunctions -> provide necessary helpers functions (add getUrlPathByName from @/bootstrap/vue-router)
+
+# Updating the package and versioning
+So you have the package published on NPM and now you need to change certain things on the package and re-publish it with new changes. This process involves a list of steps which I am listing down below.
+
+Make changes to the codebase
+Before we can publish the changes we need to make sure the working directory is clean
+```
+git add -A
+
+git commit -m "Fix bug in the package"
+```
+Increment the version number in NPM
+NPM follows the semantic version (semver) versions, in which each number denotes if it's a major release, minor change, or a patch fix. (Read details about semver here )
+
+In this case, let's just bump the patch version by 1
+
+```
+npm version patch -m "Minor changes to the Hello World Text"
+
+```
+This will update the version number in your package.json file.
+
+And since we have the GitHub repository linked to the npm. It will also create a tag for the bumped up version number.
+
+Run the following command to check the latest tag
+
+```
+git tag
+
+```
+Next up, push the latest changes to git along with the new tag.
+
+```
+git push --follow-tags
+
+```
+Now you can go ahead and publish the new changes on npm
+
+```
+npm publish
+
+```
+
+# Additional information
+- [Full guideline of using package is shown here](https://5balloons.info/create-publish-you-first-vue-plugin-on-npm-the-right-way/)

package/assets/icons/arrow-down.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
+    <defs>
+        <path id="a" d="M0 0l5 5 5-5z"/>
+    </defs>
+    <g fill="none" fill-rule="evenodd" transform="translate(3 6)">
+        <mask id="b" fill="#fff">
+            <use xlink:href="#a"/>
+        </mask>
+        <g fill="#9EACB8" mask="url(#b)">
+            <path d="M-3-6h16v16H-3z"/>
+        </g>
+    </g>
+</svg>

package/assets/icons/arrow-left.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.29 12L14.83 8.46001C15.0163 8.27265 15.1208 8.0192 15.1208 7.75501C15.1208 7.49082 15.0163 7.23737 14.83 7.05001C14.737 6.95628 14.6264 6.88189 14.5046 6.83112C14.3827 6.78035 14.252 6.75421 14.12 6.75421C13.988 6.75421 13.8573 6.78035 13.7354 6.83112C13.6136 6.88189 13.503 6.95628 13.41 7.05001L9.17 11.29C9.07628 11.383 9.00188 11.4936 8.95111 11.6154C8.90035 11.7373 8.87421 11.868 8.87421 12C8.87421 12.132 8.90035 12.2627 8.95111 12.3846C9.00188 12.5064 9.07628 12.617 9.17 12.71L13.41 17C13.5034 17.0927 13.6143 17.166 13.7361 17.2158C13.8579 17.2655 13.9884 17.2908 14.12 17.29C14.2516 17.2908 14.3821 17.2655 14.5039 17.2158C14.6257 17.166 14.7366 17.0927 14.83 17C15.0163 16.8126 15.1208 16.5592 15.1208 16.295C15.1208 16.0308 15.0163 15.7774 14.83 15.59L11.29 12Z" fill="#1A2732"/>
+</svg>

package/assets/icons/arrow-submenu.svg

@@ -0,0 +1,8 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_4339_12835" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="2" y="0" width="11" height="16">
+<path d="M12.4015 8.62179L5.06811 15.7424C4.71442 16.0859 4.14101 16.0859 3.78736 15.7424L2.93204 14.9119C2.57896 14.5691 2.57828 14.0134 2.93053 13.6698L8.74238 7.99998L2.93049 2.33019C2.57824 1.98655 2.57892 1.43091 2.932 1.08808L3.78733 0.257567C4.14101 -0.0858556 4.71442 -0.0858556 5.06807 0.257567L12.4015 7.37821C12.7552 7.72159 12.7552 8.27837 12.4015 8.62179Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_4339_12835)">
+<rect x="16" width="16" height="16" transform="rotate(90 16 0)" fill="white"/>
+</g>
+</svg>

package/assets/icons/close.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.41 12L19.71 5.71C19.8983 5.5217 20.0041 5.2663 20.0041 5C20.0041 4.7337 19.8983 4.47831 19.71 4.29C19.5217 4.1017 19.2663 3.99591 19 3.99591C18.7337 3.99591 18.4783 4.1017 18.29 4.29L12 10.59L5.71 4.29C5.5217 4.1017 5.2663 3.99591 5 3.99591C4.7337 3.99591 4.4783 4.1017 4.29 4.29C4.1017 4.47831 3.99591 4.7337 3.99591 5C3.99591 5.2663 4.1017 5.5217 4.29 5.71L10.59 12L4.29 18.29C4.19627 18.383 4.12188 18.4936 4.07111 18.6154C4.02034 18.7373 3.9942 18.868 3.9942 19C3.9942 19.132 4.02034 19.2627 4.07111 19.3846C4.12188 19.5064 4.19627 19.617 4.29 19.71C4.38296 19.8037 4.49356 19.8781 4.61542 19.9289C4.73728 19.9797 4.86799 20.0058 5 20.0058C5.13201 20.0058 5.26272 19.9797 5.38458 19.9289C5.50644 19.8781 5.61704 19.8037 5.71 19.71L12 13.41L18.29 19.71C18.383 19.8037 18.4936 19.8781 18.6154 19.9289C18.7373 19.9797 18.868 20.0058 19 20.0058C19.132 20.0058 19.2627 19.9797 19.3846 19.9289C19.5064 19.8781 19.617 19.8037 19.71 19.71C19.8037 19.617 19.8781 19.5064 19.9289 19.3846C19.9797 19.2627 20.0058 19.132 20.0058 19C20.0058 18.868 19.9797 18.7373 19.9289 18.6154C19.8781 18.4936 19.8037 18.383 19.71 18.29L13.41 12Z" fill="#1A2732"/>
+</svg>

package/assets/icons/delete.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
+    <defs>
+        <path id="a" d="M5 3V1.01C5 .442 5.444 0 5.99 0h4.02c.539 0 .99.452.99 1.01V3h4c.555 0 1 .448 1 1 0 .556-.448 1-1 1h-1v8.997c0 1.11-.9 2.003-2.009 2.003H4.01A2.007 2.007 0 0 1 2 13.997V5.003 5H1c-.555 0-1-.448-1-1 0-.556.448-1 1-1h4zm-.003 2A.997.997 0 0 0 4 5.998v7.004c0 .551.453.998.997.998h6.006c.55 0 .997-.446.997-.998V5.998c0-.551-.453-.998-.997-.998H4.997zM7 2v1h2V2H7zm2.5 5c.268 0 .5.223.5.498v4.004a.494.494 0 0 1-.5.498.504.504 0 0 1-.5-.498V7.498C9 7.215 9.224 7 9.5 7zm-3 0c.268 0 .5.223.5.498v4.004a.494.494 0 0 1-.5.498.504.504 0 0 1-.5-.498V7.498C6 7.215 6.224 7 6.5 7z"/>
+    </defs>
+    <g fill="none" fill-rule="evenodd" transform="translate(.014)">
+        <mask id="b" fill="#fff">
+            <use xlink:href="#a"/>
+        </mask>
+        <g fill="#9EACB8" mask="url(#b)">
+            <path d="M0 0h16v16H0z"/>
+        </g>
+    </g>
+</svg>

package/assets/icons/faq-new.svg

@@ -0,0 +1,4 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.8966 13.0641C12.8966 12.6694 12.9766 12.3227 13.1366 12.0241C13.2966 11.7147 13.51 11.4641 13.7766 11.2721C13.9686 11.1334 14.214 10.9734 14.5126 10.7921C15.0993 10.4294 15.3926 10.0294 15.3926 9.59205V8.84005C15.3926 8.54139 15.2913 8.33872 15.0886 8.23205C14.886 8.12539 14.4646 8.07205 13.8246 8.07205C13.334 8.07205 12.2726 8.20005 10.6406 8.45605V6.71206C11.9633 6.54139 13.126 6.45605 14.1286 6.45605C14.6726 6.45605 15.11 6.47205 15.4406 6.50406C15.782 6.52539 16.1073 6.57872 16.4166 6.66405C16.7366 6.76005 16.9926 6.88805 17.1846 7.04805C17.3766 7.19739 17.5313 7.40539 17.6486 7.67206C17.766 7.96005 17.8246 8.28005 17.8246 8.63206V10.1681C17.8246 10.4667 17.734 10.7494 17.5526 11.0161C17.382 11.2721 17.1526 11.4961 16.8646 11.6881C16.502 11.9227 16.23 12.0934 16.0486 12.2001C15.398 12.6054 15.0726 12.9627 15.0726 13.2721V13.9921H12.8966V13.0641ZM12.7366 14.7921H15.2326V17.0001H12.7366V14.7921Z" fill="#45D6AD"/>
+<path d="M9.18257 22.9201L9.18243 22.9202L5.49922 26.9721C5.49826 26.9664 5.49766 26.96 5.49766 26.9528V24.0625C5.49766 23.1841 4.80762 22.3834 3.85227 22.3834H3.29511C2.07787 22.3834 1 21.3243 1 19.9163V3.46706C1 2.05907 2.07777 1 3.29511 1H24.7049C25.9221 1 27 2.0591 27 3.46706V19.9162C27 21.3242 25.9221 22.3833 24.7049 22.3833H10.3888C9.9232 22.3833 9.48733 22.5849 9.18257 22.9201ZM5.5129 27.0039C5.51292 27.004 5.51278 27.0039 5.51249 27.0036L5.5129 27.0039Z" stroke="#45D6AD" stroke-width="2"/>
+</svg>

package/assets/icons/kudos.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 55.2 (78181) - https://sketchapp.com -->
+    <title>Group 2</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Main-menu/6" transform="translate(-1194.000000, -19.000000)" fill-rule="nonzero">
+            <g id="Group-2" transform="translate(1194.000000, 19.000000)">
+                <path d="M10.12,8.616 L12.616,8.616 L12.616,19 L10.12,19 L10.12,8.616 Z M12.68,13.496 L16.568,8.616 L19.496,8.616 L15.56,13.448 L19.928,19 L16.888,19 L12.68,13.496 Z" id="K" fill="#FFFFFF"></path>
+                <path d="M14,28 C21.7319865,28 28,21.7319865 28,14 C28,6.2680135 21.7319865,0 14,0 C6.2680135,0 0,6.2680135 0,14 C0,21.7319865 6.2680135,28 14,28 Z M14,26 C7.372583,26 2,20.627417 2,14 C2,7.372583 7.372583,2 14,2 C20.627417,2 26,7.372583 26,14 C26,20.627417 20.627417,26 14,26 Z" id="Oval-Copy" fill="#D3DDE6"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/assets/icons/loading-spinner.svg

@@ -0,0 +1,40 @@
+<svg
+    width="200"
+    height="200"
+    viewBox="0 0 200 200"
+    color="#45d6ad"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+>
+    <defs>
+        <linearGradient id="spinner-secondHalf">
+            <stop offset="0%" stop-opacity="0" stop-color="currentColor" />
+            <stop offset="100%" stop-opacity="0.8" stop-color="currentColor" />
+        </linearGradient>
+        <linearGradient id="spinner-firstHalf">
+            <stop offset="0%" stop-opacity="1" stop-color="currentColor" />
+            <stop offset="100%" stop-opacity="0.8" stop-color="currentColor" />
+        </linearGradient>
+    </defs>
+
+    <g stroke-width="12">
+        <path stroke="url(#spinner-secondHalf)" d="M 6 100 A 94 94 0 0 1 194 100" />
+        <path stroke="url(#spinner-firstHalf)" d="M 194 100 A 94 94 0 0 1 6 100" />
+
+        <!-- 1deg extra path to have the round end cap -->
+        <path
+            stroke="currentColor"
+            stroke-linecap="round"
+            d="M 6 100 A 94 94 0 0 1 6 98"
+        />
+    </g>
+
+    <animateTransform
+        from="0 0 0"
+        to="360 0 0"
+        attributeName="transform"
+        type="rotate"
+        repeatCount="indefinite"
+        dur="1300ms"
+    />
+</svg>

package/assets/icons/notification.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="28px" height="26px" viewBox="0 0 28 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 55.2 (78181) - https://sketchapp.com -->
+    <title>Combined Shape</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Main-menu/6" transform="translate(-1328.000000, -20.000000)" fill="#45D6AD" fill-rule="nonzero">
+            <path d="M1345.45003,42 C1345.45003,44.209139 1343.65917,46 1341.45003,46 C1339.24089,46 1337.45003,44.209139 1337.45003,42 L1328,42 L1331.45003,33.8461098 L1331.45003,29.8888889 C1331.45003,24.4246065 1335.92995,20 1341.45003,20 C1346.97012,20 1351.45003,24.4246065 1351.45003,29.8888889 L1351.45003,33.7889204 L1355.07806,42 L1345.45003,42 Z M1343.45003,42 L1339.45003,42 C1339.45003,43.1045695 1340.34546,44 1341.45003,44 C1342.5546,44 1343.45003,43.1045695 1343.45003,42 Z M1333.45003,34 L1344.45003,34 L1344.45003,36 L1332.71035,36 L1331.01789,40 L1352.00784,40 L1349.45003,34.2590625 L1349.45003,29.8888889 C1349.45003,25.5347757 1345.87107,22 1341.45003,22 C1337.02899,22 1333.45003,25.5347757 1333.45003,29.8888889 L1333.45003,34 Z" id="Combined-Shape"></path>
+        </g>
+    </g>
+</svg>

package/assets/icons/notifications/assessment.svg

@@ -0,0 +1,10 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14ZM2 14C2 20.6274 7.37258 26 14 26C20.6274 26 26 20.6274 26 14C26 7.37258 20.6274 2 14 2C7.37258 2 2 7.37258 2 14Z" fill="#00A888"/>
+    <rect x="7" y="21" width="6" height="2" rx="1" transform="rotate(-90 7 21)" fill="#00A888"/>
+    <rect x="19" y="21" width="12" height="2" rx="1" transform="rotate(-90 19 21)" fill="#00A888"/>
+    <rect x="15" y="21" width="9" height="2" rx="1" transform="rotate(-90 15 21)" fill="#00A888"/>
+    <rect x="11" y="21" width="7" height="2" rx="1" transform="rotate(-90 11 21)" fill="#00A888"/>
+    <rect x="7" y="20" width="15" height="2" fill="#00A888"/>
+    <path d="M4 12.9991C10.1179 12.9991 15.481 9.76738 18.4753 4.91797" stroke="#00A888"/>
+    <path d="M18.9276 4.29364L18.7986 7.9647L15.522 5.6704L18.9276 4.29364Z" fill="#00A888"/>
+</svg>

package/assets/icons/notifications/buddy_program.svg

@@ -0,0 +1,8 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14ZM2 14C2 20.6274 7.37258 26 14 26C20.6274 26 26 20.6274 26 14C26 7.37258 20.6274 2 14 2C7.37258 2 2 7.37258 2 14Z" fill="#00A888"/>
+    <rect x="9" y="19" width="10" height="2" fill="#00A888"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M14 9L11.035 14.3141L7 11.3238L8.97855 18H16.0086H19.0215L21 11.3238L16.965 14.3141L14 9ZM14 12L16 16H12L14 12Z" fill="#00A888"/>
+    <circle cx="14" cy="7" r="1" fill="#00A888"/>
+    <path d="M21 10.3418C21.5523 10.3418 22 9.89408 22 9.3418C22 8.78951 21.5523 8.3418 21 8.3418C20.4477 8.3418 20 8.78951 20 9.3418C20 9.89408 20.4477 10.3418 21 10.3418Z" fill="#00A888"/>
+    <path d="M7 10.3418C7.55228 10.3418 8 9.89408 8 9.3418C8 8.78951 7.55228 8.3418 7 8.3418C6.44772 8.3418 6 8.78951 6 9.3418C6 9.89408 6.44772 10.3418 7 10.3418Z" fill="#00A888"/>
+</svg>

package/assets/icons/notifications/compensation_packages.svg

@@ -0,0 +1,10 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14ZM2 14C2 20.6274 7.37258 26 14 26C20.6274 26 26 20.6274 26 14C26 7.37258 20.6274 2 14 2C7.37258 2 2 7.37258 2 14Z" fill="#00A888"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M19 7.00391H9C7.34315 7.00391 6 8.34705 6 10.0039V17.9994C6 19.6562 7.34315 20.9994 9 20.9994H19C20.6569 20.9994 22 19.6562 22 17.9994V10.0039C22 8.34705 20.6569 7.00391 19 7.00391ZM8 10.9994C8 10.4471 8.44772 9.99938 9 9.99938H19C19.5523 9.99938 20 10.4471 20 10.9994V17.9994C20 18.5517 19.5523 18.9994 19 18.9994H9C8.44772 18.9994 8 18.5517 8 17.9994V10.9994Z" fill="#00A888"/>
+    <rect x="9" y="14" width="10" height="1" fill="#00A888"/>
+    <rect x="12" y="11" width="1" height="7" fill="#00A888"/>
+    <rect x="15" y="11" width="1" height="7" fill="#00A888"/>
+    <rect x="9" y="5" width="2" height="3" rx="1" fill="#00A888"/>
+    <rect x="13" y="5" width="2" height="3" rx="1" fill="#00A888"/>
+    <rect x="17" y="5" width="2" height="3" rx="1" fill="#00A888"/>
+</svg>

package/assets/icons/notifications/dsat.svg

@@ -0,0 +1,8 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14ZM2 14C2 20.6274 7.37258 26 14 26C20.6274 26 26 20.6274 26 14C26 7.37258 20.6274 2 14 2C7.37258 2 2 7.37258 2 14Z" fill="#00A888"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M19 7.00391H9C7.34315 7.00391 6 8.34705 6 10.0039V17.9994C6 19.6562 7.34315 20.9994 9 20.9994H19C20.6569 20.9994 22 19.6562 22 17.9994V10.0039C22 8.34705 20.6569 7.00391 19 7.00391ZM8 10.9994C8 10.4471 8.44772 9.99938 9 9.99938H19C19.5523 9.99938 20 10.4471 20 10.9994V17.9994C20 18.5517 19.5523 18.9994 19 18.9994H9C8.44772 18.9994 8 18.5517 8 17.9994V10.9994Z" fill="#00A888"/>
+    <rect x="9" y="5" width="2" height="3" rx="1" fill="#00A888"/>
+    <rect x="13" y="5" width="2" height="3" rx="1" fill="#00A888"/>
+    <rect x="17" y="5" width="2" height="3" rx="1" fill="#00A888"/>
+    <path d="M13.2929 14.707L16.1213 11.8786L17.5355 13.2928L14.7071 16.1212L13.2929 17.5355L10.4645 14.707L11.8787 13.2928L13.2929 14.707Z" fill="#00A888"/>
+</svg>

package/assets/icons/notifications/feedback.svg

@@ -0,0 +1,7 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14ZM2 14C2 20.6274 7.37258 26 14 26C20.6274 26 26 20.6274 26 14C26 7.37258 20.6274 2 14 2C7.37258 2 2 7.37258 2 14Z" fill="#00A888"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M15 7H13C9.13401 7 6 10.134 6 14C6 17.866 9.13401 21 13 21H22V14C22 10.134 18.866 7 15 7ZM20 14V19H13C10.2386 19 8 16.7614 8 14C8 11.2386 10.2386 9 13 9H15C17.7614 9 20 11.2386 20 14Z" fill="#00A888"/>
+    <rect x="10" y="13" width="2" height="2" rx="1" fill="#00A888"/>
+    <rect x="13" y="13" width="2" height="2" rx="1" fill="#00A888"/>
+    <rect x="16" y="13" width="2" height="2" rx="1" fill="#00A888"/>
+</svg>

package/assets/icons/notifications/kudos.svg

@@ -0,0 +1,4 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M12.6161 8.61719H10.1201V19.0012H12.6161V8.61719ZM16.5681 8.61719L12.6801 13.4972L16.8881 19.0012H19.9281L15.5601 13.4492L19.4961 8.61719H16.5681Z" fill="#00A888"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14ZM2 14C2 20.6274 7.37258 26 14 26C20.6274 26 26 20.6274 26 14C26 7.37258 20.6274 2 14 2C7.37258 2 2 7.37258 2 14Z" fill="#00A888"/>
+</svg>

package/assets/icons/notifications/overtime_requests.svg

@@ -0,0 +1,15 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14ZM2 14C2 20.6274 7.37258 26 14 26C20.6274 26 26 20.6274 26 14C26 7.37258 20.6274 2 14 2C7.37258 2 2 7.37258 2 14Z" fill="#00A888"/>
+    <path d="M0.689117 16.8203L8.5 12.3492L9.5 14.0812L1.68912 18.5524L0.689117 16.8203Z" fill="#00A888"/>
+    <path d="M19.268 12L23.3394 5.11306L25.0715 6.11306L21 13L19.268 12Z" fill="#00A888"/>
+    <path d="M13.9052 11H21V13H13.9052V11Z" fill="#00A888"/>
+    <path d="M10.4662 16.7334L13.8657 11.0001L15.5977 12.0001L11.8234 18.3282L10.4662 16.7334Z" fill="#00A888"/>
+    <path d="M8.5 12.3493L12.9348 16.4488L11.9297 18.2503L8.57015 15.4625L7.08579 13.7635L8.5 12.3493Z" fill="#00A888"/>
+    <rect x="5" y="15" width="1" height="8" fill="#00A888"/>
+    <rect x="8" y="13" width="1" height="12" fill="#00A888"/>
+    <rect x="11" y="15" width="1" height="11" fill="#00A888"/>
+    <rect x="14" y="11" width="1" height="15" fill="#00A888"/>
+    <rect x="17" y="11" width="1" height="15" fill="#00A888"/>
+    <rect x="20" y="11" width="1" height="15" fill="#00A888"/>
+    <rect x="23" y="8" width="1" height="16" fill="#00A888"/>
+</svg>

package/assets/icons/notifications/pdu_program.svg

@@ -0,0 +1,4 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14ZM2 14C2 20.6274 7.37258 26 14 26C20.6274 26 26 20.6274 26 14C26 7.37258 20.6274 2 14 2C7.37258 2 2 7.37258 2 14Z" fill="#00A888"/>
+<path d="M10 9H14.16C15.1733 9 15.9733 9.06933 16.56 9.208C17.1573 9.34667 17.5893 9.592 17.856 9.944C18.1333 10.2853 18.272 10.7653 18.272 11.384V13.352C18.272 14.0347 18.1227 14.568 17.824 14.952C17.536 15.336 17.072 15.608 16.432 15.768C15.8027 15.928 14.9493 16.008 13.872 16.008H12.496V19.384H10V9ZM14.08 14.296C14.7307 14.296 15.1893 14.2213 15.456 14.072C15.7227 13.912 15.856 13.6453 15.856 13.272V11.608C15.856 11.2667 15.728 11.0427 15.472 10.936C15.2267 10.8293 14.752 10.776 14.048 10.776H12.496V14.296H14.08Z" fill="#00A58E"/>
+</svg>

package/assets/icons/notifications/profile_update.svg

@@ -0,0 +1,6 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14ZM2 14C2 20.6274 7.37258 26 14 26C20.6274 26 26 20.6274 26 14C26 7.37258 20.6274 2 14 2C7.37258 2 2 7.37258 2 14Z" fill="#00A888"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 11.2091 16.2091 13 14 13C11.7909 13 10 11.2091 10 9C10 6.79086 11.7909 5 14 5C16.2091 5 18 6.79086 18 9ZM12 9C12 10.1046 12.8954 11 14 11C15.1046 11 16 10.1046 16 9C16 7.89543 15.1046 7 14 7C12.8954 7 12 7.89543 12 9Z" fill="#00A888"/>
+    <path d="M22 20C22 15.5817 18.4183 12 14 12C9.58172 12 6 15.5817 6 20H8C8 16.6863 10.6863 14 14 14C17.3137 14 20 16.6863 20 20H22Z" fill="#00A888"/>
+    <path d="M6.22403 20.359C8.11091 22.6761 10.935 24.0273 13.9819 24.0273C17.1321 24.0273 20.0412 22.581 21.9215 20.129C21.9413 20.1084 21.9675 20.0652 22 19.9992C21.6809 19.7545 21.1257 19.392 20.3345 18.9119C18.8287 20.8755 16.5034 22.0486 13.9819 22.0486C11.543 22.0486 9.28591 20.9517 7.77488 19.0961C6.80195 19.5269 6.21032 19.8279 6 19.9992C6.07941 20.162 6.15408 20.282 6.22403 20.359Z" fill="#00A888"/>
+</svg>

package/assets/icons/notifications/recommendation_program.svg

@@ -0,0 +1,7 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14ZM2 14C2 20.6274 7.37258 26 14 26C20.6274 26 26 20.6274 26 14C26 7.37258 20.6274 2 14 2C7.37258 2 2 7.37258 2 14Z" fill="#00A888"/>
+    <path d="M8.29289 9.24219L11.1213 6.41376L12.5355 7.82797L9.7071 10.6564L8.29289 12.0706L5.46446 9.24219L6.87868 7.82797L8.29289 9.24219Z" fill="#00A888"/>
+    <rect x="13" y="10" width="9" height="2" fill="#00A888"/>
+    <rect x="6" y="14" width="16" height="2" fill="#00A888"/>
+    <rect x="6" y="18" width="16" height="2" fill="#00A888"/>
+</svg>

package/assets/icons/notifications/reminders.svg

@@ -0,0 +1,4 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14ZM2 14C2 20.6274 7.37258 26 14 26C20.6274 26 26 20.6274 26 14C26 7.37258 20.6274 2 14 2C7.37258 2 2 7.37258 2 14Z" fill="#00A58E"/>
+    <path d="M14.1805 22C15.0831 22 15.8215 21.2615 15.8215 20.359H12.5395C12.5395 21.2615 13.2779 22 14.1805 22ZM19.1036 17.0769V12.9744C19.1036 10.4554 17.7662 8.34667 15.4113 7.78872V7.23077C15.4113 6.54974 14.8615 6 14.1805 6C13.4995 6 12.9497 6.54974 12.9497 7.23077V7.78872C10.6031 8.34667 9.25744 10.4472 9.25744 12.9744V17.0769L7.61641 18.7179V19.5385H20.7446V18.7179L19.1036 17.0769ZM17.4626 17.8974H10.8985V12.9744C10.8985 10.9395 12.1374 9.28205 14.1805 9.28205C16.2236 9.28205 17.4626 10.9395 17.4626 12.9744V17.8974ZM10.5538 7.29641L9.38051 6.12308C7.41128 7.62462 6.11487 9.93846 6 12.5641H7.64103C7.7641 10.3897 8.88 8.48615 10.5538 7.29641ZM20.72 12.5641H22.361C22.2379 9.93846 20.9415 7.62462 18.9805 6.12308L17.8154 7.29641C19.4728 8.48615 20.5969 10.3897 20.72 12.5641Z" fill="#00A58E"/>
+</svg>

package/assets/icons/notifications/sick_leaves.svg

@@ -0,0 +1,5 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14ZM2 14C2 20.6274 7.37258 26 14 26C20.6274 26 26 20.6274 26 14C26 7.37258 20.6274 2 14 2C7.37258 2 2 7.37258 2 14Z" fill="#00A888"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M20.364 14.7062C22.3166 12.7536 22.3166 9.58776 20.364 7.63514C18.4113 5.68252 15.2455 5.68252 13.2929 7.63514L7.63604 13.292C5.68342 15.2446 5.68342 18.4104 7.63604 20.3631C9.58866 22.3157 12.7545 22.3157 14.7071 20.3631L20.364 14.7062ZM18.9498 13.292L16.1213 16.1204L11.8787 11.8778L14.7071 9.04936C15.8787 7.87778 17.7782 7.87778 18.9498 9.04936C20.1213 10.2209 20.1213 12.1204 18.9498 13.292Z" fill="#00A888"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M9 14H10V15H9V14ZM9 17H8V18H9V17ZM12 19H11V20H12V19ZM13 15H12V16H13V15ZM10 16H11V17H10V16ZM15 17H14V18H15V17Z" fill="white"/>
+</svg>

package/assets/icons/notifications/smarts.svg

@@ -0,0 +1,4 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M13.48 19.1591C12.488 19.1591 11.2613 19.0631 9.79998 18.8711V16.9671C11.6133 17.2444 12.8506 17.3831 13.512 17.3831C14.8987 17.3831 15.592 17.0257 15.592 16.3111V15.6391C15.592 15.2977 15.4933 15.0364 15.296 14.8551C15.0986 14.6737 14.744 14.5831 14.232 14.5831H13.016C10.7333 14.5831 9.59198 13.6764 9.59198 11.8631V11.0951C9.59198 10.1884 9.97064 9.52175 10.728 9.09508C11.4853 8.66841 12.6853 8.45508 14.328 8.45508C15.1813 8.45508 16.264 8.52441 17.576 8.66308V10.5191C15.9653 10.3271 14.856 10.2311 14.248 10.2311C13.4053 10.2311 12.84 10.3004 12.552 10.4391C12.2426 10.5884 12.088 10.8231 12.088 11.1431V11.8791C12.088 12.4231 12.5466 12.6951 13.464 12.6951H14.712C15.896 12.6951 16.7546 12.9137 17.288 13.3511C17.8213 13.7884 18.088 14.4551 18.088 15.3511V16.0391C18.088 17.2764 17.6453 18.1137 16.76 18.5511C16.3333 18.7751 15.8613 18.9324 15.344 19.0231C14.8266 19.1137 14.2053 19.1591 13.48 19.1591Z" fill="#00A888"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14ZM2 14C2 20.6274 7.37258 26 14 26C20.6274 26 26 20.6274 26 14C26 7.37258 20.6274 2 14 2C7.37258 2 2 7.37258 2 14Z" fill="#00A888"/>
+</svg>

package/assets/icons/notifications/survey.svg

@@ -0,0 +1,8 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14ZM2 14C2 20.6274 7.37258 26 14 26C20.6274 26 26 20.6274 26 14C26 7.37258 20.6274 2 14 2C7.37258 2 2 7.37258 2 14Z" fill="#00A888"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M19 7.00391H9C7.34315 7.00391 6 8.34705 6 10.0039V17.9994C6 19.6562 7.34315 20.9994 9 20.9994H19C20.6569 20.9994 22 19.6562 22 17.9994V10.0039C22 8.34705 20.6569 7.00391 19 7.00391ZM8 10.9994C8 10.4471 8.44772 9.99938 9 9.99938H19C19.5523 9.99938 20 10.4471 20 10.9994V17.9994C20 18.5517 19.5523 18.9994 19 18.9994H9C8.44772 18.9994 8 18.5517 8 17.9994V10.9994Z" fill="#00A888"/>
+    <rect x="9" y="5" width="2" height="3" rx="1" fill="#00A888"/>
+    <rect x="13" y="5" width="2" height="3" rx="1" fill="#00A888"/>
+    <rect x="17" y="5" width="2" height="3" rx="1" fill="#00A888"/>
+    <path d="M13.2929 14.707L16.1213 11.8786L17.5355 13.2928L14.7071 16.1212L13.2929 17.5355L10.4645 14.707L11.8787 13.2928L13.2929 14.707Z" fill="#00A888"/>
+</svg>

package/assets/icons/notifications/unpaid_leave.svg

@@ -0,0 +1,4 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M9.99607 18.9688L8 22L9.25277 22.825L11.6921 19.1207C12.1228 19.1469 12.5214 19.16 12.888 19.16C12.9223 19.16 12.9598 19.1599 13 19.1597V22H15V19.1132C15.551 19.0913 16.0399 19.0615 16.2539 19.024C16.7712 18.9333 17.2432 18.776 17.6699 18.552C18.5552 18.1147 18.9979 17.2773 18.9979 16.04V15.352C18.9979 14.456 18.7312 13.7893 18.1979 13.352C17.7104 12.9522 16.9509 12.7352 15.9197 12.7008L17.3126 10.5855C17.8098 10.663 18.2885 10.7531 18.6989 10.856V9C18.6042 8.98099 18.5022 8.96194 18.3943 8.94296L20.2523 6.12138L18.9996 5.29642L16.7527 8.70839C16.1517 8.63612 15.5343 8.57336 15 8.5285V6H13V8.47155C11.7299 8.5277 10.7753 8.73585 10.136 9.096C9.37866 9.52267 9 10.1893 9 11.096V11.864C9 13.6773 10.1413 14.584 12.424 14.584H12.8835L11.136 17.2377C10.5888 17.1708 9.94611 17.0809 9.208 16.968V18.872C9.47875 18.9076 9.74144 18.9398 9.99607 18.9688ZM12.8362 17.3833C12.8651 17.3838 12.893 17.384 12.92 17.384C14.3067 17.384 16.5019 17.0267 16.5019 16.312V15.64C16.5019 15.2987 16.4032 15.0373 16.2059 14.856C16.0843 14.7442 15.3322 14.6669 14.6532 14.624L12.8362 17.3833ZM14.1268 12.696L15.6555 10.3746C14.7328 10.2795 13.9467 10.232 13.656 10.232C12.8133 10.232 12.248 10.3013 11.96 10.44C11.6507 10.5893 11.496 10.824 11.496 11.144V11.88C11.496 12.424 11.9547 12.696 12.872 12.696H14.1268Z" fill="#00A888"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14ZM2 14C2 20.6274 7.37258 26 14 26C20.6274 26 26 20.6274 26 14C26 7.37258 20.6274 2 14 2C7.37258 2 2 7.37258 2 14Z" fill="#00A888"/>
+</svg>

package/assets/icons/notifications/vacations.svg

@@ -0,0 +1,4 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M21.8555 16.3973C23.0647 11.6472 20.2737 6.73294 15.6216 5.4209C10.9695 4.10886 6.21799 6.89592 5.00878 11.646L6.88063 12.1739C7.60656 9.32231 9.97385 7.3803 12.6801 7.11184C11.2249 8.42044 9.78736 10.5857 9.20556 12.8719L10.1477 13.1377C10.8119 10.5277 12.7399 8.09631 14.1405 7.19611L12.439 13.8211L4.99424 11.7386L4.50899 13.6292L11.9535 15.7117L9.2211 26.3506L11.1284 26.8838L13.8608 16.2452L21.3107 18.3292L21.7959 16.4385L14.3463 14.3546L16.0547 7.7028C16.845 9.21354 17.3663 12.3473 16.6997 14.9668L17.6418 15.2326C18.2208 12.9571 18.0089 10.3391 17.377 8.44178C19.5857 10.1 20.7083 13.0226 19.9836 15.8694L21.8555 16.3973Z" fill="#00A888"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M27.0345 14C27.0345 21.732 20.9826 28 13.5172 28C6.05188 28 0 21.732 0 14C0 6.26801 6.05188 0 13.5172 0C20.9826 0 27.0345 6.26801 27.0345 14ZM1.93103 14C1.93103 20.6274 7.11836 26 13.5172 26C19.9161 26 25.1034 20.6274 25.1034 14C25.1034 7.37258 19.9161 2 13.5172 2C7.11836 2 1.93103 7.37258 1.93103 14Z" fill="#00A888"/>
+</svg>

package/assets/icons/pause.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24">
+    <defs>
+        <path id="a" d="M0 12C0 5.373 5.372 0 12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12C5.372 24 0 18.627 0 12zm7.481-4.346v8.828c.015.83.698 1.541 1.526 1.526a1.498 1.498 0 0 0 1.473-1.526s0-8.115-.03-8.828c-.03-.713-.615-1.522-1.443-1.509-.828.014-1.54.68-1.526 1.51zm6.11.073v8.827c.015.83.698 1.542 1.526 1.526a1.498 1.498 0 0 0 1.474-1.526s0-8.114-.03-8.827c-.03-.713-.615-1.523-1.444-1.51-.828.014-1.54.68-1.525 1.51z"/>
+    </defs>
+    <g fill="none" fill-rule="evenodd">
+        <mask id="b" fill="#fff">
+            <use xlink:href="#a"/>
+        </mask>
+        <g fill="#45d6ad" mask="url(#b)">
+            <path d="M0 0h24v24H0z"/>
+        </g>
+    </g>
+</svg>

package/assets/icons/play.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24">
+    <defs>
+        <path id="a" d="M12 0C5.371 0 0 5.371 0 12s5.371 12 12 12 12-5.371 12-12S18.629 0 12 0zm4.78 13.125l-7.071 4.733c-.635.412-1.435-.117-1.435-.984V7.126c0-.862.796-1.396 1.435-.984l7.071 5.014c.659.432.659 1.542 0 1.969z"/>
+    </defs>
+    <g fill="none" fill-rule="evenodd">
+        <mask id="b" fill="#fff">
+            <use xlink:href="#a"/>
+        </mask>
+        <g fill="#FFF" mask="url(#b)">
+            <path d="M0 0h24v24H0z"/>
+        </g>
+    </g>
+</svg>

package/assets/icons/smart.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 55.2 (78181) - https://sketchapp.com -->
+    <title>Group 3</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Main-menu/6" transform="translate(-1119.000000, -19.000000)" fill-rule="nonzero">
+            <g id="Group-3" transform="translate(1119.000000, 19.000000)">
+                <path d="M13.48,19.16 C12.487995,19.16 11.2613406,19.064001 9.8,18.872 L9.8,16.968 C11.6133424,17.2453347 12.8506634,17.384 13.512,17.384 C14.8986736,17.384 15.592,17.0266702 15.592,16.312 L15.592,15.64 C15.592,15.298665 15.4933343,15.0373342 15.296,14.856 C15.0986657,14.6746658 14.7440026,14.584 14.232,14.584 L13.016,14.584 C10.7333219,14.584 9.592,13.6773424 9.592,11.864 L9.592,11.096 C9.592,10.1893288 9.97066288,9.5226688 10.728,9.096 C11.4853371,8.6693312 12.6853251,8.456 14.328,8.456 C15.1813376,8.456 16.2639934,8.52533264 17.576,8.664 L17.576,10.52 C15.9653253,10.327999 14.856003,10.232 14.248,10.232 C13.4053291,10.232 12.8400014,10.3013326 12.552,10.44 C12.2426651,10.5893341 12.088,10.8239984 12.088,11.144 L12.088,11.88 C12.088,12.4240027 12.5466621,12.696 13.464,12.696 L14.712,12.696 C15.8960059,12.696 16.754664,12.9146645 17.288,13.352 C17.821336,13.7893355 18.088,14.456 18.088,15.352 L18.088,16.04 C18.088,17.2773395 17.6453378,18.1146645 16.76,18.552 C16.3333312,18.7760011 15.8613359,18.9333329 15.344,19.024 C14.8266641,19.1146671 14.205337,19.16 13.48,19.16 Z" id="S" fill="#FFFFFF"></path>
+                <path d="M14,28 C21.7319865,28 28,21.7319865 28,14 C28,6.2680135 21.7319865,0 14,0 C6.2680135,0 0,6.2680135 0,14 C0,21.7319865 6.2680135,28 14,28 Z M14,26 C7.372583,26 2,20.627417 2,14 C2,7.372583 7.372583,2 14,2 C20.627417,2 26,7.372583 26,14 C26,20.627417 20.627417,26 14,26 Z" id="Oval" fill="#00A888"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/assets/icons/smarts-kudos.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28">
+    <g fill="none" fill-rule="evenodd">
+        <g fill="#00A888" fill-rule="nonzero">
+            <g>
+                <path d="M12.888 19.16c-.992 0-2.219-.096-3.68-.288v-1.904c1.813.277 3.05.416 3.712.416 1.387 0 3.582-.357 3.582-1.072v-.672c0-.341-.099-.603-.296-.784-.197-.181-2.054-.272-2.566-.272h-1.216c-2.283 0-3.424-.907-3.424-2.72v-.768c0-.907.379-1.573 1.136-2 .757-.427 1.957-.64 3.6-.64.853 0 3.627.276 4.963.544v1.856c-1.66-.416-4.435-.624-5.043-.624-.843 0-1.408.07-1.696.208-.31.15-.464.384-.464.704v.736c0 .544.459.816 1.376.816h2.75c1.184 0 2.043.219 2.576.656.533.437.8 1.104.8 2v.688c0 1.237-.443 2.075-1.328 2.512-.427.224-.899.381-1.416.472-.517.09-2.64.136-3.366.136z" transform="translate(-990 -281) translate(990 281)"/>
+                <path d="M13 6H15V10H13zM13 18H15V22H13z" transform="translate(-990 -281) translate(990 281)"/>
+                <path d="M14 28c7.732 0 14-6.268 14-14S21.732 0 14 0 0 6.268 0 14s6.268 14 14 14zm0-2C7.373 26 2 20.627 2 14S7.373 2 14 2s12 5.373 12 12-5.373 12-12 12z" transform="translate(-990 -281) translate(990 281)"/>
+            </g>
+        </g>
+    </g>
+</svg>

package/assets/icons/spinner-solid.svg

@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="spinner" class="svg-inline--fa fa-spinner fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M304 48c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-48 368c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm208-208c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zM96 256c0-26.51-21.49-48-48-48S0 229.49 0 256s21.49 48 48 48 48-21.49 48-48zm12.922 99.078c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.491-48-48-48zm294.156 0c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.49-48-48-48zM108.922 60.922c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.491-48-48-48z"></path></svg>

package/assets/icons/vacation.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 55.2 (78181) - https://sketchapp.com -->
+    <title>Group</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Main-menu/6" transform="translate(-1260.000000, -19.000000)" fill-rule="nonzero">
+            <g id="Group" transform="translate(1260.000000, 19.000000)">
+                <path d="M12.3633583,7.10065664 C11.1924026,8.33106045 9.86335833,11.2539153 9.86335833,14 L12.3633583,14 L12.3633583,7.10065664 Z M14.3633583,7.10065664 L14.3633583,14 L16.8633583,14 C16.8633583,11.2539153 15.534314,8.33106045 14.3633583,7.10065664 Z M14.3633583,16 L14.3633583,27 L12.3633583,27 L12.3633583,16 L4.36335833,16 L4.36335833,14 C4.36335833,9.02943725 8.39279558,5 13.3633583,5 C18.3339211,5 22.3633583,9.02943725 22.3633583,14 L22.3633583,16 L14.3633583,16 Z M8.86335833,14 C8.86335833,11.6236878 9.74160946,9.13044225 10.8532409,7.46350749 C8.22719956,8.47258745 6.36335833,11.018632 6.36335833,14 L8.86335833,14 Z M20.3633583,14 C20.3633583,11.018632 18.4995171,8.47258745 15.8734758,7.46350749 C16.9851072,9.13044225 17.8633583,11.6236878 17.8633583,14 L20.3633583,14 Z" id="Combined-Shape" fill="#FFFFFF" transform="translate(13.363358, 16.000000) rotate(-345.000000) translate(-13.363358, -16.000000) "></path>
+                <path d="M14,28 C21.7319865,28 28,21.7319865 28,14 C28,6.2680135 21.7319865,0 14,0 C6.2680135,0 0,6.2680135 0,14 C0,21.7319865 6.2680135,28 14,28 Z M14,26 C7.372583,26 2,20.627417 2,14 C2,7.372583 7.372583,2 14,2 C20.627417,2 26,7.372583 26,14 C26,20.627417 20.627417,26 14,26 Z" id="Oval-Copy-2" fill="#D3DDE6"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/assets/icons/visibility.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"/></svg>

package/assets/intems-logo.svg

@@ -0,0 +1,3 @@
+<svg width="89" height="17" viewBox="0 0 89 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.68 0.423999H4.424V16H0.68V0.423999ZM7.78156 0.423999H11.5736L19.1096 11.056V0.423999H22.4456V16H18.6536L11.1176 5.2V16H7.78156V0.423999ZM29.405 3.088H24.605V0.423999H37.925V3.088H33.149V16H29.405V3.088ZM40.0784 0.423999H51.9584V3.088H43.8224V6.664H51.1664V9.328H43.8224V13.336H52.1984V16H40.0784V0.423999ZM54.7269 0.423999H60.0549L63.8949 11.56L67.6869 0.423999H72.7029V16H69.3189V4.48H69.2469L65.3109 16H62.3109L58.2549 4.48H58.1589V16H54.7269V0.423999ZM81.095 16.24C79.607 16.24 77.767 16.096 75.575 15.808V12.952C78.295 13.368 80.151 13.576 81.143 13.576C83.223 13.576 84.263 13.04 84.263 11.968V10.96C84.263 10.448 84.111 10.056 83.807 9.784C83.519 9.512 82.991 9.376 82.223 9.376H80.399C76.975 9.376 75.263 8.016 75.263 5.296V4.144C75.263 2.784 75.831 1.784 76.967 1.144C78.103 0.503999 79.903 0.183999 82.367 0.183999C83.647 0.183999 85.271 0.287999 87.239 0.495999V3.28C84.823 2.992 83.159 2.848 82.247 2.848C80.983 2.848 80.135 2.952 79.703 3.16C79.239 3.384 79.007 3.736 79.007 4.216V5.32C79.007 6.136 79.695 6.544 81.071 6.544H82.943C84.719 6.544 86.007 6.872 86.807 7.528C87.607 8.184 88.007 9.184 88.007 10.528V11.56C88.007 13.416 87.343 14.672 86.015 15.328C85.375 15.664 84.663 15.896 83.879 16.024C83.111 16.168 82.183 16.24 81.095 16.24Z" fill="#45D6AD"/>
+</svg>

package/babel.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+    presets: [
+      '@vue/cli-plugin-babel/preset'
+    ]
+  }
+  

package/buses/eventBus.ts

@@ -0,0 +1,19 @@
+import Vue from "vue";
+
+export interface EventInterface {
+  getName(): string;
+}
+
+export const EventBus = new Vue({
+  methods: {
+    dispatch(event: EventInterface): void {
+      this.$emit(event.getName(), event);
+    },
+    listen(eventId: string, callback): void {
+      this.$on(eventId, callback);
+    },
+    clear(): void {
+      this.$off();
+    },
+  },
+});

package/buses/events/GiveKudosEvent.ts

@@ -0,0 +1,7 @@
+import { EventInterface } from "../eventBus";
+
+export default class GiveKudosEvent implements EventInterface {
+  getName(): string {
+    return "give-kudos";
+  }
+}