@pushwoosh/dumb-components 1.1.190 → 1.1.191

package/EmailTemplatePreview/EmailTemplatePreview.js

@@ -3,6 +3,7 @@ import { Liquid } from 'liquidjs';
 import { useMemo, useState } from 'react';
 import { replaceLocalization, replacePlaceholders } from './helpers';
 import { IframeStyled } from './styles';
+import { LIGHT_ISLAND_PROPS } from '../shared/lightIsland';
 const createLiquidInstance = () => {
   const liquidInstance = new Liquid();
   const tags = ['email_content', 'connected_content'];
@@ -47,6 +48,7 @@ export function EmailTemplatePreview(props) {
     }
   }, [template, localization, values, liquidInstance]);
   return _jsx(IframeStyled, {
+    ...LIGHT_ISLAND_PROPS,
     "$scale": scale,
     "$width": width,
     "$height": height,

package/NativeRichMediaPreview/NativeRichMediaPreview.js

@@ -11,6 +11,7 @@ import { parseNativeRichMediaConfig } from './parseNativeRichMediaConfig';
 import { resolveLocalization } from './resolveLocalization';
 import { BackdropLayer, ContentFlow, PreviewHost, ScaleViewport, ScrollLayer, SpinnerLayer } from './styles';
 import { NativeRichMediaBannerView, NativeRichMediaCarouselView, NativeRichMediaFullscreenView, NativeRichMediaInvalidView, NativeRichMediaModalView, NativeRichMediaPipView, NativeRichMediaScratchcardView, NativeRichMediaSheetView, NativeRichMediaSpinwheelView, NativeRichMediaStoriesView, NativeRichMediaVideoView } from './views';
+import { LIGHT_ISLAND_PROPS } from '../shared/lightIsland';
 function dimsScreen(config) {
   if (!config) {
     return false;
@@ -200,6 +201,7 @@ export function NativeRichMediaPreview(props) {
   }, [content, localization, language]);
   const shouldDim = !isLoading && dimsScreen(config);
   return _jsxs(PreviewHost, {
+    ...LIGHT_ISLAND_PROPS,
     width: width,
     height: height,
     "$withBackground": withBackground,

package/PushPreview/PushPreview.js

@@ -6,6 +6,7 @@ import { PREVIEW_ICON_URL } from './constants';
 import { getLocalizedContent } from './helpers';
 import { PushBox, PushIcon, PushTitle, PushDescription } from './styles';
 import { RichMessageViewer } from '../RichMessageEditor';
+import { LIGHT_ISLAND_PROPS } from '../shared/lightIsland';
 /**
  * Renders a realistic push-notification preview from a push preset, picking
  * localized strings by `language`, with compact/extended/silent/missed-content modes.
@@ -39,6 +40,7 @@ export function PushPreview({
     return _jsx(MissedContentPreview, {});
   }
   return _jsxs(PushBox, {
+    ...LIGHT_ISLAND_PROPS,
     view: view,
     "$width": width,
     "$loading": isLoading,

package/RichmediaPreview/RichmediaPreview.js

@@ -3,6 +3,7 @@ import { Color } from '@pushwoosh/kit-constants';
 import { Spinner } from '../Spinner';
 import { useRichmediaHtml } from './hooks';
 import { RichMediaPreviewContainer, RichMediaPreviewIframe } from './styles';
+import { LIGHT_ISLAND_PROPS } from '../shared/lightIsland';
 /**
  * Renders a rich-media (in-app) template in a fully isolated sandboxed iframe, resolving
  * params and localization via {@link useRichmediaHtml}. Template scripts run in an opaque
@@ -32,6 +33,7 @@ export function RichmediaPreview(props) {
     baseUrl
   });
   return _jsx(RichMediaPreviewContainer, {
+    ...LIGHT_ISLAND_PROPS,
     width: width,
     height: height,
     "$isLoading": isLoading,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/dumb-components",
-  "version": "1.1.190",
+  "version": "1.1.191",
   "description": "React components to build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",
@@ -49,7 +49,7 @@
     "@codemirror/lang-liquid": "^6.2.2",
     "@floating-ui/react-dom": "^2.1.2",
     "@lezer/highlight": "^1.2.1",
-    "@pushwoosh/kit-constants": "^1.7.0",
+    "@pushwoosh/kit-constants": "^1.9.0",
     "@pushwoosh/kit-helpers": "^4.11.0",
     "@pushwoosh/kit-icons": "^2.1.16",
     "@pushwoosh/kit-typography": "^1.7.5",

package/shared/lightIsland.d.ts

@@ -0,0 +1,3 @@
+export declare const LIGHT_ISLAND_PROPS: {
+    readonly "data-theme": "light";
+};

package/shared/lightIsland.js

@@ -0,0 +1,4 @@
+import { THEME_ATTRIBUTE } from '@pushwoosh/kit-constants';
+export const LIGHT_ISLAND_PROPS = {
+  [THEME_ATTRIBUTE]: 'light'
+};