pb-sxp-ui 1.16.1 → 1.16.3

package/dist/index.css

@@ -991,7 +991,7 @@ a:active {
   color: white;
   border-radius: 10px;
   overflow: hidden;
-  margin: 1px;
+  margin: 1.5px;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   width: 100%;
@@ -999,7 +999,7 @@ a:active {
 .index-module_buttonWrapper__jGJE7 {
   background-color: white;
   text-align: center;
-  padding: 3px 0;
+  padding: 3px 1px;
   color: #000;
   font-size: 12px;
   text-decoration: underline;
@@ -1021,8 +1021,8 @@ a:active {
 .index-module_gridItem__KrJP6::after {
   content: '';
   position: absolute;
-  inset: 1px;
-  border-radius: 8px;
+  inset: 1.5px;
+  border-radius: 10px;
   background-color: transparent;
 }
 @-webkit-keyframes index-module_rotate__5zJec {

package/dist/index.js

@@ -13461,9 +13461,11 @@ const NineCommodity$1 = (_a) => {
     var { content, style, bgImg, recData, bottom_image, ctaTempStyles, translateY = 0, isActive, index } = _a, props = __rest(_a, ["content", "style", "bgImg", "recData", "bottom_image", "ctaTempStyles", "translateY", "isActive", "index"]);
     const { sxpParameter } = useSxpDataSource();
     const [products] = useState((_c = (_b = recData === null || recData === void 0 ? void 0 : recData.video) === null || _b === void 0 ? void 0 : _b.bindProducts) !== null && _c !== void 0 ? _c : [{}, {}, {}, {}, {}, {}, {}, {}, {}]);
+    if (!(products === null || products === void 0 ? void 0 : products.length) || (products === null || products === void 0 ? void 0 : products.length) < 1)
+        return null;
     return (React.createElement("div", { className: styles$2.nineProduct },
         React.createElement("div", { className: styles$2.gridContainer }, products === null || products === void 0 ? void 0 : products.map((item, itemIndex) => {
-            var _a, _b, _c, _d, _e, _f;
+            var _a, _b, _c, _d, _e, _f, _g, _h;
             if (itemIndex < 9) {
                 return (React.createElement(React.Fragment, { key: itemIndex }, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (React.createElement("div", { className: styles$2.gridItem, role: 'listitem' },
                     React.createElement("div", { className: styles$2.gridBox },
@@ -13479,7 +13481,7 @@ const NineCommodity$1 = (_a) => {
                                     display: 'block'
                                 }, isActive: isActive }),
                             React.createElement("div", { className: styles$2.buttonWrapper, "aria-label": (_f = (_e = item === null || item === void 0 ? void 0 : item.bindCta) === null || _e === void 0 ? void 0 : _e.enTitle) !== null && _f !== void 0 ? _f : 'Shop Now', dangerouslySetInnerHTML: {
-                                    __html: setFontForText("item?.bindCta?.enTitle ?? 'Shop Now', ctaTempStyles?.ctaTitle")
+                                    __html: setFontForText((_h = (_g = item === null || item === void 0 ? void 0 : item.bindCta) === null || _g === void 0 ? void 0 : _g.enTitle) !== null && _h !== void 0 ? _h : 'Shop Now', ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle)
                                 } })))))));
             }
             else {