@pushwoosh/smart-components-kit 1.0.63 → 1.0.64

package/OpenActions/components/OpenActionsSummary/OpenActionsSummary.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { type OpenActionsSummaryProps } from '../../types';
+import type { OpenActionsSummaryProps } from '../../types';
 export declare const OpenActionsSummary: ({ openActions }: OpenActionsSummaryProps) => React.JSX.Element;

package/OpenActions/components/OpenActionsSummary/OpenActionsSummary.js

@@ -2,8 +2,8 @@ import React from 'react';
 import { useParams } from 'react-router-dom';
 import { Link, Spinner } from '@pushwoosh/dumb-components';
 import { Color, PlatformsIcons, PlatformsLabels, Tag } from '@pushwoosh/kit-constants';
-import { Horizontal, useAsync, Vertical } from '@pushwoosh/kit-helpers';
-import { PlatformLogoIcon } from '@pushwoosh/kit-icons';
+import { Horizontal, Vertical, useAsync } from '@pushwoosh/kit-helpers';
+import { OpenIcon, PlatformLogoIcon } from '@pushwoosh/kit-icons';
 import { Text } from '@pushwoosh/kit-typography';
 import { LinkRow, ClickActionSection } from './styles';
 import { useSPAContext } from '../../../context';
@@ -35,7 +35,14 @@ export const OpenActionsSummary = ({
     rel: "noopener noreferrer",
     target: "_blank",
     href: url
-  }, urlText ?? url)));
+  }, React.createElement(Horizontal, {
+    "$alignItems": "center",
+    "$justifyContent": "start",
+    "$gap": 4
+  }, urlText ?? url, React.createElement(OpenIcon, {
+    view: "lined",
+    size: "small"
+  })))));
   const renderPlatformDeepLink = (platformKey, url, label = 'deep link') => {
     const isEnumKey = typeof platformKey === 'number';
     const icon = isEnumKey ? PlatformsIcons[platformKey] : null;
@@ -43,9 +50,9 @@ export const OpenActionsSummary = ({
     return React.createElement(ClickActionSection, {
       key: platformKey
     }, React.createElement(Horizontal, {
-      "$gap": 8,
+      "$alignItems": "start",
       "$justifyContent": "start",
-      "$alignItems": "start"
+      "$gap": 8
     }, icon && React.createElement(PlatformLogoIcon, {
       size: "small",
       type: icon,

package/package.json

@@ -53,5 +53,5 @@
     "react": "^16.14.0 || ^18.0.0",
     "react-dom": "^16.14.0 || ^18.0.0"
   },
-  "version": "1.0.63"
+  "version": "1.0.64"
 }