@pushwoosh/smart-components-kit 1.0.90 → 1.1.0

package/ModalCloningJourney/ModalCloningJourney.js

@@ -1,4 +1,5 @@
-import React, { useEffect, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
 import { useForm } from 'react-hook-form';
 import { useParams } from 'react-router-dom';
 import { FieldBox, Modal, ModalBody, ModalHeader, ModalFooter, NativeInput, Select, Button, Banner } from '@pushwoosh/dumb-components';
@@ -183,97 +184,118 @@ export function ModalCloningJourney({
       message: 'SMART.MODAL_CLONING_JOURNEY.HOW_IT_WORKS.SAME_CLEAR'
     });
   };
-  return React.createElement(Modal, {
+  return _jsxs(Modal, {
     size: "medium",
-    isOpen: isOpen
-  }, React.createElement(ModalHeader, null, React.createElement(H3, null, lang({
-    message: 'SMART.MODAL_CLONING_JOURNEY.HEADING'
-  }))), React.createElement(ModalBody, null, React.createElement(Vertical, {
-    "$gap": 24
-  }, React.createElement(Paragraph, null, lang({
-    message: 'SMART.MODAL_CLONING_JOURNEY.DESCRIPTION'
-  })), React.createElement(FieldBox, {
-    error: (_errors$title = errors.title) === null || _errors$title === void 0 ? void 0 : _errors$title.message,
-    title: lang({
-      message: 'SMART.MODAL_CLONING_JOURNEY.FIELD.CAMPAIGN_NAME'
-    })
-  }, React.createElement(NativeInput, {
-    disabled: isCloning,
-    placeholder: lang({
-      message: 'SMART.MODAL_CLONING_JOURNEY.PLACEHOLDER.CAMPAIGN_NAME'
-    }),
-    name: "title",
-    value: values.title,
-    onChange: e => {
-      setValue('title', e.target.value);
-      if (e.target.value) {
-        clearErrors('title');
-      }
-    }
-  })), React.createElement(FieldBox, {
-    title: lang({
-      message: 'SMART.MODAL_CLONING_JOURNEY.FIELD.DESTINATION'
-    }),
-    error: (_errors$destination = errors.destination) === null || _errors$destination === void 0 ? void 0 : _errors$destination.message,
-    description: lang({
-      message: 'SMART.MODAL_CLONING_JOURNEY.FIELD.DESTINATION_HINT'
-    })
-  }, React.createElement(Select, {
-    isDisabled: isCloning || applications.loading,
-    isLoading: applications.loading,
-    isMulti: true,
-    options: applicationsOptions,
-    name: "destination",
-    isClearable: true,
-    menuPortalTarget: document.querySelector('body'),
-    styles: {
-      menuPortal: base => ({
-        ...base,
-        zIndex: 10001
+    isOpen: isOpen,
+    children: [_jsx(ModalHeader, {
+      children: _jsx(H3, {
+        children: lang({
+          message: 'SMART.MODAL_CLONING_JOURNEY.HEADING'
+        })
       })
-    },
-    onChange: handleDestinationChange,
-    value: values.destination ? applicationsOptions.filter(app => values.destination.includes(app.value)) : []
-  })), React.createElement(FieldBox, {
-    title: lang({
-      message: 'SMART.MODAL_CLONING_JOURNEY.FIELD.CONTENT'
-    }),
-    error: (_errors$todo = errors.todo) === null || _errors$todo === void 0 ? void 0 : _errors$todo.message
-  }, React.createElement(Select, {
-    isDisabled: isCloning,
-    name: "todo",
-    options: contentOptions,
-    onChange: params => setValue('todo', (params === null || params === void 0 ? void 0 : params.value) ?? 'keep'),
-    value: contentOptions.find(item => item.value === values.todo),
-    menuPortalTarget: document.querySelector('body'),
-    styles: {
-      menuPortal: base => ({
-        ...base,
-        zIndex: 10001
+    }), _jsx(ModalBody, {
+      children: _jsxs(Vertical, {
+        "$gap": 24,
+        children: [_jsx(Paragraph, {
+          children: lang({
+            message: 'SMART.MODAL_CLONING_JOURNEY.DESCRIPTION'
+          })
+        }), _jsx(FieldBox, {
+          error: (_errors$title = errors.title) === null || _errors$title === void 0 ? void 0 : _errors$title.message,
+          title: lang({
+            message: 'SMART.MODAL_CLONING_JOURNEY.FIELD.CAMPAIGN_NAME'
+          }),
+          children: _jsx(NativeInput, {
+            disabled: isCloning,
+            placeholder: lang({
+              message: 'SMART.MODAL_CLONING_JOURNEY.PLACEHOLDER.CAMPAIGN_NAME'
+            }),
+            name: "title",
+            value: values.title,
+            onChange: e => {
+              setValue('title', e.target.value);
+              if (e.target.value) {
+                clearErrors('title');
+              }
+            }
+          })
+        }), _jsx(FieldBox, {
+          title: lang({
+            message: 'SMART.MODAL_CLONING_JOURNEY.FIELD.DESTINATION'
+          }),
+          error: (_errors$destination = errors.destination) === null || _errors$destination === void 0 ? void 0 : _errors$destination.message,
+          description: lang({
+            message: 'SMART.MODAL_CLONING_JOURNEY.FIELD.DESTINATION_HINT'
+          }),
+          children: _jsx(Select, {
+            isDisabled: isCloning || applications.loading,
+            isLoading: applications.loading,
+            isMulti: true,
+            options: applicationsOptions,
+            name: "destination",
+            isClearable: true,
+            menuPortalTarget: document.querySelector('body'),
+            styles: {
+              menuPortal: base => ({
+                ...base,
+                zIndex: 10001
+              })
+            },
+            onChange: handleDestinationChange,
+            value: values.destination ? applicationsOptions.filter(app => values.destination.includes(app.value)) : []
+          })
+        }), _jsxs(FieldBox, {
+          title: lang({
+            message: 'SMART.MODAL_CLONING_JOURNEY.FIELD.CONTENT'
+          }),
+          error: (_errors$todo = errors.todo) === null || _errors$todo === void 0 ? void 0 : _errors$todo.message,
+          children: [_jsx(Select, {
+            isDisabled: isCloning,
+            name: "todo",
+            options: contentOptions,
+            onChange: params => setValue('todo', (params === null || params === void 0 ? void 0 : params.value) ?? 'keep'),
+            value: contentOptions.find(item => item.value === values.todo),
+            menuPortalTarget: document.querySelector('body'),
+            styles: {
+              menuPortal: base => ({
+                ...base,
+                zIndex: 10001
+              })
+            }
+          }), _jsxs(Vertical, {
+            "$gap": 24,
+            children: [_jsx(Paragraph, {
+              children: howItWorks()
+            }), isCloningToAnotherProject && values.todo === 'keep' && _jsx(Banner, {
+              view: "ghost",
+              type: "warning",
+              title: lang({
+                message: 'SMART.MODAL_CLONING_JOURNEY.BANNER.PRESET_SYNC'
+              })
+            })]
+          })]
+        })]
       })
-    }
-  }), React.createElement(Vertical, {
-    "$gap": 24
-  }, React.createElement(Paragraph, null, howItWorks()), isCloningToAnotherProject && values.todo === 'keep' && React.createElement(Banner, {
-    view: "ghost",
-    type: "warning",
-    title: lang({
-      message: 'SMART.MODAL_CLONING_JOURNEY.BANNER.PRESET_SYNC'
-    })
-  }))))), React.createElement(ModalFooter, null, React.createElement(Horizontal, {
-    "$justifyContent": "end",
-    "$gap": 8
-  }, React.createElement(Button, {
-    color: "secondary",
-    onClick: onCancel,
-    isDisabled: isCloning
-  }, lang({
-    message: 'SMART.MODAL_CLONING_JOURNEY.BUTTON.CANCEL'
-  })), React.createElement(Button, {
-    color: "primary",
-    onClick: onFormSubmit,
-    isLoading: isCloning
-  }, lang({
-    message: 'SMART.MODAL_CLONING_JOURNEY.BUTTON.CLONE'
-  })))));
+    }), _jsx(ModalFooter, {
+      children: _jsxs(Horizontal, {
+        "$justifyContent": "end",
+        "$gap": 8,
+        children: [_jsx(Button, {
+          color: "secondary",
+          onClick: onCancel,
+          isDisabled: isCloning,
+          children: lang({
+            message: 'SMART.MODAL_CLONING_JOURNEY.BUTTON.CANCEL'
+          })
+        }), _jsx(Button, {
+          color: "primary",
+          onClick: onFormSubmit,
+          isLoading: isCloning,
+          children: lang({
+            message: 'SMART.MODAL_CLONING_JOURNEY.BUTTON.CLONE'
+          })
+        })]
+      })
+    })]
+  });
 }

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

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

package/OpenActions/components/OpenActionsSummary/OpenActionsSummary.js

@@ -1,4 +1,5 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
 import { useParams } from 'react-router-dom';
 import { Link, Spinner } from '@pushwoosh/dumb-components';
 import { Color, PlatformsIcons, PlatformsLabels, Tag } from '@pushwoosh/kit-constants';
@@ -27,47 +28,63 @@ export const OpenActionsSummary = ({
   const {
     rpcGateway
   } = useSPAContext();
+  // Стабильный кэш-бастер для легаси-ссылки рич-медиа: ленивый инициализатор
+  // useState вычисляет Date.now() один раз на маунт (вне render-scope), чтобы
+  // href не менялся на каждый ререндер (react-hooks/purity).
+  const [richmediaCacheBuster] = useState(() => Date.now());
   const applicationData = useAsync(() => applicationCode ? rpcGateway.applications.Get({
     code: applicationCode
   }) : 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, urlText) => React.createElement(Vertical, null, React.createElement("span", null, React.createElement(Lang, {
-    message: "SMART.OPEN_ACTIONS.INFO_BLOCK",
-    device: device,
-    action: action
-  })), url && React.createElement(LinkRow, null, React.createElement(Link, {
-    as: Tag.A,
-    rel: "noopener noreferrer",
-    target: "_blank",
-    href: url
-  }, React.createElement(Horizontal, {
-    "$alignItems": "center",
-    "$justifyContent": "start",
-    "$gap": 4
-  }, urlText ?? url, React.createElement(OpenIcon, {
-    view: "lined",
-    size: "small"
-  })))));
+  const renderInfoBlock = (device, action, url = null, urlText) => _jsxs(Vertical, {
+    children: [_jsx("span", {
+      children: _jsx(Lang, {
+        message: "SMART.OPEN_ACTIONS.INFO_BLOCK",
+        device: device,
+        action: action
+      })
+    }), url && _jsx(LinkRow, {
+      children: _jsx(Link, {
+        as: Tag.A,
+        rel: "noopener noreferrer",
+        target: "_blank",
+        href: url,
+        children: _jsxs(Horizontal, {
+          "$alignItems": "center",
+          "$justifyContent": "start",
+          "$gap": 4,
+          children: [urlText ?? url, _jsx(OpenIcon, {
+            view: "lined",
+            size: "small"
+          })]
+        })
+      })
+    })]
+  });
   const renderPlatformDeepLink = (platformKey, url, label) => {
     const isEnumKey = typeof platformKey === 'number';
     const icon = isEnumKey ? PlatformsIcons[platformKey] : null;
     const labelText = isEnumKey ? PlatformsLabels[platformKey] : platformKey;
-    return React.createElement(ClickActionSection, {
-      key: platformKey
-    }, React.createElement(Horizontal, {
-      "$alignItems": "start",
-      "$justifyContent": "start",
-      "$gap": 8
-    }, icon && React.createElement(PlatformLogoIcon, {
-      size: "small",
-      type: icon,
-      color: Color.LOCKED
-    }), React.createElement(Text, {
-      "$variant": "h4",
-      "$color": Color.LOCKED,
-      "$uppercase": true
-    }, labelText, ' ', label)), React.createElement(LinkRow, null, url));
+    return _jsxs(ClickActionSection, {
+      children: [_jsxs(Horizontal, {
+        "$alignItems": "start",
+        "$justifyContent": "start",
+        "$gap": 8,
+        children: [icon && _jsx(PlatformLogoIcon, {
+          size: "small",
+          type: icon,
+          color: Color.LOCKED
+        }), _jsxs(Text, {
+          "$variant": "h4",
+          "$color": Color.LOCKED,
+          "$uppercase": true,
+          children: [labelText, ' ', label]
+        })]
+      }), _jsx(LinkRow, {
+        children: url
+      })]
+    }, platformKey);
   };
   const getRichmediaLink = ({
     url,
@@ -75,52 +92,55 @@ export const OpenActionsSummary = ({
     createdType = 'BUILDER'
   }) => {
     if (code) {
-      return createdType === 'BUILDER' ? `/applications/${applicationCode}/rich-media/${code}/edit` : `/applications/${applicationCode}/richMedia/edit/${Date.now()}/${code}`;
+      return createdType === 'BUILDER' ? `/applications/${applicationCode}/rich-media/${code}/edit` : `/applications/${applicationCode}/richMedia/edit/${richmediaCacheBuster}/${code}`;
     }
     return url;
   };
-  return React.createElement(Vertical, {
-    "$gap": 8
-  }, openActions ? React.createElement(React.Fragment, null, showRichmedia && renderInfoBlock(lang({
-    message: 'SMART.OPEN_ACTIONS.DEVICE.MOBILE'
-  }), lang({
-    message: 'SMART.OPEN_ACTIONS.ACTION.OPEN_INAPP'
-  }), getRichmediaLink(showRichmedia), showRichmedia.name || showRichmedia.code), !showRichmedia && hasCustomPlatformsDeeplink && renderInfoBlock(lang({
-    message: 'SMART.OPEN_ACTIONS.DEVICE.MOBILE'
-  }), lang({
-    message: 'SMART.OPEN_ACTIONS.ACTION.FOLLOW_DEEPLINK'
-  })), !showRichmedia && Object.entries(platformsDeeplinkUrls).map(([platformKey, url]) => renderPlatformDeepLink(+platformKey, url, lang({
-    message: 'SMART.OPEN_ACTIONS.ACTION.DEEP_LINK'
-  }))), !showRichmedia && allPlatformsDeeplinkUrl && hasCustomPlatformsDeeplink && renderPlatformDeepLink(lang({
-    message: 'SMART.OPEN_ACTIONS.DEVICE.OTHER_PLATFORMS'
-  }), allPlatformsDeeplinkUrl, isWebLink(allPlatformsDeeplinkUrl) ? lang({
-    message: 'SMART.OPEN_ACTIONS.ACTION.OPEN_URL_BROWSER'
-  }) : lang({
-    message: 'SMART.OPEN_ACTIONS.ACTION.DEEP_LINK'
-  })), !showRichmedia && allPlatformsDeeplinkUrl && !hasCustomPlatformsDeeplink && renderInfoBlock(lang({
-    message: 'SMART.OPEN_ACTIONS.DEVICE.MOBILE'
-  }), isWebLink(allPlatformsDeeplinkUrl) ? lang({
-    message: 'SMART.OPEN_ACTIONS.ACTION.OPEN_URL_BROWSER'
-  }) : lang({
-    message: 'SMART.OPEN_ACTIONS.ACTION.FOLLOW_DEEPLINK'
-  }), allPlatformsDeeplinkUrl), !showRichmedia && !allPlatformsDeeplinkUrl && !hasCustomPlatformsDeeplink && renderInfoBlock(lang({
-    message: 'SMART.OPEN_ACTIONS.DEVICE.MOBILE'
-  }), lang({
-    message: 'SMART.OPEN_ACTIONS.ACTION.OPEN_HOME_APP'
-  })), webPageUrl && renderInfoBlock(lang({
-    message: 'SMART.OPEN_ACTIONS.DEVICE.WEB'
-  }), lang({
-    message: 'SMART.OPEN_ACTIONS.ACTION.OPEN_URL_BROWSER'
-  }), webPageUrl), webPageUrl && safariUrl && renderInfoBlock(lang({
-    message: 'SMART.OPEN_ACTIONS.DEVICE.SAFARI'
-  }), lang({
-    message: 'SMART.OPEN_ACTIONS.ACTION.OPEN_URL_SAFARI'
-  }), safariUrl), !webPageUrl && renderInfoBlock(lang({
-    message: 'SMART.OPEN_ACTIONS.DEVICE.WEB'
-  }), lang({
-    message: 'SMART.OPEN_ACTIONS.ACTION.OPEN_HOME_BROWSER'
-  }))) : React.createElement(Spinner, {
-    color: Color.MAIN,
-    size: "medium"
-  }));
+  return _jsx(Vertical, {
+    "$gap": 8,
+    children: openActions ? _jsxs(_Fragment, {
+      children: [showRichmedia && renderInfoBlock(lang({
+        message: 'SMART.OPEN_ACTIONS.DEVICE.MOBILE'
+      }), lang({
+        message: 'SMART.OPEN_ACTIONS.ACTION.OPEN_INAPP'
+      }), getRichmediaLink(showRichmedia), showRichmedia.name || showRichmedia.code), !showRichmedia && hasCustomPlatformsDeeplink && renderInfoBlock(lang({
+        message: 'SMART.OPEN_ACTIONS.DEVICE.MOBILE'
+      }), lang({
+        message: 'SMART.OPEN_ACTIONS.ACTION.FOLLOW_DEEPLINK'
+      })), !showRichmedia && Object.entries(platformsDeeplinkUrls).map(([platformKey, url]) => renderPlatformDeepLink(+platformKey, url, lang({
+        message: 'SMART.OPEN_ACTIONS.ACTION.DEEP_LINK'
+      }))), !showRichmedia && allPlatformsDeeplinkUrl && hasCustomPlatformsDeeplink && renderPlatformDeepLink(lang({
+        message: 'SMART.OPEN_ACTIONS.DEVICE.OTHER_PLATFORMS'
+      }), allPlatformsDeeplinkUrl, isWebLink(allPlatformsDeeplinkUrl) ? lang({
+        message: 'SMART.OPEN_ACTIONS.ACTION.OPEN_URL_BROWSER'
+      }) : lang({
+        message: 'SMART.OPEN_ACTIONS.ACTION.DEEP_LINK'
+      })), !showRichmedia && allPlatformsDeeplinkUrl && !hasCustomPlatformsDeeplink && renderInfoBlock(lang({
+        message: 'SMART.OPEN_ACTIONS.DEVICE.MOBILE'
+      }), isWebLink(allPlatformsDeeplinkUrl) ? lang({
+        message: 'SMART.OPEN_ACTIONS.ACTION.OPEN_URL_BROWSER'
+      }) : lang({
+        message: 'SMART.OPEN_ACTIONS.ACTION.FOLLOW_DEEPLINK'
+      }), allPlatformsDeeplinkUrl), !showRichmedia && !allPlatformsDeeplinkUrl && !hasCustomPlatformsDeeplink && renderInfoBlock(lang({
+        message: 'SMART.OPEN_ACTIONS.DEVICE.MOBILE'
+      }), lang({
+        message: 'SMART.OPEN_ACTIONS.ACTION.OPEN_HOME_APP'
+      })), webPageUrl && renderInfoBlock(lang({
+        message: 'SMART.OPEN_ACTIONS.DEVICE.WEB'
+      }), lang({
+        message: 'SMART.OPEN_ACTIONS.ACTION.OPEN_URL_BROWSER'
+      }), webPageUrl), webPageUrl && safariUrl && renderInfoBlock(lang({
+        message: 'SMART.OPEN_ACTIONS.DEVICE.SAFARI'
+      }), lang({
+        message: 'SMART.OPEN_ACTIONS.ACTION.OPEN_URL_SAFARI'
+      }), safariUrl), !webPageUrl && renderInfoBlock(lang({
+        message: 'SMART.OPEN_ACTIONS.DEVICE.WEB'
+      }), lang({
+        message: 'SMART.OPEN_ACTIONS.ACTION.OPEN_HOME_BROWSER'
+      }))]
+    }) : _jsx(Spinner, {
+      color: Color.MAIN,
+      size: "medium"
+    })
+  });
 };

package/OpenActions/components/OpenActionsSummaryByPreset.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 import { type Preset } from '@pushwoosh/rpc-v2-http-api-data/presets';
 type OpenActionsByPresetProps = {
     pushPreset: Preset;
 };
-export declare const OpenActionsSummaryByPreset: ({ pushPreset }: OpenActionsByPresetProps) => React.JSX.Element;
+export declare const OpenActionsSummaryByPreset: ({ pushPreset }: OpenActionsByPresetProps) => import("react").JSX.Element;
 export {};

package/OpenActions/components/OpenActionsSummaryByPreset.js

@@ -1,11 +1,11 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { OpenActionsSummary } from './OpenActionsSummary';
 import { usePresetOpenActions } from '../usePresetOpenActions';
 export const OpenActionsSummaryByPreset = ({
   pushPreset
 }) => {
   const openActions = usePresetOpenActions(pushPreset);
-  return React.createElement(OpenActionsSummary, {
+  return _jsx(OpenActionsSummary, {
     openActions: openActions
   });
 };

package/PlatformsConfigurationDrawer/PlatformsConfigurationDrawer.js

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import { Drawer, DrawerBody } from '@pushwoosh/dumb-components';
 import { DesktopPage } from './components/DesktopPage';
 import { MainPage } from './components/MainPage';
@@ -19,22 +20,25 @@ export function PlatformsConfigurationDrawer(props) {
     setIsOpenDesktopPage(false);
     onClose();
   };
-  return React.createElement(Drawer, {
+  return _jsx(Drawer, {
     size: "medium",
     isOpen: isOpen,
-    onClose: onClose
-  }, React.createElement(DrawerBody, null, isOpenMobilePage && React.createElement(MobilePage, {
-    application: application,
-    onBack: toggleMobilePage,
-    onClose: onCloseHandler
-  }), isOpenDesktopPage && React.createElement(DesktopPage, {
-    application: application,
-    onBack: toggleDesktopPage,
-    onClose: onCloseHandler
-  }), !isOpenDesktopPage && !isOpenMobilePage && React.createElement(MainPage, {
-    application: application,
-    onClickMobile: toggleMobilePage,
-    onClickDesktop: toggleDesktopPage,
-    onClose: onCloseHandler
-  })));
+    onClose: onClose,
+    children: _jsxs(DrawerBody, {
+      children: [isOpenMobilePage && _jsx(MobilePage, {
+        application: application,
+        onBack: toggleMobilePage,
+        onClose: onCloseHandler
+      }), isOpenDesktopPage && _jsx(DesktopPage, {
+        application: application,
+        onBack: toggleDesktopPage,
+        onClose: onCloseHandler
+      }), !isOpenDesktopPage && !isOpenMobilePage && _jsx(MainPage, {
+        application: application,
+        onClickMobile: toggleMobilePage,
+        onClickDesktop: toggleDesktopPage,
+        onClose: onCloseHandler
+      })]
+    })
+  });
 }