@pushwoosh/smart-components-kit 1.0.90 → 1.1.1

package/PlatformsConfigurationDrawer/components/MobilePage/MobilePage.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Button } from '@pushwoosh/dumb-components';
 import { Color } from '@pushwoosh/kit-constants';
 import { Columns, Vertical } from '@pushwoosh/kit-helpers';
@@ -13,94 +13,141 @@ export function MobilePage(props) {
     onClose
   } = props;
   const lang = useLang();
-  return React.createElement(React.Fragment, null, React.createElement(Header, null, React.createElement(ColumnsWrapper, null, React.createElement(Columns, {
-    "$sizes": "auto 1fr auto",
-    "$alignItems": "center",
-    "$gap": 6
-  }, React.createElement(Button, {
-    color: "primary",
-    view: "ghost",
-    onClick: onBack
-  }, React.createElement(ArrowRoundIcon, {
-    direction: "left",
-    size: "medium",
-    view: "filled"
-  })), React.createElement(H2, null, lang({
-    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.MOBILE.HEADING'
-  })), React.createElement(Close, null, React.createElement(Button, {
-    view: "ghost",
-    color: "secondary",
-    icon: React.createElement(CloseIcon, {
-      size: "medium"
-    }),
-    onClick: onClose
-  }))), React.createElement(BreadCrumbs, null, React.createElement(Text, {
-    "$color": Color.LOCKED
-  }, lang({
-    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.CHANNEL'
-  })), React.createElement(Text, {
-    "$color": Color.LOCKED
-  }, "\u00A0\u203A\u00A0"), React.createElement(Text, {
-    "$color": Color.LOCKED
-  }, lang({
-    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.PLATFORM'
-  })), React.createElement(Text, {
-    "$color": Color.PHANTOM
-  }, "\u00A0\u203A\u00A0"), React.createElement(Text, {
-    "$color": Color.PHANTOM
-  }, lang({
-    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.GATEWAY'
-  })), React.createElement(Text, {
-    "$color": Color.PHANTOM
-  }, "\u00A0\u203A\u00A0"), React.createElement(Text, {
-    "$color": Color.PHANTOM
-  }, lang({
-    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.SDK'
-  })), React.createElement(Text, {
-    "$color": Color.PHANTOM
-  }, "\u00A0\u203A\u00A0"), React.createElement(Text, {
-    "$color": Color.PHANTOM
-  }, lang({
-    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.TEST_MESSAGE'
-  }))))), React.createElement(Vertical, {
-    "$padding": "12px 0 0",
-    "$gap": 8
-  }, React.createElement(H4, null, lang({
-    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.PLATFORM_QUESTION'
-  })), React.createElement(Columns, {
-    "$sizes": "1fr 1fr",
-    "$gap": 6
-  }, React.createElement(Card, {
-    as: "a",
-    href: `/applications/${application === null || application === void 0 ? void 0 : application.code}/configure/ios`
-  }, React.createElement(CardIcon, null, React.createElement(PlatformLogoIcon, {
-    type: "apple",
-    size: "medium"
-  })), React.createElement(H4, null, lang({
-    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.IOS'
-  }))), React.createElement(Card, {
-    as: "a",
-    href: `/applications/${application === null || application === void 0 ? void 0 : application.code}/configure/android`
-  }, React.createElement(CardIcon, null, React.createElement(PlatformLogoIcon, {
-    type: "android",
-    size: "medium"
-  })), React.createElement(H4, null, lang({
-    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.ANDROID'
-  }))), React.createElement(Card, {
-    as: "a",
-    href: `/applications/${application === null || application === void 0 ? void 0 : application.code}/configure/huawei`
-  }, React.createElement(CardIcon, null, React.createElement(PlatformLogoIcon, {
-    type: "huawei",
-    size: "medium"
-  })), React.createElement(H4, null, lang({
-    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.HUAWEI'
-  }))), React.createElement(Card, {
-    as: "a",
-    href: `/applications/${application === null || application === void 0 ? void 0 : application.code}/configure`
-  }, React.createElement(CardIcon, null, React.createElement(PlatformLogoIcon, {
-    type: "amazon",
-    size: "medium"
-  })), React.createElement(H4, null, lang({
-    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.AMAZON'
-  }))))));
+  return _jsxs(_Fragment, {
+    children: [_jsx(Header, {
+      children: _jsxs(ColumnsWrapper, {
+        children: [_jsxs(Columns, {
+          "$sizes": "auto 1fr auto",
+          "$alignItems": "center",
+          "$gap": 6,
+          children: [_jsx(Button, {
+            color: "primary",
+            view: "ghost",
+            onClick: onBack,
+            children: _jsx(ArrowRoundIcon, {
+              direction: "left",
+              size: "medium",
+              view: "filled"
+            })
+          }), _jsx(H2, {
+            children: lang({
+              message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.MOBILE.HEADING'
+            })
+          }), _jsx(Close, {
+            children: _jsx(Button, {
+              view: "ghost",
+              color: "secondary",
+              icon: _jsx(CloseIcon, {
+                size: "medium"
+              }),
+              onClick: onClose
+            })
+          })]
+        }), _jsxs(BreadCrumbs, {
+          children: [_jsx(Text, {
+            "$color": Color.LOCKED,
+            children: lang({
+              message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.CHANNEL'
+            })
+          }), _jsx(Text, {
+            "$color": Color.LOCKED,
+            children: "\u00A0\u203A\u00A0"
+          }), _jsx(Text, {
+            "$color": Color.LOCKED,
+            children: lang({
+              message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.PLATFORM'
+            })
+          }), _jsx(Text, {
+            "$color": Color.PHANTOM,
+            children: "\u00A0\u203A\u00A0"
+          }), _jsx(Text, {
+            "$color": Color.PHANTOM,
+            children: lang({
+              message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.GATEWAY'
+            })
+          }), _jsx(Text, {
+            "$color": Color.PHANTOM,
+            children: "\u00A0\u203A\u00A0"
+          }), _jsx(Text, {
+            "$color": Color.PHANTOM,
+            children: lang({
+              message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.SDK'
+            })
+          }), _jsx(Text, {
+            "$color": Color.PHANTOM,
+            children: "\u00A0\u203A\u00A0"
+          }), _jsx(Text, {
+            "$color": Color.PHANTOM,
+            children: lang({
+              message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.TEST_MESSAGE'
+            })
+          })]
+        })]
+      })
+    }), _jsxs(Vertical, {
+      "$padding": "12px 0 0",
+      "$gap": 8,
+      children: [_jsx(H4, {
+        children: lang({
+          message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.PLATFORM_QUESTION'
+        })
+      }), _jsxs(Columns, {
+        "$sizes": "1fr 1fr",
+        "$gap": 6,
+        children: [_jsxs(Card, {
+          as: "a",
+          href: `/applications/${application === null || application === void 0 ? void 0 : application.code}/configure/ios`,
+          children: [_jsx(CardIcon, {
+            children: _jsx(PlatformLogoIcon, {
+              type: "apple",
+              size: "medium"
+            })
+          }), _jsx(H4, {
+            children: lang({
+              message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.IOS'
+            })
+          })]
+        }), _jsxs(Card, {
+          as: "a",
+          href: `/applications/${application === null || application === void 0 ? void 0 : application.code}/configure/android`,
+          children: [_jsx(CardIcon, {
+            children: _jsx(PlatformLogoIcon, {
+              type: "android",
+              size: "medium"
+            })
+          }), _jsx(H4, {
+            children: lang({
+              message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.ANDROID'
+            })
+          })]
+        }), _jsxs(Card, {
+          as: "a",
+          href: `/applications/${application === null || application === void 0 ? void 0 : application.code}/configure/huawei`,
+          children: [_jsx(CardIcon, {
+            children: _jsx(PlatformLogoIcon, {
+              type: "huawei",
+              size: "medium"
+            })
+          }), _jsx(H4, {
+            children: lang({
+              message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.HUAWEI'
+            })
+          })]
+        }), _jsxs(Card, {
+          as: "a",
+          href: `/applications/${application === null || application === void 0 ? void 0 : application.code}/configure`,
+          children: [_jsx(CardIcon, {
+            children: _jsx(PlatformLogoIcon, {
+              type: "amazon",
+              size: "medium"
+            })
+          }), _jsx(H4, {
+            children: lang({
+              message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.AMAZON'
+            })
+          })]
+        })]
+      })]
+    })]
+  });
 }

