tabexseriescomponents 0.0.408 → 0.0.409

package/dist/index.cjs.js

@@ -15220,6 +15220,7 @@ var CardsSection = function CardsSection(props) {
     _useState14 = _slicedToArray__default["default"](_useState13, 2),
     perpageItems = _useState14[0],
     setperpageItems = _useState14[1];
+  var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
   React.useEffect(function () {
     var productfilerobjtemp = ProductFilterObjContext;
     if (props.filterparamsprops != undefined) {
@@ -15515,6 +15516,7 @@ var CardsSection = function CardsSection(props) {
         cardobj.productcashbackvalue = arrayItem.productinfo.productcashbackvalue;
         cardobj.product_phonenumber = arrayItem.productinfo.product_phonenumber;
         cardobj.productcanrate = arrayItem.productinfo.productcanrate;
+        cardobj.sku = arrayItem.productinfo.sku;
         if (langdetect == 'en') {
           cardobj.currencyname = fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 ? void 0 : fetchAuthorizationQueryContext.data.data.currencyname_en;
         } else {
@@ -16077,7 +16079,8 @@ var CardsSection = function CardsSection(props) {
                 sectionindexprops: index,
                 sectionidprops: item.sectionid,
                 actions: actions,
-                fontFamilyprops: sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : ''
+                fontFamilyprops: sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : '',
+                AddtoCartMutationContext: AddtoCartMutationContext
               }));
             } else if (sectionproperties.overallnumberofcards != 0) {
               if (cardinfoindex < sectionproperties.overallnumberofcards) {
@@ -16091,7 +16094,8 @@ var CardsSection = function CardsSection(props) {
                   sectionindexprops: index,
                   sectionidprops: item.sectionid,
                   actions: actions,
-                  fontFamilyprops: sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : ''
+                  fontFamilyprops: sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : '',
+                  AddtoCartMutationContext: AddtoCartMutationContext
                 }));
               }
             }
@@ -16279,7 +16283,8 @@ var CardsSection = function CardsSection(props) {
                 sectionidprops: item.sectionid,
                 actions: actions,
                 fontFamilyprops: sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : '',
-                numberOfColsvertical: sectionproperties.numberOfColsvertical
+                numberOfColsvertical: sectionproperties.numberOfColsvertical,
+                AddtoCartMutationContext: AddtoCartMutationContext
               }));
             } else if (sectionproperties.overallnumberofcards != 0) {
               if (cardinfoindex < sectionproperties.overallnumberofcards) {
@@ -16295,7 +16300,8 @@ var CardsSection = function CardsSection(props) {
                   sectionidprops: item.sectionid,
                   actions: actions,
                   fontFamilyprops: sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : '',
-                  numberOfColsvertical: sectionproperties.numberOfColsvertical
+                  numberOfColsvertical: sectionproperties.numberOfColsvertical,
+                  AddtoCartMutationContext: AddtoCartMutationContext
                 }));
               }
             }
@@ -43816,7 +43822,7 @@ var Newsletterfooter = function Newsletterfooter(props) {
       onClick: function onClick() {
         routingcountext(StaticPagesLinksContext.Wishlist);
       }
-    }, langdetect == 'en' ? sectionproperties.wishlisttitle_en : sectionproperties.previousorders_titlear)), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
+    }, langdetect == 'en' ? sectionproperties.wishlisttitle_en : sectionproperties.wishlisttitle_ar)), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex mb-1"
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       "class": "".concat(footerStyles.subPages) + ' wordbreak m-0 p-0 ',
@@ -61112,6 +61118,7 @@ var Card23 = function Card23(props) {
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
     item = _useState4[0],
     setitem = _useState4[1];
+  var AddtoCartMutationContext = props.AddtoCartMutationContext;
   var _useState5 = React.useState(''),
     _useState6 = _slicedToArray__default["default"](_useState5, 2),
     secondimage = _useState6[0],
@@ -61233,7 +61240,7 @@ var Card23 = function Card23(props) {
       }
     }),
     cart_btn: glamor.css({
-      width: sectionproperties.cartBtnWidth + 'px',
+      width: sectionproperties.cartBtnWidth + '%',
       height: sectionproperties.cartBtnHeight + 'px',
       background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
       borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
@@ -61248,6 +61255,23 @@ var Card23 = function Card23(props) {
         borderColor: sectionproperties.cartBtnTextcoloronhover
       }
     }),
