@pushwoosh/smart-components-kit 1.3.6 → 1.3.8

package/LanguagesSelector/LanguagesModal.d.ts

@@ -1,9 +1,11 @@
 import { type FC } from 'react';
+import { type AllPlatforms } from '@pushwoosh/kit-constants';
 type LanguagesModalProps = {
     applicationCode: string;
     initialLanguages: string[];
     onSubmit: (languages: string[]) => void;
     onClose: () => void;
+    platforms?: AllPlatforms[];
 };
 export declare const LanguagesModal: FC<LanguagesModalProps>;
 export {};

package/LanguagesSelector/LanguagesModal.js

@@ -9,7 +9,8 @@ export const LanguagesModal = ({
   applicationCode,
   initialLanguages,
   onSubmit,
-  onClose
+  onClose,
+  platforms
 }) => {
   const lang = useLang();
   const [selectedLanguages, setSelectedLanguages] = useState(initialLanguages);
@@ -24,7 +25,8 @@ export const LanguagesModal = ({
       children: _jsx(LanguagesSelectFormLoader, {
         application: applicationCode,
         onChange: setSelectedLanguages,
-        value: selectedLanguages
+        value: selectedLanguages,
+        platforms: platforms
       })
     }), _jsx(ModalFooter, {
       children: _jsxs(Horizontal, {

package/LanguagesSelector/LanguagesSelectFormLoader.d.ts

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

package/LanguagesSelector/LanguagesSelectFormLoader.js

@@ -9,7 +9,8 @@ export const LanguagesSelectFormLoader = ({
   application,
   value,
   onChange,
-  systemLanguage = 'en'
+  systemLanguage = 'en',
+  platforms
 }) => {
   const getLangName = useGetLangName(systemLanguage);
   const {
@@ -20,7 +21,8 @@ export const LanguagesSelectFormLoader = ({
       values
     } = await rpcGateway.tags.GetTagValues({
       application,
-      name: 'Language'
+      name: 'Language',
+      platforms
     });
     const valuesLangCodes = values.map(v => canonicalizeLangCode(v.value));
     const allLangCodes = Array.from(new Set([...valuesLangCodes, ...langCodes.map(canonicalizeLangCode)]).values());
@@ -33,7 +35,7 @@ export const LanguagesSelectFormLoader = ({
       name: getLangName(code),
       subscribers: values.find(val => canonicalizeLangCode(val.value) === code)?.count || 0
     }));
-  }, [application, getLangName, systemLanguage]);
+  }, [application, getLangName, systemLanguage, platforms]);
   if (langAsync.loading) {
     return _jsx(Horizontal, {
       "$placeItems": "center",

package/LanguagesSelector/LanguagesSelector.d.ts

@@ -1,4 +1,5 @@
 import { type FC } from 'react';
+import { type AllPlatforms } from '@pushwoosh/kit-constants';
 type SelectLanguageProps = {
     applicationCode: string;
     value: string;
@@ -6,6 +7,8 @@ type SelectLanguageProps = {
     isDisabled?: boolean;
     onChange: (language: string) => void;
     onChangeLanguages: (languages: string[]) => void;
+    /** Count subscribers on these platforms only; see LANGUAGE_PLATFORMS. */
+    platforms?: AllPlatforms[];
 };
 export declare const LanguagesSelector: FC<SelectLanguageProps>;
 export {};

package/LanguagesSelector/LanguagesSelector.js

@@ -13,7 +13,8 @@ export const LanguagesSelector = ({
   languages,
   isDisabled,
   onChange,
-  onChangeLanguages
+  onChangeLanguages,
+  platforms
 }) => {
   const [showLanguagesModal, setShowLanguagesModal] = useState(false);
   const lang = useLang();
@@ -107,6 +108,7 @@ export const LanguagesSelector = ({
       children: _jsx(LanguagesModal, {
         applicationCode: applicationCode,
         initialLanguages: languages,
+        platforms: platforms,
         onSubmit: langs => {
           onChangeLanguages(langs);
           setShowLanguagesModal(false);

package/LanguagesSelector/index.d.ts

@@ -1 +1,2 @@
 export { LanguagesSelector } from './LanguagesSelector';
+export { LANGUAGE_PLATFORMS } from './platforms';

package/LanguagesSelector/index.js

@@ -1 +1,2 @@
-export { LanguagesSelector } from './LanguagesSelector';
+export { LanguagesSelector } from './LanguagesSelector';
+export { LANGUAGE_PLATFORMS } from './platforms';

package/LanguagesSelector/platforms.d.ts

@@ -0,0 +1,13 @@
+import { AllPlatforms } from '@pushwoosh/kit-constants';
+/**
+ * Platforms a channel delivers to, so its language list counts only those
+ * devices. Wallet passes are out of inApp: they render no in-app content.
+ */
+export declare const LANGUAGE_PLATFORMS: {
+    email: AllPlatforms.Email[];
+    sms: AllPlatforms.SMS[];
+    line: AllPlatforms.Line[];
+    whatsApp: AllPlatforms.WhatsApp[];
+    push: AllPlatforms[];
+    inApp: (AllPlatforms.IOS | AllPlatforms.Blackberry | AllPlatforms.Android | AllPlatforms.Asha | AllPlatforms.WindowsPhone | AllPlatforms.Bada | AllPlatforms.OSX | AllPlatforms.Windows | AllPlatforms.Amazon | AllPlatforms.Safari | AllPlatforms.Chrome | AllPlatforms.Firefox | AllPlatforms.IE | AllPlatforms.Email | AllPlatforms.FBMessenger | AllPlatforms.BaiduAndroid | AllPlatforms.HuaweiAndroid | AllPlatforms.SMS | AllPlatforms.Xiaomi | AllPlatforms.Web | AllPlatforms.WhatsApp | AllPlatforms.Line | AllPlatforms.KakaoTalk | AllPlatforms.Telegram | AllPlatforms.Viber)[];
+};

package/LanguagesSelector/platforms.js

@@ -0,0 +1,14 @@
+import { AllPlatforms } from '@pushwoosh/kit-constants';
+const PUSH_PLATFORMS = [AllPlatforms.IOS, AllPlatforms.Android, AllPlatforms.HuaweiAndroid, AllPlatforms.BaiduAndroid, AllPlatforms.Amazon, AllPlatforms.OSX, AllPlatforms.Windows, AllPlatforms.Safari, AllPlatforms.Chrome, AllPlatforms.Firefox, AllPlatforms.IE, AllPlatforms.Web, AllPlatforms.AppleWallet, AllPlatforms.GoogleWallet];
+/**
+ * Platforms a channel delivers to, so its language list counts only those
+ * devices. Wallet passes are out of inApp: they render no in-app content.
+ */
+export const LANGUAGE_PLATFORMS = {
+  email: [AllPlatforms.Email],
+  sms: [AllPlatforms.SMS],
+  line: [AllPlatforms.Line],
+  whatsApp: [AllPlatforms.WhatsApp],
+  push: PUSH_PLATFORMS,
+  inApp: PUSH_PLATFORMS.filter(platform => platform !== AllPlatforms.AppleWallet && platform !== AllPlatforms.GoogleWallet)
+};

package/mmsAttachments/index.d.ts

@@ -1 +1 @@
-export { MMS_ALLOWED_EXTENSIONS, MMS_MAX_ATTACHMENTS, MMS_SAFE_FILE_SIZE_BYTES, MMS_SUBJECT_MAX_ASCII_LENGTH, MMS_SUBJECT_MAX_UNICODE_LENGTH, getMmsSubjectLength, getMmsSubjectMaxLength, isMmsAttachmentOversized, isMmsAttachmentUrl, isMmsMessageAtValid, isMmsSubjectTooLong, } from './rules';
+export { MMS_ALLOWED_EXTENSIONS, MMS_MAX_ATTACHMENTS, MMS_MAX_FILE_SIZE_BYTES, MMS_SUBJECT_MAX_ASCII_LENGTH, MMS_SUBJECT_MAX_UNICODE_LENGTH, getMmsSubjectLength, getMmsSubjectMaxLength, isMmsAttachmentOversized, isMmsAttachmentUrl, isMmsMessageAtValid, isMmsSubjectTooLong, } from './rules';

package/mmsAttachments/index.js

@@ -1 +1 @@
-export { MMS_ALLOWED_EXTENSIONS, MMS_MAX_ATTACHMENTS, MMS_SAFE_FILE_SIZE_BYTES, MMS_SUBJECT_MAX_ASCII_LENGTH, MMS_SUBJECT_MAX_UNICODE_LENGTH, getMmsSubjectLength, getMmsSubjectMaxLength, isMmsAttachmentOversized, isMmsAttachmentUrl, isMmsMessageAtValid, isMmsSubjectTooLong } from './rules';
+export { MMS_ALLOWED_EXTENSIONS, MMS_MAX_ATTACHMENTS, MMS_MAX_FILE_SIZE_BYTES, MMS_SUBJECT_MAX_ASCII_LENGTH, MMS_SUBJECT_MAX_UNICODE_LENGTH, getMmsSubjectLength, getMmsSubjectMaxLength, isMmsAttachmentOversized, isMmsAttachmentUrl, isMmsMessageAtValid, isMmsSubjectTooLong } from './rules';

package/mmsAttachments/rules.d.ts

@@ -8,20 +8,20 @@ export declare const MMS_SUBJECT_MAX_ASCII_LENGTH = 40;
 export declare const MMS_SUBJECT_MAX_UNICODE_LENGTH = 13;
 export declare const MMS_ALLOWED_EXTENSIONS: string[];
 /**
- * Attachments above this stay compatible with older networks and handsets. It is a
- * recommendation, not a provider limit — warn, never block.
+ * The provider rejects anything heavier, so an oversized attachment fails the whole send.
+ * Media-library sizes are not always known, so the forms warn on it instead of blocking.
  */
-export declare const MMS_SAFE_FILE_SIZE_BYTES: number;
+export declare const MMS_MAX_FILE_SIZE_BYTES: number;
 /**
  * The provider downloads the attachment itself, so it has to be a public https url whose
  * *path* ends with a supported image extension. Checking the path (not the whole url) matches
  * the backend and keeps query strings — signatures, cache busters — from passing as extensions.
  *
- * The same rule also hides WebP and the legacy media-library files stored without an extension:
- * both are fetchable, neither is accepted downstream.
+ * PNG, JPEG, WebP and the legacy media-library files stored without an extension drop out
+ * here: all of them are fetchable, none is decoded by the provider.
  */
 export declare const isMmsAttachmentUrl: (url: string) => boolean;
-/** Whether the file is large enough to warrant the "may not arrive" warning. */
+/** Whether the file is over the provider's size limit and will be rejected on send. */
 export declare const isMmsAttachmentOversized: (file: MediaFile) => boolean;
 /**
  * Subject length budget: the provider counts non-ASCII subjects against a much shorter

package/mmsAttachments/rules.js

@@ -5,19 +5,19 @@
 export const MMS_MAX_ATTACHMENTS = 3;
 export const MMS_SUBJECT_MAX_ASCII_LENGTH = 40;
 export const MMS_SUBJECT_MAX_UNICODE_LENGTH = 13;
-export const MMS_ALLOWED_EXTENSIONS = ['.jpg', '.jpeg', '.png', '.gif'];
+export const MMS_ALLOWED_EXTENSIONS = ['.jpg', '.gif'];
 /**
- * Attachments above this stay compatible with older networks and handsets. It is a
- * recommendation, not a provider limit — warn, never block.
+ * The provider rejects anything heavier, so an oversized attachment fails the whole send.
+ * Media-library sizes are not always known, so the forms warn on it instead of blocking.
  */
-export const MMS_SAFE_FILE_SIZE_BYTES = 300 * 1024;
+export const MMS_MAX_FILE_SIZE_BYTES = 200 * 1024;
 /**
  * The provider downloads the attachment itself, so it has to be a public https url whose
  * *path* ends with a supported image extension. Checking the path (not the whole url) matches
  * the backend and keeps query strings — signatures, cache busters — from passing as extensions.
  *
- * The same rule also hides WebP and the legacy media-library files stored without an extension:
- * both are fetchable, neither is accepted downstream.
+ * PNG, JPEG, WebP and the legacy media-library files stored without an extension drop out
+ * here: all of them are fetchable, none is decoded by the provider.
  */
 export const isMmsAttachmentUrl = url => {
   let parsed;
@@ -30,8 +30,8 @@ export const isMmsAttachmentUrl = url => {
   const path = parsed.pathname.toLowerCase();
   return MMS_ALLOWED_EXTENSIONS.some(extension => path.endsWith(extension));
 };
-/** Whether the file is large enough to warrant the "may not arrive" warning. */
-export const isMmsAttachmentOversized = file => file.fileSize > MMS_SAFE_FILE_SIZE_BYTES;
+/** Whether the file is over the provider's size limit and will be rejected on send. */
+export const isMmsAttachmentOversized = file => file.fileSize > MMS_MAX_FILE_SIZE_BYTES;
 /**
  * Subject length budget: the provider counts non-ASCII subjects against a much shorter
  * limit, so a single non-ASCII character drops the whole subject to 13.

package/package.json

@@ -29,7 +29,7 @@
     "@pushwoosh/kit-helpers": "^4.12.0",
     "@pushwoosh/kit-icons": "^2.1.22",
     "@pushwoosh/kit-typography": "^1.7.6",
-    "@pushwoosh/rpc-v2-http-api-data": "^0.2.105",
+    "@pushwoosh/rpc-v2-http-api-data": "^0.2.114",
     "@pushwoosh/spa-context": "^1.7.1",
     "idb-keyval": "^6.2.2",
     "react-hook-form": "^7.68.0",
@@ -52,5 +52,5 @@
     "react": "^16.14.0 || ^18.0.0",
     "react-dom": "^16.14.0 || ^18.0.0"
   },
-  "version": "1.3.6"
+  "version": "1.3.8"
 }