s-platform-landing-section 0.1.10-alpha.8 → 0.1.10-alpha.9

package/dist/index.js

@@ -7802,7 +7802,10 @@ var InputPhoneNumber = React.forwardRef(function (props, ref) {
   var _useState = React.useState(defaultValue),
     value = _useState[0],
     _setValue = _useState[1];
-  var _useState2 = React.useState({}),
+  var _useState2 = React.useState({
+      label: "+84",
+      value: "+84"
+    }),
     countryCode = _useState2[0],
     setCountryCode = _useState2[1];
   var _useState3 = React.useState(""),
@@ -7822,7 +7825,8 @@ var InputPhoneNumber = React.forwardRef(function (props, ref) {
         return _setValue(text);
       },
       getValue: function getValue() {
-        return value;
+        var phoneNumber = (countryCode === null || countryCode === void 0 ? void 0 : countryCode.value) + (value === null || value === void 0 ? void 0 : value.slice(1));
+        return phoneNumber;
       },
       setError: function setError(err) {
         return _setError(err);
@@ -10612,9 +10616,42 @@ var Carts1 = function Carts1(props) {
     var _state$cart;
     return state === null || state === void 0 ? void 0 : (_state$cart = state.cart) === null || _state$cart === void 0 ? void 0 : _state$cart.items;
   });
+  var shadowRef = React.useRef(null);
+  var _useState7 = React.useState(false),
+    isShadow = _useState7[0],
+    setIsShadow = _useState7[1];
   var _OrderControllerWitho = OrderControllerWithoutLogin(props),
     _OrderControllerWitho2 = _OrderControllerWitho.draftOrderWithoutLogin,
     draftOrderWithoutLogin = _OrderControllerWitho2 === void 0 ? function () {} : _OrderControllerWitho2;
+  React.useEffect(function () {
+    var handleScroll = function handleScroll() {
+      if (shadowRef !== null && shadowRef !== void 0 && shadowRef.current) {
+        var _shadowRef$current;
+        var footerPosition = shadowRef === null || shadowRef === void 0 ? void 0 : (_shadowRef$current = shadowRef.current) === null || _shadowRef$current === void 0 ? void 0 : _shadowRef$current.getBoundingClientRect();
+        if ((footerPosition === null || footerPosition === void 0 ? void 0 : footerPosition.bottom) >= window.innerHeight) {
+          setIsShadow(true);
+        } else {
+          setIsShadow(false);
+        }
+      }
+    };
+    handleScroll();
+    window.addEventListener("resize", handleScroll);
+    window.addEventListener("scroll", handleScroll);
+    return function () {
+      window.removeEventListener("scroll", handleScroll);
+      window.removeEventListener("resize", handleScroll);
+    };
+  }, []);
+  React.useEffect(function () {
+    var selectedProducts = cartItems === null || cartItems === void 0 ? void 0 : cartItems.filter(function (item) {
+      return chosenProducts === null || chosenProducts === void 0 ? void 0 : chosenProducts.some(function (product) {
+        var _product$variant, _item$variant;
+        return (product === null || product === void 0 ? void 0 : (_product$variant = product.variant) === null || _product$variant === void 0 ? void 0 : _product$variant.variantId) === (item === null || item === void 0 ? void 0 : (_item$variant = item.variant) === null || _item$variant === void 0 ? void 0 : _item$variant.variantId);
+      });
+    });
+    setChosenProducts(selectedProducts);
+  }, [cartItems]);
   var handleCheckAll = function handleCheckAll(event) {
     var checked = event.target.checked;
     if (checked) {
@@ -10625,15 +10662,6 @@ var Carts1 = function Carts1(props) {
       setCheckAll(checked);
     }
   };
-  React.useEffect(function () {
-    var selectedProducts = cartItems === null || cartItems === void 0 ? void 0 : cartItems.filter(function (item) {
-      return chosenProducts === null || chosenProducts === void 0 ? void 0 : chosenProducts.some(function (product) {
-        var _product$variant, _item$variant;
-        return (product === null || product === void 0 ? void 0 : (_product$variant = product.variant) === null || _product$variant === void 0 ? void 0 : _product$variant.variantId) === (item === null || item === void 0 ? void 0 : (_item$variant = item.variant) === null || _item$variant === void 0 ? void 0 : _item$variant.variantId);
-      });
-    });
-    setChosenProducts(selectedProducts);
-  }, [cartItems]);
   var handleTotalPrice = function handleTotalPrice() {
     var totalPrice = chosenProducts === null || chosenProducts === void 0 ? void 0 : chosenProducts.reduce(function (sum, element) {
       var _element$variant;
@@ -10696,6 +10724,11 @@ var Carts1 = function Carts1(props) {
               var _res$data2, _formCheckoutRef$curr3;
               setOrderSuccessInfo(res === null || res === void 0 ? void 0 : (_res$data2 = res.data) === null || _res$data2 === void 0 ? void 0 : _res$data2.data);
               formCheckoutRef === null || formCheckoutRef === void 0 ? void 0 : (_formCheckoutRef$curr3 = formCheckoutRef.current) === null || _formCheckoutRef$curr3 === void 0 ? void 0 : _formCheckoutRef$curr3.setValue();
+              var variantIdProducts = chosenProducts === null || chosenProducts === void 0 ? void 0 : chosenProducts.map(function (item) {
+                var _item$variant5;
+                return item === null || item === void 0 ? void 0 : (_item$variant5 = item.variant) === null || _item$variant5 === void 0 ? void 0 : _item$variant5.variantId;
+              });
+              dispatch(removeFromCart(variantIdProducts));
               setIsOpenModal(true);
               setChosenProducts([]);
             }
@@ -10730,10 +10763,10 @@ var Carts1 = function Carts1(props) {
   }, "Th\xE0nh ti\u1EC1n"), /*#__PURE__*/React__default.createElement("div", {
     className: "min-w-32 text-center"
   }, "H\xE0nh \u0111\u1ED9ng")), cartItems === null || cartItems === void 0 ? void 0 : cartItems.map(function (item, index) {
-    var _item$variant5;
+    var _item$variant6;
     return /*#__PURE__*/React__default.createElement(CartItem, {
       item: item,
-      key: item === null || item === void 0 ? void 0 : (_item$variant5 = item.variant) === null || _item$variant5 === void 0 ? void 0 : _item$variant5.variantId,
+      key: item === null || item === void 0 ? void 0 : (_item$variant6 = item.variant) === null || _item$variant6 === void 0 ? void 0 : _item$variant6.variantId,
       chosenProducts: chosenProducts,
       onChange: function onChange(event) {
         handleCheckProducts(event);
@@ -10743,7 +10776,8 @@ var Carts1 = function Carts1(props) {
       removeFromCart: removeFromCart
     });
   })), /*#__PURE__*/React__default.createElement("div", {
-    className: "grid grid-cols-5 md:flex items-center md:gap-6 bg-bgSecondary mb-6 md:h-20 py-4 px-4 xl:px-20 sticky bottom-0"
+    ref: shadowRef,
+    className: "grid grid-cols-5 md:flex items-center md:gap-6 bg-bgSecondary mb-6 md:h-20 py-4 px-4 xl:px-20 sticky bottom-0 " + (isShadow ? "shadow-[0_-7px_8px_-3px_rgba(0,0,0,0.1)]" : "") + " "
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "col-span-2 md:flex-1 flex gap-2 min-w-32"
   }, /*#__PURE__*/React__default.createElement("input", {
@@ -10804,10 +10838,10 @@ var Carts1 = function Carts1(props) {
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "font-medium text-lg mb-6"
   }, "S\u1EA3n ph\u1EA9m trong \u0111\u01A1n (", chosenProducts === null || chosenProducts === void 0 ? void 0 : chosenProducts.length, ")"), chosenProducts === null || chosenProducts === void 0 ? void 0 : chosenProducts.map(function (item) {
-    var _item$variant6, _item$variant7, _item$variant8;
+    var _item$variant7, _item$variant8, _item$variant9;
     return /*#__PURE__*/React__default.createElement("div", {
       className: "flex gap-6 border-t py-4",
-      key: item === null || item === void 0 ? void 0 : (_item$variant6 = item.variant) === null || _item$variant6 === void 0 ? void 0 : _item$variant6.variantId
+      key: item === null || item === void 0 ? void 0 : (_item$variant7 = item.variant) === null || _item$variant7 === void 0 ? void 0 : _item$variant7.variantId
     }, /*#__PURE__*/React__default.createElement("img", {
       src: "https://img.freepik.com/free-photo/organic-cosmetic-product-with-dreamy-aesthetic-fresh-background_23-2151382816.jpg?semt=ais_hybrid",
       alt: "",
@@ -10818,11 +10852,11 @@ var Carts1 = function Carts1(props) {
       className: "font-medium"
     }, item === null || item === void 0 ? void 0 : item.productName), /*#__PURE__*/React__default.createElement("div", {
       className: "px-4 py-1 border border-stroke bg-gray6 rounded-md w-max"
-    }, item === null || item === void 0 ? void 0 : (_item$variant7 = item.variant) === null || _item$variant7 === void 0 ? void 0 : _item$variant7.name), /*#__PURE__*/React__default.createElement("div", {
+    }, item === null || item === void 0 ? void 0 : (_item$variant8 = item.variant) === null || _item$variant8 === void 0 ? void 0 : _item$variant8.name), /*#__PURE__*/React__default.createElement("div", {
       className: "flex gap-4 items-center"
     }, /*#__PURE__*/React__default.createElement("div", {
       className: "text-primary text-lg font-medium"
-    }, formatCurrency(item === null || item === void 0 ? void 0 : (_item$variant8 = item.variant) === null || _item$variant8 === void 0 ? void 0 : _item$variant8.price)), /*#__PURE__*/React__default.createElement("div", null, "x", item === null || item === void 0 ? void 0 : item.quantity))));
+    }, formatCurrency(item === null || item === void 0 ? void 0 : (_item$variant9 = item.variant) === null || _item$variant9 === void 0 ? void 0 : _item$variant9.price)), /*#__PURE__*/React__default.createElement("div", null, "x", item === null || item === void 0 ? void 0 : item.quantity))));
   })))), isOpenModal && /*#__PURE__*/React__default.createElement(ModalNotification, {
     isButtonClose: false
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -10851,7 +10885,7 @@ var Carts1 = function Carts1(props) {
   }))));
 };
 var CartItem = function CartItem(props) {
-  var _item$variant10, _item$variant11, _item$variant12, _item$variant13;
+  var _item$variant11, _item$variant12, _item$variant13, _item$variant14;
   var item = props.item,
     _props$onChange = props.onChange,
     onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
@@ -10859,9 +10893,9 @@ var CartItem = function CartItem(props) {
     dispatch = props.dispatch,
     removeFromCart = props.removeFromCart,
     updateQuantity = props.updateQuantity;
-  var _useState7 = React.useState(item === null || item === void 0 ? void 0 : item.quantity),
-    quantity = _useState7[0],
-    setQuantity = _useState7[1];
+  var _useState8 = React.useState(item === null || item === void 0 ? void 0 : item.quantity),
+    quantity = _useState8[0],
+    setQuantity = _useState8[1];
   var refInputQuantity = React.useRef();
   var handleChangeQuantity = function handleChangeQuantity(item, text) {
     setQuantity(parseInt(text));
@@ -10881,10 +10915,10 @@ var CartItem = function CartItem(props) {
   }, /*#__PURE__*/React__default.createElement("input", {
     type: "checkbox",
     checked: chosenProducts === null || chosenProducts === void 0 ? void 0 : chosenProducts.some(function (element) {
-      var _element$variant2, _item$variant9;
-      return (element === null || element === void 0 ? void 0 : (_element$variant2 = element.variant) === null || _element$variant2 === void 0 ? void 0 : _element$variant2.variantId) === (item === null || item === void 0 ? void 0 : (_item$variant9 = item.variant) === null || _item$variant9 === void 0 ? void 0 : _item$variant9.variantId);
+      var _element$variant2, _item$variant10;
+      return (element === null || element === void 0 ? void 0 : (_element$variant2 = element.variant) === null || _element$variant2 === void 0 ? void 0 : _element$variant2.variantId) === (item === null || item === void 0 ? void 0 : (_item$variant10 = item.variant) === null || _item$variant10 === void 0 ? void 0 : _item$variant10.variantId);
     }),
-    value: item === null || item === void 0 ? void 0 : (_item$variant10 = item.variant) === null || _item$variant10 === void 0 ? void 0 : _item$variant10.variantId,
+    value: item === null || item === void 0 ? void 0 : (_item$variant11 = item.variant) === null || _item$variant11 === void 0 ? void 0 : _item$variant11.variantId,
     onChange: onChange
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "min-w-80 lg:flex-1"
@@ -10900,9 +10934,9 @@ var CartItem = function CartItem(props) {
     className: "leading-6 w-56 lg:w-full text-wrap line-clamp-2"
   }, item === null || item === void 0 ? void 0 : item.productName), /*#__PURE__*/React__default.createElement("div", {
     className: "border border-stroke rounded-md bg-gray6 px-4 py-1 w-max"
-  }, item === null || item === void 0 ? void 0 : (_item$variant11 = item.variant) === null || _item$variant11 === void 0 ? void 0 : _item$variant11.name)))), /*#__PURE__*/React__default.createElement("div", {
+  }, item === null || item === void 0 ? void 0 : (_item$variant12 = item.variant) === null || _item$variant12 === void 0 ? void 0 : _item$variant12.name)))), /*#__PURE__*/React__default.createElement("div", {
     className: "min-w-32 text-right"
-  }, formatCurrency(item === null || item === void 0 ? void 0 : (_item$variant12 = item.variant) === null || _item$variant12 === void 0 ? void 0 : _item$variant12.price)), /*#__PURE__*/React__default.createElement("div", {
+  }, formatCurrency(item === null || item === void 0 ? void 0 : (_item$variant13 = item.variant) === null || _item$variant13 === void 0 ? void 0 : _item$variant13.price)), /*#__PURE__*/React__default.createElement("div", {
     className: "min-w-32 text-right"
   }, /*#__PURE__*/React__default.createElement(Input, {
     rules: [{
@@ -10923,14 +10957,14 @@ var CartItem = function CartItem(props) {
     wrapClassName: "w-fit mx-auto"
   })), /*#__PURE__*/React__default.createElement("div", {
     className: "min-w-32 text-right"
-  }, formatCurrency((item === null || item === void 0 ? void 0 : (_item$variant13 = item.variant) === null || _item$variant13 === void 0 ? void 0 : _item$variant13.price) * quantity)), /*#__PURE__*/React__default.createElement("div", {
+  }, formatCurrency((item === null || item === void 0 ? void 0 : (_item$variant14 = item.variant) === null || _item$variant14 === void 0 ? void 0 : _item$variant14.price) * quantity)), /*#__PURE__*/React__default.createElement("div", {
     className: "min-w-32 flex justify-center "
   }, /*#__PURE__*/React__default.createElement("button", {
     type: "button",
     className: "flex items-center gap-2 text-danger",
     onClick: function onClick() {
-      var _item$variant14;
-      handleRemoveProduct(item === null || item === void 0 ? void 0 : (_item$variant14 = item.variant) === null || _item$variant14 === void 0 ? void 0 : _item$variant14.variantId);
+      var _item$variant15;
+      handleRemoveProduct(item === null || item === void 0 ? void 0 : (_item$variant15 = item.variant) === null || _item$variant15 === void 0 ? void 0 : _item$variant15.variantId);
     }
   }, /*#__PURE__*/React__default.createElement(ri.RiDeleteBin7Line, null), /*#__PURE__*/React__default.createElement("span", null, "X\xF3a"))));
 };
@@ -10940,6 +10974,7 @@ exports.Address1 = Address1;
 exports.Banner1 = Banner1;
 exports.Booking1 = Booking1;
 exports.Breadcrumb1 = Breadcrumb1;
+exports.Button = Button;
 exports.Carts1 = Carts1;
 exports.Contact1 = Contact1;
 exports.CustomerRating10 = CustomerRating10;
@@ -10954,6 +10989,8 @@ exports.Hero10 = Hero10;
 exports.Hero11 = Hero11;
 exports.Hero12 = Hero11$1;
 exports.Hero13 = Hero13;
+exports.Input = Input;
+exports.InputPhoneNumber = InputPhoneNumber;
 exports.Links1 = Links1;
 exports.NavBar7 = NavBar7;
 exports.PageTitle1 = PageTitle1;
@@ -10967,6 +11004,7 @@ exports.Products2 = Products2;
 exports.Products3 = Products3;
 exports.ProductsTop1 = ProductsTop1;
 exports.SectionTitle1 = SectionTitle1;
+exports.Select = Select$1;
 exports.ServiceDetail1 = ServiceDetail1;
 exports.Treatments1 = Treatments1;
 exports.Treatments2 = Treatments1$1;