pb-sxp-ui 1.20.28 → 1.20.29

package/dist/index.js

@@ -398,6 +398,54 @@ function getUrlParamByKey(key) {
     }
     return (_b = params[key]) !== null && _b !== void 0 ? _b : '';
 }
+/**
+ * 货币代码到货币符号的映射
+ * 根据 Shopify 返回的 currencyCode 获取对应的货币符号
+ */
+function getCurrencySymbol(currencyCode) {
+    const currencySymbolMap = {
+        // 主要货币
+        USD: '$', // 美元
+        EUR: '€', // 欧元
+        GBP: '£', // 英镑
+        JPY: '¥', // 日元
+        CNY: '¥', // 人民币
+        KRW: '₩', // 韩元
+        INR: '₹', // 印度卢比
+        RUB: '₽', // 俄罗斯卢布
+        BRL: 'R$', // 巴西雷亚尔
+        CAD: 'CA$', // 加拿大元
+        AUD: 'A$', // 澳元
+        CHF: 'CHF', // 瑞士法郎
+        SEK: 'kr', // 瑞典克朗
+        NOK: 'kr', // 挪威克朗
+        DKK: 'kr', // 丹麦克朗
+        PLN: 'zł', // 波兰兹罗提
+        THB: '฿', // 泰铢
+        IDR: 'Rp', // 印尼盾
+        MYR: 'RM', // 马来西亚林吉特
+        PHP: '₱', // 菲律宾比索
+        SGD: 'S$', // 新加坡元
+        HKD: 'HK$', // 港币
+        TWD: 'NT$', // 新台币
+        NZD: 'NZ$', // 新西兰元
+        MXN: 'MX$', // 墨西哥比索
+        ZAR: 'R', // 南非兰特
+        TRY: '₺', // 土耳其里拉
+        AED: 'AED', // 阿联酋迪拉姆
+        SAR: 'SAR', // 沙特里亚尔
+        ILS: '₪', // 以色列新谢克尔
+        ARS: 'AR$', // 阿根廷比索
+        CLP: 'CL$', // 智利比索
+        COP: 'CO$', // 哥伦比亚比索
+        VND: '₫', // 越南盾
+        EGP: 'E£', // 埃及镑
+        NGN: '₦', // 尼日利亚奈拉
+        PKR: '₨', // 巴基斯坦卢比
+        BDT: '৳', // 孟加拉塔卡
+    };
+    return currencySymbolMap[currencyCode.toUpperCase()] || currencyCode;
+}
 
 var tool = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -405,6 +453,7 @@ var tool = /*#__PURE__*/Object.freeze({
     generateRandomString: generateRandomString,
     getBrowserInfo: getBrowserInfo,
     getCookie: getCookie,
+    getCurrencySymbol: getCurrencySymbol,
     getDevice: getDevice$1,
     getIndexByblockType: getIndexByblockType,
     getScreenReader: getScreenReader,
@@ -10982,7 +11031,7 @@ const getBgStyle = (imgSrc) => {
         : '';
 };
 const getPriceText = ({ product, enableFormattedPrice, globalConfig, isHiddenDef, style }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _a, _b, _c, _d, _e;
     let text = '';
     if ((!(product === null || product === void 0 ? void 0 : product.currency) || !(product === null || product === void 0 ? void 0 : product.price)) && isHiddenDef)
         return null;
@@ -10990,18 +11039,51 @@ const getPriceText = ({ product, enableFormattedPrice, globalConfig, isHiddenDef
     if (typeof price !== 'number')
         return text;
     let priceSymbol = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.priceSymbol;
-    let currency = (product === null || product === void 0 ? void 0 : product.currency) ? (_c = (_b = (_a = product === null || product === void 0 ? void 0 : product.currency) === null || _a === void 0 ? void 0 : _a.split('-')[1]) === null || _b === void 0 ? void 0 : _b.toUpperCase()) !== null && _c !== void 0 ? _c : '' : '$';
+    // 从 product.currency 中提取货币代码
+    // 支持多种格式：
+    // 1. "EUR" - 直接是货币代码
+    // 2. "USD-$" - 货币代码-货币符号
+    // 3. "$-USD" - 货币符号-货币代码 (不常见)
+    let currencyCode = '';
+    if (product === null || product === void 0 ? void 0 : product.currency) {
+        const parts = product.currency.split('-');
+        if (parts.length > 1) {
+            // 判断哪一部分是货币代码（通常是3个大写字母）
+            // 货币代码通常是3个字母，如 USD, EUR, GBP
+            const firstPart = parts[0].toUpperCase();
+            const secondPart = parts[1].toUpperCase();
+            // 如果第一部分是3个字母，则认为是货币代码
+            if (/^[A-Z]{3}$/.test(firstPart)) {
+                currencyCode = firstPart;
+            }
+            else if (/^[A-Z]{3}$/.test(secondPart)) {
+                currencyCode = secondPart;
+            }
+            else {
+                // 都不是标准格式，取第一部分
+                currencyCode = firstPart;
+            }
+        }
+        else {
+            currencyCode = parts[0].toUpperCase();
+        }
+    }
+    else {
+        currencyCode = 'USD'; // 默认美元
+    }
+    // 使用货币代码映射获取货币符号
+    let currency = getCurrencySymbol(currencyCode);
     const isToLocStr = enableFormattedPrice === undefined || enableFormattedPrice;
     let decPic = price === null || price === void 0 ? void 0 : price.toString();
     if (priceSymbol === null || priceSymbol === void 0 ? void 0 : priceSymbol.showTwoDecimalPoint) {
         decPic = price === null || price === void 0 ? void 0 : price.toFixed(2);
     }
-    let decInd = (_d = decPic === null || decPic === void 0 ? void 0 : decPic.indexOf('.')) !== null && _d !== void 0 ? _d : -1;
+    let decInd = (_a = decPic === null || decPic === void 0 ? void 0 : decPic.indexOf('.')) !== null && _a !== void 0 ? _a : -1;
     if (isToLocStr) {
         text =
-            (_e = price === null || price === void 0 ? void 0 : price.toLocaleString('zh', {
+            (_b = price === null || price === void 0 ? void 0 : price.toLocaleString('zh', {
                 minimumFractionDigits: (priceSymbol === null || priceSymbol === void 0 ? void 0 : priceSymbol.showTwoDecimalPoint) ? 2 : 0
-            })) !== null && _e !== void 0 ? _e : '';
+            })) !== null && _b !== void 0 ? _b : '';
         let startIndex = 0;
         let endIndex = decInd !== null && decInd !== void 0 ? decInd : text === null || text === void 0 ? void 0 : text.length;
         if ((priceSymbol === null || priceSymbol === void 0 ? void 0 : priceSymbol.millesimalSymbol) === '.') {
@@ -11032,7 +11114,7 @@ const getPriceText = ({ product, enableFormattedPrice, globalConfig, isHiddenDef
             }
         });
     }
-    currency = `<span style="font-family:${(_h = (_g = (_f = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.priceSymbol) === null || _f === void 0 ? void 0 : _f.fontFamily) !== null && _g !== void 0 ? _g : style === null || style === void 0 ? void 0 : style['fontFamily-en']) !== null && _h !== void 0 ? _h : 'inherit'}">${currency}</span>`;
+    currency = `<span style="font-family:${(_e = (_d = (_c = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.priceSymbol) === null || _c === void 0 ? void 0 : _c.fontFamily) !== null && _d !== void 0 ? _d : style === null || style === void 0 ? void 0 : style['fontFamily-en']) !== null && _e !== void 0 ? _e : 'inherit'}">${currency}</span>`;
     text = setFontForText(text, style);
     if ((priceSymbol === null || priceSymbol === void 0 ? void 0 : priceSymbol.currencyPosition) && (priceSymbol === null || priceSymbol === void 0 ? void 0 : priceSymbol.currencyPosition) !== 'none') {
         text = (priceSymbol === null || priceSymbol === void 0 ? void 0 : priceSymbol.currencyPosition) === 'left' ? currency + text : text + currency;
@@ -11068,30 +11150,37 @@ const CommodityDetail$1 = (_a) => {
         cta = p === null || p === void 0 ? void 0 : p.bindCta;
     }
     const handleLink = (e) => {
-        // 如果启用了加购功能且配置了加购弹窗ID，则打开加购弹窗
+        // 如果启用了加购功能且配置了加购弹窗ID，检查是否是 Shopify 商品
         if (enableAddToCart && addToCartPopupId) {
-            // 设置弹窗数据
-            setPopupDetailData === null || setPopupDetailData === void 0 ? void 0 : setPopupDetailData(Object.assign(Object.assign({}, data), { index: position }));
-            // 上报点击事件
-            bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
-                eventName: 'ClickCTA',
-                product: product ? [product] : undefined,
-                contentType: 'product',
-                data,
-                position,
-                cta_text: cta === null || cta === void 0 ? void 0 : cta.enTitle,
-                cta_action_type: 'open_internal_popup',
-                target_content_id: product === null || product === void 0 ? void 0 : product.itemId
-            });
-            console.log('[CommodityDetail] 打开加购弹窗:', addToCartPopupId);
-            // 打开加购弹窗
-            if (typeof window !== 'undefined' && window.sxpPopup) {
-                window.sxpPopup(addToCartPopupId);
+            // 问题3：只有 Shopify 商品（有 shopifyId）才打开加购弹窗
+            if (!(product === null || product === void 0 ? void 0 : product.shopifyId)) {
+                console.warn('[CommodityDetail] 非 Shopify 商品，跳过加购弹窗');
+                // 继续执行默认行为（跳转链接）
             }
             else {
-                console.warn('[CommodityDetail] sxpPopup 方法不存在');
+                // 设置弹窗数据
+                setPopupDetailData === null || setPopupDetailData === void 0 ? void 0 : setPopupDetailData(Object.assign(Object.assign({}, data), { index: position }));
+                // 上报点击事件
+                bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
+                    eventName: 'ClickCTA',
+                    product: product ? [product] : undefined,
+                    contentType: 'product',
+                    data,
+                    position,
+                    cta_text: cta === null || cta === void 0 ? void 0 : cta.enTitle,
+                    cta_action_type: 'open_internal_popup',
+                    target_content_id: product === null || product === void 0 ? void 0 : product.itemId
+                });
+                console.log('[CommodityDetail] 打开加购弹窗:', addToCartPopupId);
+                // 打开加购弹窗
+                if (typeof window !== 'undefined' && window.sxpPopup) {
+                    window.sxpPopup(addToCartPopupId);
+                }
+                else {
+                    console.warn('[CommodityDetail] sxpPopup 方法不存在');
+                }
+                return;
             }
-            return;
         }
         // 默认行为：跳转到商品链接
         if (product === null || product === void 0 ? void 0 : product.link) {
@@ -12061,7 +12150,7 @@ var settingRender$d = [
 
 const AddToCartPopup$1 = ({ isActive = true }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    const { popupDetailData, globalConfig } = useSxpDataSource();
+    const { popupDetailData, globalConfig, bffFbReport } = useSxpDataSource();
     const [productData, setProductData] = useState(null);
     const [selectedOptions, setSelectedOptions] = useState({});
     const [selectedVariant, setSelectedVariant] = useState(null);
@@ -12201,6 +12290,18 @@ const AddToCartPopup$1 = ({ isActive = true }) => {
             shopifyDomain,
             selectedVariant
         });
+        // 上报 sessionCompleted 事件（问题4）
+        bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
+            eventName: 'sessionCompleted',
+            product: product ? [product] : undefined,
+            contentType: 'product',
+            rec: data,
+            position: data === null || data === void 0 ? void 0 : data.index,
+            cta_text: 'Add To Cart',
+            cta_action_type: 'add_to_cart',
+            target_content_id: product === null || product === void 0 ? void 0 : product.itemId,
+            target_url: `https://${shopifyDomain}/cart/add`
+        });
         // 使用 Shopify 的 /cart/add 接口，通过查询参数添加商品
         // 这种方式会跳转到购物车页面而不是结算页面
         const params = new URLSearchParams({
@@ -12215,6 +12316,10 @@ const AddToCartPopup$1 = ({ isActive = true }) => {
     const totalPrice = selectedVariant
         ? (parseFloat(selectedVariant.price.amount) * quantity).toFixed(2)
         : '0.00';
+    // 只有选择了 variant 后才显示货币符号
+    const displayPrice = selectedVariant
+        ? `${getCurrencySymbol(selectedVariant.price.currencyCode)}${totalPrice}`
+        : totalPrice;
     if (loading) {
         return (React.createElement("div", { className: 'add-to-cart-popup' },
             React.createElement("div", { className: 'loading' }, "Loading...")));
@@ -12248,9 +12353,7 @@ const AddToCartPopup$1 = ({ isActive = true }) => {
                             "Available: ",
                             selectedVariant.quantityAvailable))),
                     React.createElement("div", { className: 'variant-price-row' },
-                        React.createElement("div", { className: 'price' },
-                            "$",
-                            totalPrice),
+                        React.createElement("div", { className: 'price' }, displayPrice),
                         React.createElement("div", { className: 'quantity-selector' },
                             React.createElement("button", { className: 'qty-btn', onClick: () => setQuantity(Math.max(1, quantity - 1)), disabled: quantity <= 1 }, "\u2212"),
                             React.createElement("span", { className: 'qty-value' }, quantity),
@@ -12258,16 +12361,26 @@ const AddToCartPopup$1 = ({ isActive = true }) => {
             React.createElement("div", { className: 'variant-options' }, productData.options.map(option => (React.createElement("div", { key: option.name, className: 'option-group' },
                 React.createElement("div", { className: 'option-label' }, option.name),
                 React.createElement("div", { className: 'option-values' }, option.values.map(value => {
-                    // 检查这个选项是否可选（availableForSale = true，如果有 quantityAvailable 则还需 > 0）
+                    // 检查这个选项值与当前已选择的其他选项组合后是否可用
                     const isAvailable = productData.variants.edges.some(({ node: variant }) => {
+                        // 检查这个variant是否匹配当前选项值
                         const hasThisOption = variant.selectedOptions.some(opt => opt.name === option.name && opt.value === value);
-                        if (!hasThisOption || !variant.availableForSale)
+                        if (!hasThisOption)
                             return false;
-                        // 如果有 quantityAvailable 字段，则需要检查库存
-                        if (variant.quantityAvailable !== undefined) {
-                            return variant.quantityAvailable > 0;
-                        }
-                        // 没有 quantityAvailable 字段时，只要 availableForSale 为 true 就可选
+                        // 检查这个variant是否匹配其他已选择的选项
+                        const matchesOtherSelections = Object.entries(selectedOptions).every(([key, val]) => {
+                            // 跳过当前正在检查的选项
+                            if (key === option.name)
+                                return true;
+                            return variant.selectedOptions.some(opt => opt.name === key && opt.value === val);
+                        });
+                        if (!matchesOtherSelections)
+                            return false;
+                        // 检查是否可售
+                        if (!variant.availableForSale)
+                            return false;
+                        // 如果有 quantityAvailable 字段且为0，但 availableForSale 为 true，仍然可选（问题2）
+                        // 如果 quantityAvailable 不存在，只要 availableForSale 为 true 就可选
                         return true;
                     });
                     const isSelected = selectedOptions[option.name] === value;
@@ -12318,7 +12431,35 @@ const CommodityDetailDiroNew$1 = (_a) => {
     }
     const handleLink = (e) => {
         e.preventDefault();
-        // 上报点击事件
+        // 问题3：只有 Shopify 商品（有 shopifyId）才打开加购弹窗
+        if (!(product === null || product === void 0 ? void 0 : product.shopifyId)) {
+            console.warn('[CommodityDetailDiroNew] 非 Shopify 商品，跳转到外链');
+            // 上报点击事件
+            ctaEvent === null || ctaEvent === void 0 ? void 0 : ctaEvent({
+                eventSubject: 'clickCta',
+                eventDescription: 'User clicked the CTA'
+            }, data, product, position);
+            bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
+                eventName: 'ClickCTA',
+                product: product ? [product] : undefined,
+                contentType: 'product',
+                data,
+                position,
+                cta_text: cta === null || cta === void 0 ? void 0 : cta.enTitle,
+                cta_action_type: 'open_external_link',
+                target_content_id: product === null || product === void 0 ? void 0 : product.itemId,
+                target_url: product === null || product === void 0 ? void 0 : product.link
+            });
+            if (!isPost) {
+                productView(data, product, cta, viewTime || curTimeRef.current, position);
+            }
+            // 跳转到商品链接
+            if (product === null || product === void 0 ? void 0 : product.link) {
+                window.location.href = window.getJointUtmLink(product.link);
+            }
+            return;
+        }
+        // Shopify 商品：上报点击事件
         ctaEvent === null || ctaEvent === void 0 ? void 0 : ctaEvent({
             eventSubject: 'clickCta',
             eventDescription: 'User clicked the CTA'