+    buynow: glamor.css({
+      width: sectionproperties.cartBtnWidth + '%',
+      height: sectionproperties.cartBtnHeight + 'px',
+      background: sectionproperties.cartBtnTextcolor,
+      borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
+      color: 'white',
+      fontSize: sectionproperties.cartBtnTextfontsize + 'px',
+      fontWeight: sectionproperties.cartBtnTextfontweight,
+      // border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
+      transition: '.3s',
+      ':hover': {
+        background: sectionproperties.cartBtnTextcoloronhover,
+        color: 'white'
+        // borderColor: sectionproperties.cartBtnTextcoloronhover,
+      }
+    }),
+
     iconsContainer: glamor.css({
       display: 'flex',
       flexDirection: 'column',
@@ -61418,6 +61442,33 @@ var Card23 = function Card23(props) {
       "class": "m-0 p-0"
     }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar)));
   };
+  var _useState9 = React.useState(''),
+    _useState10 = _slicedToArray__default["default"](_useState9, 2),
+    addtocardpayloadobj = _useState10[0];
+    _useState10[1];
+  var AddtoCartContext = props.actions.AddtoCartContext;
+  var addtocartfunc = function addtocartfunc(forcetocheckout) {
+    var forcetocheckoutvalue = forcetocheckout;
+    var tempaddtocardpayloadobj = _objectSpread$x({}, addtocardpayloadobj);
+    tempaddtocardpayloadobj.productid = item.productid;
+    tempaddtocardpayloadobj.functype = 'add';
+    tempaddtocardpayloadobj.item_type = 'product';
+    tempaddtocardpayloadobj.quantity = 1;
+    if (forcetocheckoutvalue != undefined) {
+      tempaddtocardpayloadobj.forcetocheckoutvalue = forcetocheckoutvalue;
+    }
+
+    // Pixel_EventsContext('AddToCart', {
+    //     content_ids: [item.productid],
+    //     content_name: item.name_en + ' - ' + item.name_ar,
+    //     content_sku: item.sku,
+    //     content_type: 'product',
+    //     currency: item.currencyname_en,
+    //     value: item.defaultprice,
+    //     quantity: 1,
+    // });
+    AddtoCartContext(tempaddtocardpayloadobj);
+  };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     "class": langdetect == 'en' ? sectionproperties.card_marginLeft != 0 ? 'row m-0 w-100 pl-sm-2' : sectionproperties.card_marginRight != 0 ? 'row m-0 w-100 pr-sm-2' : 'row m-0 w-100' : langdetect == 'en' ? sectionproperties.card_marginRight != 0 ? 'row m-0 w-100 pr-sm-2' : sectionproperties.card_marginLeft != 0 ? 'row m-0 w-100 pl-sm-2' : 'row m-0 w-100' : 'row m-0 w-100',
     style: {
@@ -61595,9 +61646,9 @@ var Card23 = function Card23(props) {
   }, "/"), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
     "class": langdetect == 'en' ? "".concat(cardsstyles2.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-right text-sm-left ' : "".concat(cardsstyles2.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-left text-sm-right '
   }, langdetect == 'en' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname)), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "d-flex align-items-center m-0"
+    "class": "d-flex align-items-center m-0 flex-column w-100"
   }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
-    "class": "".concat(cardsstyles2.cart_btn) + ' allcentered ',
+    "class": "".concat(cardsstyles2.cart_btn) + ' allcentered mt-3 ',
     onClick: function onClick() {
       setShowProductInfoModalContext(true);
       setProductIdProdutInfoModalContext(item.productid);
@@ -61628,7 +61679,17 @@ var Card23 = function Card23(props) {
     size: sectionproperties.cartBtn_iconFontSize
   })), /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0"
-  }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic))))))));
+  }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic))), sectionproperties.showbuynowbtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
+    "class": "".concat(cardsstyles2.buynow) + ' allcentered mt-3 ',
+    onClick: function onClick() {
+      addtocartfunc('forcetocheckout');
+    },
+    disabled: AddtoCartMutationContext.isLoading == true ? true : false
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "d-flex align-items-center justify-content-center"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0"
+  }, langdetect == 'en' ? 'Buy Now' : 'اشترى الان'))))))));
 };
 
 function ownKeys$w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }

