@devtron-labs/devtron-fe-common-lib 1.15.1-beta-5 → 1.15.1-pre-2

package/dist/assets/ic-devtron-ai.535b45ec.svg

@@ -0,0 +1,287 @@
+<svg width="28" height="28" viewBox="0 0 903 814" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <style>
+        @keyframes hexa-scale {
+            0% {
+                transform: scale(1) rotate(0deg);
+            }
+            25% {
+                transform: scale(0.8) rotate(90deg);
+            }
+            50%,
+            to {
+                transform: scale(1) rotate(180deg);
+            }
+        }
+
+        @keyframes large-star-rotate {
+            0% {
+                transform: rotate(0deg) scale(1);
+            }
+            25% {
+                transform: rotate(270deg) scale(0.75) rotateX(0deg);
+            }
+            37.5%,
+            60%,
+            to {
+                transform: rotate(270deg) scale(1) rotateX(180deg);
+            }
+        }
+
+        @keyframes small-star-anim {
+            0%,
+            50% {
+                transform: scale(0.2);
+                opacity: 0;
+            }
+            60%,
+            to {
+                transform: scale(0.2) translate(1200px, -1200px);
+                opacity: 1;
+            }
+        }
+
+        @keyframes rotate-small-star {
+            0%,
+            60% {
+                transform: rotate(0deg) scale(1);
+            }
+            80% {
+                transform: rotate(360deg) scale(4);
+            }
+            95% {
+                transform: rotate(540deg) scale(1);
+            }
+            to {
+                transform: rotate(720deg) scale(0);
+            }
+        }
+
+        @keyframes move-circle-br {
+            0% {
+                transform: scale(0.2);
+                opacity: 0;
+            }
+            50% {
+                transform: translate(0, 0) rotate(0deg);
+                opacity: 0;
+            }
+            75% {
+                transform: translate(-8px, -60px) rotate(30deg);
+                opacity: 1;
+            }
+            83.3% {
+                transform: translate(-10px, -80px) rotate(30deg);
+                opacity: 1;
+            }
+            to {
+                transform: translate(3px, -550px) rotate(60deg);
+                opacity: 0;
+            }
+        }
+
+        @keyframes move-circle-lightblue {
+            0% {
+                transform: scale(0.2);
+                opacity: 0;
+            }
+            50% {
+                transform: translate(0, 0) rotate(0deg);
+                opacity: 0;
+            }
+            75% {
+                transform: translate(0, px) rotate(10deg);
+                opacity: 1;
+            }
+            83.3% {
+                transform: translate(0, 0) rotate(30deg);
+                opacity: 1;
+            }
+            to {
+                transform: translate(0, 0) rotate(60deg);
+                opacity: 0;
+            }
+        }
+
+        @keyframes move-circle-blue {
+            0% {
+                transform: scale(0.2);
+                opacity: 0;
+            }
+            50% {
+                transform: translate(0, 0) rotate(0deg);
+                opacity: 0;
+            }
+            75% {
+                transform: translate(500px, -500px) rotate(0deg);
+                opacity: 1;
+            }
+            83.3% {
+                transform: translate(1000px, 100px) rotate(0deg);
+                opacity: 1;
+            }
+            to {
+                transform: translate(1000px, 500px) rotate(0deg);
+                opacity: 0;
+            }
+        }
+
+        @keyframes move-circle-purple {
+            0% {
+                transform: scale(0.2);
+                opacity: 0;
+            }
+            50% {
+                transform: translate(0, 0) rotate(0deg);
+                opacity: 0;
+            }
+            75% {
+                transform: translate(100px, -200px) rotate(10deg);
+                opacity: 1;
+            }
+            83.3% {
+                transform: translate(400px, -100px) rotate(-deg);
+                opacity: 1;
+            }
+            to {
+                transform: translate(100px, -900px) rotate(10deg);
+                opacity: 0;
+            }
+        }
+
+        .enable-svg-animation--hover:hover,
+        .enable-svg-animation--infinite {
+            .hexagon,
+            .large-star {
+                animation: hexa-scale 4s infinite ease-in-out;
+                transform-origin: 50% 50%;
+            }
+
+            .large-star {
+                fill: #fff;
+                animation: large-star-rotate 4s infinite ease-in-out;
+            }
+
+            .small-star {
+                fill: #fff;
+                animation: small-star-anim 4s infinite linear;
+                transform-origin: center;
+            }
+
+            .small-star-container {
+                animation: rotate-small-star 4s infinite linear;
+                transform-origin: center;
+                transform-box: fill-box;
+            }
+
+            .circle-br {
+                animation: move-circle-br 4s infinite ease-out;
+            }
+
+            .circle-purple {
+                animation: move-circle-purple 4s infinite ease-out;
+            }
+
+            .circle-lightBlue {
+                animation: move-circle-lightblue 4s infinite ease-out;
+            }
+
+            .circle-blue {
+                animation: move-circle-blue 4s infinite ease-out;
+            }
+        }
+    </style>
+    <mask id="mask0_390_233" style="mask-type: alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="903" height="814">
+        <path
+            data-style-override="false"
+            d="M887.247 348.03c20.97 36.33 20.97 81.09 0 117.42l-167.04 289.32c-20.97 36.33-59.74 58.71-101.68 58.71h-334.08c-41.95 0-80.709-22.38-101.679-58.71L15.728 465.45c-20.97-36.33-20.97-81.09 0-117.42l167.04-289.32C203.738 22.38 242.507 0 284.447 0h334.08c41.95 0 80.71 22.38 101.68 58.71z"
+            fill="#fff"
+        />
+    </mask>
+    <g class="hexagon" mask="url(#mask0_390_233)">
+        <path
+            data-style-override="false"
+            d="M887.247 348.03c20.97 36.33 20.97 81.09 0 117.42l-167.04 289.32c-20.97 36.33-59.74 58.71-101.68 58.71h-334.08c-41.95 0-80.709-22.38-101.679-58.71L15.728 465.45c-20.97-36.33-20.97-81.09 0-117.42l167.04-289.32C203.738 22.38 242.507 0 284.447 0h334.08c41.95 0 80.71 22.38 101.68 58.71z"
+            fill="#0388FF"
+        />
+        <g class="circle-blue" filter="url(#filter0_f_390_233)">
+            <circle cx="230" cy="270" r="270" data-style-override="false" fill="#0389FF" />
+        </g>
+        <g class="circle-lightBlue" filter="url(#filter1_f_390_233)">
+            <circle cx="721" r="270" data-style-override="false" fill="#88E6FF" fill-opacity=".5" />
+        </g>
+        <g class="circle-purple" filter="url(#filter2_f_390_233)">
+            <circle cx="164" cy="719" r="270" data-style-override="false" fill="#5C59E6" fill-opacity=".8" />
+        </g>
+        <g class="circle-br" filter="url(#filter3_f_390_233)">
+            <circle cx="671" cy="813" r="270" data-style-override="false" fill="#A125FF" fill-opacity=".6" />
+        </g>
+    </g>
+    <g class="small-star-container">
+        <path
+            data-style-override="false"
+            class="small-star"
+            d="m451.29 119.62 9.19 94.33c9.47 97.2 86.39 174.12 183.59 183.59l94.33 9.19-100.27 9.77c-93.75 9.14-167.94 83.32-177.07 177.07l-9.77 100.27-8.89-91.25c-9.65-98.99-87.98-177.32-186.97-186.97l-91.25-8.89 87.54-8.53c101.14-9.86 181.18-89.89 191.04-191.04z"
+            fill="#fff"
+        />
+    </g>
+    <path
+        data-style-override="false"
+        class="large-star"
+        d="m451.29 119.62 9.19 94.33c9.47 97.2 86.39 174.12 183.59 183.59l94.33 9.19-100.27 9.77c-93.75 9.14-167.94 83.32-177.07 177.07l-9.77 100.27-8.89-91.25c-9.65-98.99-87.98-177.32-186.97-186.97l-91.25-8.89 87.54-8.53c101.14-9.86 181.18-89.89 191.04-191.04z"
+        fill="#fff"
+    />
+    <defs>
+        <filter
+            id="filter0_f_390_233"
+            x="-240"
+            y="-200"
+            width="940"
+            height="940"
+            filterUnits="userSpaceOnUse"
+            color-interpolation-filters="sRGB"
+        >
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+            <feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur_390_233" />
+        </filter>
+        <filter
+            id="filter1_f_390_233"
+            x="251"
+            y="-470"
+            width="940"
+            height="940"
+            filterUnits="userSpaceOnUse"
+            color-interpolation-filters="sRGB"
+        >
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+            <feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur_390_233" />
+        </filter>
+        <filter
+            id="filter2_f_390_233"
+            x="-306"
+            y="249"
+            width="940"
+            height="940"
+            filterUnits="userSpaceOnUse"
+            color-interpolation-filters="sRGB"
+        >
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+            <feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur_390_233" />
+        </filter>
+        <filter
+            id="filter3_f_390_233"
+            x="201"
+            y="343"
+            width="940"
+            height="940"
+            filterUnits="userSpaceOnUse"
+            color-interpolation-filters="sRGB"
+        >
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+            <feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur_390_233" />
+        </filter>
+    </defs>
+</svg>

