@pushwoosh/smart-components-kit 1.0.46 → 1.0.48

package/OpenActions/components/OpenActionsSummary/OpenActionsSummary.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import { useParams, Link as ReactLink } from 'react-router-dom';
+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 { OpenIcon, PlatformLogoIcon } from '@pushwoosh/kit-icons';
-import { H4, Text } from '@pushwoosh/kit-typography';
+import { PlatformLogoIcon } from '@pushwoosh/kit-icons';
+import { Text } from '@pushwoosh/kit-typography';
 import { LinkRow, ClickActionSection } from './styles';
 import { useSPAContext } from '../../../context';
 import { getSafariUrl } from '../../helpers';
@@ -30,12 +30,12 @@ export const OpenActionsSummary = ({
   }) : Promise.resolve(undefined), [rpcGateway, applicationCode]);
   const hasCustomPlatformsDeeplink = Object.keys(platformsDeeplinkUrls).length > 0;
   const safariUrl = getSafariUrl((applicationData === null || applicationData === void 0 || (_applicationData$valu = applicationData.value) === null || _applicationData$valu === void 0 ? void 0 : _applicationData$valu.application) || null, safariUrlArgs ?? '');
-  const renderInfoBlock = (device, action, url = null) => React.createElement(Vertical, null, React.createElement("span", null, "For", ' ', React.createElement("strong", null, device), ' ', "subscribers:", ' ', React.createElement("strong", null, action)), url && React.createElement(LinkRow, null, React.createElement(Link, {
+  const renderInfoBlock = (device, action, url = null, urlText) => React.createElement(Vertical, null, React.createElement("span", null, "For", ' ', React.createElement("strong", null, device), ' ', "subscribers:", ' ', React.createElement("strong", null, action)), url && React.createElement(LinkRow, null, React.createElement(Link, {
     as: Tag.A,
     rel: "noopener noreferrer",
     target: "_blank",
     href: url
-  }, url)));
+  }, urlText ?? url)));
   const renderPlatformDeepLink = (platformKey, url, label = 'deep link') => {
     const isEnumKey = typeof platformKey === 'number';
     const icon = isEnumKey ? PlatformsIcons[platformKey] : null;
@@ -56,28 +56,19 @@ export const OpenActionsSummary = ({
       "$uppercase": true
     }, labelText, ' ', label)), React.createElement(LinkRow, null, url));
   };