package/dist/index.esm.js

@@ -15171,6 +15171,7 @@ var CardsSection = function CardsSection(props) {
     _useState14 = _slicedToArray(_useState13, 2),
     perpageItems = _useState14[0],
     setperpageItems = _useState14[1];
+  var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
   useEffect(function () {
     var productfilerobjtemp = ProductFilterObjContext;
     if (props.filterparamsprops != undefined) {
@@ -15466,6 +15467,7 @@ var CardsSection = function CardsSection(props) {
         cardobj.productcashbackvalue = arrayItem.productinfo.productcashbackvalue;
         cardobj.product_phonenumber = arrayItem.productinfo.product_phonenumber;
         cardobj.productcanrate = arrayItem.productinfo.productcanrate;
+        cardobj.sku = arrayItem.productinfo.sku;
         if (langdetect == 'en') {
           cardobj.currencyname = fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 ? void 0 : fetchAuthorizationQueryContext.data.data.currencyname_en;
         } else {
@@ -16028,7 +16030,8 @@ var CardsSection = function CardsSection(props) {
                 sectionindexprops: index,
                 sectionidprops: item.sectionid,
                 actions: actions,
-                fontFamilyprops: sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : ''
+                fontFamilyprops: sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : '',
+                AddtoCartMutationContext: AddtoCartMutationContext
               }));
             } else if (sectionproperties.overallnumberofcards != 0) {
               if (cardinfoindex < sectionproperties.overallnumberofcards) {
@@ -16042,7 +16045,8 @@ var CardsSection = function CardsSection(props) {
                   sectionindexprops: index,
                   sectionidprops: item.sectionid,
                   actions: actions,
-                  fontFamilyprops: sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : ''
+                  fontFamilyprops: sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : '',
+                  AddtoCartMutationContext: AddtoCartMutationContext
                 }));
               }
             }
@@ -16230,7 +16234,8 @@ var CardsSection = function CardsSection(props) {
                 sectionidprops: item.sectionid,
                 actions: actions,
                 fontFamilyprops: sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : '',
-                numberOfColsvertical: sectionproperties.numberOfColsvertical
+                numberOfColsvertical: sectionproperties.numberOfColsvertical,
+                AddtoCartMutationContext: AddtoCartMutationContext
               }));
             } else if (sectionproperties.overallnumberofcards != 0) {
               if (cardinfoindex < sectionproperties.overallnumberofcards) {
@@ -16246,7 +16251,8 @@ var CardsSection = function CardsSection(props) {
                   sectionidprops: item.sectionid,
                   actions: actions,
                   fontFamilyprops: sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : '',
-                  numberOfColsvertical: sectionproperties.numberOfColsvertical
+                  numberOfColsvertical: sectionproperties.numberOfColsvertical,
+                  AddtoCartMutationContext: AddtoCartMutationContext
                 }));
               }
             }
@@ -43767,7 +43773,7 @@ var Newsletterfooter = function Newsletterfooter(props) {
       onClick: function onClick() {
         routingcountext(StaticPagesLinksContext.Wishlist);
       }
-    }, langdetect == 'en' ? sectionproperties.wishlisttitle_en : sectionproperties.previousorders_titlear)), authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
+    }, langdetect == 'en' ? sectionproperties.wishlisttitle_en : sectionproperties.wishlisttitle_ar)), authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex mb-1"
     }, /*#__PURE__*/React.createElement("p", {
       "class": "".concat(footerStyles.subPages) + ' wordbreak m-0 p-0 ',
@@ -61063,6 +61069,7 @@ var Card23 = function Card23(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     item = _useState4[0],
     setitem = _useState4[1];
+  var AddtoCartMutationContext = props.AddtoCartMutationContext;
   var _useState5 = useState(''),
     _useState6 = _slicedToArray(_useState5, 2),
     secondimage = _useState6[0],
@@ -61184,7 +61191,7 @@ var Card23 = function Card23(props) {
       }
     }),
     cart_btn: css({
-      width: sectionproperties.cartBtnWidth + 'px',
+      width: sectionproperties.cartBtnWidth + '%',
       height: sectionproperties.cartBtnHeight + 'px',
       background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
       borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
@@ -61199,6 +61206,23 @@ var Card23 = function Card23(props) {
         borderColor: sectionproperties.cartBtnTextcoloronhover
       }
     }),
+    buynow: css({
+      width: sectionproperties.cartBtnWidth + '%',
+      height: sectionproperties.cartBtnHeight + 'px',
+      background: sectionproperties.cartBtnTextcolor,
+      borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
+      color: 'white',
+      fontSize: sectionproperties.cartBtnTextfontsize + 'px',
+      fontWeight: sectionproperties.cartBtnTextfontweight,
+      // border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
+      transition: '.3s',
+      ':hover': {
+        background: sectionproperties.cartBtnTextcoloronhover,
+        color: 'white'
+        // borderColor: sectionproperties.cartBtnTextcoloronhover,
+      }
+    }),
+
     iconsContainer: css({
       display: 'flex',
       flexDirection: 'column',
@@ -61369,6 +61393,33 @@ var Card23 = function Card23(props) {
       "class": "m-0 p-0"
     }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar)));
   };