package/ResendModal/ResendModal.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { type ResendModalProps } from './types';
-export declare const ResendModal: ({ isOpen, onClose, applicationCode, message, emailTemplate: providedEmailTemplate, }: ResendModalProps) => React.JSX.Element | null;
+export declare const ResendModal: ({ isOpen, onClose, applicationCode, message, emailTemplate: providedEmailTemplate, }: ResendModalProps) => import("react").JSX.Element | null;

package/ResendModal/ResendModal.js

@@ -1,4 +1,5 @@
-import React, { useCallback, useEffect, useMemo } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo } from 'react';
 import { Controller, useForm } from 'react-hook-form';
 import { Button, FieldBox, Modal, ModalBody, ModalFooter, ModalHeader, ModalTitle, NativeInput } from '@pushwoosh/dumb-components';
 import { Color } from '@pushwoosh/kit-constants';
@@ -118,79 +119,98 @@ export const ResendModal = ({
     }
   }, [applicationCode, message, onClose, presetSubject, resendEmail]);
   if (!message) return null;
-  return React.createElement(Modal, {
+  return _jsxs(Modal, {
     size: "medium",
     isOpen: isOpen,
-    onClose: onClose
-  }, React.createElement(ModalHeader, null, React.createElement(ModalTitle, null, lang({
-    message: 'SMART.RESEND_MODAL.TITLE'
-  }))), React.createElement(ModalBody, null, React.createElement(Vertical, {
-    "$gap": 16
-  }, React.createElement(Paragraph, null, lang({
-    message: 'SMART.RESEND_MODAL.DESCRIPTION'
-  })), React.createElement(Controller, {
-    control: control,
-    name: "presetSubject",
-    rules: {
-      required: lang({
-        message: 'SMART.RESEND_MODAL.ERROR.SUBJECT_REQUIRED'
+    onClose: onClose,
+    children: [_jsx(ModalHeader, {
+      children: _jsx(ModalTitle, {
+        children: lang({
+          message: 'SMART.RESEND_MODAL.TITLE'
+        })
       })
-    },
-    render: ({
-      field,
-      fieldState
-    }) => {
-      var _fieldState$error;
-      return React.createElement(FieldBox, {
-        title: lang({
-          message: 'SMART.RESEND_MODAL.FIELD.SUBJECT'
-        }),
-        error: !!fieldState.error && React.createElement(Text, {
-          "$color": Color.DANGER
-        }, (_fieldState$error = fieldState.error) === null || _fieldState$error === void 0 ? void 0 : _fieldState$error.message)
-      }, React.createElement(NativeInput, {
-        value: field.value ?? '',
-        disabled: isMultilanguage,
-        "$isErrored": fieldState.invalid,
-        name: field.name,
-        onChange: ({
-          target: {
-            value
+    }), _jsx(ModalBody, {
+      children: _jsxs(Vertical, {
+        "$gap": 16,
+        children: [_jsx(Paragraph, {
+          children: lang({
+            message: 'SMART.RESEND_MODAL.DESCRIPTION'
+          })
+        }), _jsx(Controller, {
+          control: control,
+          name: "presetSubject",
+          rules: {
+            required: lang({
+              message: 'SMART.RESEND_MODAL.ERROR.SUBJECT_REQUIRED'
+            })
+          },
+          render: ({
+            field,
+            fieldState
+          }) => {
+            var _fieldState$error;
+            return _jsx(FieldBox, {
+              title: lang({
+                message: 'SMART.RESEND_MODAL.FIELD.SUBJECT'
+              }),
+              error: !!fieldState.error && _jsx(Text, {
+                "$color": Color.DANGER,
+                children: (_fieldState$error = fieldState.error) === null || _fieldState$error === void 0 ? void 0 : _fieldState$error.message
+              }),
+              children: _jsx(NativeInput, {
+                value: field.value ?? '',
+                disabled: isMultilanguage,
+                "$isErrored": fieldState.invalid,
+                name: field.name,
+                onChange: ({
+                  target: {
+                    value
+                  }
+                }) => {
+                  if (value) {
+                    clearErrors('presetSubject');
+                  }
+                  field.onChange(value);
+                }
+              })
+            });
           }
-        }) => {
-          if (value) {
-            clearErrors('presetSubject');
-          }
-          field.onChange(value);
-        }
-      }));
-    }
-  }))), React.createElement(ModalFooter, null, React.createElement(Horizontal, {
-    "$justifyContent": "space-between"
-  }, React.createElement(Button, {
-    color: "secondary",
-    icon: React.createElement(EditIcon, {
-      size: "medium",
-      view: "lined"
-    }),
-    onClick: handleSubmit(() => {
-      history.push(editMessageUrl);
-    })
-  }, lang({
-    message: 'SMART.RESEND_MODAL.BUTTON.EDIT'
-  })), React.createElement(Horizontal, {
-    "$gap": 8
-  }, React.createElement(Button, {
-    color: "secondary",
-    onClick: onClose
-  }, lang({
-    message: 'SMART.RESEND_MODAL.BUTTON.CANCEL'
-  })), React.createElement(Button, {
-    color: "primary",
-    onClick: handleSubmit(() => {
-      handleResend();
-    })
-  }, lang({
-    message: 'SMART.RESEND_MODAL.BUTTON.RESEND'
-  }))))));
+        })]
+      })
+    }), _jsx(ModalFooter, {
+      children: _jsxs(Horizontal, {
+        "$justifyContent": "space-between",
+        children: [_jsx(Button, {
+          color: "secondary",
+          icon: _jsx(EditIcon, {
+            size: "medium",
+            view: "lined"
+          }),
+          onClick: handleSubmit(() => {
+            history.push(editMessageUrl);
+          }),
+          children: lang({
+            message: 'SMART.RESEND_MODAL.BUTTON.EDIT'
+          })
+        }), _jsxs(Horizontal, {
+          "$gap": 8,
+          children: [_jsx(Button, {
+            color: "secondary",
+            onClick: onClose,
+            children: lang({
+              message: 'SMART.RESEND_MODAL.BUTTON.CANCEL'
+            })
+          }), _jsx(Button, {
+            color: "primary",
+            onClick: handleSubmit(() => {
+              handleResend();
+            }),
+            children: lang({
+              message: 'SMART.RESEND_MODAL.BUTTON.RESEND'
+            })
+          })]
+        })]
+      })
+    })]
+  });
 };

package/RichMessageEditorSmart/NewDynamicContentForm.js

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
 import { Button } from '@pushwoosh/dumb-components';
 import { Horizontal } from '@pushwoosh/kit-helpers';
 import { SimpleDynamicContentPickerFormSmart } from '../DynamicContentPickerForm';
@@ -9,17 +10,20 @@ export const NewDynamicContentForm = ({
 }) => {
   const [dc, setDc] = useState();
   const lang = useLang();
-  return React.createElement(SimpleDynamicContentPickerFormSmart, {
+  return _jsx(SimpleDynamicContentPickerFormSmart, {
     dc: dc,
     onChange: setDc,
-    update: update
-  }, React.createElement(Horizontal, {
-    "$justifyContent": "end"
-  }, React.createElement(Button, {
-    color: "secondary",
-    onClick: () => onSubmit(dc),
-    isDisabled: !dc
-  }, lang({
-    message: 'SMART.RICH_MESSAGE_EDITOR.INSERT'
-  }))));
+    update: update,
+    children: _jsx(Horizontal, {
+      "$justifyContent": "end",
+      children: _jsx(Button, {
+        color: "secondary",
+        onClick: () => onSubmit(dc),
+        isDisabled: !dc,
+        children: lang({
+          message: 'SMART.RICH_MESSAGE_EDITOR.INSERT'
+        })
+      })
+    })
+  });
 };

package/RichMessageEditorSmart/RichMessageEditorSmart.js

@@ -1,19 +1,19 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { RichMessageEditor } from '@pushwoosh/dumb-components';
 import { SimpleDynamicContentPickerFormSmart } from '../DynamicContentPickerForm';
 import { NewDynamicContentForm } from './NewDynamicContentForm';
 export const RichMessageEditorSmart = props => {
-  return React.createElement(RichMessageEditor, {
+  return _jsx(RichMessageEditor, {
     ...props,
     renderDynamicContent: ({
       dc,
       onChange,
       update
-    }) => dc ? React.createElement(SimpleDynamicContentPickerFormSmart, {
+    }) => dc ? _jsx(SimpleDynamicContentPickerFormSmart, {
       dc: dc,
       onChange: onChange,
       update: update
-    }) : React.createElement(NewDynamicContentForm, {
+    }) : _jsx(NewDynamicContentForm, {
       update: update,
       onSubmit: onChange
     })

package/SystemParcel/SystemParcel.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+import { type ComponentType } from 'react';
 type SystemParcelProps = {
     importPath: string;
     methodName?: string;
     mountRootParcel: any;
-    Parcel: React.ComponentType<any>;
+    Parcel: ComponentType<any>;
 } & Record<string, unknown>;
-export declare function SystemParcel({ importPath, mountRootParcel, methodName, Parcel, ...restProps }: SystemParcelProps): React.JSX.Element;
+export declare function SystemParcel({ importPath, mountRootParcel, methodName, Parcel, ...restProps }: SystemParcelProps): import("react").JSX.Element;
 export {};

package/SystemParcel/SystemParcel.js

@@ -1,4 +1,5 @@
-import React, { useMemo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
 import { useSPAContext } from '@pushwoosh/spa-context';
 export function SystemParcel({
   importPath,
@@ -9,7 +10,7 @@ export function SystemParcel({
 }) {
   const spaContext = useSPAContext();
   const parcelConfig = useMemo(() => createSystemParcelConfig(importPath, methodName), [importPath, methodName]);
-  return React.createElement(Parcel, {
+  return _jsx(Parcel, {
     config: parcelConfig,
     spaContext: spaContext,
     mountParcel: mountRootParcel,