s-platform-landing-section 0.1.11 → 0.1.12

package/dist/index.js

@@ -765,15 +765,15 @@ var Input = React.forwardRef(function (props, ref) {
     for (var _iterator = _createForOfIteratorHelperLoose(rules), _step; !(_step = _iterator()).done;) {
       var _e$pattern, _e$validate;
       var e = _step.value;
-      if ((e === null || e === void 0 ? void 0 : e.type) === 'required' && value === '') {
+      if ((e === null || e === void 0 ? void 0 : e.type) === 'required' && (value === '' || value === null)) {
         _setError(e === null || e === void 0 ? void 0 : e.message);
         count++;
         break;
-      } else if ((e === null || e === void 0 ? void 0 : e.type) === 'pattern' && !(e !== null && e !== void 0 && (_e$pattern = e.pattern) !== null && _e$pattern !== void 0 && _e$pattern.test(value))) {
+      } else if (value !== "" && (e === null || e === void 0 ? void 0 : e.type) === 'pattern' && !(e !== null && e !== void 0 && (_e$pattern = e.pattern) !== null && _e$pattern !== void 0 && _e$pattern.test(value))) {
         _setError(e === null || e === void 0 ? void 0 : e.message);
         count++;
         break;
-      } else if ((e === null || e === void 0 ? void 0 : e.type) === "validate" && e !== null && e !== void 0 && e.validate && !(e !== null && e !== void 0 && (_e$validate = e.validate) !== null && _e$validate !== void 0 && _e$validate.call(e))) {
+      } else if (value !== "" && (e === null || e === void 0 ? void 0 : e.type) === "validate" && e !== null && e !== void 0 && e.validate && !(e !== null && e !== void 0 && (_e$validate = e.validate) !== null && _e$validate !== void 0 && _e$validate.call(e))) {
         _setError(e === null || e === void 0 ? void 0 : e.message);
         count++;
         break;
@@ -8165,7 +8165,7 @@ var InputPhoneNumber = React.forwardRef(function (props, ref) {
         _setError(e === null || e === void 0 ? void 0 : e.message);
         count++;
         break;
-      } else if ((e === null || e === void 0 ? void 0 : e.type) === 'pattern' && !(e !== null && e !== void 0 && (_e$pattern = e.pattern) !== null && _e$pattern !== void 0 && _e$pattern.test(value))) {
+      } else if (value !== "" && (e === null || e === void 0 ? void 0 : e.type) === 'pattern' && !(e !== null && e !== void 0 && (_e$pattern = e.pattern) !== null && _e$pattern !== void 0 && _e$pattern.test(value))) {
         _setError(e === null || e === void 0 ? void 0 : e.message);
         count++;
         break;
@@ -8190,9 +8190,9 @@ var InputPhoneNumber = React.forwardRef(function (props, ref) {
   }, label ? /*#__PURE__*/React__default.createElement("label", {
     className: "mb-1 " + labelClassName
   }, label, labelRequired) : null, /*#__PURE__*/React__default.createElement("div", {
-    className: "flex items-center h-10 rounded-lg border " + className
+    className: "flex items-center h-10 rounded-lg border border-stroke " + className
   }, /*#__PURE__*/React__default.createElement("button", {
-    className: "border-r-2 "
+    className: "border-stroke border-r-2 "
   }, /*#__PURE__*/React__default.createElement(Select$1, {
     className: 'w-max border-0 !rounded-none !rounded-l-lg',
     defaultValue: countryCode,
@@ -9418,6 +9418,7 @@ var ProductItem2 = function ProductItem2(props) {
     Link = _props$Link === void 0 ? null : _props$Link,
     _props$className = props.className,
     className = _props$className === void 0 ? "" : _props$className;
+  console.log("checkkkkkkkk:::::::", className);
   return /*#__PURE__*/React__default.createElement(LinkToPage, {
     Link: Link,
     href: getLinkProductDetail(product)
@@ -9444,12 +9445,12 @@ var ProductItem3 = function ProductItem3(props) {
     Link: Link,
     href: getLinkProductDetail(product)
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "w-full border rounded-2xl " + className
+    className: "w-full border border-stroke rounded-2xl " + className
   }, /*#__PURE__*/React__default.createElement(ProductImage, {
     product: product,
     className: "w-full h-44 md:h-56 lg:h-64 xl:h-72 bg-cover bg-no-repeat rounded-t-2xl"
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: "p-4 flex flex-col gap-4 justify-start"
+    className: "p-4 flex flex-col gap-4 items-start"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "line-clamp-1"
   }, product === null || product === void 0 ? void 0 : product.productName), /*#__PURE__*/React__default.createElement(ProductPrice, {
@@ -9470,15 +9471,15 @@ var ProductItem4 = function ProductItem4(props) {
     Link: Link,
     href: getLinkProductDetail(product)
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "w-full border flex flex-col gap-2 md:gap-4 rounded-2xl p-2 md:p-4 xl:p-6 " + className
+    className: "w-full border border-stroke flex flex-col gap-2 md:gap-4 rounded-2xl p-2 md:p-4 xl:p-6 " + className
   }, /*#__PURE__*/React__default.createElement(ProductImage, {
     product: product,
     className: "w-full h-44 sm:h-56 xl:h-72 bg-cover bg-no-repeat rounded-2xl"
   }), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
-    className: "line-clamp-1"
+    className: "text-start line-clamp-1"
   }, product === null || product === void 0 ? void 0 : product.productName), /*#__PURE__*/React__default.createElement(ProductPrice, {
     product: product,
-    className: "text-lg text-start"
+    className: "text-lg text-start mt-2"
   })), /*#__PURE__*/React__default.createElement("div", {
     className: "flex pt-4 gap-2 md:gap-4 border-t items-center"
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -9509,7 +9510,7 @@ var ProductItem5 = function ProductItem5(props) {
     product: product,
     className: "w-full w-full h-44 md:h-56 lg:h-64 xl:h-72 bg-cover bg-no-repeat rounded-2xl"
   }), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
-    className: "line-clamp-1 mb-2"
+    className: "text-start line-clamp-1 mb-2"
   }, product === null || product === void 0 ? void 0 : product.productName), /*#__PURE__*/React__default.createElement(ProductPrice, {
     product: product,
     className: "text-lg text-start"
@@ -9536,12 +9537,12 @@ var ProductItem6 = function ProductItem6(props) {
     Link: Link,
     href: getLinkProductDetail(product)
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "w-full border flex flex-col gap-2 md:gap-4 rounded-2xl p-2 md:p-4 xl:p-6 " + className
+    className: "w-full border border-stroke flex flex-col gap-2 md:gap-4 rounded-2xl p-2 md:p-4 xl:p-6 " + className
   }, /*#__PURE__*/React__default.createElement(ProductImage, {
     product: product,
     className: "w-full h-44 sm:h-56 xl:h-72 bg-cover bg-no-repeat rounded-2xl"
   }), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
-    className: "line-clamp-1"
+    className: "text start line-clamp-1"
   }, product === null || product === void 0 ? void 0 : product.productName), /*#__PURE__*/React__default.createElement(ProductPrice, {
     product: product,
     className: "text-lg text-start"
@@ -9556,6 +9557,32 @@ var ProductItem6 = function ProductItem6(props) {
   }))));
 };
 
+var ProductItem7 = function ProductItem7(props) {
+  var product = props.product,
+    _props$Link = props.Link,
+    Link = _props$Link === void 0 ? null : _props$Link,
+    _props$className = props.className,
+    className = _props$className === void 0 ? "" : _props$className;
+  return /*#__PURE__*/React__default.createElement(LinkToPage, {
+    Link: Link,
+    href: getLinkProductDetail(product)
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "w-full bg-bgSecondary relative rounded-2xl " + className
+  }, /*#__PURE__*/React__default.createElement(ProductImage, {
+    product: product,
+    className: "w-full h-44 md:h-56 lg:h-64 xl:h-72 bg-cover bg-no-repeat rounded-t-2xl"
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: "p-4 flex flex-col gap-4 items-start"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "line-clamp-1"
+  }, product === null || product === void 0 ? void 0 : product.productName), /*#__PURE__*/React__default.createElement(ProductPrice, {
+    product: product,
+    className: "text-lg text-start"
+  })), product !== null && product !== void 0 && product.priceBeforeDiscount && (product === null || product === void 0 ? void 0 : product.priceBeforeDiscount) !== (product === null || product === void 0 ? void 0 : product.price) ? /*#__PURE__*/React__default.createElement("div", {
+    className: "absolute top-5 left-0 font-semibold px-3 py-1 bg-danger text-textButton rounded-r-2xl shadow-lg v-max"
+  }, 1 - 100 * (product === null || product === void 0 ? void 0 : product.price) / (product === null || product === void 0 ? void 0 : product.priceBeforeDiscount)) : null));
+};
+
 var TreatmentItem1 = function TreatmentItem1(props) {
   var product = props.product,
     _props$Link = props.Link,
@@ -9737,13 +9764,12 @@ var Products2 = function Products2(props) {
     primaryColor: primary,
     renderItem: function renderItem(item, index) {
       return /*#__PURE__*/React__default.createElement("div", {
-        key: "carousel-" + index,
-        className: "flex-shrink-0 w-[calc(50%-2px)]  md:w-[calc(34%-16px)] lg:w-[calc(25%-12px)] xl:w-[calc(25%-19px)]"
+        className: "border-0 flex-shrink-0 w-[calc(50%-2px)]  md:w-[calc(34%-16px)] lg:w-[calc(25%-12px)] xl:w-[calc(25%-19px)]"
       }, /*#__PURE__*/React__default.createElement(ProductItem, {
         product: item.productInfo,
+        key: "carousel-" + index,
         Link: Link,
-        shopConfigStyle: shopConfigStyle,
-        className: "border-0 bg-bgSecondary"
+        shopConfigStyle: shopConfigStyle
       }));
     }
   })));
@@ -10281,7 +10307,7 @@ var ProductsTop1 = function ProductsTop1(props) {
   }, products === null || products === void 0 ? void 0 : products.map(function (product, idx) {
     return /*#__PURE__*/React__default.createElement(ProductItem, {
       Link: Link,
-      className: "bg-bgSecondary border-0",
+      className: "border-0",
       shopConfigStyle: shopConfigStyle,
       product: product === null || product === void 0 ? void 0 : product.productInfo,
       key: "htrhr-" + idx
@@ -10402,7 +10428,9 @@ var ProductHighlight1 = function ProductHighlight1(props) {
 var ProductDetail10 = function ProductDetail10(props) {
   var _product$images;
   var shopConfigStyle = props.shopConfigStyle,
-    shopConfig = props.shopConfig;
+    shopConfig = props.shopConfig,
+    _props$handleRedirect = props.handleRedirect,
+    handleRedirect = _props$handleRedirect === void 0 ? function () {} : _props$handleRedirect;
   var _ProductDetailControl = ProductDetailController(props),
     product = _ProductDetailControl.product;
   var _useState = React.useState(),
@@ -10491,7 +10519,22 @@ var ProductDetail10 = function ProductDetail10(props) {
       return Promise.reject(e);
     }
   };
-  var buyNow = function buyNow() {};
+  var buyNow = function buyNow() {
+    try {
+      var _temp2 = function () {
+        if (validateData()) {
+          var _refInputQuantity$cur3;
+          var quantity = refInputQuantity === null || refInputQuantity === void 0 ? void 0 : (_refInputQuantity$cur3 = refInputQuantity.current) === null || _refInputQuantity$cur3 === void 0 ? void 0 : _refInputQuantity$cur3.getValue();
+          return Promise.resolve(addProductToCart(product, variant, quantity)).then(function () {
+            handleRedirect("/carts");
+          });
+        }
+      }();
+      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
   var handleDisplayImage = function handleDisplayImage(item) {
     setDisplayImage(item);
   };
@@ -12758,6 +12801,7 @@ exports.ProductItem3 = ProductItem3;
 exports.ProductItem4 = ProductItem4;
 exports.ProductItem5 = ProductItem5;
 exports.ProductItem6 = ProductItem6;
+exports.ProductItem7 = ProductItem7;
 exports.ProductList5 = ProductList5;
 exports.ProductSale2 = ProductSale2;
 exports.ProductSearch1 = ProductSearch1;