+  var _useState9 = useState(''),
+    _useState10 = _slicedToArray(_useState9, 2),
+    addtocardpayloadobj = _useState10[0];
+    _useState10[1];
+  var AddtoCartContext = props.actions.AddtoCartContext;
+  var addtocartfunc = function addtocartfunc(forcetocheckout) {
+    var forcetocheckoutvalue = forcetocheckout;
+    var tempaddtocardpayloadobj = _objectSpread$x({}, addtocardpayloadobj);
+    tempaddtocardpayloadobj.productid = item.productid;
+    tempaddtocardpayloadobj.functype = 'add';
+    tempaddtocardpayloadobj.item_type = 'product';
+    tempaddtocardpayloadobj.quantity = 1;
+    if (forcetocheckoutvalue != undefined) {
+      tempaddtocardpayloadobj.forcetocheckoutvalue = forcetocheckoutvalue;
+    }
+
+    // Pixel_EventsContext('AddToCart', {
+    //     content_ids: [item.productid],
+    //     content_name: item.name_en + ' - ' + item.name_ar,
+    //     content_sku: item.sku,
+    //     content_type: 'product',
+    //     currency: item.currencyname_en,
+    //     value: item.defaultprice,
+    //     quantity: 1,
+    // });
+    AddtoCartContext(tempaddtocardpayloadobj);
+  };
   return /*#__PURE__*/React.createElement("div", {
     "class": langdetect == 'en' ? sectionproperties.card_marginLeft != 0 ? 'row m-0 w-100 pl-sm-2' : sectionproperties.card_marginRight != 0 ? 'row m-0 w-100 pr-sm-2' : 'row m-0 w-100' : langdetect == 'en' ? sectionproperties.card_marginRight != 0 ? 'row m-0 w-100 pr-sm-2' : sectionproperties.card_marginLeft != 0 ? 'row m-0 w-100 pl-sm-2' : 'row m-0 w-100' : 'row m-0 w-100',
     style: {
@@ -61546,9 +61597,9 @@ var Card23 = function Card23(props) {
   }, "/"), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("p", {
     "class": langdetect == 'en' ? "".concat(cardsstyles2.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-right text-sm-left ' : "".concat(cardsstyles2.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-left text-sm-right '
   }, langdetect == 'en' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname)), /*#__PURE__*/React.createElement("div", {
-    "class": "d-flex align-items-center m-0"
+    "class": "d-flex align-items-center m-0 flex-column w-100"
   }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("button", {
-    "class": "".concat(cardsstyles2.cart_btn) + ' allcentered ',
+    "class": "".concat(cardsstyles2.cart_btn) + ' allcentered mt-3 ',
     onClick: function onClick() {
       setShowProductInfoModalContext(true);
       setProductIdProdutInfoModalContext(item.productid);
@@ -61579,7 +61630,17 @@ var Card23 = function Card23(props) {
     size: sectionproperties.cartBtn_iconFontSize
   })), /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0"
-  }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic))))))));
+  }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic))), sectionproperties.showbuynowbtn == 'Show' && /*#__PURE__*/React.createElement("button", {
+    "class": "".concat(cardsstyles2.buynow) + ' allcentered mt-3 ',
+    onClick: function onClick() {
+      addtocartfunc('forcetocheckout');
+    },
+    disabled: AddtoCartMutationContext.isLoading == true ? true : false
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "d-flex align-items-center justify-content-center"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0"
+  }, langdetect == 'en' ? 'Buy Now' : 'اشترى الان'))))))));
 };
 
 function ownKeys$w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }

