@vchasno/ui-kit 0.3.2 → 0.3.3

package/dist/ProjectsPopover/index.js

@@ -158,42 +158,6 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z$1 = ".vchasno-ui-flex-box {\n    display: flex;\n    max-width: 100%;\n    flex-direction: row;\n    align-content: flex-start;\n    gap: 10px;\n}\n";
-styleInject(css_248z$1);
-
-var FlexBox = React__default.forwardRef(function (_a, ref) {
-    var className = _a.className, _b = _a.tagName, tagName = _b === void 0 ? 'div' : _b, children = _a.children, direction = _a.direction, gap = _a.gap, wrap = _a.wrap, align = _a.align, justify = _a.justify, grow = _a.grow, shrink = _a.shrink, _c = _a.style, style = _c === void 0 ? {} : _c, rest = __rest(_a, ["className", "tagName", "children", "direction", "gap", "wrap", "align", "justify", "grow", "shrink", "style"]);
-    return React__default.createElement(tagName, __assign({ ref: ref, className: cn('vchasno-ui-flex-box', className), style: __assign(__assign({}, style), { flexDirection: direction, gap: gap, flexWrap: wrap, justifyContent: justify, alignItems: align, alignContent: align, flexGrow: grow, flexShrink: shrink }) }, rest), children);
-});
-FlexBox.displayName = 'FlexBox';
-
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
@@ -12455,9 +12419,9 @@ var hrefMap = {
     kep: 'https://cap.vchasno.ua',
     kasa: 'https://kasa.vchasno.ua',
     zakupivli: 'https://zakupivli.pro',
-    prozorroSale: 'https://zakupivli.pro',
-    prozorroMarket: 'https://zakupivli.pro',
-    prozorroRRO: 'https://zakupivli.pro',
+    prozorroSale: 'https://zakupivli.pro/auctions-dgf',
+    prozorroMarket: 'https://zakupivli.pro/ecatalog/gov/list',
+    prozorroRRO: 'https://zakupivli.pro/gov/tenders',
 };
 var tooltipHintMap = {
     edo: 'Обмін електронними документами',
@@ -12562,14 +12526,25 @@ var isZakupivliProduct = function (product) {
     return zakupivliProductsList.includes(product);
 };
 
+var composeZakupivliLink = function (_a) {
+    var targetProduct = _a.targetProduct;
+    var baseUrl = hrefMap[targetProduct];
+    var link = new URL(baseUrl);
+    link.searchParams.set('utm_source', 'vchasno-cabinet');
+    link.searchParams.set('utm_medium', 'link');
+    link.searchParams.set('utm_campaign', 'vchasno-cabinet');
+    return link.href;
+};
 var composeLink = function (_a) {
     var targetProduct = _a.targetProduct, ctxProduct = _a.ctxProduct, queryParams = _a.queryParams, edrpou = _a.edrpou;
+    if (zakupivliProductsList.includes(targetProduct)) {
+        return composeZakupivliLink({ targetProduct: targetProduct });
+    }
     var baseUrl = hrefMap[targetProduct];
     var link = new URL(baseUrl);
     if (edrpou) {
         link.searchParams.set('edrpou', edrpou);
     }
-    link.searchParams.set('utm_medium', 'link');
     link.searchParams.set('utm_source', ctxProduct);
     link.searchParams.set('utm_campaign', ctxProduct);
     if (queryParams) {
@@ -12597,7 +12572,34 @@ var ProductLink = function (_a) {
                 React__default.createElement("h5", { className: "vchasno-ui-ProjectsPopover__box__title" }, titleMap[product]))))));
 };
 
