@pushwoosh/smart-components-kit 1.0.4 → 1.0.5

package/DynamicContentPicker/styled.d.ts

@@ -1,16 +1,63 @@
+import { Color, Shadow, ShapeRadius } from '@pushwoosh/kit-constants';
 export declare const TagPickerDiv: import("styled-components").StyledComponent<"div", any, {
     $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
     $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
-    $gap?: string | number | undefined;
+    $bgColor?: string | undefined;
+    $border?: string | ({
+        top?: string | undefined;
+        right?: string | undefined;
+        bottom?: string | undefined;
+        left?: string | undefined;
+    } | {
+        horizontal: string;
+        top?: string | undefined;
+        bottom?: string | undefined;
+    } | {
+        vertical: string;
+        right?: string | undefined;
+        left?: string | undefined;
+    }) | undefined;
+    $borderRadius?: (string | number) | undefined;
+    $boxShadow?: string | undefined;
+    $gap?: (string | number) | undefined;
     $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
     $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
     $justifyItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
-    $margin?: string | number | undefined;
-    $padding?: string | number | undefined;
+    $margin?: (string | number) | ({
+        top?: (string | number) | undefined;
+        right?: (string | number) | undefined;
+        bottom?: (string | number) | undefined;
+        left?: (string | number) | undefined;
+    } | {
+        horizontal: string | number;
+        top?: (string | number) | undefined;
+        bottom?: (string | number) | undefined;
+    } | {
+        vertical: string | number;
+        right?: (string | number) | undefined;
+        left?: (string | number) | undefined;
+    }) | undefined;
+    $padding?: (string | number) | ({
+        top?: (string | number) | undefined;
+        right?: (string | number) | undefined;
+        bottom?: (string | number) | undefined;
+        left?: (string | number) | undefined;
+    } | {
+        horizontal: string | number;
+        top?: (string | number) | undefined;
+        bottom?: (string | number) | undefined;
+    } | {
+        vertical: string | number;
+        right?: (string | number) | undefined;
+        left?: (string | number) | undefined;
+    }) | undefined;
     $placeItems?: "end" | "start" | "center" | "stretch" | undefined;
 } & {
     $gridAutoFlow: string;
 } & {
     $gap: number;
     $padding: number;
-}, "$gridAutoFlow" | "$gap" | "$padding">;
+    $borderRadius: ShapeRadius;
+    $bgColor: Color;
+    $boxShadow: Shadow;
+}, "$gridAutoFlow" | "$bgColor" | "$borderRadius" | "$boxShadow" | "$gap" | "$padding">;

package/DynamicContentPicker/styled.js

@@ -4,8 +4,11 @@ import { Color, Shadow, ShapeRadius } from '@pushwoosh/kit-constants';
 import { Vertical } from '@pushwoosh/kit-helpers';
 export const TagPickerDiv = styled(Vertical).attrs({
   $gap: 16,
-  $padding: 16
+  $padding: 16,
+  $borderRadius: ShapeRadius.CONTROL,
+  $bgColor: Color.FROZEN,
+  $boxShadow: Shadow.REGULAR
 }).withConfig({
   displayName: "TagPickerDiv",
   componentId: "sc-1blii2o-0"
-})(["width:240px;border-radius:", ";background:", ";box-shadow:", ";", "{width:100%;}"], ShapeRadius.CONTROL, Color.FROZEN, Shadow.REGULAR, NativeSelect);
+})(["width:240px;", "{width:100%;}"], NativeSelect);

package/LanguagesSelector/LanguagesModal.d.ts

@@ -0,0 +1,9 @@
+import { type FC } from 'react';
+type LanguagesModalProps = {
+    applicationCode: string;
+    initialLanguages: string[];
+    onSubmit: (languages: string[]) => void;
+    onClose: () => void;
+};
+export declare const LanguagesModal: FC<LanguagesModalProps>;
+export {};

package/LanguagesSelector/LanguagesModal.js

