@pushwoosh/kit-helpers 4.11.0 → 4.11.2

package/analytics/identifyOpenReplay.js

@@ -8,9 +8,11 @@ export const identifyOpenReplaySession = properties => {
     store.push(properties);
     window.pwOpenReplayIdentifyStore = store;
   } else {
-    window.OpenReplay?.setUserID(properties.email);
+    var _window$OpenReplay;
+    (_window$OpenReplay = window.OpenReplay) === null || _window$OpenReplay === void 0 || _window$OpenReplay.setUserID(properties.email);
     if (properties.accountID) {
-      window.OpenReplay?.setMetadata('AccountID', `${properties.accountID}`);
+      var _window$OpenReplay2;
+      (_window$OpenReplay2 = window.OpenReplay) === null || _window$OpenReplay2 === void 0 || _window$OpenReplay2.setMetadata('AccountID', `${properties.accountID}`);
     }
   }
 };

package/expand.js

@@ -1,5 +1,7 @@
+import { createElement as _createElement } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 /* eslint-disable react/require-default-props, react/jsx-no-bind */
-import React, { useEffect, useRef, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { CSSTransition, TransitionGroup } from 'react-transition-group';
 import styled, { css } from 'styled-components';
 const ExpandTransitionComp = ({
@@ -22,21 +24,24 @@ const ExpandTransitionComp = ({
     });
   }
   useEffect(updateStyle, [timeout]);
-  return React.createElement(CSSTransition, {
+  return _jsx(CSSTransition, {
     ...rest,
     timeout: timeout,
     classNames: className,
     onEnter: updateStyle,
     onExit: updateStyle,
-    nodeRef: refExternal
-  }, React.createElement("div", {
-    ref: refExternal,
-    className: externalClassName ? `${className} ${externalClassName}` : className,
-    style: externalStyle
-  }, React.createElement("div", {
-    ref: refInternal,
-    className: internalClassName
-  }, children)));
+    nodeRef: refExternal,
+    children: _jsx("div", {
+      ref: refExternal,
+      className: externalClassName ? `${className} ${externalClassName}` : className,
+      style: externalStyle,
+      children: _jsx("div", {
+        ref: refInternal,
+        className: internalClassName,
+        children: children
+      })
+    })
+  });
 };
 const CollapseTransition = styled(ExpandTransitionComp).withConfig({
   displayName: "CollapseTransition",
@@ -53,10 +58,11 @@ export const Collapse = ({
   children,
   className,
   ...rest
-}) => React.createElement(TransitionGroup, {
-  component: null
-}, expanded && React.createElement(CollapseTransition, {
-  ...rest,
-  externalClassName: className,
-  key: 0
-}, typeof children === 'function' ? children() : children));
+}) => _jsx(TransitionGroup, {
+  component: null,
+  children: expanded && _createElement(CollapseTransition, {
+    ...rest,
+    externalClassName: className,
+    key: 0
+  }, typeof children === 'function' ? children() : children)
+});

package/flex.d.ts

@@ -5,13 +5,13 @@ type FlexContainerProps = CommonContainerProps & {
 };
 export declare const FlexContainer: import("styled-components").StyledComponent<"div", any, FlexContainerProps, never>;
 export declare const Cluster: import("styled-components").StyledComponent<"div", any, import("./styled-helpers").CommonBoxProps & {
-    $alignContent?: import("./styled-helpers").AlignContentValue | undefined;
-    $alignItems?: import("./styled-helpers").ItemAlignmentValue | undefined;
-    $gap?: import("./styled-helpers").StrNum | undefined;
-    $justifyContent?: import("./styled-helpers").JustifyContentValue | undefined;
+    $alignContent?: import("./styled-helpers").AlignContentValue;
+    $alignItems?: import("./styled-helpers").ItemAlignmentValue;
+    $gap?: import("./styled-helpers").StrNum;
+    $justifyContent?: import("./styled-helpers").JustifyContentValue;
 } & {
-    $flexDirection?: "row" | "row-reverse" | "column" | "column-reverse" | undefined;
-    $flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+    $flexDirection?: "row" | "row-reverse" | "column" | "column-reverse";
+    $flexWrap?: "nowrap" | "wrap" | "wrap-reverse";
 } & {
     $flexWrap: string;
 }, "$flexWrap">;

package/grid.d.ts

@@ -7,50 +7,50 @@ type GridContainerProps = CommonContainerProps & {
 };
 export declare const GridContainer: import("styled-components").StyledComponent<"div", any, GridContainerProps, never>;
 export declare const Columns: import("styled-components").StyledComponent<"div", any, import("./styled-helpers").CommonBoxProps & {
-    $alignContent?: import("./styled-helpers").AlignContentValue | undefined;
-    $alignItems?: ItemAlignmentValue | undefined;
-    $gap?: StrNum | undefined;
-    $justifyContent?: import("./styled-helpers").JustifyContentValue | undefined;
+    $alignContent?: import("./styled-helpers").AlignContentValue;
+    $alignItems?: ItemAlignmentValue;
+    $gap?: StrNum;
+    $justifyContent?: import("./styled-helpers").JustifyContentValue;
 } & {
-    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
-    $justifyItems?: ItemAlignmentValue | undefined;
-    $placeItems?: ItemAlignmentValue | undefined;
+    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense";
+    $justifyItems?: ItemAlignmentValue;
+    $placeItems?: ItemAlignmentValue;
 } & {
     $sizes: StrNum;
 }, never>;
 export declare const Rows: import("styled-components").StyledComponent<"div", any, import("./styled-helpers").CommonBoxProps & {
-    $alignContent?: import("./styled-helpers").AlignContentValue | undefined;
-    $alignItems?: ItemAlignmentValue | undefined;
-    $gap?: StrNum | undefined;
-    $justifyContent?: import("./styled-helpers").JustifyContentValue | undefined;
+    $alignContent?: import("./styled-helpers").AlignContentValue;
+    $alignItems?: ItemAlignmentValue;
+    $gap?: StrNum;
+    $justifyContent?: import("./styled-helpers").JustifyContentValue;
 } & {
-    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
-    $justifyItems?: ItemAlignmentValue | undefined;
-    $placeItems?: ItemAlignmentValue | undefined;
+    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense";
+    $justifyItems?: ItemAlignmentValue;
+    $placeItems?: ItemAlignmentValue;
 } & {
     $sizes: StrNum;
 }, never>;
 export declare const Horizontal: import("styled-components").StyledComponent<"div", any, import("./styled-helpers").CommonBoxProps & {
-    $alignContent?: import("./styled-helpers").AlignContentValue | undefined;
-    $alignItems?: ItemAlignmentValue | undefined;
-    $gap?: StrNum | undefined;
-    $justifyContent?: import("./styled-helpers").JustifyContentValue | undefined;
+    $alignContent?: import("./styled-helpers").AlignContentValue;
+    $alignItems?: ItemAlignmentValue;
+    $gap?: StrNum;
+    $justifyContent?: import("./styled-helpers").JustifyContentValue;
 } & {
-    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
-    $justifyItems?: ItemAlignmentValue | undefined;
-    $placeItems?: ItemAlignmentValue | undefined;
+    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense";
+    $justifyItems?: ItemAlignmentValue;
+    $placeItems?: ItemAlignmentValue;
 } & {
     $gridAutoFlow: string;
 }, "$gridAutoFlow">;
 export declare const Vertical: import("styled-components").StyledComponent<"div", any, import("./styled-helpers").CommonBoxProps & {
-    $alignContent?: import("./styled-helpers").AlignContentValue | undefined;
-    $alignItems?: ItemAlignmentValue | undefined;
-    $gap?: StrNum | undefined;
-    $justifyContent?: import("./styled-helpers").JustifyContentValue | undefined;
-} & {
-    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
-    $justifyItems?: ItemAlignmentValue | undefined;
-    $placeItems?: ItemAlignmentValue | undefined;
+    $alignContent?: import("./styled-helpers").AlignContentValue;
+    $alignItems?: ItemAlignmentValue;
+    $gap?: StrNum;
+    $justifyContent?: import("./styled-helpers").JustifyContentValue;
+} & {
+    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense";
+    $justifyItems?: ItemAlignmentValue;
+    $placeItems?: ItemAlignmentValue;
 } & {
     $gridAutoFlow: string;
 }, "$gridAutoFlow">;

package/index.d.ts

@@ -5,6 +5,7 @@ export * from './hooks/useClickAway';
 export { identifyOpenReplaySession } from './analytics/identifyOpenReplay';
 export { trackEvent } from './analytics/trackEvent';
 export { formatNumber } from './formatNumber';
+export { readNavigationHistory, writeNavigationHistory } from './navigation';
 export { default as usePersistentFunction } from './hooks/usePersistentFunction';
 export { default as useEffectOnce } from './hooks/useEffectOnce';
 export { default as useMountedState } from './hooks/useMountedState';

package/index.js

@@ -5,6 +5,7 @@ export * from './hooks/useClickAway';
 export { identifyOpenReplaySession } from './analytics/identifyOpenReplay';
 export { trackEvent } from './analytics/trackEvent';
 export { formatNumber } from './formatNumber';
+export { readNavigationHistory, writeNavigationHistory } from './navigation';
 export { default as usePersistentFunction } from './hooks/usePersistentFunction';
 export { default as useEffectOnce } from './hooks/useEffectOnce';
 export { default as useMountedState } from './hooks/useMountedState';

package/navigation.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Reads the navigation stack from sessionStorage.
+ * The last element is the current page.
+ */
+export declare function readNavigationHistory(): string[];
+/**
+ * Persists the navigation stack to sessionStorage.
+ */
+export declare function writeNavigationHistory(entries: string[]): void;

package/navigation.js

@@ -0,0 +1,25 @@
+const STORAGE_KEY = 'pw_navigation_history';
+const MAX_ENTRIES = 50;
+/**
+ * Reads the navigation stack from sessionStorage.
+ * The last element is the current page.
+ */
+export function readNavigationHistory() {
+  try {
+    const raw = sessionStorage.getItem(STORAGE_KEY);
+    const parsed = raw ? JSON.parse(raw) : null;
+    return Array.isArray(parsed) && parsed.every(e => typeof e === 'string') ? parsed.slice(-MAX_ENTRIES) : [];
+  } catch {
+    return [];
+  }
+}
+/**
+ * Persists the navigation stack to sessionStorage.
+ */
+export function writeNavigationHistory(entries) {
+  try {
+    sessionStorage.setItem(STORAGE_KEY, JSON.stringify(entries.slice(-MAX_ENTRIES)));
+  } catch {
+    // sessionStorage is unavailable (private mode / quota exceeded) — silently ignore.
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/kit-helpers",
-  "version": "4.11.0",
+  "version": "4.11.2",
   "description": "React component for build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",
@@ -19,7 +19,7 @@
     "react-transition-group": "^4.4.5"
   },
   "devDependencies": {
-    "@pushwoosh/frontend-builder-engine": "^0.1.5",
+    "@pushwoosh/frontend-builder-engine": "^2.1.1",
     "@pushwoosh/kit-constants": "^1.6.0",
     "@types/react": "^16.14.20",
     "@types/react-dom": "^16.9.14",