@odigos/ui-kit 0.0.23 → 0.0.25

package/lib/{index-D3sp5Hx7.js → index-HOKGoci6.js}

@@ -1,7 +1,7 @@
 import { SignalType, ActionType, InstrumentationRuleType } from './types.js';
-import { g as getActionIcon, a as getInstrumentationRuleIcon } from './index-C7Y1tYdc.js';
+import { g as getActionIcon, a as getInstrumentationRuleIcon } from './index-C0N2DFBu.js';
 import 'react';
-import './index-DiTtXTRm.js';
+import './index-CK8tITRA.js';
 import 'styled-components';
 
 const ACTION_OPTIONS = [
@@ -125,4 +125,94 @@ const MONITORS_OPTIONS = [
     },
 ];
 
-export { ACTION_OPTIONS as A, INSTRUMENTATION_RULE_OPTIONS as I, MONITORS_OPTIONS as M };
+const FORM_ALERTS = {
+    REQUIRED_FIELDS: 'Required fields are missing',
+    FIELD_IS_REQUIRED: 'This field is required',
+    FORBIDDEN: 'Forbidden',
+    ENTERPRISE_ONLY: (str = 'This') => `${str} is an Enterprise feature. Please upgrade your plan.`,
+    CANNOT_EDIT_RULE: 'Cannot edit a system-managed instrumentation rule',
+    CANNOT_DELETE_RULE: 'Cannot delete a system-managed instrumentation rule',
+    LATENCY_HTTP_ROUTE: 'HTTP route must start with a forward slash "/"',
+    READONLY_WARNING: "You're not allowed to create/update/delete in readonly mode",
+};
+const DISPLAY_TITLES = {
+    NAMESPACE: 'Namespace',
+    NAME: 'Name',
+    KIND: 'Kind',
+    CONNECTION: 'Connection',
+    CONNECTIONS: 'Connections',
+    ACTION: 'Action',
+    ACTIONS: 'Actions',
+    ADD_ACTION: 'Add Action',
+    ACTION_DETAILS: 'Action Details',
+    INSTRUMENTATION_RULE: 'Instrumentation Rule',
+    INSTRUMENTATION_RULES: 'Instrumentation Rules',
+    ADD_INSTRUMENTATION_RULE: 'Add Instrumentation Rule',
+    INSTRUMENTATION_RULE_DETAILS: 'Instrumentation Rule Details',
+    DESTINATION: 'Destination',
+    DESTINATIONS: 'Destinations',
+    ADD_DESTINATION: 'Add Destination',
+    ADD_DESTINATIONS: 'Add Destinations',
+    ADD_DESTINATION_DESCRIPTION: 'Add a destination to send your telemetry data to. You can add multiple destinations.',
+    DESTINATION_DETAILS: 'Destination Details',
+    SELECTED_DESTINATIONS: 'Selected Destinations',
+    SOURCE: 'Source',
+    SOURCES: 'Sources',
+    ADD_SOURCE: 'Add Source',
+    SOURCE_DETAILS: 'Source Details',
+    SELECT_SOURCES: 'Select Sources',
+    SELECTED_SOURCES: 'Selected Sources',
+    SELECT_SOURCES_DESCRIPTION: 'Select apps to monitor in each namespace. Odigos will instrument them and send telemetry data to your destinations.',
+    NO_SOURCES: 'No sources',
+    NO_SOURCES_GO_BACK: 'No sources selected. Please go back to select sources.',
+    PLEASE_ADD_SOURCE: 'Please add a source',
+    NO_SOURCES_NAMESPACE: 'No sources available in this namespace',
+    TRY_SEARCH_OR_OTHER_NAMESPACE: 'Try searching again or select another namespace.',
+    PLEASE_MAKE_SURE_UNIGNORED_NAMESPACES: 'Please make sure your cluster has unignored namespaces',
+    SUMMARY: 'Summary',
+    TYPE: 'Type',
+    NOTES: 'Notes',
+    STATUS: 'Status',
+    READONLY: 'Readonly',
+    LANGUAGE: 'Language',
+    MONITORS: 'Monitors',
+    SIGNALS_FOR_PROCESSING: 'Signals for Processing',
+    MANAGED_BY_PROFILE: 'Managed by Profile',
+    API_TOKEN: 'API Token',
+    API_TOKENS: 'API Tokens',
+    DESCRIBE_ODIGOS: 'Describe Odigos',
+    DESCRIBE_SOURCE: 'Describe Source',
+    DETECTED_CONTAINERS: 'Detected Containers',
+    DETECTED_CONTAINERS_DESCRIPTION: 'The system automatically instruments the containers it detects with a supported programming language.',
+    CONTAINER_NAME: 'Container Name',
+    FILTERED_COUNT_TOOLTIP: 'Represents filtered amount, out of total amount',
+    STREAM_NAME: 'Name your Data Stream',
+    STREAM_NAME_PLACEHOLDER: 'e.g. Highest priority',
+    STREAM_DESCRIPTION: 'Provide a clear and descriptive name for your pipeline to ensure its purpose is easily understood by you and your team.',
+    STREAM_CONFIRM: 'Confirm your new Data Stream',
+    SEARCH_NAMESPACES: 'Search Namespaces',
+    SHOW_SELECTED_ONLY: 'Show selected only',
+    TO_COLLECT_OTEL_DATA: 'To collect OpenTelemetry data',
+    TO_MONITOR_OTEL_DATA: 'To monitor OpenTelemetry data',
+    TO_MODIFY_OTEL_DATA: 'To modify OpenTelemetry data',
+    QUICK_BACK_TO_SUMMARY: 'When you finish editing you can quickly go back to the summary.',
+    GO_TO_SUMMARY: 'Go to summary',
+};
+const BUTTON_TEXTS = {
+    ADD: 'Add',
+    ADD_NEW: 'Add New',
+    NEW: 'New',
+    CREATE: 'Create',
+    UPDATE: 'Update',
+    EDIT: 'Edit',
+    DELETE: 'Delete',
+    CANCEL: 'Cancel',
+    DONE: 'Done',
+    SAVE: 'Save',
+    BACK: 'Back',
+    NEXT: 'Next',
+    TEST: 'Test',
+    TEST_CONNECTION: 'Test Connection',
+};
+
+export { ACTION_OPTIONS as A, BUTTON_TEXTS as B, DISPLAY_TITLES as D, FORM_ALERTS as F, INSTRUMENTATION_RULE_OPTIONS as I, MONITORS_OPTIONS as M };

package/lib/{index-BsH_egEe.js → index-IKusBlIE.js}

@@ -242,24 +242,62 @@ const NodejsLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
 };
 
 const PhpLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