package/dist/assets/ic-folder-color.7cf84356.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Icon/Color/ic-folder-color">
+<path id="Vector" d="M20 6H11L9 4H4C2.9 4 2 4.9 2 6V10H22V8C22 6.9 21.1 6 20 6Z" fill="#72ACE6"/>
+<path id="Vector_2" d="M20 6H4C2.9 6 2 6.9 2 8V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V8C22 6.9 21.1 6 20 6Z" fill="#ABCFF3"/>
+</g>
+</svg>

package/dist/assets/{ic-minus.aac464f7.svg → ic-minus.416da21b.svg}

@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
   <path stroke="#3B444C" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4 12h16" vector-effect="non-scaling-stroke"/>
-</svg>
+</svg>

package/dist/assets/ic-paper-plane.ad7e6d2f.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" vector-effect="non-scaling-stroke">
+<path d="M8.25012 12.6443L16.6799 20.0625C16.7774 20.1483 16.8956 20.2073 17.0228 20.2337C17.15 20.2602 17.2819 20.2531 17.4055 20.2132C17.5292 20.1734 17.6403 20.102 17.7281 20.0063C17.8159 19.9105 17.8774 19.7936 17.9064 19.667L21.4327 4.27953C21.4632 4.14649 21.4568 4.00765 21.4142 3.87798C21.3716 3.7483 21.2944 3.63271 21.191 3.54365C21.0876 3.4546 20.9618 3.39545 20.8272 3.37259C20.6927 3.34973 20.5544 3.36403 20.4274 3.41394L3.12517 10.2112C2.97438 10.2705 2.84683 10.3769 2.76159 10.5147C2.67636 10.6525 2.63803 10.8142 2.65235 10.9756C2.66666 11.1369 2.73285 11.2893 2.841 11.41C2.94915 11.5306 3.09346 11.613 3.25233 11.6447L8.25012 12.6443ZM8.25012 12.6443L21.0106 3.42835M8.25012 12.6443L8.25012 18.7485C8.25012 18.8968 8.29411 19.0418 8.37652 19.1652C8.45893 19.2885 8.57606 19.3846 8.71311 19.4414C8.85015 19.4982 9.00095 19.513 9.14644 19.4841C9.29192 19.4551 9.42556 19.3837 9.53045 19.2788L12.4602 16.3491" stroke="#596168" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/assets/ic-sparkle-ai-color.d123b325.svg