package/dist/index.umd.js

@@ -15052,6 +15052,7 @@
         _useState14 = _slicedToArray__default["default"](_useState13, 2),
         perpageItems = _useState14[0],
         setperpageItems = _useState14[1];
+      var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
       React.useEffect(function () {
         var productfilerobjtemp = ProductFilterObjContext;
         if (props.filterparamsprops != undefined) {
@@ -15347,6 +15348,7 @@
             cardobj.productcashbackvalue = arrayItem.productinfo.productcashbackvalue;
             cardobj.product_phonenumber = arrayItem.productinfo.product_phonenumber;
             cardobj.productcanrate = arrayItem.productinfo.productcanrate;
+            cardobj.sku = arrayItem.productinfo.sku;
             if (langdetect == 'en') {
               cardobj.currencyname = fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 ? void 0 : fetchAuthorizationQueryContext.data.data.currencyname_en;
             } else {
@@ -15909,7 +15911,8 @@
                     sectionindexprops: index,
                     sectionidprops: item.sectionid,
                     actions: actions,
-                    fontFamilyprops: sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : ''
+                    fontFamilyprops: sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : '',
+                    AddtoCartMutationContext: AddtoCartMutationContext
                   }));
                 } else if (sectionproperties.overallnumberofcards != 0) {
                   if (cardinfoindex < sectionproperties.overallnumberofcards) {
@@ -15923,7 +15926,8 @@
                       sectionindexprops: index,
                       sectionidprops: item.sectionid,
                       actions: actions,
-                      fontFamilyprops: sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : ''
+                      fontFamilyprops: sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : '',
+                      AddtoCartMutationContext: AddtoCartMutationContext
                     }));
                   }
                 }
@@ -16111,7 +16115,8 @@
                     sectionidprops: item.sectionid,
                     actions: actions,
                     fontFamilyprops: sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : '',
-                    numberOfColsvertical: sectionproperties.numberOfColsvertical
+                    numberOfColsvertical: sectionproperties.numberOfColsvertical,
+                    AddtoCartMutationContext: AddtoCartMutationContext
                   }));
                 } else if (sectionproperties.overallnumberofcards != 0) {
                   if (cardinfoindex < sectionproperties.overallnumberofcards) {
@@ -16127,7 +16132,8 @@
                       sectionidprops: item.sectionid,
                       actions: actions,
                       fontFamilyprops: sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : '',
-                      numberOfColsvertical: sectionproperties.numberOfColsvertical
+                      numberOfColsvertical: sectionproperties.numberOfColsvertical,
+                      AddtoCartMutationContext: AddtoCartMutationContext
                     }));
                   }
                 }
@@ -43648,7 +43654,7 @@
           onClick: function onClick() {
             routingcountext(StaticPagesLinksContext.Wishlist);
           }
-        }, langdetect == 'en' ? sectionproperties.wishlisttitle_en : sectionproperties.previousorders_titlear)), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
+        }, langdetect == 'en' ? sectionproperties.wishlisttitle_en : sectionproperties.wishlisttitle_ar)), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex mb-1"
         }, /*#__PURE__*/React__default["default"].createElement("p", {
           "class": "".concat(footerStyles.subPages) + ' wordbreak m-0 p-0 ',
@@ -60944,6 +60950,7 @@
         _useState4 = _slicedToArray__default["default"](_useState3, 2),
         item = _useState4[0],
         setitem = _useState4[1];
+      var AddtoCartMutationContext = props.AddtoCartMutationContext;
       var _useState5 = React.useState(''),
         _useState6 = _slicedToArray__default["default"](_useState5, 2),
         secondimage = _useState6[0],
@@ -61065,7 +61072,7 @@
           }
         }),
         cart_btn: glamor.css({
-          width: sectionproperties.cartBtnWidth + 'px',
+          width: sectionproperties.cartBtnWidth + '%',
           height: sectionproperties.cartBtnHeight + 'px',
           background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
           borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
@@ -61080,6 +61087,23 @@
             borderColor: sectionproperties.cartBtnTextcoloronhover
           }
         }),