-    return (React.createElement("svg", { width: size, height: size * (384 / 712), viewBox: '0 0 712 384', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 32 32', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
         React.createElement("defs", null,
-            React.createElement("radialGradient", { id: 'php-gradient', cx: '0', cy: '0', r: '1', fx: '0', fy: '0', gradientTransform: 'matrix(363.05789 0 0 -363.05789 177.52 256.307)', gradientUnits: 'userSpaceOnUse', spreadMethod: 'pad' },
-                React.createElement("stop", { offset: '0', stopColor: '#aeb2d5' }),
-                React.createElement("stop", { offset: '.3', stopColor: '#aeb2d5' }),
-                React.createElement("stop", { offset: '.75', stopColor: '#484c89' }),
-                React.createElement("stop", { offset: '1', stopColor: '#484c89' }))),
-        React.createElement("g", { transform: 'matrix(1.25 0 0 -1.25 -4.4 394.299)' },
-            React.createElement("path", { fill: fill || 'url(#php-gradient)', d: 'M11.52 162C11.52 81.677 135.307 16.561 288 16.561S564.481 81.677 564.481 162c0 80.322-123.788 145.439-276.481 145.439-152.693 0-276.48-65.117-276.48-145.439' })),
-        React.createElement("g", { transform: 'matrix(1.25 0 0 -1.25 -4.4 394.299)' },
-            React.createElement("path", { fill: fill || '#777bb3', d: 'M288 27.36c146.729 0 265.68 60.28 265.68 134.64 0 74.36-118.951 134.641-265.68 134.641S22.32 236.36 22.32 162.001C22.32 87.64 141.271 27.358 288 27.358' })),
-        React.createElement("g", { transform: 'matrix(1.25 0 0 -1.25 -4.4 394.299)' },
-            React.createElement("path", { fill: fill || '#000', d: 'M161.734 145.307c12.065 0 21.072 2.225 26.771 6.61 5.638 4.342 9.532 11.863 11.573 22.354 1.903 9.806 1.178 16.653-2.154 20.348-3.407 3.774-10.773 5.688-21.893 5.688h-19.28l-10.69-55h15.673Zm-63.063-67.75a2.998 2.998 0 0 0-2.944 3.572l28.328 145.75a3 3 0 0 0 2.945 2.428h61.054c19.188 0 33.47-5.21 42.447-15.487 9.025-10.331 11.812-24.772 8.283-42.921-1.436-7.394-3.906-14.261-7.34-20.41-3.44-6.154-7.985-11.85-13.512-16.93-6.616-6.191-14.104-10.681-22.236-13.323-8.003-2.607-18.28-3.93-30.548-3.93h-24.722l-7.06-36.321a3 3 0 0 0-2.944-2.428h-31.75z' }),
-            React.createElement("path", { fill: fill || '#fff', d: 'M159.224 197.307h16.808c13.42 0 18.083-2.945 19.667-4.7 2.628-2.914 3.124-9.058 1.435-17.767-1.898-9.75-5.416-16.663-10.458-20.545-5.162-3.974-13.554-5.988-24.941-5.988H149.7l9.523 49Zm28.83 35H127a6 6 0 0 1-5.89-4.855L92.784 81.702a6 6 0 0 1 5.889-7.144h31.75a6 6 0 0 1 5.89 4.854l6.588 33.895h22.249c12.582 0 23.174 1.372 31.479 4.077 8.54 2.775 16.399 7.48 23.354 13.984 5.752 5.292 10.49 11.232 14.08 17.657 3.59 6.427 6.17 13.594 7.668 21.302 3.715 19.104.697 34.402-8.97 45.466-9.571 10.958-24.613 16.514-44.705 16.514m-45.633-90h19.313c12.8 0 22.336 2.411 28.6 7.234 6.267 4.824 10.493 12.875 12.689 24.157 2.1 10.832 1.144 18.476-2.871 22.93-4.02 4.452-12.06 6.68-24.121 6.68h-21.754l-11.856-61m45.633 84c18.367 0 31.766-4.82 40.188-14.462 8.42-9.64 10.957-23.098 7.597-40.375-1.383-7.117-3.722-13.624-7.015-19.519-3.297-5.899-7.602-11.293-12.922-16.184-6.34-5.933-13.383-10.16-21.133-12.679-7.75-2.525-17.621-3.782-29.621-3.782h-27.196l-7.531-38.75h-31.75L127 226.307h61.055' }),
-            React.createElement("path", { fill: fill || '#000', d: 'M311.583 116.307c-.896 0-1.745.4-2.314 1.092a2.994 2.994 0 0 0-.631 2.48l12.531 64.489c1.192 6.133.898 10.535-.827 12.395-1.056 1.137-4.228 3.044-13.607 3.044h-22.702l-15.755-81.072a3 3 0 0 0-2.945-2.428h-31.5a2.998 2.998 0 0 0-2.945 3.572l28.328 145.75a3 3 0 0 0 2.945 2.428h31.5a3 3 0 0 0 2.945-3.572l-6.836-35.178h24.422c18.605 0 31.221-3.28 38.569-10.028 7.49-6.884 9.827-17.891 6.947-32.72l-13.18-67.824a3 3 0 0 0-2.945-2.428h-32Z' }),
-            React.createElement("path", { fill: fill || '#fff', d: 'M293.661 271.057h-31.5a6 6 0 0 1-5.89-4.855l-28.328-145.75a5.998 5.998 0 0 1 5.89-7.145h31.5a6 6 0 0 1 5.89 4.855l15.283 78.645h20.23c9.362 0 11.327-2 11.406-2.086.568-.61 1.315-3.44.082-9.78l-12.53-64.49a5.998 5.998 0 0 1 5.89-7.144h32a6 6 0 0 1 5.89 4.855l13.178 67.825c3.093 15.921.447 27.864-7.86 35.5-7.929 7.281-21.209 10.82-40.6 10.82h-20.784l6.143 31.605a6.001 6.001 0 0 1-5.89 7.145m0-6-7.53-38.75h28.061c17.657 0 29.836-3.082 36.54-9.238 6.702-6.16 8.71-16.14 6.031-29.938l-13.18-67.824h-32l12.531 64.488c1.426 7.336.902 12.34-1.574 15.008-2.477 2.668-7.746 4.004-15.805 4.004H281.56l-16.226-83.5h-31.5l28.328 145.75h31.5' }),
-            React.createElement("path", { fill: fill || '#000', d: 'M409.55 145.307c12.065 0 21.072 2.225 26.77 6.61 5.639 4.34 9.533 11.862 11.575 22.354 1.903 9.806 1.178 16.653-2.155 20.348-3.407 3.774-10.773 5.688-21.893 5.688h-19.281l-10.69-55h15.674Zm-63.062-67.75a2.999 2.999 0 0 0-2.945 3.572l28.328 145.75a3.002 3.002 0 0 0 2.946 2.428h61.053c19.189 0 33.47-5.21 42.448-15.487 9.025-10.33 11.81-24.771 8.283-42.921-1.438-7.394-3.907-14.261-7.342-20.41-3.44-6.154-7.984-11.85-13.511-16.93-6.616-6.191-14.104-10.681-22.236-13.323-8.003-2.607-18.281-3.93-30.548-3.93H388.24l-7.057-36.321a3.001 3.001 0 0 0-2.946-2.428h-31.75z' }),
-            React.createElement("path", { fill: fill || '#fff', d: 'M407.04 197.307h16.807c13.421 0 18.083-2.945 19.667-4.7 2.63-2.914 3.125-9.058 1.435-17.766-1.898-9.75-5.417-16.664-10.458-20.546-5.162-3.974-13.554-5.988-24.94-5.988h-12.034l9.522 49Zm28.83 35h-61.054a6 6 0 0 1-5.889-4.855L340.6 81.702a6 6 0 0 1 5.889-7.144h31.75a6 6 0 0 1 5.89 4.854l6.587 33.895h22.25c12.581 0 23.173 1.372 31.478 4.077 8.541 2.775 16.401 7.481 23.356 13.986 5.752 5.291 10.488 11.23 14.078 17.655 3.591 6.427 6.171 13.594 7.668 21.302 3.715 19.105.697 34.403-8.969 45.467-9.572 10.957-24.613 16.513-44.706 16.513m-45.632-90h19.312c12.801 0 22.336 2.411 28.601 7.234 6.267 4.824 10.492 12.875 12.688 24.157 2.102 10.832 1.145 18.476-2.87 22.93-4.02 4.452-12.06 6.68-24.122 6.68h-21.754l-11.855-61m45.632 84c18.367 0 31.766-4.82 40.188-14.462 8.422-9.64 10.957-23.098 7.597-40.375-1.383-7.117-3.722-13.624-7.015-19.519-3.297-5.899-7.602-11.293-12.922-16.184-6.34-5.933-13.383-10.16-21.133-12.679-7.75-2.525-17.62-3.782-29.62-3.782h-27.197l-7.53-38.75h-31.75l28.328 145.75h61.054' }))));
+            React.createElement("linearGradient", { id: 'a', x1: '-134.514', y1: '-206.113', x2: '-134.455', y2: '-206.235', gradientTransform: 'matrix(247.636, 0, 0, -153.765, 33318.948, -31686.704)', gradientUnits: 'userSpaceOnUse' },
+                React.createElement("stop", { offset: '0', stopColor: '#8a9fe0' }),
+                React.createElement("stop", { offset: '0.588', stopColor: '#7182b8' }),
+                React.createElement("stop", { offset: '1', stopColor: '#576490' }))),
+        React.createElement("g", null,
+            React.createElement("path", { fill: fill || '#ccc', d: 'M14.486,20.381a17.345,17.345,0,0,1-.046,3.133.835.835,0,0,1-.439.709c-.831.617-3.616.765-3.963-.546-.128-.005-.026-.429-.148-.413a1.561,1.561,0,0,1-1.2-.735c.005-1.434.163-6.607-2.4-5.214a2.506,2.506,0,0,0-1.168,1.429,4.91,4.91,0,0,0-.24,1.643c-.02.714.158,1.495.184,2.352.01.383.071.48-.214.806-.459.525-1.26.082-1.693-.495a1.893,1.893,0,0,1-.291-.969,31.065,31.065,0,0,1,1-11.148c.367-1.23.495-1.408,1.663-1.684a12.948,12.948,0,0,1,4.05-.24c1.051-.342,3.545-2.194,4.621-.724a12.527,12.527,0,0,1,9.579,1.75,37.083,37.083,0,0,0,4.259.077c.2-.128.434-.265.638-.383a1.381,1.381,0,0,1,.495-.209c.23-.036.53-.046.6.24a3.292,3.292,0,0,1,.061.893.808.808,0,0,1-.643.76,4.02,4.02,0,0,1-1.148-.372c-1.3.036-2.1-.036-3.4,0,.209.224.2.372.352.668a6.381,6.381,0,0,1-.775,5.979c-.092,1.49.02,2.995.031,4.49.005.515.041,1.005-.444,1.347a3.263,3.263,0,0,1-2.867.24,2.523,2.523,0,0,1-.668-.556,2.807,2.807,0,0,1-.5.01,1.213,1.213,0,0,1-.689-.505,3.606,3.606,0,0,1-.235-.525c0-.7-.026-.974-.026-1.673a10.67,10.67,0,0,1-4.346-.122Z' }),
+            React.createElement("path", { fill: fill || '#ccc', d: 'M12.095,24.839a3.748,3.748,0,0,1-1.217-.184,1.452,1.452,0,0,1-.972-.864.46.46,0,0,1-.1-.322l0-.045a1.8,1.8,0,0,1-1.25-.811l-.024-.039,0-.26c.009-1.182.032-4.323-1.034-4.962a1.1,1.1,0,0,0-1.128.1,2.356,2.356,0,0,0-1.1,1.349,4.783,4.783,0,0,0-.228,1.588,8.525,8.525,0,0,0,.085,1.2c.043.366.087.746.1,1.145,0,.059,0,.11.007.156a.849.849,0,0,1-.26.76.817.817,0,0,1-.665.288,1.849,1.849,0,0,1-1.276-.792,1.973,1.973,0,0,1-.322-1.053A31.068,31.068,0,0,1,3.719,10.887c.375-1.255.54-1.5,1.779-1.793a13.117,13.117,0,0,1,4.068-.247,8.378,8.378,0,0,0,.875-.4c1.232-.616,2.91-1.453,3.831-.334a12.633,12.633,0,0,1,9.567,1.768A36.054,36.054,0,0,0,28,9.953c.2-.123.412-.251.606-.363l.056-.032a1.366,1.366,0,0,1,.494-.2c.444-.069.7.053.777.361a3.477,3.477,0,0,1,.065.939.97.97,0,0,1-.791.909l-.026,0-.025-.007c-.085-.022-.171-.042-.26-.062A3.127,3.127,0,0,1,28,11.2c-.633.016-1.155.007-1.659,0-.433-.007-.878-.015-1.394-.007.032.063.055.124.08.186a2.467,2.467,0,0,0,.112.256,6.533,6.533,0,0,1-.761,6.126c-.056.966-.027,1.957,0,2.916.015.491.03,1,.033,1.5v.086a1.448,1.448,0,0,1-.513,1.393,3.4,3.4,0,0,1-3.02.257,1.8,1.8,0,0,1-.564-.437c-.035-.036-.07-.072-.106-.106-.049,0-.1.006-.145.011a.952.952,0,0,1-.33-.006,1.375,1.375,0,0,1-.783-.571,1.779,1.779,0,0,1-.171-.361c-.023-.061-.047-.123-.076-.188l-.014-.031v-.034c0-.347-.006-.594-.013-.832-.005-.2-.01-.4-.012-.659a10.815,10.815,0,0,1-4-.092,17.55,17.55,0,0,1-.065,2.931.984.984,0,0,1-.5.813A3.748,3.748,0,0,1,12.095,24.839Zm-1.969-1.318h.036l.03.114a1.106,1.106,0,0,0,.791.718,3.912,3.912,0,0,0,2.922-.259.687.687,0,0,0,.375-.6,17.157,17.157,0,0,0,.055-2.976l-.085-.024L14.6,19.8l.041.463a10.678,10.678,0,0,0,4.169.088l.181-.024v.182c0,.347.006.594.013.832s.012.473.013.807c.025.059.047.116.069.171a1.524,1.524,0,0,0,.139.3,1.057,1.057,0,0,0,.6.44.729.729,0,0,0,.216,0,1.888,1.888,0,0,1,.244-.013l.06,0,.044.041c.054.05.108.105.162.16a1.537,1.537,0,0,0,.46.366,3.1,3.1,0,0,0,2.712-.224c.388-.274.383-.65.377-1.127v-.087c0-.5-.018-1-.033-1.492-.029-.987-.059-2.008,0-3.009l0-.066.05-.044a6.184,6.184,0,0,0,.739-5.785,2.755,2.755,0,0,1-.126-.287.911.911,0,0,0-.2-.346l-.241-.259.353-.01c.654-.018,1.188-.009,1.706,0s1.045.018,1.691,0h.047l.04.025a2.716,2.716,0,0,0,.835.289c.082.019.163.037.242.057a.671.671,0,0,0,.471-.609,3.141,3.141,0,0,0-.058-.847c-.014-.061-.041-.176-.416-.117a1.065,1.065,0,0,0-.384.158l-.056.032c-.2.114-.429.253-.631.379l-.037.023h-.043a36.326,36.326,0,0,1-4.278-.077l-.042,0-.035-.024a12.347,12.347,0,0,0-9.461-1.725l-.1.018-.059-.08c-.747-1.02-2.334-.227-3.493.352a7.889,7.889,0,0,1-.95.43l-.032.01-.033,0a12.792,12.792,0,0,0-4,.236c-1.121.264-1.2.4-1.547,1.574a30.75,30.75,0,0,0-1,11.09,1.683,1.683,0,0,0,.258.884,1.551,1.551,0,0,0,1.033.666.5.5,0,0,0,.413-.179.552.552,0,0,0,.182-.532c0-.049-.006-.1-.007-.164-.011-.386-.055-.758-.1-1.118a8.754,8.754,0,0,1-.087-1.243,5.022,5.022,0,0,1,.251-1.7,2.67,2.67,0,0,1,1.24-1.509,1.4,1.4,0,0,1,1.444-.1c1.223.733,1.2,3.89,1.19,5.238v.167a1.4,1.4,0,0,0,1.028.622.2.2,0,0,1,.15.045.4.4,0,0,1,.1.3C10.123,23.471,10.124,23.5,10.126,23.521Zm-.216-.1h0Z' }),
+            React.createElement("path", { fill: fill || '#373435', d: 'M13.891,19.981a17.345,17.345,0,0,1-.046,3.133.835.835,0,0,1-.439.709c-.831.617-3.616.765-3.963-.546-.128-.005-.026-.429-.148-.413a1.561,1.561,0,0,1-1.2-.735c.005-1.434.163-6.607-2.4-5.214a2.506,2.506,0,0,0-1.168,1.429,4.91,4.91,0,0,0-.24,1.643c-.02.714.158,1.495.184,2.352.01.383.071.48-.214.806-.459.525-1.26.082-1.693-.495a1.893,1.893,0,0,1-.291-.969,31.065,31.065,0,0,1,1-11.148c.367-1.23.495-1.408,1.663-1.684a12.948,12.948,0,0,1,4.05-.24c1.051-.342,3.545-2.194,4.621-.724a12.527,12.527,0,0,1,9.579,1.75,37.083,37.083,0,0,0,4.259.077c.2-.128.434-.265.638-.383a1.381,1.381,0,0,1,.495-.209c.23-.036.53-.046.6.24a3.292,3.292,0,0,1,.061.893.808.808,0,0,1-.643.76,4.02,4.02,0,0,1-1.148-.372c-1.3.036-2.1-.036-3.4,0,.209.224.2.372.352.668a6.381,6.381,0,0,1-.775,5.979c-.092,1.49.02,2.995.031,4.49.005.515.041,1.005-.444,1.347a3.263,3.263,0,0,1-2.867.24,2.523,2.523,0,0,1-.668-.556,2.807,2.807,0,0,1-.5.01,1.213,1.213,0,0,1-.689-.505,3.606,3.606,0,0,1-.235-.525c0-.7-.026-.974-.026-1.673a10.67,10.67,0,0,1-4.346-.122Z' }),
+            React.createElement("path", { fill: fill || '#373435', d: 'M11.5,24.439a3.748,3.748,0,0,1-1.217-.184,1.452,1.452,0,0,1-.972-.864.46.46,0,0,1-.1-.322l0-.045a1.8,1.8,0,0,1-1.25-.811l-.024-.039,0-.26c.009-1.182.032-4.323-1.034-4.962a1.1,1.1,0,0,0-1.128.1,2.356,2.356,0,0,0-1.1,1.349,4.783,4.783,0,0,0-.228,1.588,8.522,8.522,0,0,0,.085,1.2c.043.367.087.746.1,1.146,0,.059,0,.11.007.156a.849.849,0,0,1-.26.76.816.816,0,0,1-.665.288,1.849,1.849,0,0,1-1.276-.792,1.974,1.974,0,0,1-.322-1.053A31.068,31.068,0,0,1,3.124,10.487c.375-1.255.54-1.5,1.779-1.793a13.115,13.115,0,0,1,4.068-.247,8.378,8.378,0,0,0,.875-.4c1.232-.616,2.91-1.454,3.831-.334a12.634,12.634,0,0,1,9.567,1.769,36.037,36.037,0,0,0,4.156.074c.195-.121.413-.252.606-.363l.056-.032a1.366,1.366,0,0,1,.494-.2c.444-.069.7.053.777.361a3.476,3.476,0,0,1,.065.939.97.97,0,0,1-.791.909l-.026,0-.025-.007c-.085-.022-.171-.042-.26-.062a3.127,3.127,0,0,1-.889-.3c-.633.016-1.155.007-1.659,0-.433-.007-.878-.015-1.394-.007.032.063.055.124.08.186a2.467,2.467,0,0,0,.112.256,6.534,6.534,0,0,1-.761,6.126c-.056.966-.027,1.957,0,2.915.014.492.029,1,.033,1.5v.086a1.448,1.448,0,0,1-.512,1.393,3.4,3.4,0,0,1-3.02.257,1.8,1.8,0,0,1-.564-.437c-.035-.036-.07-.072-.106-.106-.049,0-.1.006-.145.011a.95.95,0,0,1-.33-.006,1.375,1.375,0,0,1-.783-.571,1.769,1.769,0,0,1-.171-.361c-.023-.061-.047-.123-.076-.188l-.014-.031v-.034c0-.347-.006-.594-.013-.832-.005-.2-.011-.4-.012-.659a10.817,10.817,0,0,1-4-.092A17.56,17.56,0,0,1,14,23.135a.984.984,0,0,1-.5.813A3.748,3.748,0,0,1,11.5,24.439ZM9.531,23.121h.036l.03.114a1.106,1.106,0,0,0,.791.718,3.911,3.911,0,0,0,2.922-.259.687.687,0,0,0,.375-.6,17.162,17.162,0,0,0,.055-2.976l-.085-.024L14,19.405l.041.463a10.679,10.679,0,0,0,4.169.088l.181-.024v.182c0,.347.006.594.013.832s.012.473.013.807c.025.059.047.116.069.172a1.514,1.514,0,0,0,.139.3,1.057,1.057,0,0,0,.6.44.722.722,0,0,0,.216,0,1.888,1.888,0,0,1,.244-.013l.06,0,.044.041c.054.05.108.1.162.16a1.539,1.539,0,0,0,.46.366,3.1,3.1,0,0,0,2.712-.224c.388-.274.383-.65.377-1.127v-.087c0-.5-.018-1-.033-1.493-.029-.987-.059-2.007,0-3.008l0-.066.05-.044a6.185,6.185,0,0,0,.739-5.785,2.755,2.755,0,0,1-.126-.287.911.911,0,0,0-.2-.346l-.241-.259.353-.01c.654-.018,1.188-.009,1.706,0s1.045.018,1.691,0h.047l.04.025a2.716,2.716,0,0,0,.835.289c.082.019.163.037.242.057a.671.671,0,0,0,.471-.609,3.144,3.144,0,0,0-.058-.847c-.014-.061-.041-.175-.416-.117a1.064,1.064,0,0,0-.384.158l-.057.032c-.2.115-.431.254-.631.379L27.5,9.87h-.043a36.353,36.353,0,0,1-4.278-.077l-.042,0L23.1,9.767a12.347,12.347,0,0,0-9.461-1.725l-.1.018-.059-.08c-.747-1.02-2.334-.227-3.493.352a7.889,7.889,0,0,1-.95.43l-.032.01-.033,0a12.788,12.788,0,0,0-4,.236c-1.121.264-1.2.4-1.547,1.574a30.75,30.75,0,0,0-1,11.09,1.683,1.683,0,0,0,.258.884,1.551,1.551,0,0,0,1.033.666.493.493,0,0,0,.413-.179.552.552,0,0,0,.182-.532c0-.049-.006-.1-.007-.164-.011-.386-.055-.758-.1-1.118a8.743,8.743,0,0,1-.087-1.243,5.022,5.022,0,0,1,.251-1.7,2.67,2.67,0,0,1,1.24-1.509,1.4,1.4,0,0,1,1.444-.1c1.223.733,1.2,3.89,1.19,5.238v.167A1.4,1.4,0,0,0,9.28,22.7a.2.2,0,0,1,.15.045.4.4,0,0,1,.1.3C9.528,23.071,9.529,23.1,9.531,23.121Zm-.216-.1h0Z' }),
+            React.createElement("path", { fill: fill || '#6978ab', d: 'M18.572,19.946a4.782,4.782,0,0,0,.946-.189,11.582,11.582,0,0,1,.137,2.749,1.177,1.177,0,0,1-1.134-.663A8.774,8.774,0,0,1,18.572,19.946Z' }),
+            React.createElement("path", { fill: fill || '#373435', d: 'M19.622,22.666a1.33,1.33,0,0,1-1.242-.749l-.015-.028,0-.032a8.978,8.978,0,0,1,.052-1.932l.016-.124.124-.014a4.7,4.7,0,0,0,.915-.182l.164-.053.04.168a10.177,10.177,0,0,1,.147,2.484l-.008.459-.154,0Zm-.944-.87a1,1,0,0,0,.821.545l0-.144a10.985,10.985,0,0,0-.1-2.238,5.036,5.036,0,0,1-.683.13A8.609,8.609,0,0,0,18.677,21.8Z' }),
+            React.createElement("path", { fill: fill || 'url(#a)', d: 'M4.052,22.683c-.225-1.474-.454-4.075.6-5.315a3.452,3.452,0,0,1,.27-.321c1.663-1.566,3.112-.219,3.505,1.515a27.314,27.314,0,0,1,.051,3.295,1.109,1.109,0,0,0,1.051.6c.153.316.112.551.286.76a2.5,2.5,0,0,0,2.7.694,8.441,8.441,0,0,0,.913-.454,10.14,10.14,0,0,0-.1-4.045c0-.184-.061-.306-.061-.49a.626.626,0,0,1,.311.138c-.2.734,2.556,1.239,5.771.352.036-.128-.026-.286.051-.332a.4.4,0,0,1,.337-.041c.015.235.02.464.036.7a4.654,4.654,0,0,0,.75.01.838.838,0,0,1-.6.214c.056,0-.031.107.02.117.148.036.429-.02.546.031-.219.128-.464.056-.612.2.036.78.056,1.617.087,2.4a2.591,2.591,0,0,0,3.311-.148,28.633,28.633,0,0,0-.1-4.7c-.117-.015-.235-.036-.352-.051,1.827-2.458,2.179-4.973.648-7.243-.015-.1-.082-.2-.1-.3,1.332-.051,2.7.087,4.036.036a6.478,6.478,0,0,0,1.112.311c.393-.138.464-1.229.077-1.107s-.6.367-1.015.52c-1.531,0-3.23-.061-4.76-.061a9.5,9.5,0,0,0-9-1.551,8.371,8.371,0,0,1,.26,6.427c-.087.286-1.408,1.122-.327.209,1.092-.928.408-7.375-.934-7.386a6.327,6.327,0,0,0-4.25,1.7c-.209-.224-.194-.133-.1-.449a9.863,9.863,0,0,0-3.4.3,1.428,1.428,0,0,0-1.3.949,33.949,33.949,0,0,0-1.2,11.094,4.574,4.574,0,0,0,.352,1.3c.6.658.924.469,1.123.122Z' }),
+            React.createElement("path", { fill: fill || '#373435', d: 'M6.446,10.422a2.187,2.187,0,0,0-1.063-.149.144.144,0,0,0-.153.1.2.2,0,0,0-.02.154c.031.087.036.082.112.1a.648.648,0,0,0,.3-.026.883.883,0,0,1,.746-.036c.112-.005.123-.051.087-.139Z' }),
+            React.createElement("path", { fill: fill || '#373435', d: 'M5.406,10.791a.566.566,0,0,1-.118-.012l-.013,0a.246.246,0,0,1-.217-.2.367.367,0,0,1,.031-.284.294.294,0,0,1,.283-.18,2.335,2.335,0,0,1,1.1.149h.082l.041.1a.237.237,0,0,1-.227.359H6.344l-.027-.008a.722.722,0,0,0-.62.022l-.018.011-.02.005A.989.989,0,0,1,5.406,10.791Zm-.044-.323a.5.5,0,0,0,.2-.02l.054-.027c-.07,0-.141,0-.213.011H5.377l-.006.012A.075.075,0,0,0,5.362,10.468Z' }),
+            React.createElement("path", { fill: fill || '#373435', d: 'M5.622,11.687a.549.549,0,0,1,.507-.311c.02-.128,0-.2-.164-.2a1.535,1.535,0,0,0-.578.51,1.051,1.051,0,0,0-.077.6.538.538,0,0,0,.2.352.666.666,0,0,0,.752-.031c.358-.209.716-.806.087-1.031a.963.963,0,0,0-.732.153c-.01.005-.015-.015,0-.041Z' }),
+            React.createElement("path", { fill: fill || '#373435', d: 'M5.816,12.906a.622.622,0,0,1-.408-.142.7.7,0,0,1-.256-.458,1.154,1.154,0,0,1,.1-.7,1.7,1.7,0,0,1,.635-.568l.035-.021H5.96a.338.338,0,0,1,.269.095.348.348,0,0,1,.058.289h0a.683.683,0,0,1,.564.524.975.975,0,0,1-.508.823A1.067,1.067,0,0,1,5.816,12.906ZM5.493,11.84a1.082,1.082,0,0,0-.024.432.38.38,0,0,0,.145.248c.193.161.506-.011.567-.047a.674.674,0,0,0,.352-.518c-.009-.1-.089-.172-.237-.225a.824.824,0,0,0-.593.138l-.013.007-.107.054-.088-.089Z' }),
+            React.createElement("path", { fill: fill || '#fefefe', d: 'M5.9,12.381a.4.4,0,0,0,.021.107.211.211,0,0,0,.021.046.215.215,0,0,1-.2.02c-.221-.1-.205-.41-.092-.578a.671.671,0,0,1,.529-.292c.118.061.154.118.092.133a.337.337,0,0,0-.1.036.183.183,0,0,0-.1.113c.051.015.077,0,.123.02v.159a.24.24,0,0,0-.159-.02c-.1.031-.139.174-.139.261Z' }),
+            React.createElement("path", { fill: fill || '#373435', d: 'M6.323,16.459A2.19,2.19,0,0,0,8,13.834a1.1,1.1,0,0,1-.511-.138c-.01-.066-.015-.133-.026-.2.414.2,1,.26.924-.373.056-.015.143-.02.2-.036-.02.444-.1.485-.373.674a3.01,3.01,0,0,1-.9,2.666.881.881,0,0,0,.036.414,1.233,1.233,0,0,0-1.026-.373Z' }),
+            React.createElement("path", { fill: fill || '#373435', d: 'M7.632,17.391l-.4-.442a1.081,1.081,0,0,0-.906-.32l-.162,0v-.28l.113-.045a2.02,2.02,0,0,0,1.584-2.327,1.028,1.028,0,0,1-.458-.147l-.062-.039L7.33,13.72c-.005-.035-.01-.07-.014-.105s-.007-.062-.012-.094l-.046-.3.273.132a.734.734,0,0,0,.625.08c.064-.045.088-.143.071-.291l-.015-.136.132-.036a.994.994,0,0,1,.119-.022.721.721,0,0,0,.08-.014l.212-.058-.01.219c-.021.456-.121.571-.361.742a3.172,3.172,0,0,1-.925,2.669.941.941,0,0,0,.035.252Zm-.7-1.008a1.2,1.2,0,0,1,.21.09.431.431,0,0,1,.021-.1l.011-.032.023-.025q.128-.137.237-.275A2.643,2.643,0,0,1,6.932,16.383Z' }),
+            React.createElement("path", { fill: fill || '#8093d0', d: 'M22.157,23.213c-.025-.377-.071-.708-.082-1.086-.025-.866-.683-1.055-.719-.189-.02.454,0,.882,0,1.31A2.244,2.244,0,0,0,22.157,23.213Z' }),
+            React.createElement("path", { fill: fill || '#373435', d: 'M21.739,23.32c-.1,0-.194-.006-.289-.012L21.3,23.3v-.05c0-.142,0-.283,0-.425,0-.286-.009-.582,0-.887.019-.453.2-.614.361-.614h0c.213,0,.447.283.463.8.006.231.026.442.046.665.013.136.025.274.035.418l0,.043-.041.012A1.523,1.523,0,0,1,21.739,23.32ZM21.41,23.2l.048,0a1.993,1.993,0,0,0,.643-.029c-.009-.128-.021-.251-.032-.372-.021-.225-.04-.437-.047-.672-.013-.431-.2-.7-.357-.7h0c-.108,0-.239.134-.255.512-.014.3-.009.6,0,.881C21.408,22.948,21.41,23.073,21.41,23.2Z' }),
+            React.createElement("path", { fill: fill || '#8093d0', d: 'M21.368,23.257a6.358,6.358,0,0,1-.081-1.317c.056-.8-.7-1.643-.751-.158a7.955,7.955,0,0,0,.051,1.3A5.155,5.155,0,0,0,21.368,23.257Z' }),
+            React.createElement("path", { fill: fill || '#373435', d: 'M21.429,23.321l-.069-.011a5.145,5.145,0,0,1-.79-.175l-.032-.011,0-.033a7.975,7.975,0,0,1-.051-1.31c.016-.479.1-.763.263-.845a.221.221,0,0,1,.234.023,1.2,1.2,0,0,1,.361.985A5.475,5.475,0,0,0,21.4,23.1Zm-.794-.277a5,5,0,0,0,.671.15l-.01-.083a5.645,5.645,0,0,1-.063-1.174,1.1,1.1,0,0,0-.313-.889.119.119,0,0,0-.126-.018c-.055.028-.185.159-.206.754A7.9,7.9,0,0,0,20.635,23.044Z' }),
+            "fill=",
+            fill || '#8093d0',
+            React.createElement("path", { d: 'M20.588,23.15l-.107-1.7c-.077-1.269-.587-1.121-.628-.076-.02.494.02.764-.026,1.259.24.163.49.484.761.51Z' }),
+            React.createElement("path", { fill: fill || '#373435', d: 'M20.583,23.2a1.1,1.1,0,0,1-.555-.331,2.5,2.5,0,0,0-.23-.188l-.026-.018,0-.031a6.217,6.217,0,0,0,.021-.72c0-.162,0-.329,0-.536.021-.533.162-.879.359-.881h0c.2,0,.338.357.374.956l.107,1.7h0v0l-.054,0Zm-.7-.589c.072.052.144.116.215.178a1.28,1.28,0,0,0,.432.293l-.1-1.624c-.038-.629-.181-.856-.268-.856h0c-.09,0-.233.249-.253.779-.009.2-.006.371,0,.531A6.444,6.444,0,0,1,19.883,22.609Z' }),
+            "fill=",
+            fill || '#8093d0',
+            React.createElement("path", { d: 'M11.865,24.028a7.005,7.005,0,0,0-.061-1.191c-.214-.92-.484-1.033-.8-.353v1.528a3.474,3.474,0,0,0,.862.01Z' }),
+            React.createElement("path", { fill: fill || '#373435', d: 'M11.542,24.1c-.166,0-.332-.015-.495-.03l-.1-.009,0-1.6c.153-.329.3-.482.448-.466.182.019.326.282.453.829l.01.087a6.605,6.605,0,0,1,.053,1.118h-.052l.007.046A2.073,2.073,0,0,1,11.542,24.1Zm-.486-.136h0a3.437,3.437,0,0,0,.757.013,6.638,6.638,0,0,0-.054-1.053l-.009-.081c-.146-.627-.288-.734-.359-.741-.055,0-.168.039-.335.395Z' }),
+            React.createElement("path", { fill: fill || '#8093d0', d: 'M10.3,23.776c.005-.586.01-.974.01-1.56.214-.862.433-.775.647.26.005.556.01.918.01,1.473a1.647,1.647,0,0,1-.673-.173Z' }),
+            React.createElement("path", { fill: fill || '#373435', d: 'M11.017,24.009l-.09-.01a1.627,1.627,0,0,1-.663-.177l-.175-.1h.154l0-.3c0-.41.007-.749.007-1.211l0-.013c.108-.434.214-.628.345-.628h0c.1,0,.241.105.4.89l0,.346c0,.385.007.7.007,1.139Zm-.667-.262a1.517,1.517,0,0,0,.561.142c0-.406,0-.711-.007-1.078l0-.335c-.157-.753-.277-.794-.3-.794s-.109.012-.241.54c0,.459,0,.8-.007,1.206Z' }),
+            React.createElement("path", { fill: fill || '#8093d0', d: 'M9.5,22.623c.031-.49.133-.985.163-1.475-.2-.97-.418-1.143-.647-.51-.01.628-.015,1.261-.025,1.889a.711.711,0,0,0,.51.1Z' }),
+            React.createElement("path", { fill: fill || '#373435', d: 'M9.373,22.7a.8.8,0,0,1-.348-.1l-.084-.038v-.035q.008-.471.013-.944t.013-.945l0-.017c.1-.287.206-.416.326-.408s.259.121.424.926v.014c-.015.247-.049.5-.082.741s-.066.49-.081.732v.046l-.042.009A.679.679,0,0,1,9.373,22.7Zm-.324-.2.02.009a.61.61,0,0,0,.385.082c.016-.235.048-.474.08-.705s.065-.486.081-.727c-.157-.763-.289-.831-.326-.834-.02,0-.1.017-.215.33q-.008.466-.013.935T9.049,22.492Z' }),
+            React.createElement("path", { fill: fill || '#8093d0', d: 'M19.021,22.468c.041-.521-.015-.955,0-1.465.015-.618.626-.439.652.128s.056.858.087,1.424a1.309,1.309,0,0,1-.733-.087Z' }),
+            React.createElement("path", { fill: fill || '#373435', d: 'M19.463,22.618a.922.922,0,0,1-.451-.1h-.044v-.057a7.342,7.342,0,0,0,.006-.836c-.006-.2-.013-.407-.006-.626.008-.322.167-.438.313-.439h0c.2,0,.427.215.442.566.015.289.03.5.044.721s.028.423.043.7l0,.054-.155.006C19.592,22.615,19.527,22.618,19.463,22.618Zm-.387-.184a1.1,1.1,0,0,0,.579.072l.048,0c-.014-.253-.027-.451-.04-.648-.014-.217-.028-.433-.044-.723s-.183-.465-.336-.465h0c-.125,0-.2.127-.208.336s0,.421.006.62A7.778,7.778,0,0,1,19.076,22.434Z' }),
+            React.createElement("path", { fill: fill || '#b9c5ea', d: 'M18.989,22.487c-.015-.382-.01-.841-.025-1.223.036-.525-.326-1.3-.468-.438a8.571,8.571,0,0,0-.081.963A4.066,4.066,0,0,0,18.989,22.487Z' }),
+            React.createElement("path", { fill: fill || '#373435', d: 'M19.046,22.595l-.089-.064A2.556,2.556,0,0,1,18.5,22c-.048-.067-.092-.128-.128-.174l-.013-.016v-.02c.007-.1.012-.2.016-.28a5.486,5.486,0,0,1,.066-.688c.018-.112.074-.452.253-.43.2.024.343.558.321.88.008.186.01.4.013.607s.005.42.013.61Zm-.578-.822c.035.045.075.1.119.162a3.567,3.567,0,0,0,.345.433c0-.158-.007-.327-.009-.491,0-.206-.005-.42-.013-.61.025-.372-.14-.763-.227-.773-.019-.006-.088.054-.136.341a5.4,5.4,0,0,0-.065.676C18.478,21.591,18.474,21.676,18.468,21.772Z' }),
+            React.createElement("path", { fill: fill || '#373435', d: 'M14.443,15.459c.26-1.24.515-2.48.775-3.725.041-.291.117-.551.423-.577h.372c.224,0,.352.133.372.4l-.076.551c.01.225.148.352.423.373.372.015.75.036,1.122.051.561.036.938.276.9.975-.117.617-.235,1.235-.352,1.847a.725.725,0,0,1-.474.648c-.168-.01-.357.01-.525,0-.291.015-.459-.092-.352-.475.107-.485.24-1.092.352-1.577.041-.577-.173-.607-.4-.648-.194-.026-.382,0-.576-.026-.286.041-.393.316-.474.623-.122.515-.25,1.031-.372,1.551-.056.281-.117.464-.326.551h-.622q-.352-.077-.2-.551Z' }),
+            React.createElement("path", { fill: fill || '#fefefe', d: 'M17.509,16.11c-.037,0-.073,0-.109,0a.468.468,0,0,1-.415-.137.511.511,0,0,1-.039-.473l.061-.278c.093-.422.2-.893.288-1.286.031-.465-.094-.488-.3-.526-.186-.025-.365,0-.565-.024-.2.036-.291.235-.373.542-.054.227-.11.458-.166.689-.069.286-.138.572-.206.86s-.123.514-.389.625l-.02.008-.666,0a.4.4,0,0,1-.276-.185.616.616,0,0,1,0-.5l.033-.1q.2-.969.4-1.939.172-.83.345-1.661c.028-.2.087-.625.519-.661h.381c.164,0,.445.064.478.5v.011l-.077.552c.007.113.054.242.324.262l.561.025.557.025a.928.928,0,0,1,1,1.087l0,.014c-.117.618-.235,1.235-.352,1.848a.829.829,0,0,1-.543.728l-.02.007h-.022c-.079,0-.164,0-.253,0C17.614,16.108,17.561,16.11,17.509,16.11Zm-.108-.216h.006c.079,0,.164,0,.253,0s.168,0,.25,0a.625.625,0,0,0,.385-.557q.176-.92.351-1.844c.031-.562-.208-.818-.8-.855l-.556-.025-.563-.026c-.44-.033-.518-.311-.525-.474V12.1l.076-.549c-.023-.256-.154-.289-.265-.289h-.372c-.184.016-.27.143-.318.485-.117.562-.232,1.115-.347,1.668q-.214,1.033-.43,2.064l-.04.193-.012-.012a.261.261,0,0,0,.023.151.187.187,0,0,0,.126.081h.587c.143-.068.192-.2.244-.466.069-.292.138-.579.207-.865q.084-.346.166-.691c.061-.228.172-.648.563-.7l.014,0,.015,0c.182.024.372,0,.576.026l.014,0c.286.052.519.145.476.759l0,.017c-.091.394-.2.868-.289,1.292l-.063.284c-.04.143-.04.241,0,.289s.157.061.243.057Z' }),
+            React.createElement("path", { fill: fill || '#373435', d: 'M9.624,16.894c.255-1.322.515-2.644.771-3.961a.426.426,0,0,1,.449-.449h2.348a1.231,1.231,0,0,1,1.107.623,1.587,1.587,0,0,1,.189.934,2.35,2.35,0,0,1-.694,1.465,2.186,2.186,0,0,1-1.148.5c-.4.01-.8.015-1.2.026-.23-.02-.459.041-.515.225-.071.25-.122.5-.194.745a.42.42,0,0,1-.265.23c-.23.005-.464.005-.694.01C9.532,17.246,9.583,17.1,9.624,16.894Zm1.638-2.266c.066-.347.148-.74.209-1.046a.452.452,0,0,1,.449-.3,1.825,1.825,0,0,1,.715.092.766.766,0,0,1,.383,1.082,1.437,1.437,0,0,1-.852.7,1.651,1.651,0,0,1-.51.051c-.439-.046-.475-.163-.4-.582Z' }),
+            React.createElement("path", { fill: fill || '#fefefe', d: 'M9.766,17.348a.283.283,0,0,1-.232-.085c-.076-.091-.05-.214-.023-.344l.009-.045q.211-1.092.425-2.184.172-.882.343-1.762a.5.5,0,0,1,.138-.377.559.559,0,0,1,.423-.173h2.343a1.327,1.327,0,0,1,1.2.681,1.693,1.693,0,0,1,.2.99,2.458,2.458,0,0,1-.724,1.532l-.012.011a2.288,2.288,0,0,1-1.2.521c-.206.006-.407.009-.607.013l-.6.013h-.012c-.161-.014-.364.016-.4.15s-.065.244-.1.367-.062.25-.1.377a.509.509,0,0,1-.326.3l-.019.008h-.02l-.345.005-.349.005Zm-.067-.22a.226.226,0,0,0,.076.007l.352-.005.322,0c.108-.048.17-.1.187-.154.035-.123.065-.245.1-.368s.062-.25.1-.376c.065-.214.3-.329.621-.3l.594-.013.6-.013a2.083,2.083,0,0,0,1.08-.474,2.246,2.246,0,0,0,.659-1.392,1.487,1.487,0,0,0-.178-.879,1.144,1.144,0,0,0-1.018-.564H10.844a.343.343,0,0,0-.263.107.285.285,0,0,0-.08.226l0,.015,0,.015q-.172.887-.346,1.777-.213,1.091-.425,2.184l-.01.047a.541.541,0,0,0-.02.166Zm2.052-1.812c-.035,0-.07,0-.106,0a.636.636,0,0,1-.458-.179c-.089-.119-.081-.277-.035-.528l.036-.2.007.007c.035-.179.073-.363.108-.536l.073-.343a.555.555,0,0,1,.552-.36,1.889,1.889,0,0,1,.745.1.806.806,0,0,1,.472.449.99.99,0,0,1-.03.776l-.007.013a1.536,1.536,0,0,1-.911.745A2.067,2.067,0,0,1,11.75,15.316Zm-.413-.512a.307.307,0,0,0,.021.2c.035.046.133.076.308.095a1.579,1.579,0,0,0,.476-.049,1.322,1.322,0,0,0,.781-.645.775.775,0,0,0,.025-.6.6.6,0,0,0-.351-.331,1.712,1.712,0,0,0-.674-.085.34.34,0,0,0-.35.23l-.061.3c-.048.236-.1.493-.145.729Z' }),
+            React.createElement("path", { fill: fill || '#373435', d: 'M18.545,16.894c.255-1.322.515-2.644.771-3.961a.426.426,0,0,1,.449-.449h2.348a1.231,1.231,0,0,1,1.107.623,1.587,1.587,0,0,1,.189.934,2.35,2.35,0,0,1-.694,1.465,2.186,2.186,0,0,1-1.148.5c-.4.01-.8.015-1.2.026-.23-.02-.459.041-.515.225-.071.25-.122.5-.194.745a.42.42,0,0,1-.265.23c-.23.005-.464.005-.694.01C18.453,17.246,18.5,17.1,18.545,16.894Zm1.638-2.266c.066-.347.148-.74.209-1.046a.452.452,0,0,1,.449-.3,1.825,1.825,0,0,1,.715.092.766.766,0,0,1,.383,1.082,1.437,1.437,0,0,1-.852.7,1.651,1.651,0,0,1-.51.051c-.439-.046-.475-.163-.4-.582Z' }),
+            React.createElement("path", { fill: fill || '#fefefe', d: 'M18.687,17.348a.284.284,0,0,1-.232-.085c-.076-.091-.05-.214-.023-.344l.009-.045q.21-1.089.423-2.176.173-.886.345-1.77a.5.5,0,0,1,.138-.377.559.559,0,0,1,.423-.173h2.343a1.327,1.327,0,0,1,1.2.681,1.694,1.694,0,0,1,.2.99,2.459,2.459,0,0,1-.724,1.532l-.012.011a2.288,2.288,0,0,1-1.2.521c-.206.006-.407.009-.607.013l-.6.013h-.012c-.162-.014-.364.016-.4.15s-.065.244-.1.366-.062.251-.1.377a.509.509,0,0,1-.326.3l-.019.008h-.02l-.345.005-.349.005Zm-.067-.22a.238.238,0,0,0,.076.007l.352-.005.322,0c.108-.048.17-.1.187-.154.035-.123.066-.246.1-.368s.062-.249.1-.375c.065-.214.3-.329.621-.3l.594-.013.6-.013a2.083,2.083,0,0,0,1.08-.474,2.246,2.246,0,0,0,.659-1.392,1.486,1.486,0,0,0-.178-.879,1.144,1.144,0,0,0-1.018-.564H19.765a.341.341,0,0,0-.263.107.285.285,0,0,0-.08.226l0,.015,0,.015q-.173.891-.347,1.785-.212,1.087-.423,2.176h0l-.01.047a.541.541,0,0,0-.02.166Zm2.052-1.812c-.035,0-.07,0-.106,0a.636.636,0,0,1-.458-.179c-.089-.119-.081-.277-.035-.528l.036-.2.007.007c.035-.18.073-.365.108-.539l.073-.341a.552.552,0,0,1,.552-.36,1.9,1.9,0,0,1,.745.1.806.806,0,0,1,.472.449.99.99,0,0,1-.03.776l-.007.013a1.536,1.536,0,0,1-.911.745A2.067,2.067,0,0,1,20.672,15.316Zm-.414-.511a.307.307,0,0,0,.021.2c.035.046.133.076.308.095a1.58,1.58,0,0,0,.476-.049,1.322,1.322,0,0,0,.781-.645.775.775,0,0,0,.025-.6.6.6,0,0,0-.351-.331,1.709,1.709,0,0,0-.674-.085.341.341,0,0,0-.35.23l-.061.3c-.048.237-.1.495-.145.731Z' }),
+            React.createElement("path", { fill: fill || '#ebefff', d: 'M3.425,22.906a1.615,1.615,0,0,1-.3-.393,1.41,1.41,0,0,1-.173-.735c-.26-4.433-.031-8.31,1.382-11.478.173-.388.2-.505.561-.684a7.429,7.429,0,0,1,3.452-.4c.036-.1.107-.2.076-.3a9.955,9.955,0,0,0-3.146.25c-.7.112-1.382.235-1.55,1.347-1.412,3.739-1.31,7.28-1.163,10.759a2.433,2.433,0,0,0,.112.74c.275.877.541.847.75.893Z' }),
+            React.createElement("path", { fill: fill || '#ebefff', d: 'M8.848,22.351c0-.923-.076-1.846-.076-2.773a5.413,5.413,0,0,0-.341-1.545,7.481,7.481,0,0,0-.7-1.025,7.387,7.387,0,0,1,.7,4.92C8.573,22.07,8.7,22.213,8.848,22.351Z' }),
+            React.createElement("path", { fill: fill || '#373435', d: 'M8.924,22.534l-.071-.027a1.536,1.536,0,0,1-.66-.542l-.069-.087h.065c.015-.331.009-.634,0-.928-.006-.31-.013-.63.005-.982l0-.059.059.009a.788.788,0,0,1,.69.6l0,.008v.008c-.005.344-.009.65-.013.955s-.008.622-.013.97Zm-.631-.614a1.519,1.519,0,0,0,.526.458c0-.316.008-.6.012-.891,0-.3.008-.607.013-.947a.672.672,0,0,0-.544-.505c-.014.324-.008.623,0,.913C8.3,21.255,8.31,21.572,8.293,21.92Z' }),
+            React.createElement("path", { fill: fill || '#ebefff', d: 'M10.252,23.657a1.022,1.022,0,0,1-.5-.423c-.036-1.648-.067-3.3-.1-4.949l.251.25a6.049,6.049,0,0,1,.077,1.051l.077.2A37.7,37.7,0,0,0,10.252,23.657Z' }),
+            React.createElement("path", { fill: fill || '#373435', d: 'M10.335,24.023,10.265,24a1.209,1.209,0,0,1-.673-.586L9.585,23.4V23.38c0-.549.01-1.117.01-1.673v-.014l.007-.012c.151-.275.281-.452.423-.424.111.022.236.151.32.935,0,.583-.01,1.177-.01,1.758Zm-.643-.65a1.124,1.124,0,0,0,.537.5c0-.557.005-1.124.01-1.674-.078-.729-.19-.829-.234-.838s-.13.047-.3.359C9.7,22.27,9.7,22.831,9.692,23.374Zm-.044.009h0Z' }),
+            React.createElement("path", { fill: fill || '#373435', d: 'M8.5,18.057a.708.708,0,0,0-.036-.25c.041.01.082.015.122.026l.647.526a.377.377,0,0,0,.2-.2.27.27,0,0,1,.214.1c.01.419-.02.832-.01,1.25a.356.356,0,0,1,.122.225,7.181,7.181,0,0,1,.8.077c.015.066.036.107.051.174a4.038,4.038,0,0,0-.9,0v.189a2.838,2.838,0,0,1,.7.051c.01.056.015.082.025.138a2.831,2.831,0,0,0-.749.01c.031,1.031.041,2.052,0,3.088-.082-.194-.239-.383-.326-.577a19.57,19.57,0,0,0,.061-3.976A2.746,2.746,0,0,0,8.5,18.057Z' }),
+            React.createElement("path", { fill: fill || '#373435', d: 'M9.544,23.524a1.979,1.979,0,0,0-.155-.274,2.414,2.414,0,0,1-.17-.3L9.2,22.909l.006-.045a19.407,19.407,0,0,0,.062-3.9,2.7,2.7,0,0,0-.852-.767l-.09-.058.02-.106a.343.343,0,0,0-.018-.113c-.007-.027-.013-.053-.018-.079l-.046-.245.242.06.052.011c.023,0,.047.009.07.015l.034.009.584.474a.156.156,0,0,0,.039-.057l.039-.1h.111a.427.427,0,0,1,.345.171l.027.039v.048c.005.213,0,.427-.005.633,0,.183-.009.372-.006.558a.572.572,0,0,1,.086.131c.166.007.33.029.49.049l.206.025.112.013.025.11a.73.73,0,0,0,.021.072c.01.031.021.063.03.1l.049.212-.217-.017-.039,0,.073.4-.211-.022a2.894,2.894,0,0,0-.569-.009c.032,1.14.03,2.082,0,2.954ZM9.53,22.86l.019.036q0-.108,0-.219Q9.542,22.769,9.53,22.86ZM9.315,18.5a1.989,1.989,0,0,1,.175.215c0-.115,0-.231,0-.346A.62.62,0,0,1,9.315,18.5Z' }),
+            React.createElement("path", { fill: fill || '#ebefff', d: 'M9.121,8.964a3.473,3.473,0,0,0,1.307-.449,5.948,5.948,0,0,1,2.593-.75,1.8,1.8,0,0,0-1.2-.1A7.176,7.176,0,0,0,9.121,8.964Z' }),
+            React.createElement("path", { fill: fill || '#ebefff', d: 'M14.114,8.41a10.412,10.412,0,0,1,6.65.3,9.77,9.77,0,0,0-6.624-.447C14.139,8.365,14.114,8.314,14.114,8.41Z' }))));
 };
 
 const PostgresLogo = ({ size = 16, fill, rotate = 0, onClick }) => {

package/lib/{data → mock-data}/sources/index.d.ts

@@ -4,6 +4,7 @@ export declare const MOCK_SOURCE_JAEGER: {
     namespace: string;
     name: string;
     kind: K8sResourceKind;
+    streamNames: never[];
     selected: boolean;
     otelServiceName: string;
     numberOfInstances: number;

package/lib/snippets/add-button/index.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { type ButtonProps } from '@/components';
+interface AddButtonProps extends ButtonProps {
+    label?: string;
+}
+declare const AddButton: FC<AddButtonProps>;
+export { AddButton, type AddButtonProps };

package/lib/snippets/edit-button/index.d.ts

@@ -0,0 +1,7 @@
+import { type FC } from 'react';
+import { type ButtonProps } from '@/components';
+interface EditButtonProps extends ButtonProps {
+    label?: string;
+}
+declare const EditButton: FC<EditButtonProps>;
+export { EditButton, type EditButtonProps };

package/lib/snippets/index.d.ts

@@ -0,0 +1,3 @@
+export * from './add-button/index';
+export * from './edit-button/index';
+export * from './note-back-to-summary/index';

package/lib/snippets/note-back-to-summary/index.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface NoteBackToSummaryProps {
+    onClick: () => void;
+}
+declare const NoteBackToSummary: FC<NoteBackToSummaryProps>;
+export { NoteBackToSummary, type NoteBackToSummaryProps };

package/lib/snippets/note-back-to-summary/note-back-to-summary.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type NoteBackToSummaryProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<NoteBackToSummaryProps>;
+};
+export default _default;
+export declare const Default: StoryFn<NoteBackToSummaryProps>;

package/lib/snippets.js

@@ -0,0 +1,17 @@
+export { A as AddButton } from './index-CYUrArTm.js';
+export { E as EditButton, N as NoteBackToSummary } from './index-DE7A6Q_i.js';
+import 'react';
+import './theme.js';
+import './index-CK8tITRA.js';
+import './types.js';
+import 'styled-components';
+import './index-BJxaoI0G.js';
+import './index-BZS1ijMm.js';
+import './index-HOKGoci6.js';
+import './index-C0N2DFBu.js';
+import './index-DGel4E-Z.js';
+import './index-C2m4uddS.js';
+import './index-IKusBlIE.js';
+import './useTransition-DvT5YNul.js';
+import 'react-dom';
+import './index-CWbxXTof.js';

package/lib/store/index.d.ts

@@ -1,4 +1,5 @@
 export * from './useDarkMode';
+export * from './useDataStreamStore';
 export * from './useDrawerStore';
 export * from './useEntityStore';
 export * from './useFilterStore';

package/lib/store/useDataStreamStore.d.ts

@@ -0,0 +1,16 @@
+import type { DataStream } from '@/types';
+interface IDataStreamState {
+    dataStreamsLoading: boolean;
+    dataStreams: DataStream[];
+    selectedStreamName: string;
+}
+interface IDataStreamStateSetters {
+    setDataStreamsLoading: (bool: boolean) => void;
+    setDataStreams: (dataStreams: DataStream[]) => void;
+    addDataStreams: (dataStreams: DataStream[]) => void;
+    removeDataStreams: (dataStreams: DataStream[]) => void;
+    setSelectedStreamName: (streamName: string) => void;
+    resetDataStreamStore: () => void;
+}
+export declare const useDataStreamStore: import("zustand").UseBoundStore<import("zustand").StoreApi<IDataStreamState & IDataStreamStateSetters>>;
+export {};

package/lib/store/useSetupStore.d.ts

@@ -1,44 +1,30 @@
-import { type Destination, type DestinationFormData, DestinationTypes, type Source } from '@/types';
+import type { Destination, Source } from '@/types';
+export type AvailableSource = Pick<Source, 'name' | 'kind' | 'selected' | 'numberOfInstances'>;
 export interface AvailableSourcesByNamespace {
-    [namespace: string]: Pick<Source, 'name' | 'kind' | 'selected' | 'numberOfInstances'>[];
+    [namespace: string]: AvailableSource[];
 }
+export type SelectedSource = AvailableSource & {
+    currentStreamName: string;
+};
 export interface SourceSelectionFormData {
-    [namespace: string]: Pick<Source, 'name' | 'kind' | 'selected'>[];
+    [namespace: string]: SelectedSource[];
 }
 export interface NamespaceSelectionFormData {
     [namespace: string]: boolean;
 }
-export interface StoredSetupDestination {
-    type: DestinationTypes;
-    displayName: string;
-    category: string;
-    exportedSignals: Destination['exportedSignals'];
-    destinationTypeDetails: {
-        title: string;
-        value: string;
-    }[];
-}
 export interface ISetupState {
     availableSources: AvailableSourcesByNamespace;
     configuredSources: SourceSelectionFormData;
     configuredFutureApps: NamespaceSelectionFormData;
-    configuredDestinations: {
-        stored: StoredSetupDestination;
-        form: DestinationFormData;
-    }[];
+    configuredDestinations: Destination[];
 }
 interface ISetupStateSetters {
     setAvailableSources: (payload: ISetupState['availableSources']) => void;
     setConfiguredSources: (payload: ISetupState['configuredSources']) => void;
     setConfiguredFutureApps: (payload: ISetupState['configuredFutureApps']) => void;
     setConfiguredDestinations: (payload: ISetupState['configuredDestinations']) => void;
-    addConfiguredDestination: (payload: {
-        stored: StoredSetupDestination;
-        form: DestinationFormData;
-    }) => void;
-    removeConfiguredDestination: (payload: {
-        type: string;
-    }) => void;
+    addConfiguredDestination: (payload: Destination) => void;
+    removeConfiguredDestination: (payload: Destination) => void;
     resetState: () => void;
 }
 export declare const useSetupStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ISetupState & ISetupStateSetters>>;

package/lib/store.js

@@ -1,4 +1,4 @@
-export { u as useDarkMode, a as useDrawerStore, b as useEntityStore, c as useFilterStore, d as useInstrumentStore, e as useModalStore, f as useNotificationStore, g as usePendingStore, h as useSelectedStore, i as useSetupStore } from './index-DiTtXTRm.js';
+export { u as useDarkMode, a as useDataStreamStore, b as useDrawerStore, c as useEntityStore, d as useFilterStore, e as useInstrumentStore, f as useModalStore, g as useNotificationStore, h as usePendingStore, i as useSelectedStore, j as useSetupStore } from './index-CK8tITRA.js';
 import './types.js';
 import 'react';
 import 'styled-components';

package/lib/theme.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { u as useDarkMode, j as animations } from './index-DiTtXTRm.js';
+import { u as useDarkMode, l as animations } from './index-CK8tITRA.js';
 import { ThemeProvider, useTheme } from 'styled-components';
 import './types.js';
 

package/lib/types/actions/index.d.ts

@@ -20,6 +20,7 @@ export interface Action {
         signals: SignalType[];
         disabled?: boolean;
         collectContainerAttributes?: boolean | null;
+        collectReplicaSetAttributes?: boolean | null;
         collectWorkloadId?: boolean | null;
         collectClusterId?: boolean | null;
         labelsAttributes?: {
@@ -66,6 +67,7 @@ export interface ActionFormData {
     signals: Action['spec']['signals'];
     disabled: Action['spec']['disabled'];
     collectContainerAttributes: Action['spec']['collectContainerAttributes'];
+    collectReplicaSetAttributes: Action['spec']['collectReplicaSetAttributes'];
     collectWorkloadId: Action['spec']['collectWorkloadId'];
     collectClusterId: Action['spec']['collectClusterId'];
     labelsAttributes: Action['spec']['labelsAttributes'];

package/lib/types/data-streams/index.d.ts

@@ -0,0 +1,3 @@
+export interface DataStream {
+    name: string;
+}

package/lib/types/destinations/index.d.ts

@@ -1,6 +1,6 @@
 import type { Comparison } from '@/functions';
 import type { DropdownProps } from '@/components';
-import { type Condition, FieldTypes } from '../common';
+import { type Condition, FieldTypes, SVG } from '../common';
 export declare enum DestinationTypes {
     Alauda = "alauda",
     AlibabaCloud = "alibabacloud",
@@ -60,11 +60,14 @@ export declare enum DestinationTypes {
     Tingyun = "tingyun",
     Traceloop = "traceloop",
     Uptrace = "uptrace",
+    VictoriaMetrics = "victoriametrics",
+    VictoriaMetricsCloud = "victoriametricscloud",
     XRay = "xray"
 }
 export interface Destination {
     id: string;
     name: string;
+    streamNames: string[];
     exportedSignals: {
         traces: boolean;
         metrics: boolean;
@@ -105,6 +108,8 @@ export interface DestinationYamlProperties {
     }[];
 }
 export interface DestinationOption {
+    id?: string;
+    selected?: boolean;
     type: Destination['destinationType']['type'];
     displayName: Destination['destinationType']['displayName'];
     supportedSignals: Destination['destinationType']['supportedSignals'];
@@ -112,13 +117,15 @@ export interface DestinationOption {
     fields: DestinationYamlProperties[];
 }
 export type DestinationCategories = {
-    name: 'managed' | 'self hosted';
+    icon?: SVG;
+    name: string;
     description: string;
     items: DestinationOption[];
 }[];
 export interface DestinationFormData {
     type: Destination['destinationType']['type'];
     name: Destination['destinationType']['displayName'];
+    currentStreamName: string;
     exportedSignals: Destination['exportedSignals'];
     fields: {
         key: string;
@@ -136,4 +143,11 @@ export interface DestinationDynamicField {
     placeholder?: string;
     options?: DropdownProps['options'];
 }
+export interface TestConnectionResponse {
+    succeeded: boolean;
+    message: string;
+    reason: string;
+    destinationType?: DestinationTypes;
+}
+export type TestConnectionFunc = (payload: DestinationFormData) => Promise<TestConnectionResponse | undefined>;
 export {};

package/lib/types/index.d.ts

@@ -2,6 +2,7 @@ export * from './actions';
 export * from './common';
 export * from './connection';
 export * from './data-flow';
+export * from './data-streams';
 export * from './describe';
 export * from './destinations';
 export * from './instrumentation-rules';

package/lib/types/namespaces/index.d.ts

@@ -4,3 +4,16 @@ export interface Namespace {
     selected: boolean;
     sources?: Source[];
 }
+export type FetchSingleNamespace = (payload: {
+    variables: {
+        namespaceName: string;
+    };
+}) => Promise<{
+    loading: boolean;
+    error?: string;
+    data?: {
+        computePlatform?: {
+            k8sActualNamespace?: Namespace;
+        };
+    };
+}>;

package/lib/types/sources/index.d.ts

@@ -1,3 +1,4 @@
+import { SelectedSource } from '@/store';
 import { type Condition, ProgrammingLanguages } from '../common';
 export declare enum K8sResourceKind {
     Deployment = "Deployment",
@@ -13,6 +14,7 @@ export interface Source extends WorkloadId {
     selected: boolean;
     otelServiceName: string;
     numberOfInstances?: number;
+    streamNames: string[];
     containers: {
         containerName: string;
         language: ProgrammingLanguages;
@@ -25,9 +27,10 @@ export interface Source extends WorkloadId {
 }
 export interface SourceFormData {
     otelServiceName: string;
+    currentStreamName: string;
 }
 export type PersistSources = (selectAppsList: {
-    [namespace: string]: Pick<Source, 'name' | 'kind' | 'selected'>[];
+    [namespace: string]: SelectedSource[];
 }, futureSelectAppsList: {
     [namespace: string]: boolean;
 }) => void;

package/lib/types.js

@@ -191,6 +191,8 @@ var DestinationTypes;
     DestinationTypes["Tingyun"] = "tingyun";
     DestinationTypes["Traceloop"] = "traceloop";
     DestinationTypes["Uptrace"] = "uptrace";
+    DestinationTypes["VictoriaMetrics"] = "victoriametrics";
+    DestinationTypes["VictoriaMetricsCloud"] = "victoriametricscloud";
     DestinationTypes["XRay"] = "xray";
 })(DestinationTypes || (DestinationTypes = {}));