@@ -0,0 +1,30 @@
+import React, { useState } from 'react';
+import { Button, ModalHeader, ModalBody, ModalFooter, ModalTitle } from '@pushwoosh/dumb-components';
+import { Horizontal } from '@pushwoosh/kit-helpers';
+import { LanguagesSelectFormLoader } from './LanguagesSelectFormLoader';
+import { saveLastSelection } from './utils';
+export const LanguagesModal = ({
+  applicationCode,
+  initialLanguages,
+  onSubmit,
+  onClose
+}) => {
+  const [selectedLanguages, setSelectedLanguages] = useState(initialLanguages);
+  return React.createElement(React.Fragment, null, React.createElement(ModalHeader, null, React.createElement(ModalTitle, null, "Select languages")), React.createElement(ModalBody, null, React.createElement(LanguagesSelectFormLoader, {
+    application: applicationCode,
+    onChange: setSelectedLanguages,
+    value: selectedLanguages
+  })), React.createElement(ModalFooter, null, React.createElement(Horizontal, {
+    "$justifyContent": "end",
+    "$gap": 8
+  }, React.createElement(Button, {
+    color: "secondary",
+    onClick: onClose
+  }, "Cancel"), React.createElement(Button, {
+    color: "primary",
+    onClick: () => {
+      saveLastSelection(selectedLanguages);
+      onSubmit(selectedLanguages);
+    }
+  }, "Apply"))));
+};

package/LanguagesSelector/LanguagesSelectForm.d.ts

@@ -0,0 +1,14 @@
+import { type FC } from 'react';
+type LanguageItem = {
+    code: string;
+    name: string;
+    subscribers: number;
+};
+type LanguagesSelectProps = {
+    allLanguageItems: LanguageItem[];
+    langs: string[];
+    onChange: (languages: string[]) => void;
+    systemLanguage?: string;
+};
+export declare const LanguagesSelectForm: FC<LanguagesSelectProps>;
+export {};

package/LanguagesSelector/LanguagesSelectForm.js

@@ -0,0 +1,69 @@
+import React, { useMemo, useState } from 'react';
+import { Checkbox, NativeInput } from '@pushwoosh/dumb-components';
+import { Columns, Horizontal, Vertical } from '@pushwoosh/kit-helpers';
+import { ActionButton } from './styled';
+import { fetchLastSelection, useGetLangName } from './utils';
+export const LanguagesSelectForm = ({
+  allLanguageItems,
+  langs,
+  onChange,
+  systemLanguage = 'en'
+}) => {
+  const getLangName = useGetLangName(systemLanguage);
+  const [lastSelection] = useState(fetchLastSelection);
+  const [search, setSearch] = useState('');
+  const [showAllLanguages, setShowAllLanguages] = useState(false);
+  const filteredLanguages = useMemo(() => {
+    const languageItems = showAllLanguages ? allLanguageItems : allLanguageItems.filter(lang => lang.subscribers > 0);
+    if (!search) {
+      return languageItems;
+    }
+    return languageItems.filter(lang => {
+      return lang.name.toLowerCase().includes(search.toLowerCase());
+    });
+  }, [allLanguageItems, search, showAllLanguages]);
+  return React.createElement(Vertical, {
+    "$gap": 8
+  }, React.createElement(NativeInput, {
+    value: search,
+    onChange: e => setSearch(e.target.value),
+    placeholder: "Search languages..."
+  }), React.createElement(Horizontal, {
+    "$justifyContent": "space-between"
+  }, React.createElement(Horizontal, {
+    "$gap": 16,
+    "$justifyContent": "start"
+  }, React.createElement(ActionButton, {
+    onClick: () => {
+      onChange(filteredLanguages.map(lang => lang.code));
+    }
+  }, "select all"), React.createElement(ActionButton, {
+    onClick: () => {
+      onChange([]);
+    }
+  }, "deselect all")), lastSelection.length > 0 && React.createElement(ActionButton, {
+    onClick: () => {
+      onChange(lastSelection);
+    }
+  }, "reuse last selection")), React.createElement(Vertical, {
+    "$gap": 24
+  }, React.createElement(Columns, {
+    "$sizes": 3,
+    "$gap": 8
+  }, filteredLanguages.map(lang => React.createElement(Checkbox, {
+    name: "languages",
+    value: lang.code,
+    isChecked: langs.includes(lang.code),
+    onChange: isChecked => {
+      if (isChecked) {
+        onChange([...langs, lang.code]);
+      } else {
+        onChange(langs.filter(code => code !== lang.code));
+      }
+    },
+    label: `${getLangName(lang.code)} (${lang.subscribers})`,
+    key: lang.code
+  }))), React.createElement("div", null, React.createElement(ActionButton, {
+    onClick: () => setShowAllLanguages(x => !x)
+  }, showAllLanguages ? 'Show only languages with subscribers' : 'Show all languages'))));
+};