+        buynow: glamor.css({
+          width: sectionproperties.cartBtnWidth + '%',
+          height: sectionproperties.cartBtnHeight + 'px',
+          background: sectionproperties.cartBtnTextcolor,
+          borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
+          color: 'white',
+          fontSize: sectionproperties.cartBtnTextfontsize + 'px',
+          fontWeight: sectionproperties.cartBtnTextfontweight,
+          // border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
+          transition: '.3s',
+          ':hover': {
+            background: sectionproperties.cartBtnTextcoloronhover,
+            color: 'white'
+            // borderColor: sectionproperties.cartBtnTextcoloronhover,
+          }
+        }),
+
         iconsContainer: glamor.css({
           display: 'flex',
           flexDirection: 'column',
@@ -61250,6 +61274,33 @@
           "class": "m-0 p-0"
         }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar)));
       };
+      var _useState9 = React.useState(''),
+        _useState10 = _slicedToArray__default["default"](_useState9, 2),
+        addtocardpayloadobj = _useState10[0];
+        _useState10[1];
+      var AddtoCartContext = props.actions.AddtoCartContext;
+      var addtocartfunc = function addtocartfunc(forcetocheckout) {
+        var forcetocheckoutvalue = forcetocheckout;
+        var tempaddtocardpayloadobj = _objectSpread$x({}, addtocardpayloadobj);
+        tempaddtocardpayloadobj.productid = item.productid;
+        tempaddtocardpayloadobj.functype = 'add';
+        tempaddtocardpayloadobj.item_type = 'product';
+        tempaddtocardpayloadobj.quantity = 1;
+        if (forcetocheckoutvalue != undefined) {
+          tempaddtocardpayloadobj.forcetocheckoutvalue = forcetocheckoutvalue;
+        }
+
+        // Pixel_EventsContext('AddToCart', {
+        //     content_ids: [item.productid],
+        //     content_name: item.name_en + ' - ' + item.name_ar,
+        //     content_sku: item.sku,
+        //     content_type: 'product',
+        //     currency: item.currencyname_en,
+        //     value: item.defaultprice,
+        //     quantity: 1,
+        // });
+        AddtoCartContext(tempaddtocardpayloadobj);
+      };
       return /*#__PURE__*/React__default["default"].createElement("div", {
         "class": langdetect == 'en' ? sectionproperties.card_marginLeft != 0 ? 'row m-0 w-100 pl-sm-2' : sectionproperties.card_marginRight != 0 ? 'row m-0 w-100 pr-sm-2' : 'row m-0 w-100' : langdetect == 'en' ? sectionproperties.card_marginRight != 0 ? 'row m-0 w-100 pr-sm-2' : sectionproperties.card_marginLeft != 0 ? 'row m-0 w-100 pl-sm-2' : 'row m-0 w-100' : 'row m-0 w-100',
         style: {
@@ -61427,9 +61478,9 @@
       }, "/"), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
         "class": langdetect == 'en' ? "".concat(cardsstyles2.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-right text-sm-left ' : "".concat(cardsstyles2.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-left text-sm-right '
       }, langdetect == 'en' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname)), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "d-flex align-items-center m-0"
+        "class": "d-flex align-items-center m-0 flex-column w-100"
       }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
-        "class": "".concat(cardsstyles2.cart_btn) + ' allcentered ',
+        "class": "".concat(cardsstyles2.cart_btn) + ' allcentered mt-3 ',
         onClick: function onClick() {
           setShowProductInfoModalContext(true);
           setProductIdProdutInfoModalContext(item.productid);
@@ -61460,7 +61511,17 @@
         size: sectionproperties.cartBtn_iconFontSize
       })), /*#__PURE__*/React__default["default"].createElement("p", {
         "class": "m-0 p-0"
-      }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic))))))));
+      }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic))), sectionproperties.showbuynowbtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
+        "class": "".concat(cardsstyles2.buynow) + ' allcentered mt-3 ',
+        onClick: function onClick() {
+          addtocartfunc('forcetocheckout');
+        },
+        disabled: AddtoCartMutationContext.isLoading == true ? true : false
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "d-flex align-items-center justify-content-center"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "m-0 p-0"
+      }, langdetect == 'en' ? 'Buy Now' : 'اشترى الان'))))))));
     };
 
     function ownKeys$w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "tabexseriescomponents",
-    "version": "0.0.408",
+    "version": "0.0.409",
     "description": "your description",
     "main": "dist/index.cjs.js",
     "scripts": {