@pushwoosh/dumb-components 1.1.173 → 1.1.175

package/Calendar/CalendarMonthSlider/CalendarMonthSlider.js

@@ -93,9 +93,7 @@ export const CalendarMonthSlider = ({
         onTransitionEnd: () => {
           toBaseline(anchor);
         },
-        children: panels.map((p, i) =>
-        // eslint-disable-next-line react/no-array-index-key
-        _jsx(Panel, {
+        children: panels.map((p, i) => _jsx(Panel, {
           children: _jsxs(Vertical, {
             "$gap": 4,
             children: [_jsxs(Horizontal, {

package/NativeRichMediaPreview/helpers.d.ts

@@ -9,6 +9,7 @@ export declare function contrastOn(hex: string): string;
 export declare function withAlpha(hex: string, a: number): string;
 export declare function mixHex(hex: string, target: string, t: number): string;
 export declare function surfaceBackground(background: string | string[] | undefined, fallbackHex: string): string;
+export declare function isObject(value: unknown): value is Record<string, unknown>;
 export declare function asText(value: unknown): string;
 export type NativeRichMediaTextValue = {
     text: string;

package/NativeRichMediaPreview/helpers.js

@@ -65,6 +65,9 @@ export function surfaceBackground(background, fallbackHex) {
   }
   return background || fallbackHex;
 }
+export function isObject(value) {
+  return typeof value === 'object' && value !== null && !Array.isArray(value);
+}
 export function asText(value) {
   return typeof value === 'string' ? value : '';
 }

package/NativeRichMediaPreview/index.d.ts

@@ -1,4 +1,5 @@
 export type { NativeRichMediaConfig, NativeRichMediaDisplayType, NativeRichMediaText, NativeRichMediaBorder, NativeRichMediaCover, NativeRichMediaAction, NativeRichMediaButton, NativeRichMediaReward, NativeRichMediaModalBlock, NativeRichMediaSheetBlock, NativeRichMediaCarouselBlock, NativeRichMediaStoriesBlock, NativeRichMediaBannerBlock, NativeRichMediaFullscreenBlock, NativeRichMediaVideoBlock, NativeRichMediaPipBlock, NativeRichMediaScratchcardBlock, NativeRichMediaSpinwheelBlock, NativeRichMediaPreviewProps, NativeRichMediaLocalization, } from './types';
 export { NATIVE_RICH_MEDIA_DISPLAY_TYPES } from './types';
 export { parseNativeRichMediaConfig } from './parseNativeRichMediaConfig';
+export { parseLocalizationParams } from './parseLocalizationParams';
 export { NativeRichMediaPreview } from './NativeRichMediaPreview';

package/NativeRichMediaPreview/index.js

@@ -1,3 +1,4 @@
 export { NATIVE_RICH_MEDIA_DISPLAY_TYPES } from './types';
 export { parseNativeRichMediaConfig } from './parseNativeRichMediaConfig';
+export { parseLocalizationParams } from './parseLocalizationParams';
 export { NativeRichMediaPreview } from './NativeRichMediaPreview';

package/NativeRichMediaPreview/parseLocalizationParams.d.ts

@@ -0,0 +1,9 @@
+import type { NativeRichMediaLocalization } from './types';
+/**
+ * Parses a rich media `params` JSON string into a {@link NativeRichMediaLocalization}
+ * ready for the `localization` prop of {@link NativeRichMediaPreview}. Accepts both the
+ * wrapped shape (`{ localization: { … } }`) and a bare localization object, and tolerates
+ * malformed input: a missing, non-JSON, or non-object `params` yields `{}`, and non-string
+ * leaves are dropped so the result is always `Record<string, Record<string, string>>`.
+ */
+export declare function parseLocalizationParams(params?: string): NativeRichMediaLocalization;

package/NativeRichMediaPreview/parseLocalizationParams.js

@@ -0,0 +1,37 @@
+import { isObject } from './helpers';
+/**
+ * Parses a rich media `params` JSON string into a {@link NativeRichMediaLocalization}
+ * ready for the `localization` prop of {@link NativeRichMediaPreview}. Accepts both the
+ * wrapped shape (`{ localization: { … } }`) and a bare localization object, and tolerates
+ * malformed input: a missing, non-JSON, or non-object `params` yields `{}`, and non-string
+ * leaves are dropped so the result is always `Record<string, Record<string, string>>`.
+ */
+export function parseLocalizationParams(params) {
+  if (!params) {
+    return {};
+  }
+  let parsed;
+  try {
+    parsed = JSON.parse(params);
+  } catch {
+    return {};
+  }
+  if (!isObject(parsed)) {
+    return {};
+  }
+  const source = isObject(parsed.localization) ? parsed.localization : parsed;
+  const result = {};
+  Object.entries(source).forEach(([code, dict]) => {
+    if (!isObject(dict)) {
+      return;
+    }
+    const clean = {};
+    Object.entries(dict).forEach(([key, value]) => {
+      if (typeof value === 'string') {
+        clean[key] = value;
+      }
+    });
+    result[code] = clean;
+  });
+  return result;
+}

package/NativeRichMediaPreview/parseNativeRichMediaConfig.js

@@ -1,7 +1,5 @@
+import { isObject } from './helpers';
 import { NATIVE_RICH_MEDIA_DISPLAY_TYPES } from './types';
-function isObject(value) {
-  return typeof value === 'object' && value !== null && !Array.isArray(value);
-}
 function isNonEmptyString(value) {
   return typeof value === 'string' && value.length > 0;
 }

package/NativeRichMediaPreview/views/NativeRichMediaSpinwheelView/NativeRichMediaSpinwheelView.js

@@ -34,18 +34,15 @@ export function NativeRichMediaSpinwheelView(props) {
         children: segs.map((s, i) => {
           const theta = -90 + (i + 0.5) * per;
           const label = asTextValue(s.message);
-          return (
-            // eslint-disable-next-line react/no-array-index-key
-            _jsxs(Fragment, {
-              children: [_jsx(Tick, {
-                "$rotate": i * per - 180
-              }), _jsx(SegmentLabel, {
-                "$color": label.color,
-                "$rotate": theta,
-                children: label.text
-              })]
-            }, `spin-segment-${i}`)
-          );
+          return _jsxs(Fragment, {
+            children: [_jsx(Tick, {
+              "$rotate": i * per - 180
+            }), _jsx(SegmentLabel, {
+              "$color": label.color,
+              "$rotate": theta,
+              children: label.text
+            })]
+          }, `spin-segment-${i}`);
         })
       }), _jsx(Pointer, {}), _jsx(Hub, {
         "$background": spinButton === null || spinButton === void 0 ? void 0 : spinButton.background,

package/RichMessageEditor/RichMessageViewer.js

@@ -19,36 +19,27 @@ export const RichMessageViewer = ({
   return content.map((node, index) => {
     const children = node.children.map((child, idx) => {
       if (isElement(child) && child.type === 'dc') {
-        return (
-          // eslint-disable-next-line react/no-array-index-key
-          _jsxs(DynamicContentRoot, {
-            children: [_jsx(DynamicContentBracket, {
-              children: '{'
-            }), "\u00A0", child.dc.tagName, "\u00A0", _jsx(DynamicContentBracket, {
-              children: '}'
-            })]
-          }, idx)
-        );
+        return _jsxs(DynamicContentRoot, {
+          children: [_jsx(DynamicContentBracket, {
+            children: '{'
+          }), "\u00A0", child.dc.tagName, "\u00A0", _jsx(DynamicContentBracket, {
+            children: '}'
+          })]
+        }, idx);
       }
       return child.text;
     });
     if (flat) {
-      return (
-        // eslint-disable-next-line react/no-array-index-key
-        _jsxs(Fragment, {
-          children: [index > 0 && ' ', _jsx("span", {
-            dir: "auto",
-            children: children
-          })]
-        }, index)
-      );
+      return _jsxs(Fragment, {
+        children: [index > 0 && ' ', _jsx("span", {
+          dir: "auto",
+          children: children
+        })]
+      }, index);
     }
-    return (
-      // eslint-disable-next-line react/no-array-index-key
-      _jsx(Paragraph, {
-        dir: "auto",
-        children: children
-      }, index)
-    );
+    return _jsx(Paragraph, {
+      dir: "auto",
+      children: children
+    }, index);
   });
 };

package/index.d.ts

@@ -44,7 +44,7 @@ export { EnhancedInput, SearchInput } from './EnhancedInput';
 export { Chip, type ChipProps, type ChipVariant } from './Chip';
 export { RichmediaPreview, useRichmediaHtml } from './RichmediaPreview';
 export { SandboxedHtmlFrame, type SandboxedHtmlFrameProps, type IsolatedSandboxedHtmlFrameProps, type InspectableSandboxedHtmlFrameProps, } from './SandboxedHtmlFrame';
-export { NativeRichMediaPreview, parseNativeRichMediaConfig, NATIVE_RICH_MEDIA_DISPLAY_TYPES } from './NativeRichMediaPreview';
+export { NativeRichMediaPreview, parseNativeRichMediaConfig, parseLocalizationParams, NATIVE_RICH_MEDIA_DISPLAY_TYPES } from './NativeRichMediaPreview';
 export type { NativeRichMediaConfig, NativeRichMediaDisplayType, NativeRichMediaText, NativeRichMediaBorder, NativeRichMediaCover, NativeRichMediaAction, NativeRichMediaButton, NativeRichMediaReward, NativeRichMediaModalBlock, NativeRichMediaSheetBlock, NativeRichMediaCarouselBlock, NativeRichMediaStoriesBlock, NativeRichMediaBannerBlock, NativeRichMediaFullscreenBlock, NativeRichMediaVideoBlock, NativeRichMediaPipBlock, NativeRichMediaScratchcardBlock, NativeRichMediaSpinwheelBlock, NativeRichMediaPreviewProps, NativeRichMediaLocalization, } from './NativeRichMediaPreview';
 export { RichMessageEditor, RichMessageViewer, type DynamicContent, } from './RichMessageEditor';
 export { FrequencyCappingEdit, FrequencyCappingReadonly, FrequencyCappingInApps, type LocalCapping, type CappingInAppBase, } from './FrequencyCapping';

package/index.js

@@ -44,7 +44,7 @@ export { EnhancedInput, SearchInput } from './EnhancedInput';
 export { Chip } from './Chip';
 export { RichmediaPreview, useRichmediaHtml } from './RichmediaPreview';
 export { SandboxedHtmlFrame } from './SandboxedHtmlFrame';
-export { NativeRichMediaPreview, parseNativeRichMediaConfig, NATIVE_RICH_MEDIA_DISPLAY_TYPES } from './NativeRichMediaPreview';
+export { NativeRichMediaPreview, parseNativeRichMediaConfig, parseLocalizationParams, NATIVE_RICH_MEDIA_DISPLAY_TYPES } from './NativeRichMediaPreview';
 export { RichMessageEditor, RichMessageViewer } from './RichMessageEditor';
 export { FrequencyCappingEdit, FrequencyCappingReadonly, FrequencyCappingInApps } from './FrequencyCapping';
 export { SendRateEdit, SendRateReadonly } from './SendRate';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/dumb-components",
-  "version": "1.1.173",
+  "version": "1.1.175",
   "description": "React components to build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",
@@ -24,7 +24,7 @@
     "npm": ">= 7"
   },
   "devDependencies": {
-    "@pushwoosh/frontend-builder-engine": "^2.1.1",
+    "@pushwoosh/frontend-builder-engine": "^3.0.0",
     "@svgr/webpack": "^8.1.0",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.0",