pb-sxp-ui 1.0.34 → 1.0.35

package/dist/pb-ui.js

@@ -11919,14 +11919,14 @@ Made in Italy` })));
         Prompt: Prompt
     });
 
-    const defaultUnLikeIconPath = '/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png';
-    const defaultLikeIconPath = '/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png';
+    const defaultUnLikeIconPath$1 = '/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png';
+    const defaultLikeIconPath$1 = '/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png';
     const LikeButton = (_a) => {
         var { active, activeIcon, unActicveIcon, recData, position } = _a, props = __rest(_a, ["active", "activeIcon", "unActicveIcon", "recData", "position"]);
         const { mutateLike, mutateUnlike, bffEventReport } = useSxpDataSource();
         const [state, setState] = React.useState(active);
-        const likeIcon = useIconLink(defaultLikeIconPath);
-        const unlikeIcon = useIconLink(defaultUnLikeIconPath);
+        const likeIcon = useIconLink(defaultLikeIconPath$1);
+        const unlikeIcon = useIconLink(defaultUnLikeIconPath$1);
         const handleClick = lodash.debounce(() => __awaiter(void 0, void 0, void 0, function* () {
             var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
             if (state) {
@@ -13204,9 +13204,9 @@ Made in Italy` })));
     Object.values(_materials_).forEach((v) => {
         RESOLVER$1[v.extend.type] = v;
     });
-    const DiyPortalPreview = ({ data, globalConfig, tipText, nudge, tempMap, descStyle, hashTagStyle }) => {
-        const containerWidth = 375;
-        const containerHeight = 664;
+    const defaultUnLikeIconPath = '/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png';
+    const defaultLikeIconPath = '/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png';
+    const DiyPortalPreview = ({ data, globalConfig, tipText, nudge, tempMap, descStyle, hashTagStyle, containerHeight = 664, containerWidth = 375, appDomain }) => {
         const height = React.useMemo(() => {
             return (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.logoUrl) && (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowLogo) ? containerHeight - 45 : containerHeight;
         }, [globalConfig, containerHeight]);
@@ -13256,8 +13256,10 @@ Made in Italy` })));
             }
             return null;
         };
+        const likeIcon = useIconLink(defaultLikeIconPath, appDomain);
+        const unlikeIcon = useIconLink(defaultUnLikeIconPath, appDomain);
         const renderLikeButton = (rec, index) => {
-            var _a, _b;
+            var _a, _b, _c, _d;
             if (!(globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowLike))
                 return;
             let top = (_a = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.likeIconY) !== null && _a !== void 0 ? _a : 400;
@@ -13265,15 +13267,15 @@ Made in Italy` })));
                 top += 40;
             }
             if (rec.video) {
-                return (React.createElement(LikeButton$1, { key: rec.position, activeIcon: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.likeIcon, unActicveIcon: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.unlikeIcon, position: index, active: rec.isCollected, recData: rec, className: 'clc-sxp-like-button', style: {
+                return (React.createElement(LikeButton$1, { key: rec.position, activeIcon: (_b = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.likeIcon) !== null && _b !== void 0 ? _b : likeIcon, unActicveIcon: (_c = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.unlikeIcon) !== null && _c !== void 0 ? _c : unlikeIcon, position: index, active: rec.isCollected, recData: rec, className: 'clc-sxp-like-button', style: {
                         top,
-                        right: (_b = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.likeIconX) !== null && _b !== void 0 ? _b : 0
+                        right: (_d = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.likeIconX) !== null && _d !== void 0 ? _d : 0
                     } }));
             }
             return null;
         };
-        const mutedIcon = useIconLink('/pb_static/5beaaa5ce7f3477b99db3838619cc471.png');
-        const unmutedIcon = useIconLink('/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png');
+        const mutedIcon = useIconLink('/pb_static/5beaaa5ce7f3477b99db3838619cc471.png', appDomain);
+        const unmutedIcon = useIconLink('/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png', appDomain);
         const renderView = (rec, index) => {
             var _a, _b, _c, _d;
             return (React.createElement("div", { style: { position: 'relative' } },