@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+  <g clip-path="url(#clip0_292_6476)">
+    <path data-style-override="false" d="M10.8394 6.04853C9.63671 4.84552 8.81354 2.74476 8.40503 0.833334C7.99588 2.74515 7.17359 4.84635 5.9705 6.04936C4.76784 7.25154 2.6663 8.07466 0.755127 8.48397C2.66708 8.89245 4.76823 9.71508 5.97089 10.9181C7.17354 12.1207 7.99671 14.2219 8.40586 16.1333C8.81437 14.2215 9.6373 12.1203 10.8398 10.9173C12.0424 9.71474 14.144 8.89201 16.0551 8.4827C14.1436 8.07422 12.0425 7.25115 10.8394 6.04853Z" fill="url(#paint0_linear_292_6476)"/>
+    <path data-style-override="false" d="M16.7502 14.4632C16.1754 13.8882 15.781 12.8828 15.5856 11.9686C15.3899 12.8828 14.9968 13.8882 14.4214 14.4636C13.8461 15.0383 12.8408 15.4323 11.9268 15.6281C12.8411 15.8238 13.8461 16.2172 14.4214 16.7925C14.9968 17.3676 15.3906 18.373 15.5863 19.2872C15.7816 18.3726 16.1754 17.3676 16.7504 16.7922C17.3255 16.2172 18.3309 15.8234 19.2448 15.6274C18.3309 15.432 17.3255 15.0383 16.7502 14.4632Z" fill="#CE89B8"/>
+  </g>
+  <defs>
+    <linearGradient id="paint0_linear_292_6476" x1="1.11525" y1="0.739966" x2="17.4757" y2="3.0297" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#FFAF7B"/>
+      <stop offset="0.499527" stop-color="#D76D77"/>
+      <stop offset="1" stop-color="#A17EE1"/>
+    </linearGradient>
+    <clipPath id="clip0_292_6476">
+      <rect width="20" height="20" fill="white"/>
+    </clipPath>
+  </defs>
+</svg>

