pb-sxp-ui 1.20.13 → 1.20.15

package/es/core/components/DiyPortalPreview/VideoWidget.js

@@ -22,7 +22,7 @@ const VideoWidget = ({ rec, index, height, data, muted, activeIndex, videoPostCo
     }, []);
     const PAUSE_ICON = useIconLink('/pb_static/06f28a2025c74c1cb49be6767316d827.png');
     const handlePlaying = useCallback(() => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
         setIsPauseVideo(false);
         const item = data[index];
         if (item && ((_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.duration)) {
@@ -35,14 +35,15 @@ const VideoWidget = ({ rec, index, height, data, muted, activeIndex, videoPostCo
                     eventSubject: 'playVideo',
                     eventDescription: 'User played the video',
                     contentId: (_h = (_g = item === null || item === void 0 ? void 0 : item.video) === null || _g === void 0 ? void 0 : _g.itemId) !== null && _h !== void 0 ? _h : '',
-                    contentName: (_k = (_j = item === null || item === void 0 ? void 0 : item.video) === null || _j === void 0 ? void 0 : _j.title) !== null && _k !== void 0 ? _k : '',
+                    sceneId: (_l = (_k = (_j = item === null || item === void 0 ? void 0 : item.video) === null || _j === void 0 ? void 0 : _j.scene) === null || _k === void 0 ? void 0 : _k.sceneId) !== null && _l !== void 0 ? _l : '',
+                    contentName: (_o = (_m = item === null || item === void 0 ? void 0 : item.video) === null || _m === void 0 ? void 0 : _m.title) !== null && _o !== void 0 ? _o : '',
                     playType,
                     startTime: videoCurrentTime,
                     videoDuration,
-                    contentTags: JSON.stringify((_m = (_l = item === null || item === void 0 ? void 0 : item.video) === null || _l === void 0 ? void 0 : _l.tags) !== null && _m !== void 0 ? _m : []),
+                    contentTags: JSON.stringify((_q = (_p = item === null || item === void 0 ? void 0 : item.video) === null || _p === void 0 ? void 0 : _p.tags) !== null && _q !== void 0 ? _q : []),
                     position: index + '',
                     contentFormat: 'video',
-                    traceInfo: (_o = item === null || item === void 0 ? void 0 : item.video) === null || _o === void 0 ? void 0 : _o.traceInfo
+                    traceInfo: (_r = item === null || item === void 0 ? void 0 : item.video) === null || _r === void 0 ? void 0 : _r.traceInfo
                 }
             });
             setIsFirstPlay(false);
@@ -81,7 +82,7 @@ const VideoWidget = ({ rec, index, height, data, muted, activeIndex, videoPostCo
         }
     }, [isLoadFinish]);
     const onPause = useCallback(() => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
         const item = data[index];
         const videoDuration = ((_b = (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.duration) !== null && _b !== void 0 ? _b : 0).toFixed(2);
         const videoCurrentTime = ((_d = (_c = videoRef.current) === null || _c === void 0 ? void 0 : _c.currentTime) !== null && _d !== void 0 ? _d : 0).toFixed(2);
@@ -92,14 +93,15 @@ const VideoWidget = ({ rec, index, height, data, muted, activeIndex, videoPostCo
                     eventSubject: 'playOverVideo',
                     eventDescription: 'User finished playing the video',
                     contentId: (_h = (_g = item === null || item === void 0 ? void 0 : item.video) === null || _g === void 0 ? void 0 : _g.itemId) !== null && _h !== void 0 ? _h : '',
-                    contentName: (_k = (_j = item === null || item === void 0 ? void 0 : item.video) === null || _j === void 0 ? void 0 : _j.title) !== null && _k !== void 0 ? _k : '',
+                    sceneId: (_l = (_k = (_j = item === null || item === void 0 ? void 0 : item.video) === null || _j === void 0 ? void 0 : _j.scene) === null || _k === void 0 ? void 0 : _k.sceneId) !== null && _l !== void 0 ? _l : '',
+                    contentName: (_o = (_m = item === null || item === void 0 ? void 0 : item.video) === null || _m === void 0 ? void 0 : _m.title) !== null && _o !== void 0 ? _o : '',
                     endTime: videoCurrentTime,
                     videoDuration,
                     playDuration,
-                    contentTags: JSON.stringify((_m = (_l = item === null || item === void 0 ? void 0 : item.video) === null || _l === void 0 ? void 0 : _l.tags) !== null && _m !== void 0 ? _m : []),
+                    contentTags: JSON.stringify((_q = (_p = item === null || item === void 0 ? void 0 : item.video) === null || _p === void 0 ? void 0 : _p.tags) !== null && _q !== void 0 ? _q : []),
                     position: index + '',
                     contentFormat: 'video',
-                    traceInfo: (_o = item === null || item === void 0 ? void 0 : item.video) === null || _o === void 0 ? void 0 : _o.traceInfo
+                    traceInfo: (_r = item === null || item === void 0 ? void 0 : item.video) === null || _r === void 0 ? void 0 : _r.traceInfo
                 }
             });
         }

package/es/core/components/DiyStoryPreview/index.js

@@ -207,10 +207,16 @@ const DiyStoryPreview = forwardRef(({ data = [], globalConfig, tipText, nudge, t
     }, [handleSessionExpire, disabledListener]);
     return (React.createElement("div", { id: 'sxp-render', style: { height: containerHeight, position: 'relative', pointerEvents } },
         React.createElement(Swiper, { ref: swiperRef, allowTouchMove: pointerEvents !== 'none', onSlideChange: () => {
-                swiperRef.current.swiper.allowTouchMove = false;
-                setTimeout(() => {
-                    swiperRef.current.swiper.allowTouchMove = true;
-                }, 500);
+                var _a;
+                if ((_a = swiperRef.current) === null || _a === void 0 ? void 0 : _a.swiper) {
+                    swiperRef.current.swiper.allowTouchMove = false;
+                    setTimeout(() => {
+                        var _a;
+                        if ((_a = swiperRef.current) === null || _a === void 0 ? void 0 : _a.swiper) {
+                            swiperRef.current.swiper.allowTouchMove = true;
+                        }
+                    }, 500);
+                }
             }, onActiveIndexChange: (swiper) => {
                 setCurIndex(swiper === null || swiper === void 0 ? void 0 : swiper.activeIndex);
                 onActiveChange === null || onActiveChange === void 0 ? void 0 : onActiveChange(swiper.activeIndex);

package/es/core/components/StructurePage/index.d.ts

@@ -0,0 +1,89 @@
+import { FC, CSSProperties } from 'react';
+export interface IPostData {
+    traceInfo: string;
+    itemId: string;
+    tags?: string[] | null;
+    cover?: string | null;
+    url?: string | null;
+    title?: string | null;
+    imgUrls?: string[] | null;
+    text?: string;
+    bindCta?: {
+        title: string;
+        link?: string | null;
+    } | null;
+    bindProduct?: any;
+    bindProducts?: any[];
+    scene?: {
+        cta?: string;
+        position?: number;
+        type?: string;
+    };
+}
+export interface IProductData {
+    traceInfo: string;
+    itemId: string;
+    title: string;
+    cover: string;
+    homePage: string[];
+    price: number;
+    currency: string;
+    link?: string | null;
+    info?: string;
+    description?: string | null;
+    text?: string | null;
+    landingImageUrl?: string;
+    position?: string | null;
+    bindCta?: {
+        title: string;
+        link?: string | null;
+    } | null;
+}
+export interface IMultiCtaData {
+    heroSection?: IPostData;
+    carouselSection?: IPostData[];
+    highlightRevealSection?: IProductData;
+    productGridSection?: IProductData[];
+    footerSection?: IProductData;
+}
+export interface IApiResponse {
+    code: string;
+    message: string;
+    data: {
+        recList?: Array<{
+            position: number;
+            video: any;
+            product: any;
+            multiCta: IMultiCtaData;
+            isCollected: boolean;
+        }>;
+        channel?: string;
+        productUserId?: string;
+        multiCta?: IMultiCtaData;
+        position?: number;
+    };
+}
+export interface IStructurePageProps {
+    containerStyle?: CSSProperties;
+    containerHeight?: number;
+    containerWidth?: number;
+    className?: string;
+    apiUrl?: string;
+    requestBody?: {
+        maxSize?: number;
+        defaultSize?: number;
+        type?: string;
+        channel?: string;
+        productUserId?: string;
+        [key: string]: any;
+    };
+    editorMode?: boolean;
+    multiCTAConfig?: Record<string, any>;
+    videoPlayIcon?: string;
+    isCmsMode?: boolean;
+    storyId?: string;
+    customHeaders?: Record<string, string>;
+    [key: string]: any;
+}
+declare const StructurePage: FC<IStructurePageProps>;
+export default StructurePage;