abTestResultMap } = cartData || {}; const { purchaseItemCount = cartNum } = purchaseListStatisticsVO || {}; const initCartData = () => __async(this, null, function* () { if (window.cartDataCache) { setCartData(window.cartDataCache); setLoading(false); } else { const cartRes = yield getCartData(); setCartData(cartRes); setLoading(false); window.cartDataCache = cartRes; } }); React.useEffect(() => { initCartData(); goldlog("enter-cart-popup", { purchaseItemCount }); }, []); if (["exp1", "exp2"].includes((_a = abTestResultMap == null ? void 0 : abTestResultMap.carp_by_sku_pc) == null ? void 0 : _a.diversionResult)) { const { totalPrice, newTotalDiscountAmount } = purchaseCheckoutVO || {}; return /* @__PURE__ */ React.createElement("div", { className: "header-shopping-cart header-shopping-cart-new-style" }, /* @__PURE__ */ React.createElement("div", { className: "header-shopping-content" }, /* @__PURE__ */ React.createElement("div", { className: "shopping-cart-tltle" }, popupTiitle === "addCartSuccess" ? /* @__PURE__ */ React.createElement("span", { className: "success-tips" }, /* @__PURE__ */ React.createElement("img", { src: "https://img.alicdn.com/imgextra/i3/O1CN01J9Dv651bX8xGM2Rkf_!!6000000003474-2-tps-40-40.png", alt: "" }), /* @__PURE__ */ React.createElement("span", null, i18n$1.AddCartSuccess)) : /* @__PURE__ */ React.createElement("span", { dir: "auto" }, i18n$1.TitleWithoutAmount)), /* @__PURE__ */ React.createElement("div", { className: "shopping-cart-list" }, loading ? /* @__PURE__ */ React.createElement("div", { className: "skeleton" }, /* @__PURE__ */ React.createElement("div", { className: "skeleton-block" }, /* @__PURE__ */ React.createElement("div", { className: "skeleton-product-main" }, /* @__PURE__ */ React.createElement("div", { className: "skeleton-product-main-title" }, /* @__PURE__ */ React.createElement(Skeleton, { className: "gray-title" }), /* @__PURE__ */ React.createElement(Skeleton, { className: "gray-action" })), /* @__PURE__ */ React.createElement(Skeleton, { className: "gray-title" }), /* @__PURE__ */ React.createElement(Skeleton, { className: "gray-sku" }))), purchaseItemCount && purchaseItemCount >= 2 ? /* @__PURE__ */ React.createElement("div", { className: "skeleton-block" }, /* @__PURE__ */ React.createElement("div", { className: "skeleton-product-main" }, /* @__PURE__ */ React.createElement("div", { className: "skeleton-product-main-title" }, /* @__PURE__ */ React.createElement(Skeleton, { className: "gray-title" }), /* @__PURE__ */ React.createElement(Skeleton, { className: "gray-action" })), /* @__PURE__ */ React.createElement(Skeleton, { className: "gray-title" }), /* @__PURE__ */ React.createElement(Skeleton, { className: "gray-sku" }))) : null, purchaseItemCount && purchaseItemCount >= 3 ? /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "skeleton-block" }, /* @__PURE__ */ React.createElement("div", { className: "skeleton-product-main" }, /* @__PURE__ */ React.createElement("div", { className: "skeleton-product-main-title" }, /* @__PURE__ */ React.createElement(Skeleton, { className: "gray-title" }), /* @__PURE__ */ React.createElement(Skeleton, { className: "gray-action" })), /* @__PURE__ */ React.createElement(Skeleton, { className: "gray-title" }), /* @__PURE__ */ React.createElement(Skeleton, { className: "gray-sku" }))), /* @__PURE__ */ React.createElement("div", { className: "skeleton-block" }, /* @__PURE__ */ React.createElement("div", { className: "skeleton-product-main" }, /* @__PURE__ */ React.createElement("div", { className: "skeleton-product-main-title" }, /* @__PURE__ */ React.createElement(Skeleton, { className: "gray-title" }), /* @__PURE__ */ React.createElement(Skeleton, { className: "gray-action" })), /* @__PURE__ */ React.createElement(Skeleton, { className: "gray-title" }), /* @__PURE__ */ React.createElement(Skeleton, { className: "gray-sku" })))) : null) : /* @__PURE__ */ React.createElement(React.Fragment, null, (supplierList == null ? void 0 : supplierList.length) ? supplierList.map((supplieItem) => { var _a2, _b, _c; const { purchaseItemBundleList: productList = [] } = supplieItem || {}; return /* @__PURE__ */ React.createElement("div", { className: "shopping-cart-list-item" }, /* @__PURE__ */ React.createElement( "a", { className: "company-name", dir: "ltr", href: (_a2 = supplieItem == null ? void 0 : supplieItem.companyInfo) == null ? void 0 : _a2.homepageUrl, title: (_b = supplieItem == null ? void 0 : supplieItem.companyInfo) == null ? void 0 : _b.companyName, target: "_blank", rel: "noreferrer", onClick: () => { goldlog("on-supplier-link-click"); } }, (_c = supplieItem == null ? void 0 : supplieItem.companyInfo) == null ? void 0 : _c.companyName ), (productList == null ? void 0 : productList.length) ? productList.map((productItem) => { const { tagInfoList = [], productImageUrl = "", productName, purchaseItemList: skuList = [], productDetailUrl, status: productStatus } = productItem || {}; const semiManagedTag = (tagInfoList == null ? void 0 : tagInfoList.length) && tagInfoList.find((tagitem) => { return tagitem.position === "ABOVE" && tagitem.type === "SEMI_MANAGED"; }); const leftTagList = (tagInfoList == null ? void 0 : tagInfoList.length) && tagInfoList.filter((tagitem) => { return tagitem.position === "LEFT"; }); const productIsVaild = !(productStatus && productStatus === "invalid_out_of_date"); return /* @__PURE__ */ React.createElement("div", { className: productIsVaild ? "product-item" : "product-item product-item-invalid" }, /* @__PURE__ */ React.createElement("div", { className: "product-content" }, semiManagedTag && semiManagedTag.tagImgUrl ? /* @__PURE__ */ React.createElement("img", { src: semiManagedTag.tagImgUrl, alt: "", className: "semi-managed-img" }) : null, /* @__PURE__ */ React.createElement( "a", { className: "product-name", href: productDetailUrl, title: productName, target: "_blank", rel: "noreferrer", onClick: () => { goldlog("on-product-item-click"); } }, Array.isArray(leftTagList) && leftTagList.length > 0 ? leftTagList.map((tagItem, idx) => { if (tagItem.tagImgUrl && tagItem.desc) { return /* @__PURE__ */ React.createElement( "span", { className: "product-name-tag", style: { backgroundColor: tagItem.bgColor, padding: "3px", borderRadius: "2px", marginInlineEnd: "4px", height: "15px", display: "inline-flex" }, key: idx }, /* @__PURE__ */ React.createElement("img", { src: tagItem.tagImgUrl, alt: "", style: { height: "9px", marginInlineEnd: "4px", display: "inline-block" } }), /* @__PURE__ */ React.createElement("span", { style: { fontSize: "9px", lineHeight: "9px", fontWeight: "700", color: tagItem.textColor } }, tagItem.desc) ); } return /* @__PURE__ */ React.createElement("span", { className: "product-name-tag", key: idx }, /* @__PURE__ */ React.createElement("img", { src: tagItem.tagImgUrl, alt: "", style: { height: "15px", marginInlineEnd: "4px", display: "inline-block" } })); }) : null, productName ), (skuList == null ? void 0 : skuList.length) && productIsVaild ? skuList.map((skuItem) => { var _a3, _b2, _c2, _d, _e; const { imageUrl = "", skuNameValues = [], quantity, unitPrice, originalUnitPrice, status: skuStatus, inventoryQuantity, customizationContent } = skuItem || {}; let customizationString = ""; if (customizationContent) { if (skuItem.customizationContent.details && ((_a3 = skuItem.customizationContent.details) == null ? void 0 : _a3.length)) { skuItem.customizationContent.details.forEach((contentDetail) => { var _a4; if (contentDetail.customizationPropertyList && ((_a4 = contentDetail.customizationPropertyList) == null ? void 0 : _a4.length)) { contentDetail.customizationPropertyList.forEach((customizationProperty) => { if (customizationString) { customizationString = `${customizationString}, ${customizationProperty.value}`; } else { customizationString = customizationProperty.value; } }); } }); } } const skuIsVaild = !(skuStatus === "invalid_out_of_date" || inventoryQuantity === 0); return /* @__PURE__ */ React.createElement("div", { className: "sku-item-container" }, /* @__PURE__ */ React.createElement("div", { className: "sku-img" }, /* @__PURE__ */ React.createElement("img", { src: imageUrl || productImageUrl, alt: "" })), /* @__PURE__ */ React.createElement("div", { className: skuIsVaild ? "sku-item" : "sku-item sku-item-invalid" }, /* @__PURE__ */ React.createElement("div", { className: "sku-content" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "sku-name" }, (skuNameValues == null ? void 0 : skuNameValues.length) ? /* @__PURE__ */ React.createElement("span", null, getNewSkuString(skuNameValues)) : /* @__PURE__ */ React.createElement("span", null, i18n$1.NoSku)), customizationString ? /* @__PURE__ */ React.createElement("div", { className: "sku-customization" }, /* @__PURE__ */ React.createElement("img", { src: "https://img.alicdn.com/imgextra/i4/O1CN01SEK1UZ1q4wozSlHzn_!!6000000005443-2-tps-32-32.png", alt: "" }), /* @__PURE__ */ React.createElement("span", null, customizationString)) : null), skuIsVaild ? /* @__PURE__ */ React.createElement("div", { className: "sku-price-amount" }, /* @__PURE__ */ React.createElement("div", { className: "sku-price", dir: "auto" }, /* @__PURE__ */ React.createElement("span", null, skuItem.unitPriceAfterPromotionMoneyDto ? renderMoneyDtoAmountValue(skuItem.unitPriceAfterPromotionMoneyDto) : renderMoneyDtoAmountValue(skuItem.unitPriceMoneyDto)), originalUnitPrice && (originalUnitPrice !== unitPrice || skuItem.unitPriceAfterPromotionMoneyDto && ((_c2 = (_b2 = skuItem.unitPriceAfterPromotionMoneyDto) == null ? void 0 : _b2.money) == null ? void 0 : _c2.amount) !== ((_e = (_d = skuItem.originalUnitPriceMoneyDto) == null ? void 0 : _d.money) == null ? void 0 : _e.amount)) ? /* @__PURE__ */ React.createElement("span", { className: "sku-original-price" }, renderMoneyDtoAmountValue(skuItem.originalUnitPriceMoneyDto)) : null), /* @__PURE__ */ React.createElement("div", { className: "sku-amount" }, /* @__PURE__ */ React.createElement( "span", { style: { fontSize: "12px", lineHeight: "16px", marginTop: "2px", display: "inline-block" } }, "X" ), /* @__PURE__ */ React.createElement( "span", { style: { fontSize: "16px" }, className: "sku-amount-quantity" }, quantity ))) : /* @__PURE__ */ React.createElement("div", { className: "sku-item-invalid-desc" }, i18n$1.SkuInvalid)))); }) : /* @__PURE__ */ React.createElement("div", { className: "product-item-invalid-desc" }, i18n$1.ProductInvalid))); }) : null); }) : /* @__PURE__ */ React.createElement("div", { className: "empty-cart" }, /* @__PURE__ */ React.createElement("img", { src: "https://img.alicdn.com/imgextra/i2/O1CN01abjrJv1PIh1wh3e6j_!!6000000001818-2-tps-250-207.png", alt: "", dir: "ltr" }), /* @__PURE__ */ React.createElement("div", { className: "desc" }, i18n$1.Empty)))), /* @__PURE__ */ React.createElement("div", { className: purchaseItemCount ? "shopping-cart-actions" : "shopping-cart-actions shopping-cart-actions-empty" }, loading ? /* @__PURE__ */ React.createElement( "div", { className: "cart-summary-item-container" }, /* @__PURE__ */ React.createElement( "div", { className: "cart-summary-item" }, /* @__PURE__ */ React.createElement(Skeleton, { className: "gray-price-summary-left" }), /* @__PURE__ */ React.createElement(Skeleton, { className: "gray-price-summary-right" }) ), /* @__PURE__ */ React.createElement( "div", { className: "cart-summary-discount-item cart-summary-item" }, /* @__PURE__ */ React.createElement(Skeleton, { className: "gray-price-savings" }) ) ) : null, /* @__PURE__ */ React.createElement( "div", { className: "cart-summary-item-container" }, totalPrice ? /* @__PURE__ */ React.createElement( "div", { className: "cart-summary-item" }, /* @__PURE__ */ React.createElement("div", { className: "cart-summary-item-label" }, i18n$1.SubtotalExclTax), /* @__PURE__ */ React.createElement("div", { className: "cart-summary-item-value" }, renderMoneyDtoAmountValue(purchaseCheckoutVO == null ? void 0 : purchaseCheckoutVO.totalPriceMoneyDto)) ) : null, newTotalDiscountAmount ? /* @__PURE__ */ React.createElement( "div", { className: "cart-summary-discount-item cart-summary-item" }, /* @__PURE__ */ React.createElement("div", { className: "cart-summary-item-value" }, i18n$1.Savings.replace("{0}", renderMoneyDtoAmountValue(purchaseCheckoutVO == null ? void 0 : purchaseCheckoutVO.newTotalDiscountAmountMoneyDto))) ) : null ), /* @__PURE__ */ React.createElement( "a", { className: "cart-action", href: "https://carp.alibaba.com/purchaseList", target: "_blank", rel: "noreferrer", onClick: () => { goldlog("go-to-cart"); } }, i18n$1.GoToCart )))); } return /* @__PURE__ */ React.createElement("div", { className: "header-shopping-cart" }, /* @__PURE__ */ React.createElement("div", { className: "header-shopping-content" }, /* @__PURE__ */ React.createElement("div", { className: "shopping-cart-tltle" }, popupTiitle === "addCartSuccess" ? /* @__PURE__ */ React.createElement("span", { className: "success-tips" }, /* @__PURE__ */ React.createElement("img", { src: "https://img.alicdn.com/imgextra/i3/O1CN01J9Dv651bX8xGM2Rkf_!!6000000003474-2-tps-40-40.png", alt: "" }), /* @__PURE__ */ React.createElement("span", null, i18n$1.AddCartSuccess)) : /* @__PURE__ */ React.createElement("span", null, i18n.TitleWithoutAmount)), /* @__PURE__ */ React.createElement("div", { className: "shopping-cart-list" }, loading ? /* @__PURE__ */ React.createElement("div", { className: "skeleton" }, /* @__PURE__ */ React.createElement("div", { className: "skeleton-block" }, /* @__PURE__ */ React.createElement("div", { className: "skeleton-image" }, /* @__PURE__ */ React.createElement(Skeleton, { className: "gray-image" })), /* @__PURE__ */ React.createElement("div", { className: "skeleton-product-main" }, /* @__PURE__ */ React.createElement(Skeleton, { className: "gray-title" }), /* @__PURE__ */ React.createElement(Skeleton, { className: "gray-title" }), /* @__PURE__ */ React.createElement(Skeleton, { className: "gray-sku" }))), purchaseItemCount && purchaseItemCount >= 2 ? /* @__PURE__ */ React.createElement("div", { className: "skeleton-block" }, /* @__PURE__ */ React.createElement("div", { className: "skeleton-image" }, /* @__PURE__ */ React.createElement(Skeleton, { className: "gray-image" })), /* @__PURE__ */ React.createElement("div", { className: "skeleton-product-main" }, /* @__PURE__ */ React.createElement(Skeleton, { className: "gray-title" }), /* @__PURE__ */ React.createElement(Skeleton, { className: "gray-title" }), /* @__PURE__ */ React.createElement(Skeleton, { className: "gray-sku" }))) : null, purchaseItemCount && purchaseItemCount >= 3 ? /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "skeleton-block" }, /* @__PURE__ */ React.createElement("div", { className: "skeleton-image" }, /* @__PURE__ */ React.createElement(Skeleton, { className: "gray-image" })), /* @__PURE__ */ React.createElement("div", { className: "skeleton-product-main" }, /* @__PURE__ */ React.createElement(Skeleton, { className: "gray-title" }), /* @__PURE__ */ React.createElement(Skeleton, { className: "gray-title" }), /* @__PURE__ */ React.createElement(Skeleton, { className: "gray-sku" }))), /* @__PURE__ */ React.createElement("div", { className: "skeleton-block" }, /* @__PURE__ */ React.createElement("div", { className: "skeleton-image" }, /* @__PURE__ */ React.createElement(Skeleton, { className: "gray-image" })), /* @__PURE__ */ React.createElement("div", { className: "skeleton-product-main" }, /* @__PURE__ */ React.createElement(Skeleton, { className: "gray-title" }), /* @__PURE__ */ React.createElement(Skeleton, { className: "gray-title" }), /* @__PURE__ */ React.createElement(Skeleton, { className: "gray-sku" })))) : null) : /* @__PURE__ */ React.createElement(React.Fragment, null, (supplierList == null ? void 0 : supplierList.length) ? supplierList.map((supplieItem) => { var _a2, _b, _c; const { purchaseItemBundleList: productList = [] } = supplieItem || {}; return /* @__PURE__ */ React.createElement("div", { className: "shopping-cart-list-item" }, /* @__PURE__ */ React.createElement( "a", { className: "company-name", dir: "ltr", href: (_a2 = supplieItem == null ? void 0 : supplieItem.companyInfo) == null ? void 0 : _a2.homepageUrl, title: (_b = supplieItem == null ? void 0 : supplieItem.companyInfo) == null ? void 0 : _b.companyName, target: "_blank", rel: "noreferrer", onClick: () => { goldlog("on-supplier-link-click"); } }, (_c = supplieItem == null ? void 0 : supplieItem.companyInfo) == null ? void 0 : _c.companyName ), (productList == null ? void 0 : productList.length) ? productList.map((productItem) => { const { tagInfoList = [], productImageUrl = "", productName, purchaseItemList: skuList = [], productDetailUrl, status: productStatus } = productItem || {}; const semiManagedTag = (tagInfoList == null ? void 0 : tagInfoList.length) && tagInfoList.find((tagitem) => { return tagitem.position === "ABOVE" && tagitem.type === "SEMI_MANAGED"; }); const productIsVaild = !(productStatus && productStatus === "invalid_out_of_date"); return /* @__PURE__ */ React.createElement("div", { className: productIsVaild ? "product-item" : "product-item product-item-invalid" }, /* @__PURE__ */ React.createElement( "a", { className: "product-img", href: productDetailUrl, target: "_blank", rel: "noreferrer", onClick: () => { goldlog("on-product-item-click"); } }, /* @__PURE__ */ React.createElement("img", { src: productImageUrl, alt: "" }) ), /* @__PURE__ */ React.createElement("div", { className: "product-content" }, semiManagedTag && semiManagedTag.tagImgUrl ? /* @__PURE__ */ React.createElement("img", { src: semiManagedTag.tagImgUrl, alt: "", className: "semi-managed-img" }) : null, /* @__PURE__ */ React.createElement( "a", { className: "product-name", href: productDetailUrl, title: productName, target: "_blank", rel: "noreferrer", onClick: () => { goldlog("on-product-item-click"); } }, productName ), (skuList == null ? void 0 : skuList.length) && productIsVaild ? skuList.map((skuItem) => { var _a3; const { imageUrl = "", skuNameValues = [], quantity, status: skuStatus, inventoryQuantity, customizationContent } = skuItem || {}; let customizationString = ""; if (customizationContent) { if (skuItem.customizationContent.details && ((_a3 = skuItem.customizationContent.details) == null ? void 0 : _a3.length)) { skuItem.customizationContent.details.forEach((contentDetail) => { var _a4; if (contentDetail.customizationPropertyList && ((_a4 = contentDetail.customizationPropertyList) == null ? void 0 : _a4.length)) { contentDetail.customizationPropertyList.forEach((customizationProperty) => { if (customizationString) { customizationString = `${customizationString}, ${customizationProperty.value}`; } else { customizationString = customizationProperty.value; } }); } }); } } const skuIsVaild = !(skuStatus === "invalid_out_of_date" || inventoryQuantity === 0); return /* @__PURE__ */ React.createElement("div", { className: skuIsVaild ? "sku-item" : "sku-item sku-item-invalid" }, /* @__PURE__ */ React.createElement("div", { className: "sku-img" }, /* @__PURE__ */ React.createElement("img", { src: imageUrl || productImageUrl, alt: "" })), /* @__PURE__ */ React.createElement("div", { className: "sku-content" }, /* @__PURE__ */ React.createElement("div", { className: "sku-name" }, (skuNameValues == null ? void 0 : skuNameValues.length) ? /* @__PURE__ */ React.createElement("span", null, getSkuString(skuNameValues)) : /* @__PURE__ */ React.createElement("span", null, i18n$1.NoSku)), customizationString ? /* @__PURE__ */ React.createElement("div", { className: "sku-customization" }, /* @__PURE__ */ React.createElement("img", { src: "https://img.alicdn.com/imgextra/i4/O1CN01SEK1UZ1q4wozSlHzn_!!6000000005443-2-tps-32-32.png", alt: "" }), /* @__PURE__ */ React.createElement("span", null, customizationString)) : null, skuIsVaild ? /* @__PURE__ */ React.createElement("div", { className: "sku-price-amount" }, /* @__PURE__ */ React.createElement("div", { className: "sku-price", dir: "auto" }, skuItem.unitPriceAfterPromotionMoneyDto ? renderMoneyDtoAmountValue(skuItem.unitPriceAfterPromotionMoneyDto) : renderMoneyDtoAmountValue(skuItem.unitPriceMoneyDto)), /* @__PURE__ */ React.createElement("div", { className: "sku-amount" }, /* @__PURE__ */ React.createElement("span", { style: { fontSize: "12px" } }, "X"), /* @__PURE__ */ React.createElement( "span", { style: { fontSize: "14px" }, className: "sku-amount-quantity" }, quantity ))) : /* @__PURE__ */ React.createElement("div", { className: "sku-item-invalid-desc" }, i18n$1.SkuInvalid))); }) : /* @__PURE__ */ React.createElement("div", { className: "product-item-invalid-desc" }, i18n$1.ProductInvalid))); }) : null); }) : /* @__PURE__ */ React.createElement("div", { className: "empty-cart" }, /* @__PURE__ */ React.createElement("img", { src: "https://img.alicdn.com/imgextra/i2/O1CN01abjrJv1PIh1wh3e6j_!!6000000001818-2-tps-250-207.png", alt: "", dir: "ltr" }), /* @__PURE__ */ React.createElement("div", { className: "desc" }, i18n$1.Empty)))), /* @__PURE__ */ React.createElement("div", { className: purchaseItemCount ? "shopping-cart-actions" : "shopping-cart-actions shopping-cart-actions-empty" }, /* @__PURE__ */ React.createElement( "a", { className: "cart-action", href: "https://carp.alibaba.com/purchaseList", target: "_blank", rel: "noreferrer", onClick: () => { goldlog("go-to-cart"); } }, i18n$1.GoToCart )))); }); exports2.HeaderShoppingCart = HeaderShoppingCart; exports2.default = HeaderShoppingCart; Object.defineProperties(exports2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } }); }); Ә