package/dist/assets/ic-sparkle-color.a9722593.svg

@@ -0,0 +1,18 @@
+<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+>
+    <path
+        data-style-override="false"
+        d="m22.898 11.262-5.933-2.196-2.215-7.26a.666.666 0 0 0-1.275 0l-2.214 7.26-5.934 2.196a.667.667 0 0 0 0 1.25l5.93 2.196 2.216 7.482a.666.666 0 0 0 1.279 0l2.216-7.483 5.93-2.195a.665.665 0 0 0 0-1.25"
+        fill="#FFAC33"
+    />
+    <path
+        data-style-override="false"
+        d="m9.565 18.597-1.543-.571-.6-2.2a.665.665 0 0 0-1.286 0l-.6 2.2-1.542.57a.667.667 0 0 0 0 1.25l1.534.57.605 2.414a.667.667 0 0 0 1.293 0l.605-2.415 1.534-.57a.665.665 0 0 0 0-1.248M6.673 4.153 5.097 3.57l-.584-1.577a.666.666 0 0 0-1.251 0L2.679 3.57l-1.577.583a.667.667 0 0 0 0 1.251l1.577.583.583 1.577a.667.667 0 0 0 1.25 0l.584-1.577 1.577-.583a.667.667 0 0 0 0-1.25"
+        fill="#FFCC4D"
+    />
+</svg>

package/dist/assets/ic-stop-fill.32ea653f.svg

@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM10 8C8.89543 8 8 8.89543 8 10V14C8 15.1046 8.89543 16 10 16H14C15.1046 16 16 15.1046 16 14V10C16 8.89543 15.1046 8 14 8H10Z"
+        fill="#3B444C"
+    />
+</svg>

package/dist/assets/ic-world-globe.877fa6a0.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+  <path stroke="#3B444C" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m4.649 17.193 1.095-.66a.75.75 0 0 0 .362-.639l.019-3.387a.75.75 0 0 1 .118-.399l1.86-2.915a.75.75 0 0 1 1.072-.204l1.843 1.335a.75.75 0 0 0 .54.136l2.952-.4a.75.75 0 0 0 .466-.252l2.077-2.4a.75.75 0 0 0 .183-.527l-.11-2.279m.412 14.493-1.007-1.008a.75.75 0 0 0-.34-.195l-2.012-.528a.75.75 0 0 1-.551-.835l.223-1.518a.749.749 0 0 1 .454-.584l2.855-1.186a.75.75 0 0 1 .794.139l2.334 2.134M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" vector-effect="non-scaling-stroke"/>
+</svg>

package/dist/index.d.ts

@@ -141,6 +141,7 @@ export interface customEnv {
     GATEKEEPER_URL?: string;
     FEATURE_AI_INTEGRATION_ENABLE?: boolean;
     LOGIN_PAGE_IMAGE?: string;
+    FEATURE_ASK_DEVTRON_EXPERT?: boolean;
     /**
      * If true, the manage traffic feature is enabled in apps & app groups.
      *
@@ -148,6 +149,12 @@ export interface customEnv {
      */
     FEATURE_MANAGE_TRAFFIC_ENABLE?: boolean;
     FEATURE_INFRA_PROVISION_INFO_BLOCK_HIDE?: boolean;
+    /**
+     * If true, online/offline connectivity banner is enabled
+     *
+     *  @default true
+     */
+    FEATURE_INTERNET_CONNECTIVITY_ENABLE?: boolean;
 }
 declare global {
     interface Window {