pb-sxp-ui 1.0.34 → 1.0.35

package/dist/index.cjs

@@ -11928,14 +11928,14 @@ var _materials_ = /*#__PURE__*/Object.freeze({
     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) {
@@ -13213,9 +13213,9 @@ const RESOLVER$1 = {};
 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]);
@@ -13265,8 +13265,10 @@ const DiyPortalPreview = ({ data, globalConfig, tipText, nudge, tempMap, descSty
         }
         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;
@@ -13274,15 +13276,15 @@ const DiyPortalPreview = ({ data, globalConfig, tipText, nudge, tempMap, descSty
             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' } },