397 lines
13 KiB
JavaScript
397 lines
13 KiB
JavaScript
/*
|
|
* Extracted from browser-delivered Turbopack chunk: 5d5b47876e53e564.da1ba52a93.js
|
|
* Module id: 213306
|
|
* For reading/searching only; this factory depends on the original Turbopack runtime.
|
|
*/
|
|
|
|
const moduleFactory = (e) => {
|
|
"use strict";
|
|
var t = e.i(462214),
|
|
r = e.i(358379),
|
|
n = e.i(510161),
|
|
o = e.i(264458),
|
|
a = e.i(96821);
|
|
let i =
|
|
"https://liblibai-online.liblib.cloud/web/1656e2f1b3c74f1ba823b610f1b2cbdf/83050185-e3f2-4ddc-9ec2-afdb06e0019f.svg",
|
|
l = ({
|
|
title: e,
|
|
children: n,
|
|
packageLevel: o,
|
|
isTeamSku: i = !1,
|
|
showCheaperTag: l = !1,
|
|
cheaperPercent: s,
|
|
}) => (
|
|
(0, r.useMemo)(() => {
|
|
switch (o) {
|
|
case 0:
|
|
return a.default.freeLevel;
|
|
case 2:
|
|
return i ? a.default.teamBaseLevel : a.default.baseLevel;
|
|
case 3:
|
|
return i ? a.default.teamProLevel : a.default.proLevel;
|
|
case 4:
|
|
return i ? a.default.teamMaterLevel : a.default.materLevel;
|
|
case 5:
|
|
return i ? a.default.teamPremiumLevel : a.default.premiumLevel;
|
|
case 6:
|
|
return a.default.ultimateLevel;
|
|
}
|
|
}, [o, i]),
|
|
(0, t.jsx)("div", {
|
|
className: `${a.default.benefitItem} ${a.default.freeLevel} py-3 px-3 font-[500]`,
|
|
children: (0, t.jsxs)("div", {
|
|
className: a.default.withChildrenContainer,
|
|
children: [
|
|
(0, t.jsxs)("div", {
|
|
className: a.default.titleRow,
|
|
children: [
|
|
(0, t.jsx)("div", {
|
|
className: a.default.title,
|
|
children: e,
|
|
}),
|
|
l &&
|
|
null != s &&
|
|
(0, t.jsxs)("span", {
|
|
className: a.default.cheaperTag,
|
|
children: ["比充值便宜", s, "%"],
|
|
}),
|
|
],
|
|
}),
|
|
n &&
|
|
n.length > 0 &&
|
|
(0, t.jsx)("ul", {
|
|
className: a.default.children,
|
|
children: n.map((e, r) => {
|
|
let [n, o] = e.split("$$");
|
|
return (0, t.jsxs)(
|
|
"li",
|
|
{
|
|
className: a.default.childItem,
|
|
children: [
|
|
n,
|
|
o &&
|
|
(0, t.jsx)("span", {
|
|
className: `${a.default.subItem} ml-1`,
|
|
children: o,
|
|
}),
|
|
],
|
|
},
|
|
r,
|
|
);
|
|
}),
|
|
}),
|
|
],
|
|
}),
|
|
})
|
|
),
|
|
s = ({ icon: e, text: l, tag: s, desc: c, disabled: u }) => {
|
|
let d = (0, r.useMemo)(
|
|
() =>
|
|
(0, o.default)(a.default.tag, {
|
|
[a.default.tagHighlight]: "highlight" === s.type,
|
|
[a.default.tagNormal]: "normal" === s.type,
|
|
[a.default.tagHightlightRed]: "highlightRed" === s.type,
|
|
}),
|
|
[s.type],
|
|
),
|
|
f = s.text;
|
|
return (0, t.jsx)("div", {
|
|
className: (0, o.default)(a.default.benefitItem, {
|
|
[a.default.benefitItemDisabled]: u,
|
|
}),
|
|
children: (0, t.jsxs)("div", {
|
|
className: a.default.withIconAndTagContainer,
|
|
children: [
|
|
e &&
|
|
(0, t.jsx)("div", {
|
|
className: a.default.iconWrapper,
|
|
children: (0, t.jsx)("img", {
|
|
src: e,
|
|
alt: "",
|
|
className: (0, o.default)(a.default.icon, {
|
|
[a.default.iconDisabled]: u,
|
|
}),
|
|
onError: (e) => {
|
|
e.target.style.display = "none";
|
|
},
|
|
}),
|
|
}),
|
|
(0, t.jsxs)("div", {
|
|
className: (0, o.default)(a.default.text, {
|
|
[a.default.textDisabled]: u,
|
|
}),
|
|
children: [
|
|
l,
|
|
c &&
|
|
(0, t.jsx)(n.Tooltip, {
|
|
label: c,
|
|
multiline: !0,
|
|
w: 200,
|
|
width: 200,
|
|
withinPortal: !1,
|
|
color: "dark",
|
|
children: (0, t.jsx)("img", {
|
|
src: i,
|
|
alt: "",
|
|
className: "ml-1",
|
|
}),
|
|
}),
|
|
],
|
|
}),
|
|
f &&
|
|
(0, t.jsx)("div", {
|
|
className: d,
|
|
children: (0, t.jsx)("span", {
|
|
className: a.default.tagText,
|
|
children: s.text,
|
|
}),
|
|
}),
|
|
],
|
|
}),
|
|
});
|
|
},
|
|
c = ({ title: e, sub: r, desc: o }) =>
|
|
(0, t.jsx)("div", {
|
|
className: a.default.benefitItem,
|
|
children: (0, t.jsxs)("div", {
|
|
className: a.default.withChildrenAndSubContainer,
|
|
children: [
|
|
(0, t.jsxs)("div", {
|
|
className: "flex items-center text-[14px] font-medium",
|
|
children: [
|
|
e,
|
|
o &&
|
|
(0, t.jsx)(n.Tooltip, {
|
|
label: o,
|
|
multiline: !0,
|
|
w: 200,
|
|
width: 200,
|
|
withinPortal: !1,
|
|
color: "dark",
|
|
children: (0, t.jsx)("img", {
|
|
src: i,
|
|
alt: "",
|
|
className: "ml-1",
|
|
}),
|
|
}),
|
|
],
|
|
}),
|
|
r &&
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"text-[var(--vip-text-muted,#929292)] text-[12px] mt-1",
|
|
children: r,
|
|
}),
|
|
],
|
|
}),
|
|
}),
|
|
u = ({ title: e, desc: l, tag: s }) => {
|
|
let c = (0, r.useMemo)(
|
|
() =>
|
|
(0, o.default)(a.default.tag, {
|
|
[a.default.tagHighlight]: s?.type === "highlight",
|
|
[a.default.tagNormal]: s?.type === "normal",
|
|
[a.default.tagHightlightRed]: s?.type === "highlightRed",
|
|
}),
|
|
[s?.type],
|
|
),
|
|
u = s?.text;
|
|
return (0, t.jsx)("div", {
|
|
className: a.default.sectionContainer,
|
|
children: (0, t.jsxs)("div", {
|
|
className: a.default.sectionHeader,
|
|
children: [
|
|
(0, t.jsx)("span", {
|
|
className: a.default.sectionTitle,
|
|
children: e,
|
|
}),
|
|
l &&
|
|
(0, t.jsx)(n.Tooltip, {
|
|
label: l,
|
|
multiline: !0,
|
|
w: 200,
|
|
width: 200,
|
|
withinPortal: !1,
|
|
color: "dark",
|
|
children: (0, t.jsx)("img", {
|
|
src: i,
|
|
alt: "",
|
|
className: "ml-1",
|
|
}),
|
|
}),
|
|
u &&
|
|
(0, t.jsx)("div", {
|
|
className: c,
|
|
children: (0, t.jsx)("span", {
|
|
className: a.default.tagText,
|
|
children: s?.text,
|
|
}),
|
|
}),
|
|
],
|
|
}),
|
|
});
|
|
},
|
|
d = ({
|
|
text: e,
|
|
withAvatarAndName: r,
|
|
inviterAvatar: n,
|
|
inviterNickname: o,
|
|
}) => {
|
|
let i = e.includes("<"),
|
|
l = "true" === r && n;
|
|
return (0, t.jsxs)("div", {
|
|
className: a.default.centerSubTitleContainer,
|
|
children: [
|
|
l &&
|
|
(0, t.jsxs)("span", {
|
|
className: a.default.avatarNameGroup,
|
|
children: [
|
|
(0, t.jsxs)("span", {
|
|
className: a.default.avatarGroup,
|
|
children: [
|
|
(0, t.jsx)("img", {
|
|
className: a.default.avatarLeader,
|
|
src: n,
|
|
alt: "",
|
|
}),
|
|
(0, t.jsx)("span", {
|
|
className: a.default.avatarEmpty,
|
|
children: (0, t.jsx)("svg", {
|
|
width: "11",
|
|
height: "11",
|
|
viewBox: "0 0 12 12",
|
|
fill: "none",
|
|
children: (0, t.jsx)("path", {
|
|
d: "M6 2.5V9.5M2.5 6H9.5",
|
|
stroke: "currentColor",
|
|
strokeWidth: "1.2",
|
|
strokeLinecap: "round",
|
|
}),
|
|
}),
|
|
}),
|
|
],
|
|
}),
|
|
(0, t.jsx)("span", {
|
|
className: a.default.inviterNickname,
|
|
children: o,
|
|
}),
|
|
],
|
|
}),
|
|
i
|
|
? (0, t.jsx)("span", {
|
|
className: a.default.centerSubTitleText,
|
|
dangerouslySetInnerHTML: { __html: e },
|
|
})
|
|
: (0, t.jsx)("span", {
|
|
className: a.default.centerSubTitleText,
|
|
children: e,
|
|
}),
|
|
],
|
|
});
|
|
},
|
|
f = ({ title: e, desc: r }) =>
|
|
(0, t.jsxs)("div", {
|
|
className: a.default.sectionDividerContainer,
|
|
children: [
|
|
(0, t.jsx)("div", { className: a.default.sectionDividerLine }),
|
|
(0, t.jsxs)("span", {
|
|
className: a.default.sectionDividerText,
|
|
children: [
|
|
e,
|
|
r &&
|
|
(0, t.jsx)(n.Tooltip, {
|
|
label: r,
|
|
multiline: !0,
|
|
w: 200,
|
|
width: 200,
|
|
withinPortal: !1,
|
|
color: "dark",
|
|
children: (0, t.jsx)("img", {
|
|
src: i,
|
|
alt: "",
|
|
className: "ml-1",
|
|
}),
|
|
}),
|
|
],
|
|
}),
|
|
(0, t.jsx)("div", { className: a.default.sectionDividerLine }),
|
|
],
|
|
});
|
|
e.s([
|
|
"default",
|
|
0,
|
|
(e) => {
|
|
let {
|
|
benefits: n,
|
|
className: i,
|
|
packageLevel: m,
|
|
isTeamSku: p = !1,
|
|
cheaperThanRechargePercent: h,
|
|
isGroupPurchaseTab: g,
|
|
groupPurchaseInvite: b,
|
|
hidePaywallOnlyCenterSubTitle: v,
|
|
} = e,
|
|
_ = !!g && !!b,
|
|
y = (0, r.useMemo)(() => {
|
|
let e = !1;
|
|
return n.map((r, n) => {
|
|
switch (r.type) {
|
|
case "withChildren": {
|
|
let o =
|
|
!e &&
|
|
"title" in r &&
|
|
"string" == typeof r.title &&
|
|
r.title.includes("每月");
|
|
return (
|
|
o && (e = !0),
|
|
(0, t.jsx)(
|
|
l,
|
|
{
|
|
...r,
|
|
packageLevel: m,
|
|
isTeamSku: p,
|
|
showCheaperTag: o,
|
|
cheaperPercent: h,
|
|
},
|
|
n,
|
|
)
|
|
);
|
|
}
|
|
case "withIconAndTag":
|
|
return (0, t.jsx)(s, { ...r }, n);
|
|
case "withChildrenAndSub":
|
|
return (0, t.jsx)(c, { ...r }, n);
|
|
case "withSection":
|
|
return (0, t.jsx)(u, { ...r }, n);
|
|
case "withSectionDivider":
|
|
return (0, t.jsx)(f, { ...r }, n);
|
|
case "centerSubTitle":
|
|
if (
|
|
("true" === r.displayOnInviteOnly && !_) ||
|
|
("true" === r.displayOnPaywallOnly && (_ || v))
|
|
)
|
|
return null;
|
|
return (0, t.jsx)(
|
|
d,
|
|
{
|
|
...r,
|
|
inviterAvatar: b?.inviterAvatar,
|
|
inviterNickname: b?.inviterNickname,
|
|
},
|
|
n,
|
|
);
|
|
default:
|
|
return null;
|
|
}
|
|
});
|
|
}, [n, h, m, p, _, v]);
|
|
return (0, t.jsx)("div", {
|
|
className: (0, o.default)(a.default.container, i),
|
|
children: y,
|
|
});
|
|
},
|
|
]);
|
|
};
|
|
|
|
export default moduleFactory;
|