package/LanguagesSelector/LanguagesSelectFormLoader.d.ts

@@ -0,0 +1,9 @@
+import { type FC } from 'react';
+type LanguagesSelectFormLoaderProps = {
+    application: string;
+    value: string[];
+    onChange: (languages: string[]) => void;
+    systemLanguage?: string;
+};
+export declare const LanguagesSelectFormLoader: FC<LanguagesSelectFormLoaderProps>;
+export {};

package/LanguagesSelector/LanguagesSelectFormLoader.js

@@ -0,0 +1,54 @@
+import React from 'react';
+import { Spinner } from '@pushwoosh/dumb-components';
+import { Horizontal, useAsync } from '@pushwoosh/kit-helpers';
+import { langCodes } from './constants';
+import { LanguagesSelectForm } from './LanguagesSelectForm';
+import { useGetLangName } from './utils';
+import { useSPAContext } from '../context';
+export const LanguagesSelectFormLoader = ({
+  application,
+  value,
+  onChange,
+  systemLanguage = 'en'
+}) => {
+  const getLangName = useGetLangName(systemLanguage);
+  const {
+    rpcGateway
+  } = useSPAContext();
+  const langAsync = useAsync(async () => {
+    const {
+      values
+    } = await rpcGateway.tags.GetTagValues({
+      application,
+      name: 'Language'
+    });
+    const valuesLangCodes = values.map(v => v.value);
+    const allLangCodes = new Set([...valuesLangCodes, ...langCodes]).values().toArray();
+    return allLangCodes.toSorted((a, b) => {
+      return a.localeCompare(b, systemLanguage, {
+        sensitivity: 'base'
+      });
+    }).map(code => {
+      var _values$find;
+      return {
+        code,
+        name: getLangName(code),
+        subscribers: ((_values$find = values.find(val => val.value === code)) === null || _values$find === void 0 ? void 0 : _values$find.count) || 0
+      };
+    });
+  }, [application, getLangName, systemLanguage]);
+  if (langAsync.loading) {
+    return React.createElement(Horizontal, {
+      "$placeItems": "center",
+      "$padding": 36
+    }, React.createElement(Spinner, {
+      size: "medium"
+    }));
+  }
+  return React.createElement(LanguagesSelectForm, {
+    allLanguageItems: langAsync.value,
+    langs: value,
+    onChange: onChange,
+    systemLanguage: systemLanguage
+  });
+};

package/LanguagesSelector/LanguagesSelector.d.ts

@@ -0,0 +1,11 @@
+import { type FC } from 'react';
+type SelectLanguageProps = {
+    applicationCode: string;
+    value: string;
+    languages: string[];
+    isDisabled?: boolean;
+    onChange: (language: string) => void;
+    onChangeLanguages: (languages: string[]) => void;
+};
+export declare const LanguagesSelector: FC<SelectLanguageProps>;
+export {};

package/LanguagesSelector/LanguagesSelector.js

