@pushwoosh/smart-components-kit 1.3.7 → 1.3.9

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/Table/components/Loading/styles.js

@@ -3,4 +3,4 @@ import { Color, FontSize } from '@pushwoosh/kit-constants';
 export const Wrapper = styled.div.withConfig({
   displayName: "Wrapper",
   componentId: "sc-x57qck-0"
-})(["position:relative;font-size:", ";line-height:12px;background-color:", ";& > div{height:52px;border-bottom:1px solid ", ";& > div{transition:width 200ms linear;}}&:after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background-image:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,0.9));}"], FontSize.SMALL, Color.CLEAR, Color.DIVIDER);
+})(["position:relative;font-size:", ";line-height:12px;background-color:", ";& > div{height:52px;border-bottom:1px solid ", ";& > div{transition:width 200ms linear;}}&:after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background-image:linear-gradient(to bottom,hsl(from ", " h s l / 0),hsl(from ", " h s l / 0.9));}"], FontSize.SMALL, Color.CLEAR, Color.DIVIDER, Color.CLEAR, Color.CLEAR);

package/package.json

@@ -24,12 +24,12 @@
   },
   "dependencies": {
     "@floating-ui/react-dom": "^2.1.2",
-    "@pushwoosh/dumb-components": "^1.1.182",
-    "@pushwoosh/kit-constants": "^1.8.0",
+    "@pushwoosh/dumb-components": "^1.1.192",
+    "@pushwoosh/kit-constants": "^1.10.0",
     "@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.7"
+  "version": "1.3.9"
 }