s-platform-landing-section 0.1.11 → 0.1.12

package/dist/index.modern.js

@@ -762,15 +762,15 @@ var Input = 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;
@@ -8162,7 +8162,7 @@ var InputPhoneNumber = 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;
@@ -8187,9 +8187,9 @@ var InputPhoneNumber = 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,
@@ -9415,6 +9415,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)
@@ -9441,12 +9442,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, {
@@ -9467,15 +9468,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", {
@@ -9506,7 +9507,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"
@@ -9533,12 +9534,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"
@@ -9553,6 +9554,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,
@@ -9734,13 +9761,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
       }));
     }
   })));
@@ -10278,7 +10304,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
@@ -10399,7 +10425,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 = useState(),
@@ -10488,7 +10516,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);
   };
@@ -12704,5 +12747,5 @@ var ShopHighlights6 = function ShopHighlights6(props) {
   }));
 };
 
-export { About1, About5, Address1, Banner1, Banner3, BannerFull1, BannerFull2, Booking1, BookingForm6, Breadcrumb1, Button, Carts1, Contact1, CustomerRating1, CustomerRating10, CustomerRating5, CustomerRating6, DateTimePicker, Employees1, Features1, Features2, Features3, Footer1, Footer7, Gallery1, Hero1, Hero10, Hero11, Hero11$1 as Hero12, Hero13, Hero2, Hero5, Hero6, Input, InputPhoneNumber, Links1, ModalNotification, NavBar1, NavBar7, PageTitle1, Partner1, ProductCategory2, ProductDetail10, ProductHighlight1, ProductHot1, ProductHot3, ProductItem2, ProductItem3, ProductItem4, ProductItem5, ProductItem6, ProductList5, ProductSale2, ProductSearch1, Products1, Products10, Products2, Products3, ProductsTop1, SearchBar2, SearchBar5, SearchBar6, SearchProduct1, SectionTitle1, SectionTitle2, SectionTitle3, Select$1 as Select, ServiceDetail1, ShopHighlights2, ShopHighlights5, ShopHighlights6, TextArea, TreatmentDetail1, TreatmentItem1, Treatments1, Treatments1$1 as Treatments2, TreatmentsList6 };
+export { About1, About5, Address1, Banner1, Banner3, BannerFull1, BannerFull2, Booking1, BookingForm6, Breadcrumb1, Button, Carts1, Contact1, CustomerRating1, CustomerRating10, CustomerRating5, CustomerRating6, DateTimePicker, Employees1, Features1, Features2, Features3, Footer1, Footer7, Gallery1, Hero1, Hero10, Hero11, Hero11$1 as Hero12, Hero13, Hero2, Hero5, Hero6, Input, InputPhoneNumber, Links1, ModalNotification, NavBar1, NavBar7, PageTitle1, Partner1, ProductCategory2, ProductDetail10, ProductHighlight1, ProductHot1, ProductHot3, ProductItem2, ProductItem3, ProductItem4, ProductItem5, ProductItem6, ProductItem7, ProductList5, ProductSale2, ProductSearch1, Products1, Products10, Products2, Products3, ProductsTop1, SearchBar2, SearchBar5, SearchBar6, SearchProduct1, SectionTitle1, SectionTitle2, SectionTitle3, Select$1 as Select, ServiceDetail1, ShopHighlights2, ShopHighlights5, ShopHighlights6, TextArea, TreatmentDetail1, TreatmentItem1, Treatments1, Treatments1$1 as Treatments2, TreatmentsList6 };
 //# sourceMappingURL=index.modern.js.map