@@ -0,0 +1,102 @@
+import React, { useMemo, useState } from 'react';
+import { Button, Modal, DropdownMenu, DropdownMenuItem, DropdownMenuSection } from '@pushwoosh/dumb-components';
+import { Horizontal } from '@pushwoosh/kit-helpers';
+import { ArrowIcon, ChevronIcon, LanguageIcon, PlusIcon } from '@pushwoosh/kit-icons';
+import { LanguagesModal } from './LanguagesModal';
+import { ButtonGroup } from './styled';
+import { useGetLangName } from './utils';
+export const LanguagesSelector = ({
+  applicationCode,
+  value,
+  languages,
+  isDisabled,
+  onChange,
+  onChangeLanguages
+}) => {
+  const [showLanguagesModal, setShowLanguagesModal] = useState(false);
+  const getLangName = useGetLangName('en');
+  const sortedLanguages = useMemo(() => {
+    const sorted = languages.filter(lang => lang !== 'default').sort((a, b) => getLangName(a).localeCompare(getLangName(b), 'en', {
+      sensitivity: 'base'
+    }));
+    return ['default', ...sorted];
+  }, [getLangName, languages]);
+  return React.createElement(Horizontal, {
+    "$gap": 8
+  }, React.createElement(DropdownMenu, {
+    isScrollable: true,
+    renderHandler: handlerProps => React.createElement(Button, {
+      style: {
+        minWidth: 200
+      },
+      color: "secondary",
+      icon: React.createElement(LanguageIcon, {
+        size: "medium",
+        view: "lined"
+      }),
+      rightIcon: React.createElement(ChevronIcon, {
+        size: "medium",
+        direction: "down"
+      }),
+      onClick: handlerProps.onClick,
+      boxRef: handlerProps.ref,
+      isOpen: handlerProps.isOpen,
+      isDisabled: isDisabled
+    }, getLangName(value))
+  }, () => React.createElement(React.Fragment, null, React.createElement(DropdownMenuSection, null, React.createElement(DropdownMenuItem, {
+    onClick: () => setShowLanguagesModal(true)
+  }, "Choose languages\u2026")), React.createElement(DropdownMenuSection, null, sortedLanguages.map(lang => React.createElement(DropdownMenuItem, {
+    key: lang,
+    isActive: lang === value,
+    onClick: () => onChange(lang)
+  }, getLangName(lang)))))), sortedLanguages.length > 1 && React.createElement(ButtonGroup, null, React.createElement(Button, {
+    color: "secondary",
+    isDisabled: isDisabled,
+    icon: React.createElement(ArrowIcon, {
+      size: "medium",
+      direction: "left"
+    }),
+    onClick: () => {
+      const index = sortedLanguages.indexOf(value);
+      if (index > 0) {
+        onChange(sortedLanguages[index - 1]);
+      } else {
+        onChange(sortedLanguages[sortedLanguages.length - 1]);
+      }
+    }
+  }), React.createElement(Button, {
+    color: "secondary",
+    isDisabled: isDisabled,
+    icon: React.createElement(ArrowIcon, {
+      size: "medium",
+      direction: "right"
+    }),
+    onClick: () => {
+      const index = sortedLanguages.indexOf(value);
+      if (index < sortedLanguages.length - 1) {
+        onChange(sortedLanguages[index + 1]);
+      } else {
+        onChange(sortedLanguages[0]);
+      }
+    }
+  })), sortedLanguages.length <= 1 && React.createElement(Button, {
+    color: "secondary",
+    icon: React.createElement(PlusIcon, {
+      size: "medium"
+    }),
+    onClick: () => setShowLanguagesModal(true)
+  }), React.createElement(Modal, {
+    size: "medium",
+    isOpen: showLanguagesModal
+  }, React.createElement(LanguagesModal, {
+    applicationCode: applicationCode,
+    initialLanguages: languages,
+    onSubmit: langs => {
+      onChangeLanguages(langs);
+      setShowLanguagesModal(false);
+    },
+    onClose: () => {
+      setShowLanguagesModal(false);
+    }
+  })));
+};

package/LanguagesSelector/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const LAST_SELECTION_KEY = "PW_PUSH_EDITOR_LAST_SELECTION";
+export declare const langCodes: string[];

package/LanguagesSelector/constants.js

@@ -0,0 +1,2 @@
+export const LAST_SELECTION_KEY = 'PW_PUSH_EDITOR_LAST_SELECTION';
+export const langCodes = ['aa', 'ab', 'ae', 'af', 'ak', 'am', 'an', 'ar', 'as', 'av', 'ay', 'az', 'ba', 'be', 'bg', 'bh', 'bi', 'bm', 'bn', 'bo', 'br', 'bs', 'ca', 'ce', 'ch', 'co', 'cr', 'cs', 'cu', 'cv', 'cy', 'da', 'de', 'dv', 'dz', 'ee', 'el', 'en', 'eo', 'es', 'et', 'eu', 'fa', 'ff', 'fi', 'fj', 'fo', 'fr', 'fy', 'ga', 'gd', 'gl', 'gn', 'gu', 'gv', 'ha', 'he', 'hi', 'ho', 'hr', 'ht', 'hu', 'hy', 'hz', 'ia', 'id', 'ie', 'ig', 'ii', 'ik', 'io', 'is', 'it', 'iu', 'ja', 'jv', 'ka', 'kg', 'ki', 'kj', 'kk', 'kl', 'km', 'kn', 'ko', 'kr', 'ks', 'ku', 'kv', 'kw', 'ky', 'la', 'lb', 'lg', 'li', 'ln', 'lo', 'lt', 'lu', 'lv', 'mg', 'mh', 'mi', 'mk', 'ml', 'mn', 'mr', 'ms', 'mt', 'my', 'na', 'nb', 'nd', 'ne', 'ng', 'nl', 'nn', 'no', 'nr', 'nv', 'ny', 'oc', 'oj', 'om', 'or', 'os', 'pa', 'pi', 'pl', 'ps', 'pt', 'qu', 'rm', 'rn', 'ro', 'ru', 'rw', 'sa', 'sc', 'sd', 'se', 'sg', 'si', 'sk', 'sl', 'sm', 'sn', 'so', 'sq', 'sr', 'ss', 'st', 'su', 'sv', 'sw', 'ta', 'te', 'tg', 'th', 'ti', 'tk', 'tl', 'tn', 'to', 'tr', 'ts', 'tt', 'tw', 'ty', 'ug', 'uk', 'ur', 'uz', 've', 'vi', 'vo', 'wa', 'wo', 'xh', 'yi', 'yo', 'za', 'zh', 'zh-hans', 'zh-hant', 'zu'];