-  const renderRichmedia = richmedia => {
-    if (richmedia.url) {
-      return React.createElement(Vertical, null, React.createElement(H4, null, "Show in-app banner"), React.createElement(ClickActionSection, null, React.createElement(LinkRow, null, richmedia.url)));
-    } else if (richmedia.code) {
-      return React.createElement(Horizontal, {
-        "$gap": 4,
-        "$justifyContent": "start",
-        "$alignItems": "center"
-      }, React.createElement(H4, null, "Show in-app banner:"), React.createElement(Text, null, richmedia.code), React.createElement(ReactLink, {
-        to: `/applications/${applicationCode}/rich-media/${richmedia.code}/edit`,
-        target: "_blank"
-      }, React.createElement(OpenIcon, {
-        color: Color.SOFT,
-        size: "small",
-        view: "lined"
-      })));
+  const getRichmediaLink = ({
+    url,
+    code,
+    createdType = 'BUILDER'
+  }) => {
+    if (code) {
+      return createdType === 'BUILDER' ? `/applications/${applicationCode}/rich-media/${code}/edit` : `/applications/${applicationCode}/richMedia/edit/${Date.now()}/${code}`;
     }
-    return null;
+    return url;
   };
   return React.createElement(Vertical, {
     "$gap": 8
-  }, openActions ? React.createElement(React.Fragment, null, hasCustomPlatformsDeeplink && renderInfoBlock('mobile', 'follow the Deep link'), Object.entries(platformsDeeplinkUrls).map(([platformKey, url]) => renderPlatformDeepLink(+platformKey, url)), allPlatformsDeeplinkUrl && hasCustomPlatformsDeeplink && renderPlatformDeepLink('Other platforms', allPlatformsDeeplinkUrl), allPlatformsDeeplinkUrl && !hasCustomPlatformsDeeplink && renderInfoBlock('mobile', 'follow the Deep link', allPlatformsDeeplinkUrl), !allPlatformsDeeplinkUrl && !hasCustomPlatformsDeeplink && renderInfoBlock('mobile', 'open home page in application'), webPageUrl && renderInfoBlock('web', 'open URL in browser', webPageUrl), webPageUrl && safariUrl && renderInfoBlock('Safari', 'open URL in Safari browser', safariUrl), !webPageUrl && renderInfoBlock('web', 'open home page in browser'), showRichmedia && renderRichmedia(showRichmedia)) : React.createElement(Spinner, {
+  }, openActions ? React.createElement(React.Fragment, null, showRichmedia && renderInfoBlock('mobile', 'open in-app banner', getRichmediaLink(showRichmedia), showRichmedia.name || showRichmedia.code), !showRichmedia && hasCustomPlatformsDeeplink && renderInfoBlock('mobile', 'follow the Deep link'), !showRichmedia && Object.entries(platformsDeeplinkUrls).map(([platformKey, url]) => renderPlatformDeepLink(+platformKey, url)), !showRichmedia && allPlatformsDeeplinkUrl && hasCustomPlatformsDeeplink && renderPlatformDeepLink('Other platforms', allPlatformsDeeplinkUrl), !showRichmedia && allPlatformsDeeplinkUrl && !hasCustomPlatformsDeeplink && renderInfoBlock('mobile', 'follow the Deep link', allPlatformsDeeplinkUrl), !showRichmedia && !allPlatformsDeeplinkUrl && !hasCustomPlatformsDeeplink && renderInfoBlock('mobile', 'open home page in application'), webPageUrl && renderInfoBlock('web', 'open URL in browser', webPageUrl), webPageUrl && safariUrl && renderInfoBlock('Safari', 'open URL in Safari browser', safariUrl), !webPageUrl && renderInfoBlock('web', 'open home page in browser')) : React.createElement(Spinner, {
     color: Color.MAIN,
     size: "medium"
   }));

package/OpenActions/types.d.ts

@@ -1,12 +1,16 @@
 import { type AllPlatforms } from '@pushwoosh/kit-constants';
+import { type RichMedia_CreatedType } from '@pushwoosh/rpc-v2-http-api-data/rich_medias';
+export type RichmediaOpenAction = {
+    url?: string;
+    code?: string;
+    name?: string;
+    createdType?: RichMedia_CreatedType;
+};
 export type ParsedOpenActions = {
     platformsDeeplinkUrls: Partial<Record<AllPlatforms, string>>;
     defaultDeeplinkUrl: string | null;
     webPageUrl: string | null;
-    showRichmedia: {
-        url?: string;
-        code?: string;
-    } | null;
+    showRichmedia: RichmediaOpenAction | null;
     safariUrlArgs: string | null;
 };
 export type OpenActionsSummaryProps = {

package/context/types.d.ts

@@ -1,6 +1,7 @@
 import { type History } from 'history';
 import type { GrpcClient, HttpClient, RpcClient } from '@pushwoosh/http-client';
 import type { API as RpcGatewayJourneyAPI } from '@pushwoosh/rpc-gateway-journey-data';
+import type { API as RpcGatewayPaymentAPI } from '@pushwoosh/rpc-gateway-payment-data';
 import type { API as RpcGatewayAPI } from '@pushwoosh/rpc-v2-http-api-data';
 import type { SessionStore } from '@pushwoosh/session-store';
 export type SPAContextType = {
@@ -16,6 +17,7 @@ export type SPAContextType = {
     readonly sessionStore: SessionStore;
     readonly rpcGateway: RpcGatewayAPI;
     readonly rpcGatewayJourney: RpcGatewayJourneyAPI;
+    readonly rpcGatewayPayment: RpcGatewayPaymentAPI;
     readonly language: string;
     readonly helpers: {
         getApiOrigin: (name: string) => string;

package/package.json

@@ -41,6 +41,7 @@
   "peerDependencies": {
     "@pushwoosh/http-client": "^2.5.0",
     "@pushwoosh/rpc-gateway-journey-data": "^0.26.206",
+    "@pushwoosh/rpc-gateway-payment-data": "^0.2.135",
     "@pushwoosh/rpc-v2-http-api-data": "^0.1.566",
     "@pushwoosh/session-store": "^2.5.0",
     "react": "^16.14.0 || ^18.0.0",
@@ -49,5 +50,5 @@
   "engines": {
     "node": ">= 18"
   },
-  "version": "1.0.46"
+  "version": "1.0.48"
 }