pb-sxp-ui 1.20.27 → 1.20.29

package/dist/pb-ui.js

@@ -180,6 +180,14 @@
         }
         return uuid.join('');
     }
+    const getIndexByblockType = (type, index) => {
+        if (type === 'CommodityCarouselBlock' || type === 'CopyBlock') {
+            return 'initial';
+        }
+        else {
+            return index;
+        }
+    };
     const generateRandomString = (length) => {
         let result = '';
         const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
@@ -239,6 +247,70 @@
         }
         return content;
     };
+    function getBrowserInfo() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        const userAgent = self.navigator.userAgent;
+        if (!userAgent)
+            return null;
+        if (/edge\/([\d\.]+)/i.exec(userAgent))
+            return `Edge ${(_a = /edge\/([\d\.]+)/i.exec(userAgent)) === null || _a === void 0 ? void 0 : _a[1]}`;
+        if (/edg\/([\d\.]+)/i.exec(userAgent))
+            return `Edge(Chromium) ${(_b = /edge\/([\d\.]+)/i.exec(userAgent)) === null || _b === void 0 ? void 0 : _b[1]}`;
+        if (/msie/i.test(userAgent))
+            return `Internet Explorer ${(_c = /msie ([\d\.]+)/i.exec(userAgent)) === null || _c === void 0 ? void 0 : _c[1]}`;
+        if (/Trident/i.test(userAgent))
+            return `Internet Explorer ${(_d = /rv:([\d\.]+)/i.exec(userAgent)) === null || _d === void 0 ? void 0 : _d[1]}`;
+        if (/chrome/i.test(userAgent))
+            return `Chrome ${(_e = /chrome\/([\d\.]+)/i.exec(userAgent)) === null || _e === void 0 ? void 0 : _e[1]}`;
+        if (/firefox/i.test(userAgent))
+            return `Firefox ${(_f = /firefox\/([\d\.]+)/i.exec(userAgent)) === null || _f === void 0 ? void 0 : _f[1]}`;
+        if (/safari/i.test(userAgent))
+            return `Safari ${(_g = /version\/([\d\.]+)/i.exec(userAgent)) === null || _g === void 0 ? void 0 : _g[1]}`;
+        return null;
+    }
+    function getSystem() {
+        var _a, _b, _c;
+        const userAgent = self.navigator.userAgent;
+        if (!userAgent)
+            return null;
+        if (/iphone/i.test(userAgent))
+            return `IOS ${(_a = userAgent.match(/OS\s(.*?)\slike/)) === null || _a === void 0 ? void 0 : _a[1]}`;
+        if (/android/i.test(userAgent))
+            return `Android ${(_b = userAgent.match(/Android\s(.*?)\;/)) === null || _b === void 0 ? void 0 : _b[1]}`;
+        if (/windows/i.test(userAgent))
+            return `Windows ${(_c = userAgent.match(/Windows\s(.*?)\;/)) === null || _c === void 0 ? void 0 : _c[1]}`;
+        if (/mac/i.test(userAgent))
+            return 'Mac OS';
+        return null;
+    }
+    function getDevice$1() {
+        const userAgent = self.navigator.userAgent;
+        if (!userAgent)
+            return null;
+        if (/iphone/i.test(userAgent))
+            return 'iPhone';
+        if (/android/i.test(userAgent)) {
+            // var index1 = userAgent.indexOf(';');
+            // var index2 = userAgent.indexOf(';', index1 + 1);
+            // var index3 = userAgent.indexOf(';', index2 + 1);
+            // var index4 = userAgent.indexOf(';', index3 + 1);
+            // if (index2 !== -1 && index3 !== -1) {
+            //   var value1 = userAgent.substring(index3 + 1, index4);
+            //   return `${value1}`;
+            // }
+            const index1 = userAgent.indexOf('(');
+            const index2 = userAgent.indexOf(')');
+            if (index1 !== -1 && index2 !== -1) {
+                const value = userAgent.substring(index1 + 1, index2);
+                return `${value}`;
+            }
+        }
+        if (/windows/i.test(userAgent))
+            return 'Windows';
+        if (/mac/i.test(userAgent))
+            return 'Mac';
+        return null;
+    }
     function getCookie(val) {
         // const expirationDate = new Date();
         // expirationDate.setDate(expirationDate.getDate() + 100);
@@ -300,6 +372,33 @@
         document.cookie = `${name}=; ${expiration}${pathPart}${domainPart}`;
         console.log(`已尝试删除Cookie: ${name}`);
     }
+    function setCookie(name, value, days = 0, path = '/', domain = '', secure = false, sameSite = 'Lax') {
+        let cookieString = `${encodeURIComponent(name)}=${encodeURIComponent(value)}`;
+        // 设置过期时间
+        if (days) {
+            const date = new Date();
+            date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
+            cookieString += `; expires=${date.toUTCString()}`;
+        }
+        // 设置路径
+        if (path) {
+            cookieString += `; path=${path}`;
+        }
+        // 设置域名
+        if (domain) {
+            cookieString += `; domain=${domain}`;
+        }
+        // 设置Secure标志
+        if (secure) {
+            cookieString += '; secure';
+        }
+        // 设置SameSite属性
+        if (sameSite) {
+            cookieString += `; samesite=${sameSite}`;
+        }
+        // 设置Cookie
+        document.cookie = cookieString;
+    }
     function getUrlParamByKey(key) {
         var _a, _b;
         const queryString = location.search.slice(1);
@@ -314,6 +413,73 @@
         }
         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,