package/LanguagesSelector/index.d.ts

@@ -0,0 +1 @@
+export { LanguagesSelector } from './LanguagesSelector';

package/LanguagesSelector/index.js

@@ -0,0 +1 @@
+export { LanguagesSelector } from './LanguagesSelector';

package/LanguagesSelector/styled.d.ts

@@ -0,0 +1,57 @@
+export declare const ButtonGroup: import("styled-components").StyledComponent<"div", any, {
+    $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
+    $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
+    $bgColor?: string | undefined;
+    $border?: string | ({
+        top?: string | undefined;
+        right?: string | undefined;
+        bottom?: string | undefined;
+        left?: string | undefined;
+    } | {
+        horizontal: string;
+        top?: string | undefined;
+        bottom?: string | undefined;
+    } | {
+        vertical: string;
+        right?: string | undefined;
+        left?: string | undefined;
+    }) | undefined;
+    $borderRadius?: (string | number) | undefined;
+    $boxShadow?: string | undefined;
+    $gap?: (string | number) | undefined;
+    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
+    $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
+    $justifyItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
+    $margin?: (string | number) | ({
+        top?: (string | number) | undefined;
+        right?: (string | number) | undefined;
+        bottom?: (string | number) | undefined;
+        left?: (string | number) | undefined;
+    } | {
+        horizontal: string | number;
+        top?: (string | number) | undefined;
+        bottom?: (string | number) | undefined;
+    } | {
+        vertical: string | number;
+        right?: (string | number) | undefined;
+        left?: (string | number) | undefined;
+    }) | undefined;
+    $padding?: (string | number) | ({
+        top?: (string | number) | undefined;
+        right?: (string | number) | undefined;
+        bottom?: (string | number) | undefined;
+        left?: (string | number) | undefined;
+    } | {
+        horizontal: string | number;
+        top?: (string | number) | undefined;
+        bottom?: (string | number) | undefined;
+    } | {
+        vertical: string | number;
+        right?: (string | number) | undefined;
+        left?: (string | number) | undefined;
+    }) | undefined;
+    $placeItems?: "end" | "start" | "center" | "stretch" | undefined;
+} & {
+    $gridAutoFlow: string;
+}, "$gridAutoFlow">;
+export declare const ActionButton: import("styled-components").StyledComponent<"button", any, {}, never>;

package/LanguagesSelector/styled.js

@@ -0,0 +1,11 @@
+import styled from 'styled-components';
+import { Color } from '@pushwoosh/kit-constants';
+import { Horizontal } from '@pushwoosh/kit-helpers';
+export const ButtonGroup = styled(Horizontal).withConfig({
+  displayName: "ButtonGroup",
+  componentId: "sc-1ntyrsv-0"
+})(["& > *:first-child{border-radius:4px 0 0 4px;}& > *:last-child{border-radius:0 4px 4px 0;}& > *:not(:first-child){border-left:none;}"]);
+export const ActionButton = styled.button.withConfig({
+  displayName: "ActionButton",
+  componentId: "sc-1ntyrsv-1"
+})(["display:grid;grid-auto-flow:column;align-items:center;gap:4px;text-transform:uppercase;color:", ";background-color:transparent;height:16px;padding:0;border:none;font-size:12px;font-style:normal;font-weight:500;line-height:16px;transition:box-shadow 0.5s;cursor:pointer;&:hover{color:", ";}&:active{box-shadow:inset 0 0 0 2em ", ";}"], Color.SOFT, Color.SOFT_HOVER, Color.SOFT_LIGHT);