-var css_248z = ".vchasno-ui-ProjectsPopover {\n    display: inline-block;\n    max-width: 440px;\n    padding: 24px 16px 0;\n    border-radius: 3px;\n    background-color: #fff;\n}\n\n.vchasno-ui-ProjectsPopover a:hover {\n    color: unset;\n    text-decoration: none;\n}\n\n.vchasno-ui-ProjectsPopover--border {\n    border: 1px solid #dbe5ea;\n}\n\n.vchasno-ui-ProjectsPopover__title {\n    width: 100%;\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 18px;\n}\n\n.vchasno-ui-ProjectsPopover__box {\n    display: inline-flex;\n    min-width: 198px;\n    min-height: 80px;\n    box-sizing: border-box;\n    align-items: center;\n    padding: 20px;\n    border: 1px solid #dbe5ea;\n    border-radius: 8px;\n    color: var(--vchasno-ui-text-primary-color);\n    gap: 8px;\n    text-decoration: none;\n    transition: background-color 0.3s;\n}\n\n.vchasno-ui-ProjectsPopover__box__icon {\n    width: 40px;\n    height: 40px;\n    box-sizing: border-box;\n    flex-shrink: 0;\n    border-radius: 50%;\n}\n\n.vchasno-ui-ProjectsPopover__box:hover {\n    background-color: #f3f6f8;\n    cursor: pointer;\n}\n\n.vchasno-ui-ProjectsPopover__box__title {\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 26px;\n}\n\n.vchasno-ui-ProjectsPopover .vchasno-ui-ProjectsPopover__footer {\n    display: flex;\n    min-height: 42px;\n    align-items: center;\n    justify-content: center;\n    border-radius: 0 0 4px 4px;\n    margin: 0 -16px;\n    background: #ecf4ff;\n    color: #6b8091;\n    font-size: 12px;\n    font-weight: 400;\n}\n\n.vchasno-ui-ProjectsPopover .vchasno-ui-ProjectsPopover__footer > a {\n    color: #0890de;\n    text-decoration: none;\n}\n";
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = ".vchasno-ui-ProjectsPopover {\n    display: inline-block;\n    width: 440px;\n    max-width: calc(100vw - 32px);\n    box-sizing: border-box;\n    padding: 24px 16px 0;\n    border-radius: 3px;\n    background-color: #fff;\n}\n\n.vchasno-ui-ProjectsPopover__content {\n    display: flex;\n    flex-direction: column;\n    gap: 32px;\n}\n\n.vchasno-ui-ProjectsPopover__products {\n    display: flex;\n    width: calc(100% + 32px);\n    box-sizing: border-box;\n    flex-wrap: wrap;\n    gap: 10px;\n}\n\n.vchasno-ui-ProjectsPopover a:hover {\n    color: unset;\n    text-decoration: none;\n}\n\n.vchasno-ui-ProjectsPopover--border {\n    border: 1px solid #dbe5ea;\n}\n\n.vchasno-ui-ProjectsPopover__title {\n    width: 100%;\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 18px;\n}\n\n.vchasno-ui-ProjectsPopover__box {\n    display: inline-flex;\n    width: 198px;\n    box-sizing: border-box;\n    align-items: center;\n    padding: 20px;\n    border: 1px solid #dbe5ea;\n    border-radius: 8px;\n    aspect-ratio: 198/80;\n    color: var(--vchasno-ui-text-primary-color);\n    gap: 8px;\n    text-decoration: none;\n    transition: background-color 0.3s;\n}\n\n.vchasno-ui-ProjectsPopover__box > svg {\n    max-width: 90%;\n}\n\n.vchasno-ui-ProjectsPopover__box__icon {\n    width: 40px;\n    height: 40px;\n    box-sizing: border-box;\n    flex-shrink: 0;\n    border-radius: 50%;\n}\n\n.vchasno-ui-ProjectsPopover__box:hover {\n    background-color: #f3f6f8;\n    cursor: pointer;\n}\n\n.vchasno-ui-ProjectsPopover__box__title {\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 26px;\n}\n\n.vchasno-ui-ProjectsPopover .vchasno-ui-ProjectsPopover__footer {\n    display: flex;\n    min-height: 42px;\n    align-items: center;\n    justify-content: center;\n    border-radius: 0 0 4px 4px;\n    margin: 0 -16px;\n    background: #ecf4ff;\n    color: #6b8091;\n    font-size: 12px;\n    font-weight: 400;\n}\n\n.vchasno-ui-ProjectsPopover .vchasno-ui-ProjectsPopover__footer > a {\n    color: #0890de;\n    text-decoration: none;\n}\n\n@media screen and (width <= 480px) {\n    .vchasno-ui-ProjectsPopover {\n        width: 330px;\n    }\n\n    .vchasno-ui-ProjectsPopover__box {\n        width: calc(50% - 20px);\n        flex-direction: column;\n        justify-content: center;\n        padding: 10px;\n        aspect-ratio: 1 / 1;\n    }\n}\n";
 styleInject(css_248z);
 
 var ProjectsPopover = function (_a) {
@@ -12607,19 +12609,15 @@ var ProjectsPopover = function (_a) {
         .filter(function (item) { return !hideProduct(item); });
     var displayZakupivliProducts = zakupivliProductsList.filter(function (item) { return !hideProduct(item); });
     return (React__default.createElement("div", { className: cn('vchasno-ui-ProjectsPopover', className) },
-        React__default.createElement(FlexBox, { direction: "column", gap: 32 },
-            React__default.createElement(FlexBox, { style: {
-                    width: 420,
-                    boxSizing: 'border-box',
+        React__default.createElement("div", { className: "vchasno-ui-ProjectsPopover__content" },
+            React__default.createElement("div", { className: "vchasno-ui-ProjectsPopover__products", style: {
                     display: displayVchasnoProducts.length ? 'flex' : 'none',
-                }, gap: 10, wrap: "wrap" },
+                } },
                 React__default.createElement("h3", { className: "vchasno-ui-ProjectsPopover__title" }, vchasnoTitle),
                 displayVchasnoProducts.map(function (key) { return (React__default.createElement(ProductLink, { overrideHint: overrideHint, queryParams: queryParams, onLinkClick: onLinkClick, edrpou: edrpou, ctxProduct: product, key: key, product: key })); })),
-            React__default.createElement(FlexBox, { style: {
-                    width: 420,
-                    boxSizing: 'border-box',
+            React__default.createElement("div", { className: "vchasno-ui-ProjectsPopover__products", style: {
                     display: displayZakupivliProducts.length ? 'flex' : 'none',
-                }, gap: 10, wrap: "wrap" },
+                } },
                 React__default.createElement("h3", { className: "vchasno-ui-ProjectsPopover__title" }, zakupivliTitle),
                 displayZakupivliProducts.map(function (key) { return (React__default.createElement(ProductLink, { overrideHint: overrideHint, onLinkClick: onLinkClick, queryParams: queryParams, edrpou: edrpou, ctxProduct: product, key: key, product: key })); })),
             React__default.createElement("footer", { className: "vchasno-ui-ProjectsPopover__footer" },