@pushwoosh/smart-components-kit 1.0.0 → 1.0.2

package/DynamicContentPicker/DynamicContentPicker.d.ts

@@ -1,8 +1,5 @@
-import { type FC, type PropsWithChildren, type ReactNode } from 'react';
+import { type FC, type PropsWithChildren } from 'react';
 import type { DynamicContent } from './DynamicContentPicker.types';
-export declare const Field: FC<PropsWithChildren<{
-    title: ReactNode;
-}>>;
 type DynamicContentFormProps = {
     dc?: DynamicContent;
     onChange: (dc: DynamicContent) => void;

package/DynamicContentPicker/DynamicContentPicker.js

@@ -1,17 +1,8 @@
 import React from 'react';
-import { NativeInput, NativeSelect } from '@pushwoosh/dumb-components';
+import { FieldBox, NativeInput, NativeSelect, Spinner } from '@pushwoosh/dumb-components';
 import { Horizontal, Vertical } from '@pushwoosh/kit-helpers';
-import { Spinner } from '@pushwoosh/kit-spinner';
 import { useDynamicContentTags } from './hooks';
-import { FieldTitle, TagPickerDiv } from './styled';
-export const Field = ({
-  title,
-  children
-}) => {
-  return React.createElement(Vertical, {
-    "$gap": 4
-  }, React.createElement(FieldTitle, null, title), children);
-};
+import { TagPickerDiv } from './styled';
 const defaultDynamicContent = {
   tagName: '',
   modifier: 'regular',
@@ -36,7 +27,7 @@ export const DynamicContentPicker = ({
     name: '',
     modifiers: ['regular']
   };
-  return React.createElement(TagPickerDiv, null, React.createElement(Field, {
+  return React.createElement(TagPickerDiv, null, React.createElement(FieldBox, {
     title: "Tag"
   }, React.createElement(Vertical, {
     "$gap": 8
@@ -66,7 +57,7 @@ export const DynamicContentPicker = ({
   }, currentTag.modifiers.map(modifier => React.createElement("option", {
     value: modifier,
     key: modifier
-  }, modifier))))), React.createElement(Field, {
+  }, modifier))))), React.createElement(FieldBox, {
     title: "Default Tag Value"
   }, React.createElement(NativeInput, {
     value: dc.defaultValue,

package/DynamicContentPicker/hooks.js

@@ -1,10 +1,11 @@
+import { DynamicContentModifiers } from '@pushwoosh/kit-constants';
 import { useAsync } from '@pushwoosh/kit-helpers';
 import { collectPaginatedData } from '../asyncHelpers';
 import { useSPAContext } from '../context';
 const ignoreTagTypes = ['BOOLEAN', 'LIST'];
 const numberTypes = ['INTEGER', 'PRICE'];
 export async function fetchDynamicContentTags(context) {
-  const [originalTags, modifiers] = await Promise.all([collectPaginatedData(1000, async (perPage, page) => {
+  const originalTags = await collectPaginatedData(1000, async (perPage, page) => {
     const res = await context.rpcGateway.tags.List({
       orderBy: 'NAME',
       orderDirection: 'ASC',
@@ -12,13 +13,10 @@ export async function fetchDynamicContentTags(context) {
       perPage
     });
     return res.tags;
-  }), context.rpcClient.callRemoteProcedure('base.modifiers', {})]);
-  const {
-    result
-  } = modifiers.response;
+  });
   return originalTags.filter(tag => !ignoreTagTypes.includes(tag.type)).map(tag => ({
     ...tag,
-    modifiers: numberTypes.includes(tag.type) ? result[1] : result[2]
+    modifiers: numberTypes.includes(tag.type) ? DynamicContentModifiers.integer : DynamicContentModifiers.string
   }));
 }
 export function useDynamicContentTags() {

package/DynamicContentPicker/styled.d.ts

@@ -14,4 +14,3 @@ export declare const TagPickerDiv: import("styled-components").StyledComponent<"
     $gap: number;
     $padding: number;
 }, "$gridAutoFlow" | "$gap" | "$padding">;
-export declare const FieldTitle: import("styled-components").StyledComponent<"div", any, {}, never>;

package/DynamicContentPicker/styled.js

@@ -1,4 +1,5 @@
 import styled from 'styled-components';
+import { Color, Shadow, ShapeRadius } from '@pushwoosh/kit-constants';
 import { Vertical } from '@pushwoosh/kit-helpers';
 export const TagPickerDiv = styled(Vertical).attrs({
   $gap: 16,
@@ -6,8 +7,4 @@ export const TagPickerDiv = styled(Vertical).attrs({
 }).withConfig({
   displayName: "TagPickerDiv",
   componentId: "sc-1blii2o-0"
-})(["width:240px;border-radius:4px;background:#F7F9FA;box-shadow:0 0 4px 0 rgba(0,0,0,0.06),0 4px 6px 0 rgba(0,0,0,0.06);"]);
-export const FieldTitle = styled.div.withConfig({
-  displayName: "FieldTitle",
-  componentId: "sc-1blii2o-1"
-})(["font-size:12px;font-style:normal;font-weight:500;line-height:130%;"]);
+})(["width:240px;border-radius:", ";background:", ";box-shadow:", ";"], ShapeRadius.CONTROL, Color.FROZEN, Shadow.REGULAR);

package/EmailTemplatePreview/EmailTemplatePreview.js

@@ -1,7 +1,6 @@
 import React from 'react';
-import { EmailTemplatePreview as DumbPreview } from '@pushwoosh/dumb-components';
+import { EmailTemplatePreview as DumbPreview, RectangularSkeleton } from '@pushwoosh/dumb-components';
 import { useAsync } from '@pushwoosh/kit-helpers';
-import { RectangularSkeleton } from '@pushwoosh/kit-skeleton';
 import { useSPAContext } from '../context';
 export const EmailTemplatePreview = ({
   code,
@@ -10,20 +9,21 @@ export const EmailTemplatePreview = ({
   scale
 }) => {
   const {
-    grpcBridge
+    rpcGateway
   } = useSPAContext();
   const res = useAsync(async () => {
     const {
-      content: {
-        content: {
-          html,
-          localizationData
-        }
-      },
-      previewSettings
-    } = await grpcBridge.emailTemplates.get({
+      emailTemplate: {
+        content,
+        previewSettings
+      }
+    } = await rpcGateway.emailTemplates.Get({
       code
     });
+    const {
+      html,
+      localizationData
+    } = content.kind.data;
     return {
       template: html,
       localization: localizationData.default || {},

package/PlatformsConfigurationDrawer/PlatformsConfigurationDrawer.js

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { Drawer, DrawerBody } from '@pushwoosh/kit-drawer';
+import { Drawer, DrawerBody } from '@pushwoosh/dumb-components';
 import { DesktopPage } from './components/DesktopPage';
 import { MainPage } from './components/MainPage';
 import { MobilePage } from './components/MobilePage';

package/PlatformsConfigurationDrawer/components/DesktopPage/DesktopPage.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Button } from '@pushwoosh/kit-button';
+import { Button } from '@pushwoosh/dumb-components';
 import { Spacing, Color, AllPlatforms } from '@pushwoosh/kit-constants';
 import { Vertical, Columns } from '@pushwoosh/kit-helpers';
 import { ArrowRoundIcon, CloseIcon, PlatformLogoIcon } from '@pushwoosh/kit-icons';

package/PlatformsConfigurationDrawer/components/MainPage/MainPage.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Button } from '@pushwoosh/kit-button';
+import { Button } from '@pushwoosh/dumb-components';
 import { Spacing, Color, AllPlatforms } from '@pushwoosh/kit-constants';
 import { Vertical, Columns } from '@pushwoosh/kit-helpers';
 import { CloseIcon, DeviceIcon, EmailIcon, WhatsappIcon, SmsIcon } from '@pushwoosh/kit-icons';

package/PlatformsConfigurationDrawer/components/MobilePage/MobilePage.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Button } from '@pushwoosh/kit-button';
+import { Button } from '@pushwoosh/dumb-components';
 import { Spacing, Color } from '@pushwoosh/kit-constants';
 import { Columns, Vertical } from '@pushwoosh/kit-helpers';
 import { ArrowRoundIcon, CloseIcon, PlatformLogoIcon } from '@pushwoosh/kit-icons';

package/PlatformsConfigurationDrawer/styled.d.ts

@@ -1,4 +1,4 @@
-import { Link } from '@pushwoosh/kit-link';
+import { Link } from '@pushwoosh/dumb-components';
 export declare const Header: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Close: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ColumnsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/PlatformsConfigurationDrawer/styled.js

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
+import { Link } from '@pushwoosh/dumb-components';
 import { Color, Spacing } from '@pushwoosh/kit-constants';
-import { Link } from '@pushwoosh/kit-link';
 export const Header = styled.div.withConfig({
   displayName: "Header",
   componentId: "sc-1rmglxf-0"

package/_devel/lib/dynamic-content-picker.js

@@ -1,6 +1,6 @@
 /* eslint-disable no-console */
 import React, { useState } from 'react';
-import { Button } from '@pushwoosh/kit-button';
+import { Button } from '@pushwoosh/dumb-components';
 import { Horizontal } from '@pushwoosh/kit-helpers';
 import { DynamicContentPicker } from '../../DynamicContentPicker';
 export function DynamicContentPickerExample() {

package/hooks/useSession.js

@@ -6,9 +6,7 @@ export function useSession() {
   } = useSPAContext();
   const [session, setSession] = useState(sessionStore.getLastSession());
   useEffect(() => {
-    const subscriber = sessionStore.subscribe(s => {
-      setSession(s);
-    });
+    const subscriber = sessionStore.subscribe(setSession);
     return () => {
       subscriber.unsubscribe();
     };

package/package.json

@@ -15,15 +15,10 @@
   },
   "pre-commit": "check",
   "dependencies": {
-    "@pushwoosh/dumb-components": "^1.0.0",
-    "@pushwoosh/kit-button": "^2.2.5",
-    "@pushwoosh/kit-constants": "^1.6.5",
-    "@pushwoosh/kit-drawer": "^1.0.11",
+    "@pushwoosh/dumb-components": "^1.0.27",
+    "@pushwoosh/kit-constants": "^1.6.8",
     "@pushwoosh/kit-helpers": "^4.6.1",
     "@pushwoosh/kit-icons": "^2.1.1",
-    "@pushwoosh/kit-link": "^1.5.0",
-    "@pushwoosh/kit-skeleton": "^1.1.6",
-    "@pushwoosh/kit-spinner": "^1.5.1",
     "@pushwoosh/kit-typography": "^1.7.2"
   },
   "devDependencies": {
@@ -52,5 +47,5 @@
   "engines": {
     "node": ">= 18"
   },
-  "version": "1.0.0"
+  "version": "1.0.2"
 }