package/LanguagesSelector/utils.d.ts

@@ -0,0 +1,3 @@
+export declare function fetchLastSelection(): string[];
+export declare function saveLastSelection(languages: string[]): void;
+export declare function useGetLangName(displayLang: string): (l: string) => string;

package/LanguagesSelector/utils.js

@@ -0,0 +1,29 @@
+import { useState } from 'react';
+import { LAST_SELECTION_KEY } from './constants';
+export function fetchLastSelection() {
+  var _localStorage$getItem;
+  return ((_localStorage$getItem = localStorage.getItem(LAST_SELECTION_KEY)) === null || _localStorage$getItem === void 0 ? void 0 : _localStorage$getItem.split(',')) || [];
+}
+export function saveLastSelection(languages) {
+  const langsForSave = languages.filter(l => l !== 'default').join(',');
+  localStorage.setItem(LAST_SELECTION_KEY, langsForSave);
+}
+export function useGetLangName(displayLang) {
+  const [getLangName] = useState(() => {
+    const idn = new Intl.DisplayNames([displayLang], {
+      type: 'language'
+    });
+    return lang => {
+      if (lang === 'default') {
+        return 'Default language';
+      }
+      try {
+        return idn.of(lang) || lang;
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      } catch (_error) {
+        return lang;
+      }
+    };
+  });
+  return getLangName;
+}

package/index.d.ts

@@ -2,3 +2,4 @@ export * from './EmailTemplatePreview';
 export * from './context';
 export * from './DynamicContentPicker';
 export * from './PlatformsConfigurationDrawer';
+export * from './LanguagesSelector';

package/index.js

@@ -1,4 +1,5 @@
 export * from './EmailTemplatePreview';
 export * from './context';
 export * from './DynamicContentPicker';
-export * from './PlatformsConfigurationDrawer';
+export * from './PlatformsConfigurationDrawer';
+export * from './LanguagesSelector';

package/package.json

@@ -15,14 +15,14 @@
   },
   "pre-commit": "check",
   "dependencies": {
-    "@pushwoosh/dumb-components": "^1.0.27",
-    "@pushwoosh/kit-constants": "^1.6.8",
-    "@pushwoosh/kit-helpers": "^4.6.1",
+    "@pushwoosh/dumb-components": "^1.0.39",
+    "@pushwoosh/kit-constants": "^1.6.9",
+    "@pushwoosh/kit-helpers": "^4.8.1",
     "@pushwoosh/kit-icons": "^2.1.1",
-    "@pushwoosh/kit-typography": "^1.7.2"
+    "@pushwoosh/kit-typography": "^1.7.3"
   },
   "devDependencies": {
-    "@pushwoosh/frontend-builder-engine": "^1.0.11",
+    "@pushwoosh/frontend-builder-engine": "^1.0.17",
     "@pushwoosh/grpc-bridge": "^1.5.36",
     "@pushwoosh/http-client": "^2.4.12",
     "@pushwoosh/session-store": "^2.5.0",
@@ -34,12 +34,12 @@
     "react-dom": "^18.3.1",
     "react-router-dom": "^5.3.4",
     "styled-components": "^5.3.11",
-    "typescript": "^5.6.2"
+    "typescript": "^5.8.2"
   },
   "peerDependencies": {
     "@pushwoosh/grpc-bridge": "^1.5.36",
     "@pushwoosh/http-client": "^2.4.12",
-    "@pushwoosh/rpc-v2-http-api-data": "^0.1.414",
+    "@pushwoosh/rpc-v2-http-api-data": "^0.1.466",
     "@pushwoosh/session-store": "^2.5.0",
     "react": "^16.14.0 || ^18.0.0",
     "react-dom": "^16.14.0 || ^18.0.0"
@@ -47,5 +47,5 @@
   "engines": {
     "node": ">= 18"
   },
-  "version": "1.0.4"
+  "version": "1.0.5"
 }