+        deleteCookie: deleteCookie,
+        generateRandomString: generateRandomString,
+        getBrowserInfo: getBrowserInfo,
+        getCookie: getCookie,
+        getCurrencySymbol: getCurrencySymbol,
+        getDevice: getDevice$1,
+        getIndexByblockType: getIndexByblockType,
+        getScreenReader: getScreenReader,
+        getSystem: getSystem,
+        getUid: getUid,
+        getUrlParamByKey: getUrlParamByKey,
+        setCookie: setCookie,
+        setFontForText: setFontForText,
+        splitUrlParams: splitUrlParams,
+        uuid: uuid
+    });
 
     function unzip(b64Data) {
         const strData = atob(b64Data);
@@ -499,6 +665,18 @@
     const getFeSessionId = () => {
         return window.localStorage.getItem(feRealSessionIdKey);
     };
+    // 删除sessionID
+    const removeFeSessionId = () => {
+        window.localStorage.removeItem(feRealSessionIdKey);
+    };
+
+    var sessionStore = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        getFeSessionId: getFeSessionId,
+        refreshFeSessionId: refreshFeSessionId,
+        removeFeSessionId: removeFeSessionId,
+        storeAndLoadFeSessionId: storeAndLoadFeSessionId
+    });
 
     /*
      * @Author: binruan@chatlabs.com
@@ -522,6 +700,9 @@
         }
         return fakeUserId;
     };
+    const removeFeUserId = () => {
+        window.localStorage.removeItem(FAKE_USER_KEY);
+    };
     const getFeUserState = () => {
         const fakeUserState = window.localStorage.getItem(FAKE_USER_STATE);
         if (lodash.isEmpty(fakeUserState)) {
@@ -551,6 +732,24 @@
         window.localStorage.setItem(USER_CONSENT_RESULT_KEY, 'true');
     };
 
+    var localStore = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        AGREE_POLICY: AGREE_POLICY,
+        CCONTSENT_STATE: CCONTSENT_STATE,
+        FAKE_USER_KEY: FAKE_USER_KEY,
+        FAKE_USER_STATE: FAKE_USER_STATE,
+        SLIDE_SKIP_STATE: SLIDE_SKIP_STATE,
+        USER_CONSENT_RESULT_KEY: USER_CONSENT_RESULT_KEY,
+        getContsentState: getContsentState,
+        getFeUserState: getFeUserState,
+        getSlideSkipState: getSlideSkipState,
+        getUserConsentResult: getUserConsentResult,
+        removeFeUserId: removeFeUserId,
+        setSlideSkipState: setSlideSkipState,
+        setUserConsentResult: setUserConsentResult,
+        storeAndLoadFeUserId: storeAndLoadFeUserId
+    });
+
     /*
      * @Author: binruan@chatlabs.com
      * @Date: 2024-03-20 10:27:31
@@ -1759,6 +1958,23 @@
         DATA_TYPE["ARRAY_NUMBER"] = "array-number";
     })(DATA_TYPE || (DATA_TYPE = {}));
 
+    /*
+     * @Author: binruan@chatlabs.com
+     * @Date: 2024-03-20 10:27:31
+     * @LastEditors: binruan@chatlabs.com
+     * @LastEditTime: 2024-03-20 13:56:49
+     * @FilePath: \pb-sxp-ui\src\core\hooks\index.ts
+     *
+     */
+
+    var index$4 = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        get DATA_TYPE () { return DATA_TYPE; },
+        useDataSource: useDataSource,
+        useEditor: useEditor,
+        useSxpDataSource: useSxpDataSource
+    });
+
     const DataSourceContext = React.createContext({ $store: {}, options: [], configs: [] });
     const DataSourceProvider = ({ children, isSsr, enable }) => {
         const [options, setOptions] = React.useState([]);
@@ -10830,7 +11046,7 @@
             : '';
     };
     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;
@@ -10838,18 +11054,51 @@
         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) === '.') {
@@ -10880,7 +11129,7 @@
                 }
             });
         }
-        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;
@@ -10916,30 +11165,37 @@
             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) {
@@ -11909,7 +12165,7 @@
 
     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] = React.useState(null);
         const [selectedOptions, setSelectedOptions] = React.useState({});
         const [selectedVariant, setSelectedVariant] = React.useState(null);
@@ -12049,6 +12305,18 @@
                 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({
@@ -12063,6 +12331,10 @@
         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...")));
@@ -12096,9 +12368,7 @@
                                 "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),
@@ -12106,16 +12376,26 @@
                 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;
@@ -12166,7 +12446,35 @@
         }
         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'
@@ -19789,7 +20097,13 @@ Made in Italy` })));
     var index$3 = /*#__PURE__*/Object.freeze({
         __proto__: null,
         EditorCore: EditorCore,
-        StructurePage: StructurePage
+        Pagebuilder: Pagebuilder,
+        StructurePage: StructurePage,
+        createMaterial: createMaterial,
+        hooks: index$4,
+        localStore: localStore,
+        sessionStore: sessionStore,
+        tool: tool
     });
 
     /*