tabexseriescomponents 0.0.261 → 0.0.263

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs.js CHANGED
@@ -245,6 +245,9 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
245
245
  _this.state = {
246
246
  lang: {
247
247
  en: (_en = {
248
+ sendcode: 'Send code',
249
+ verifycode: 'Verify Code',
250
+ writevalidemail: 'Please write a valid email',
248
251
  loginregister: 'Login/Register',
249
252
  pleaselogintocheckout: 'Please login in order to checkout',
250
253
  reservationtime: 'Time',
@@ -315,6 +318,9 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
315
318
  orsignupwith: 'Or Sign up with'
316
319
  }, _defineProperty__default["default"](_en, "price", 'Price'), _defineProperty__default["default"](_en, "relatedproducts", 'Related products'), _defineProperty__default["default"](_en, "qty", 'QTY'), _defineProperty__default["default"](_en, "emptyshoppingcart", 'Your shopping cart is empty'), _defineProperty__default["default"](_en, "shopnow", 'Shop now'), _defineProperty__default["default"](_en, "total", 'Total'), _defineProperty__default["default"](_en, "otherinformation", 'Other information'), _defineProperty__default["default"](_en, "productname", 'Product name'), _defineProperty__default["default"](_en, "quantity", 'Quantity'), _defineProperty__default["default"](_en, "orderid", 'Order ID'), _defineProperty__default["default"](_en, "numberofproducts", 'Number of products'), _defineProperty__default["default"](_en, "checkyourorder", 'Check your order'), _defineProperty__default["default"](_en, "search", 'Search'), _defineProperty__default["default"](_en, "searchproducts", 'Search for products...'), _defineProperty__default["default"](_en, "choosecity", 'Choose city'), _defineProperty__default["default"](_en, "choosestategov", 'Choose state/governorate'), _defineProperty__default["default"](_en, "choosecountry", 'Choose country'), _defineProperty__default["default"](_en, "giftcarddicountcode", 'Gift Card Or Discount Code...'), _defineProperty__default["default"](_en, "nosearchresults", 'No search results'), _defineProperty__default["default"](_en, "sale", 'Sale'), _defineProperty__default["default"](_en, "nofavoriteproducts", 'Your wishlist is empty'), _defineProperty__default["default"](_en, "loggedoutsuccess", 'Logged out successfully'), _defineProperty__default["default"](_en, "addedtocartsuccess", 'Cart is updated successfully'), _defineProperty__default["default"](_en, "promocodeapplied", 'Promo code is applied.'), _defineProperty__default["default"](_en, "promocoderemoved", 'Promo code is removed'), _defineProperty__default["default"](_en, "countryandstateupdatedsuccess", 'Country and state are updated successfully'), _defineProperty__default["default"](_en, "orderaddedsuccess", 'Order is added successfully'), _defineProperty__default["default"](_en, "addedtowishlist", 'Added to your favourites'), _defineProperty__default["default"](_en, "productrmovedfromwishlist", 'Removed from your favourites'), _defineProperty__default["default"](_en, "fillthemissingfields", 'Please complete the missing fields'), _defineProperty__default["default"](_en, "passwordsdontmatch", "Passwords don't match"), _defineProperty__default["default"](_en, "loggedinsuccess", 'Logged in successfully'), _defineProperty__default["default"](_en, "subtotal", 'Sub total'), _defineProperty__default["default"](_en, "discount", 'Discount'), _defineProperty__default["default"](_en, "outofzone", 'Out of zone'), _defineProperty__default["default"](_en, "total", 'Total'), _defineProperty__default["default"](_en, "cod", 'Cash on Delivery'), _defineProperty__default["default"](_en, "cardondelivery", 'Credit Card On Delivery'), _defineProperty__default["default"](_en, "onlinepayment", 'Online Payment'), _defineProperty__default["default"](_en, "paymentcardinformation", 'Payment Card Information'), _defineProperty__default["default"](_en, "shippingfees", 'Shipping fees'), _defineProperty__default["default"](_en, "shippingaddress", 'Shipping address'), _defineProperty__default["default"](_en, "cardnumber", 'Card number'), _defineProperty__default["default"](_en, "year", 'Year'), _defineProperty__default["default"](_en, "month", 'Month'), _defineProperty__default["default"](_en, "cvv", 'CVV'), _defineProperty__default["default"](_en, "nameoncard", 'Name On Card'), _defineProperty__default["default"](_en, "country", 'Country'), _defineProperty__default["default"](_en, "addressdetails", 'ِAddress details'), _defineProperty__default["default"](_en, "stategov", 'State/Governorate'), _defineProperty__default["default"](_en, "city", 'City'), _defineProperty__default["default"](_en, "paymentmethod", 'Payment method'), _defineProperty__default["default"](_en, "productimage", 'Product image'), _defineProperty__default["default"](_en, "orderdetails", 'Order details'), _defineProperty__default["default"](_en, "orderinvoice", 'Order invoice'), _defineProperty__default["default"](_en, "promocodediscount", 'Promo code discount'), _defineProperty__default["default"](_en, "address", 'Address'), _defineProperty__default["default"](_en, "update", 'Update'), _defineProperty__default["default"](_en, "phonenumber", 'Mobile number'), _defineProperty__default["default"](_en, "completerequiredfields", 'Please complete all required fields'), _defineProperty__default["default"](_en, "name", 'Name'), _defineProperty__default["default"](_en, "email", 'Email'), _defineProperty__default["default"](_en, "password", 'Password'), _defineProperty__default["default"](_en, "confirmpassword", 'Confirm password'), _defineProperty__default["default"](_en, "showmore", 'Show more'), _defineProperty__default["default"](_en, "showless", 'Show less'), _defineProperty__default["default"](_en, "contactdetails", 'Contact Information'), _defineProperty__default["default"](_en, "asaguest", 'As a guest'), _defineProperty__default["default"](_en, "choosecountryfirst", 'Please choose country first'), _defineProperty__default["default"](_en, "security", 'Security'), _defineProperty__default["default"](_en, "personalinformation", 'Personal Information'), _defineProperty__default["default"](_en, "contactus", 'Contact us'), _defineProperty__default["default"](_en, "slogan", 'Your website & mobile application in one place'), _defineProperty__default["default"](_en, "recent", 'Recent'), _defineProperty__default["default"](_en, "oldest", 'Oldest'), _defineProperty__default["default"](_en, "pricehightolow", 'High to low'), _defineProperty__default["default"](_en, "pricelowtohigh", 'Low to High'), _defineProperty__default["default"](_en, "pleasecompleteaddressmissingfields", 'Please complete the missing address fields'), _en),
317
320
  ar: (_ar = {
321
+ sendcode: 'إرسل الرمز',
322
+ verifycode: 'التحقق من كود',
323
+ writevalidemail: 'الرجاء كتابة بريد إلكتروني صالح',
318
324
  pleasecompleteaddressmissingfields: 'من فضلك اكمل باقى بيانات العنوان',
319
325
  loginregister: 'تسجيل الدخول/إنشاء حساب جديد',
320
326
  pleaselogintocheckout: 'قم بتسجيل دخول لاستكمال طلبك',
@@ -727,7 +733,7 @@ var Login = function Login(props) {
727
733
  position: 'relative',
728
734
  display: 'flex',
729
735
  alignItems: 'center'
730
- }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "height", '35px'), _defineProperty__default["default"](_css, "padding", '0 30px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "fontWeight", 500), _defineProperty__default["default"](_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty__default["default"](_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty__default["default"](_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty__default["default"](_css, "background", sectionproperties.input_bgcolor), _defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_css, ':focus', {
736
+ }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "height", '35px'), _defineProperty__default["default"](_css, "padding", '0 10px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "fontWeight", 500), _defineProperty__default["default"](_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty__default["default"](_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty__default["default"](_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty__default["default"](_css, "background", sectionproperties.input_bgcolor), _defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_css, ':focus', {
731
737
  borderColor: sectionproperties.inputfeildbordercoloronfocus
732
738
  }), _defineProperty__default["default"](_css, ':focus .login_input_icon', {
733
739
  color: sectionproperties.inputfeildbordercoloronfocus
@@ -1097,7 +1103,7 @@ var Variantoptions = function Variantoptions(props) {
1097
1103
  props.actions.ikimagecredcontext;
1098
1104
  var ProductInfoObj = props.actions.ProductInfoObj;
1099
1105
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 ? void 0 : (_fetchProductInfoQuer2 = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : (_fetchProductInfoQuer3 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.hasvariants) == 1 && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React__default["default"].createElement("div", {
1100
- className: "row m-0 w-100 d-flex align-items-start"
1106
+ className: "row m-0 w-100 d-flex align-items-start mt-3"
1101
1107
  }, ProductInfoObj === null || ProductInfoObj === void 0 ? void 0 : (_ProductInfoObj$data = ProductInfoObj.data) === null || _ProductInfoObj$data === void 0 ? void 0 : (_ProductInfoObj$data$ = _ProductInfoObj$data.productinfo) === null || _ProductInfoObj$data$ === void 0 ? void 0 : (_ProductInfoObj$data$2 = _ProductInfoObj$data$.productoptions) === null || _ProductInfoObj$data$2 === void 0 ? void 0 : _ProductInfoObj$data$2.map(function (item, index) {
1102
1108
  return /*#__PURE__*/React__default["default"].createElement("div", {
1103
1109
  className: "col-lg-12 p-0 mb-3 d-flex justify-content-start"
@@ -7825,6 +7831,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
7825
7831
  var authdetailsContext = props.actions.authdetailsContext;
7826
7832
  var instapikey = props.actions.instapikey;
7827
7833
  var templatepropcontext = props.actions.templatepropcontext;
7834
+ var GeneralAPIMutationContext = props.actions.GeneralAPIMutationContext;
7828
7835
  props.actions.ikimagecredcontext;
7829
7836
  var NotificationManager = props.actions.NotificationManager;
7830
7837
  var actions = props.actions;
@@ -7833,9 +7840,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
7833
7840
  customeraddressrequierd = _useState2[0],
7834
7841
  setcustomeraddressrequierd = _useState2[1];
7835
7842
  var _useState3 = React.useState(fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 ? void 0 : (_fetchAuthorizationQu4 = fetchAuthorizationQueryContext.data) === null || _fetchAuthorizationQu4 === void 0 ? void 0 : (_fetchAuthorizationQu5 = _fetchAuthorizationQu4.data) === null || _fetchAuthorizationQu5 === void 0 ? void 0 : (_fetchAuthorizationQu6 = _fetchAuthorizationQu5.instinfo) === null || _fetchAuthorizationQu6 === void 0 ? void 0 : _fetchAuthorizationQu6.customervalidateemail),
7836
- _useState4 = _slicedToArray__default["default"](_useState3, 2);
7837
- _useState4[0];
7838
- var setcustomervalidateemail = _useState4[1];
7843
+ _useState4 = _slicedToArray__default["default"](_useState3, 2),
7844
+ customervalidateemail = _useState4[0],
7845
+ setcustomervalidateemail = _useState4[1];
7839
7846
  var _useState5 = React.useState(false),
7840
7847
  _useState6 = _slicedToArray__default["default"](_useState5, 2),
7841
7848
  validateemailmodal = _useState6[0],
@@ -7849,6 +7856,15 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
7849
7856
  dataloaded = _useState10[0],
7850
7857
  setdataloaded = _useState10[1];
7851
7858
  var _useState11 = React.useState({
7859
+ email: '',
7860
+ code: '',
7861
+ step: 'sendcode',
7862
+ isvalidated: false
7863
+ }),
7864
+ _useState12 = _slicedToArray__default["default"](_useState11, 2),
7865
+ validateemailpayload = _useState12[0],
7866
+ setvalidateemailpayload = _useState12[1];
7867
+ var _useState13 = React.useState({
7852
7868
  instapikey: instapikey,
7853
7869
  name: '',
7854
7870
  email: '',
@@ -7863,9 +7879,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
7863
7879
  cityid: '',
7864
7880
  countrydialcode: ''
7865
7881
  }),
7866
- _useState12 = _slicedToArray__default["default"](_useState11, 2),
7867
- payloadobj = _useState12[0],
7868
- setpayloadobj = _useState12[1];
7882
+ _useState14 = _slicedToArray__default["default"](_useState13, 2),
7883
+ payloadobj = _useState14[0],
7884
+ setpayloadobj = _useState14[1];
7869
7885
  React.useEffect(function () {
7870
7886
  if (fetchAuthorizationQueryContext.isSuccess) {
7871
7887
  var _fetchAuthorizationQu7, _fetchAuthorizationQu8, _fetchAuthorizationQu9, _fetchAuthorizationQu10, _fetchAuthorizationQu11, _fetchAuthorizationQu12;
@@ -7915,6 +7931,82 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
7915
7931
  temppayloadobj[key] = value;
7916
7932
  setpayloadobj(_objectSpread$1R({}, temppayloadobj));
7917
7933
  };
7934
+ var validateEmailstring = function validateEmailstring(email) {
7935
+ return String(email).toLowerCase().match(/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/);
7936
+ };
7937
+ var verifypayload = function verifypayload() {
7938
+ var iscompleted = false;
7939
+ var isshippingaddresscompleted = false;
7940
+ var passwordvalidation = false;
7941
+ if (authdetailsContext.loggedin == false) {
7942
+ if (payloadobj.password.length != 0) {
7943
+ if (payloadobj.password == payloadobj.password2) {
7944
+ passwordvalidation = true;
7945
+ }
7946
+ }
7947
+ } else if (authdetailsContext.loggedin == true) {
7948
+ if (payloadobj.password.length != 0) {
7949
+ if (payloadobj.password == payloadobj.password2) {
7950
+ passwordvalidation = true;
7951
+ }
7952
+ } else {
7953
+ passwordvalidation = true;
7954
+ }
7955
+ }
7956
+ if (passwordvalidation == false) {
7957
+ NotificationManager.warning('', lang.passwordsdontmatch);
7958
+ }
7959
+ if (customeraddressrequierd == 1) {
7960
+ if (payloadobj.countryid.length != 0 && payloadobj.stateid.length != 0 && payloadobj.cityid.length != 0 && payloadobj.shippingaddress.length != 0) {
7961
+ isshippingaddresscompleted = true;
7962
+ }
7963
+ } else {
7964
+ isshippingaddresscompleted = true;
7965
+ }
7966
+ if (validateEmailstring(payloadobj.email)) {
7967
+ if (payloadobj.email.length != 0 && payloadobj.name.length != 0 && payloadobj.mobile.length != 0 && passwordvalidation == true) {
7968
+ if (isshippingaddresscompleted) {
7969
+ var signupformismissing = true;
7970
+ payloadobj.instsignupformvalues.forEach(function (arrayItem) {
7971
+ if (arrayItem.optional == 1) {
7972
+ if (arrayItem.customersignupvalue == undefined || arrayItem.customersignupvalue.length == 0) {
7973
+ signupformismissing = false;
7974
+ }
7975
+ }
7976
+ });
7977
+ if (signupformismissing) {
7978
+ iscompleted = true;
7979
+ } else {
7980
+ iscompleted = false;
7981
+ NotificationManager.warning('', lang.completerequiredfields);
7982
+ }
7983
+ } else {
7984
+ iscompleted = false;
7985
+ NotificationManager.warning('', lang.pleasecompleteaddressmissingfields);
7986
+ }
7987
+ } else {
7988
+ iscompleted = false;
7989
+ NotificationManager.warning('', lang.fillthemissingfields);
7990
+ }
7991
+ } else {
7992
+ iscompleted = false;
7993
+ NotificationManager.warning('', lang.writevalidemail);
7994
+ }
7995
+ return iscompleted;
7996
+ };
7997
+ var signupbuttonfunc = function signupbuttonfunc() {
7998
+ if (verifypayload() == true) {
7999
+ var temppayloadobj = _objectSpread$1R({}, payloadobj);
8000
+ if (authdetailsContext.loggedin == true) {
8001
+ temppayloadobj.functype = 'edit';
8002
+ } else {
8003
+ temppayloadobj.functype = 'add';
8004
+ }
8005
+ temppayloadobj.addedsourcetype = 'Webapp';
8006
+ temppayloadobj.instapikey = instapikey;
8007
+ CustomerSignUpMutationContext.mutate(temppayloadobj);
8008
+ }
8009
+ };
7918
8010
  var formstyles = {
7919
8011
  loginbtn: glamor.css({
7920
8012
  background: templatepropcontext.primarycolor,
@@ -7978,7 +8070,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
7978
8070
  position: 'relative',
7979
8071
  display: 'flex',
7980
8072
  alignItems: 'center'
7981
- }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "padding", '0 30px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty__default["default"](_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty__default["default"](_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty__default["default"](_css, "background", sectionproperties.input_bgcolor), _defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_css, ':focus', {
8073
+ }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "padding", '0 10px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty__default["default"](_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty__default["default"](_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty__default["default"](_css, "background", sectionproperties.input_bgcolor), _defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_css, ':focus', {
7982
8074
  borderColor: sectionproperties.inputfeildbordercoloronfocus
7983
8075
  }), _defineProperty__default["default"](_css, ':focus .login_input_icon', {
7984
8076
  color: sectionproperties.inputfeildbordercoloronfocus
@@ -8031,6 +8123,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
8031
8123
  type: "text",
8032
8124
  textplaceholder: "",
8033
8125
  value: payloadobj.email,
8126
+ disabled: validateemailpayload.isvalidated,
8034
8127
  onChange: function onChange(event) {
8035
8128
  payloadobjchange('email', event.target.value);
8036
8129
  }
@@ -8530,62 +8623,13 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
8530
8623
  className: "".concat(formstyles.signupbtn) + ' d-flex align-items-center justify-content-center ',
8531
8624
  disabled: CustomerSignUpMutationContext.isLoading ? true : false,
8532
8625
  onClick: function onClick() {
8533
- var isshippingaddresscompleted = false;
8534
- var passwordvalidation = false;
8535
- if (authdetailsContext.loggedin == false) {
8536
- if (payloadobj.password.length != 0) {
8537
- if (payloadobj.password == payloadobj.password2) {
8538
- passwordvalidation = true;
8539
- }
8540
- }
8541
- } else if (authdetailsContext.loggedin == true) {
8542
- if (payloadobj.password.length != 0) {
8543
- if (payloadobj.password == payloadobj.password2) {
8544
- passwordvalidation = true;
8545
- }
8626
+ if (verifypayload() == true) {
8627
+ if (customervalidateemail == 1) {
8628
+ setvalidateemailmodal(true);
8546
8629
  } else {
8547
- passwordvalidation = true;
8630
+ signupbuttonfunc();
8548
8631
  }
8549
8632
  }
8550
- if (passwordvalidation == false) {
8551
- NotificationManager.warning('', lang.passwordsdontmatch);
8552
- }
8553
- if (customeraddressrequierd == 1) {
8554
- if (payloadobj.countryid.length != 0 && payloadobj.stateid.length != 0 && payloadobj.cityid.length != 0 && payloadobj.shippingaddress.length != 0) {
8555
- isshippingaddresscompleted = true;
8556
- }
8557
- } else {
8558
- isshippingaddresscompleted = true;
8559
- }
8560
- if (payloadobj.email.length != 0 && payloadobj.name.length != 0 && payloadobj.mobile.length != 0 && passwordvalidation == true) {
8561
- if (isshippingaddresscompleted) {
8562
- var signupformismissing = true;
8563
- payloadobj.instsignupformvalues.forEach(function (arrayItem) {
8564
- if (arrayItem.optional == 1) {
8565
- if (arrayItem.customersignupvalue == undefined || arrayItem.customersignupvalue.length == 0) {
8566
- signupformismissing = false;
8567
- }
8568
- }
8569
- });
8570
- if (signupformismissing) {
8571
- var temppayloadobj = _objectSpread$1R({}, payloadobj);
8572
- if (authdetailsContext.loggedin == true) {
8573
- temppayloadobj.functype = 'edit';
8574
- } else {
8575
- temppayloadobj.functype = 'add';
8576
- }
8577
- temppayloadobj.addedsourcetype = 'Webapp';
8578
- temppayloadobj.instapikey = instapikey;
8579
- CustomerSignUpMutationContext.mutate(temppayloadobj);
8580
- } else {
8581
- NotificationManager.warning('', lang.completerequiredfields);
8582
- }
8583
- } else {
8584
- NotificationManager.warning('', lang.pleasecompleteaddressmissingfields);
8585
- }
8586
- } else {
8587
- NotificationManager.warning('', lang.fillthemissingfields);
8588
- }
8589
8633
  }
8590
8634
  }, CustomerSignUpMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
8591
8635
  color: "#fff",
@@ -8631,7 +8675,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
8631
8675
  },
8632
8676
  centered: true,
8633
8677
  size: 'md'
8634
- }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
8678
+ }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Body, null, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
8635
8679
  "class": "d-flex align-items-center justify-content-center bgdanger-hover",
8636
8680
  style: {
8637
8681
  position: 'absolute',
@@ -8648,7 +8692,96 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
8648
8692
  }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
8649
8693
  size: 15,
8650
8694
  color: "white"
8651
- }))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Footer, null)));
8695
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
8696
+ "class": "row m-0 w-100 allcentered"
8697
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8698
+ className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center mt-2 justify-content-center"
8699
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
8700
+ className: "text-md-center m-0 p-0 mb-2",
8701
+ style: {
8702
+ fontSize: '19px',
8703
+ color: sectionproperties.sectionTitleColor,
8704
+ fontWeight: 600
8705
+ }
8706
+ }, langdetect == 'en' ? 'Validate Email' : 'التحقق من صحة البريد الإلكتروني')), /*#__PURE__*/React__default["default"].createElement("div", {
8707
+ "class": "col-lg-12 p-0"
8708
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
8709
+ "class": 'm-0 p-0'
8710
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
8711
+ "class": "row w-100 m-0 mb-3 pl-2 pr-2 pt-3 pb-3 pl-sm-3 pr-sm-3"
8712
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8713
+ className: "col-lg-12 col-md-12 col-sm-12 mb-2 p-sm-0"
8714
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
8715
+ className: "".concat(formstyles.logininputLabel) + ' text-transform-none d-flex justify-content-start '
8716
+ }, langdetect == 'en' ? 'E-mail' : 'البريد الإلكترونى'), /*#__PURE__*/React__default["default"].createElement("input", {
8717
+ type: "text",
8718
+ className: "".concat(formstyles.form_control),
8719
+ value: payloadobj.email,
8720
+ disabled: true
8721
+ })), validateemailpayload.step == 'verifycode' && /*#__PURE__*/React__default["default"].createElement("div", {
8722
+ className: "col-lg-12 col-md-12 col-sm-12 mb-3 mt-3 p-sm-0"
8723
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
8724
+ className: "".concat(formstyles.logininputLabel) + ' text-transform-none d-flex justify-content-start '
8725
+ }, langdetect == 'en' ? 'Code' : ' كود البريد الاكتروني'), /*#__PURE__*/React__default["default"].createElement("input", {
8726
+ type: "text",
8727
+ className: "".concat(formstyles.form_control),
8728
+ value: validateemailpayload.code,
8729
+ onChange: function onChange(event) {
8730
+ setvalidateemailpayload(_objectSpread$1R(_objectSpread$1R({}, validateemailpayload), {}, {
8731
+ code: event.target.value
8732
+ }));
8733
+ }
8734
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
8735
+ className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-3 mt-3"
8736
+ }, /*#__PURE__*/React__default["default"].createElement("button", {
8737
+ className: "".concat(formstyles.signupbtn) + ' d-flex align-items-center justify-content-center ',
8738
+ disabled: GeneralAPIMutationContext.isLoading ? true : false,
8739
+ onClick: function onClick() {
8740
+ if (payloadobj.email.length != 0) {
8741
+ if (validateemailpayload.isvalidated == true) {
8742
+ setvalidateemailmodal(false);
8743
+ signupbuttonfunc();
8744
+ } else {
8745
+ GeneralAPIMutationContext.mutate({
8746
+ endpointurl: '/validateemail',
8747
+ functype: validateemailpayload.step,
8748
+ code: validateemailpayload.code,
8749
+ name: payloadobj.name,
8750
+ email: payloadobj.email,
8751
+ mutateSuccesscallback: function mutateSuccesscallback(data, variables) {
8752
+ if (data.data.status) {
8753
+ if (data.data.functype == 'sendcode') {
8754
+ setvalidateemailpayload(_objectSpread$1R(_objectSpread$1R({}, validateemailpayload), {}, {
8755
+ step: 'verifycode'
8756
+ }));
8757
+ }
8758
+ if (data.data.functype == 'verifycode') {
8759
+ setvalidateemailpayload(_objectSpread$1R(_objectSpread$1R({}, validateemailpayload), {}, {
8760
+ isvalidated: true
8761
+ }));
8762
+ setvalidateemailmodal(false);
8763
+ signupbuttonfunc();
8764
+ }
8765
+ } else {
8766
+ NotificationManager.warning('', data.data.reason);
8767
+ }
8768
+ }
8769
+ });
8770
+ }
8771
+ } else {
8772
+ NotificationManager.warning(lang.completerequiredfields);
8773
+ }
8774
+ }
8775
+ }, GeneralAPIMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
8776
+ color: "#fff",
8777
+ width: "20px",
8778
+ height: "20px",
8779
+ duration: "1s"
8780
+ }), !GeneralAPIMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", {
8781
+ style: {
8782
+ letterSpacing: langdetect == 'en' ? '1px' : ''
8783
+ }
8784
+ }, validateemailpayload.step == 'sendcode' ? lang.sendcode : lang.verifycode))))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Footer, null)));
8652
8785
  };
8653
8786
 
8654
8787
  function ownKeys$1Q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -13248,7 +13381,7 @@ var Headerresponsive = function Headerresponsive(props) {
13248
13381
  function ownKeys$1G(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
13249
13382
  function _objectSpread$1G(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1G(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1G(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
13250
13383
  var Gotoheader = function Gotoheader(props) {
13251
- var _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9, _fetchcustomercartQue10;
13384
+ var _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9;
13252
13385
  var _useState = React.useState(''),
13253
13386
  _useState2 = _slicedToArray__default["default"](_useState, 2),
13254
13387
  sectionproperties = _useState2[0],
@@ -13269,7 +13402,7 @@ var Gotoheader = function Gotoheader(props) {
13269
13402
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
13270
13403
  var ikimagecredcontext = props.actions.ikimagecredcontext;
13271
13404
  var actions = props.actions;
13272
- var history = props.actions.history;
13405
+ props.actions.history;
13273
13406
  React.useEffect(function () {
13274
13407
  var secpropobj = {};
13275
13408
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -13301,17 +13434,17 @@ var Gotoheader = function Gotoheader(props) {
13301
13434
  }
13302
13435
  }, [templateproperties_context]);
13303
13436
  var subtotalcart = function subtotalcart() {
13304
- var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4;
13305
- var totalprice = 0;
13306
- fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 ? void 0 : (_fetchcustomercartQue2 = _fetchcustomercartQue.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : (_fetchcustomercartQue3 = _fetchcustomercartQue2.customercart) === null || _fetchcustomercartQue3 === void 0 ? void 0 : (_fetchcustomercartQue4 = _fetchcustomercartQue3.cartitems) === null || _fetchcustomercartQue4 === void 0 ? void 0 : _fetchcustomercartQue4.forEach(function (cartitem, cartindex) {
13307
- var finalprice = 0;
13308
- if (cartitem.productinfo.hassale == 0) {
13309
- finalprice = cartitem.productinfo.defaultprice;
13310
- } else if (cartitem.productinfo.hassale == 1) {
13311
- finalprice = cartitem.productinfo.defaultsaleprice;
13312
- }
13313
- totalprice = finalprice * cartitem.quantity + totalprice;
13314
- });
13437
+ var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3;
13438
+ var totalprice = parseFloat(fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 ? void 0 : (_fetchcustomercartQue2 = _fetchcustomercartQue.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : (_fetchcustomercartQue3 = _fetchcustomercartQue2.customercart) === null || _fetchcustomercartQue3 === void 0 ? void 0 : _fetchcustomercartQue3.totalprice).toFixed(2);
13439
+ // fetchcustomercartQueryContext?.data?.data?.customercart?.cartitems?.forEach(function (cartitem, cartindex) {
13440
+ // var finalprice = 0;
13441
+ // if (cartitem.productinfo.hassale == 0) {
13442
+ // finalprice = cartitem.productinfo.defaultprice;
13443
+ // } else if (cartitem.productinfo.hassale == 1) {
13444
+ // finalprice = cartitem.productinfo.defaultsaleprice;
13445
+ // }
13446
+ // totalprice = finalprice * cartitem.quantity + totalprice;
13447
+ // });
13315
13448
  return totalprice;
13316
13449
  };
13317
13450
  var header_cssstyles = {
@@ -13756,7 +13889,7 @@ var Gotoheader = function Gotoheader(props) {
13756
13889
  size: sectionproperties.cartBtn_iconFontSize
13757
13890
  }), /*#__PURE__*/React__default["default"].createElement("div", {
13758
13891
  "class": "".concat(header_cssstyles.badge_counter_header_notifications, " ").concat(header_cssstyles.cartbadge)
13759
- }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue5 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue5 === void 0 ? void 0 : (_fetchcustomercartQue6 = _fetchcustomercartQue5.data) === null || _fetchcustomercartQue6 === void 0 ? void 0 : _fetchcustomercartQue6.customercart) != null ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue7 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue7 === void 0 ? void 0 : (_fetchcustomercartQue8 = _fetchcustomercartQue7.data) === null || _fetchcustomercartQue8 === void 0 ? void 0 : (_fetchcustomercartQue9 = _fetchcustomercartQue8.customercart) === null || _fetchcustomercartQue9 === void 0 ? void 0 : (_fetchcustomercartQue10 = _fetchcustomercartQue9.cartitems) === null || _fetchcustomercartQue10 === void 0 ? void 0 : _fetchcustomercartQue10.length : 0)), /*#__PURE__*/React__default["default"].createElement("p", {
13892
+ }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue4 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue4 === void 0 ? void 0 : (_fetchcustomercartQue5 = _fetchcustomercartQue4.data) === null || _fetchcustomercartQue5 === void 0 ? void 0 : _fetchcustomercartQue5.customercart) != null ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue6 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue6 === void 0 ? void 0 : (_fetchcustomercartQue7 = _fetchcustomercartQue6.data) === null || _fetchcustomercartQue7 === void 0 ? void 0 : (_fetchcustomercartQue8 = _fetchcustomercartQue7.customercart) === null || _fetchcustomercartQue8 === void 0 ? void 0 : (_fetchcustomercartQue9 = _fetchcustomercartQue8.cartitems) === null || _fetchcustomercartQue9 === void 0 ? void 0 : _fetchcustomercartQue9.length : 0)), /*#__PURE__*/React__default["default"].createElement("p", {
13760
13893
  "class": "m-0 p-0 d-flex flex-column ",
13761
13894
  style: {
13762
13895
  color: sectionproperties.cartBtnTextcolor,
@@ -13858,7 +13991,8 @@ var Gotoheader = function Gotoheader(props) {
13858
13991
  marginLeft: langdetect == 'en' ? 0 : '45px'
13859
13992
  },
13860
13993
  onClick: function onClick() {
13861
- history.push(item.navigationroute);
13994
+ // history.push(item.navigationroute);
13995
+ routingcountext(item.navigationroute);
13862
13996
  }
13863
13997
  }, /*#__PURE__*/React__default["default"].createElement("div", {
13864
13998
  "class": "".concat(headerstyles$g.topbar_item, " ").concat(header_cssstyles.topbar_item)
@@ -21137,7 +21271,10 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
21137
21271
  marginLeft: langdetect == 'ar' ? '2rem' : 0
21138
21272
  }
21139
21273
  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
21140
- "class": ' d-flex justify-content-center align-items-center '
21274
+ "class": ' d-flex justify-content-center align-items-center ',
21275
+ onClick: function onClick() {
21276
+ routingcountext(StaticPagesLinksContext.Login);
21277
+ }
21141
21278
  }, /*#__PURE__*/React__default["default"].createElement("span", {
21142
21279
  "class": "".concat(headerstyles$8.navbar_item_text, " ").concat(header_cssstyles.navbar_item_text, " ").concat(header_cssstyles.user_btn) + ' d-flex justify-content-center align-items-center '
21143
21280
  }, /*#__PURE__*/React__default["default"].createElement(FiUser.FiUser, {
@@ -21171,27 +21308,7 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
21171
21308
  style: {
21172
21309
  maxWidth: '60px'
21173
21310
  }
21174
- }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c = authdetailsContext.customerinfo) === null || _authdetailsContext$c === void 0 ? void 0 : _authdetailsContext$c.name)))), !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
21175
- onClick: function onClick() {
21176
- routingcountext(StaticPagesLinksContext.Login);
21177
- }
21178
- }, /*#__PURE__*/React__default["default"].createElement("div", {
21179
- "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
21180
- }, /*#__PURE__*/React__default["default"].createElement("p", {
21181
- "class": "".concat(header_cssstyles.dropdownitem) + ' d-flex align-items-center dropdownitem m-0 p-0 '
21182
- }, /*#__PURE__*/React__default["default"].createElement(AiOutlineLogin.AiOutlineLogin, null), /*#__PURE__*/React__default["default"].createElement("span", {
21183
- "class": "ml-2 mr-2"
21184
- }, lang.login)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
21185
- onClick: function onClick() {
21186
- routingcountext(StaticPagesLinksContext.Signup);
21187
- }
21188
- }, /*#__PURE__*/React__default["default"].createElement("div", {
21189
- "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
21190
- }, /*#__PURE__*/React__default["default"].createElement("p", {
21191
- "class": "".concat(header_cssstyles.dropdownitem) + ' d-flex align-items-center dropdownitem m-0 p-0 '
21192
- }, /*#__PURE__*/React__default["default"].createElement(AiOutlineUserAdd.AiOutlineUserAdd, null), /*#__PURE__*/React__default["default"].createElement("span", {
21193
- "class": "ml-2 mr-2 text-transform-none"
21194
- }, lang.signup))))), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, {
21311
+ }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c = authdetailsContext.customerinfo) === null || _authdetailsContext$c === void 0 ? void 0 : _authdetailsContext$c.name)))), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, {
21195
21312
  style: {
21196
21313
  minWidth: '200px'
21197
21314
  }
@@ -21762,6 +21879,9 @@ var Modernheader = function Modernheader(props) {
21762
21879
  "class": " ".concat(header_cssstyles.user_btn) + ' d-flex align-items-center justify-content-center ',
21763
21880
  sytle: {
21764
21881
  position: 'relative'
21882
+ },
21883
+ onClick: function onClick() {
21884
+ routingcountext(StaticPagesLinksContext.Login);
21765
21885
  }
21766
21886
  }, /*#__PURE__*/React__default["default"].createElement("i", {
21767
21887
  "class": ' h-100 d-flex align-items-center '
@@ -21796,29 +21916,7 @@ var Modernheader = function Modernheader(props) {
21796
21916
  style: {
21797
21917
  maxWidth: '120px'
21798
21918
  }
21799
- }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c = authdetailsContext.customerinfo) === null || _authdetailsContext$c === void 0 ? void 0 : _authdetailsContext$c.name)))), !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
21800
- onClick: function onClick() {
21801
- routingcountext(StaticPagesLinksContext.Login);
21802
- }
21803
- }, /*#__PURE__*/React__default["default"].createElement("div", {
21804
- "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
21805
- }, /*#__PURE__*/React__default["default"].createElement("p", {
21806
- "class": ' d-flex align-items-center m-0 p-0 '
21807
- }, /*#__PURE__*/React__default["default"].createElement(AiOutlineLogin.AiOutlineLogin, {
21808
- "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
21809
- }), /*#__PURE__*/React__default["default"].createElement("span", null, lang.login)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
21810
- onClick: function onClick() {
21811
- routingcountext(StaticPagesLinksContext.Signup);
21812
- }
21813
- }, /*#__PURE__*/React__default["default"].createElement("div", {
21814
- "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
21815
- }, /*#__PURE__*/React__default["default"].createElement("p", {
21816
- "class": ' d-flex align-items-center m-0 p-0 '
21817
- }, /*#__PURE__*/React__default["default"].createElement(AiOutlineUserAdd.AiOutlineUserAdd, {
21818
- "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
21819
- }), /*#__PURE__*/React__default["default"].createElement("span", {
21820
- "class": "text-transform-none"
21821
- }, lang.signup))))), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, {
21919
+ }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c = authdetailsContext.customerinfo) === null || _authdetailsContext$c === void 0 ? void 0 : _authdetailsContext$c.name)))), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, {
21822
21920
  style: {
21823
21921
  minWidth: '200px'
21824
21922
  }
@@ -36071,7 +36169,7 @@ var BacgroundThreeImageWithCategories = function BacgroundThreeImageWithCategori
36071
36169
  }))))));
36072
36170
  };
36073
36171
  var BackgroundImagesContent = function BackgroundImagesContent() {
36074
- var _imagesarray$, _imagesarray$2, _imagesarray$3, _imagesarray$4, _imagesarray$5, _imagesarray$6;
36172
+ var _imagesarray$, _imagesarray$7, _imagesarray$8, _imagesarray$9, _imagesarray$15, _imagesarray$16, _imagesarray$17, _imagesarray$23, _imagesarray$24;
36075
36173
  return /*#__PURE__*/React__default["default"].createElement("div", {
36076
36174
  "class": "row m-0 w-100 align-items-center justify-content-center"
36077
36175
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -36080,12 +36178,26 @@ var BacgroundThreeImageWithCategories = function BacgroundThreeImageWithCategori
36080
36178
  "class": sectionproperties.bgcovercontainresponsive == 'Contain' ? "".concat(sectionstyles.imageBackground) + ' row m-0 w-100 h-md-auto ' : "".concat(sectionstyles.imageBackground) + ' row m-0 w-100 ',
36081
36179
  style: {
36082
36180
  height: sectionproperties.image_height + 'px',
36083
- position: 'relative'
36181
+ position: 'relative',
36182
+ cursor: ((_imagesarray$ = imagesarray[0]) === null || _imagesarray$ === void 0 ? void 0 : _imagesarray$.IsClickableimg) == 'Yes' ? 'pointer' : 'default'
36183
+ },
36184
+ onClick: function onClick() {
36185
+ var _imagesarray$2;
36186
+ if (((_imagesarray$2 = imagesarray[0]) === null || _imagesarray$2 === void 0 ? void 0 : _imagesarray$2.IsClickableimg) == 'Yes') {
36187
+ var _imagesarray$3, _imagesarray$4;
36188
+ if ((_imagesarray$3 = imagesarray[0]) !== null && _imagesarray$3 !== void 0 && _imagesarray$3.clickableimg_page_route && ((_imagesarray$4 = imagesarray[0]) === null || _imagesarray$4 === void 0 ? void 0 : _imagesarray$4.clickableimg_page_route.length) != 0) {
36189
+ var _imagesarray$5;
36190
+ routingcountext((_imagesarray$5 = imagesarray[0]) === null || _imagesarray$5 === void 0 ? void 0 : _imagesarray$5.clickableimg_page_route, false, '');
36191
+ } else {
36192
+ var _imagesarray$6;
36193
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_imagesarray$6 = imagesarray[0]) === null || _imagesarray$6 === void 0 ? void 0 : _imagesarray$6.Clickableimg_getcoection));
36194
+ }
36195
+ }
36084
36196
  }
36085
36197
  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
36086
36198
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
36087
36199
  publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
36088
- path: imagesarray.length != 0 ? langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_imagesarray$ = imagesarray[0]) === null || _imagesarray$ === void 0 ? void 0 : _imagesarray$.bgsection_image) : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_imagesarray$2 = imagesarray[0]) === null || _imagesarray$2 === void 0 ? void 0 : _imagesarray$2.bgsection_image_ar) : '',
36200
+ path: imagesarray.length != 0 ? langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_imagesarray$7 = imagesarray[0]) === null || _imagesarray$7 === void 0 ? void 0 : _imagesarray$7.bgsection_image) : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_imagesarray$8 = imagesarray[0]) === null || _imagesarray$8 === void 0 ? void 0 : _imagesarray$8.bgsection_image_ar) : '',
36089
36201
  "class": sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
36090
36202
  style: {
36091
36203
  height: '100%',
@@ -36106,12 +36218,26 @@ var BacgroundThreeImageWithCategories = function BacgroundThreeImageWithCategori
36106
36218
  "class": sectionproperties.bgcovercontainresponsive == 'Contain' ? "".concat(sectionstyles.imageBackground) + ' row m-0 w-100 h-md-auto ' : "".concat(sectionstyles.imageBackground) + ' row m-0 w-100 ',
36107
36219
  style: {
36108
36220
  height: parseInt(sectionproperties.image_height / 2 - 5) + 'px',
36109
- position: 'relative'
36221
+ position: 'relative',
36222
+ cursor: ((_imagesarray$9 = imagesarray[1]) === null || _imagesarray$9 === void 0 ? void 0 : _imagesarray$9.IsClickableimg) == 'Yes' ? 'pointer' : 'default'
36223
+ },
36224
+ onClick: function onClick() {
36225
+ var _imagesarray$10;
36226
+ if (((_imagesarray$10 = imagesarray[1]) === null || _imagesarray$10 === void 0 ? void 0 : _imagesarray$10.IsClickableimg) == 'Yes') {
36227
+ var _imagesarray$11, _imagesarray$12;
36228
+ if ((_imagesarray$11 = imagesarray[1]) !== null && _imagesarray$11 !== void 0 && _imagesarray$11.clickableimg_page_route && ((_imagesarray$12 = imagesarray[1]) === null || _imagesarray$12 === void 0 ? void 0 : _imagesarray$12.clickableimg_page_route.length) != 0) {
36229
+ var _imagesarray$13;
36230
+ routingcountext((_imagesarray$13 = imagesarray[1]) === null || _imagesarray$13 === void 0 ? void 0 : _imagesarray$13.clickableimg_page_route, false, '');
36231
+ } else {
36232
+ var _imagesarray$14;
36233
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_imagesarray$14 = imagesarray[1]) === null || _imagesarray$14 === void 0 ? void 0 : _imagesarray$14.Clickableimg_getcoection));
36234
+ }
36235
+ }
36110
36236
  }
36111
36237
  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
36112
36238
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
36113
36239
  publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
36114
- path: imagesarray.length != 0 ? langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w2 + ',h-' + sectionproperties.imagetr_h2 + '/' + ((_imagesarray$3 = imagesarray[1]) === null || _imagesarray$3 === void 0 ? void 0 : _imagesarray$3.bgsection_image) : '/tr:w-' + sectionproperties.imagetr_w2 + ',h-' + sectionproperties.imagetr_h2 + '/' + ((_imagesarray$4 = imagesarray[1]) === null || _imagesarray$4 === void 0 ? void 0 : _imagesarray$4.bgsection_image_ar) : '',
36240
+ path: imagesarray.length != 0 ? langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w2 + ',h-' + sectionproperties.imagetr_h2 + '/' + ((_imagesarray$15 = imagesarray[1]) === null || _imagesarray$15 === void 0 ? void 0 : _imagesarray$15.bgsection_image) : '/tr:w-' + sectionproperties.imagetr_w2 + ',h-' + sectionproperties.imagetr_h2 + '/' + ((_imagesarray$16 = imagesarray[1]) === null || _imagesarray$16 === void 0 ? void 0 : _imagesarray$16.bgsection_image_ar) : '',
36115
36241
  "class": sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
36116
36242
  style: {
36117
36243
  height: '100%',
@@ -36128,12 +36254,26 @@ var BacgroundThreeImageWithCategories = function BacgroundThreeImageWithCategori
36128
36254
  "class": sectionproperties.bgcovercontainresponsive == 'Contain' ? "".concat(sectionstyles.imageBackground) + ' row m-0 w-100 h-md-auto ' : "".concat(sectionstyles.imageBackground) + ' row m-0 w-100 ',
36129
36255
  style: {
36130
36256
  height: parseInt(sectionproperties.image_height / 2 - 5) + 'px',
36131
- position: 'relative'
36257
+ position: 'relative',
36258
+ cursor: ((_imagesarray$17 = imagesarray[2]) === null || _imagesarray$17 === void 0 ? void 0 : _imagesarray$17.IsClickableimg) == 'Yes' ? 'pointer' : 'default'
36259
+ },
36260
+ onClick: function onClick() {
36261
+ var _imagesarray$18;
36262
+ if (((_imagesarray$18 = imagesarray[2]) === null || _imagesarray$18 === void 0 ? void 0 : _imagesarray$18.IsClickableimg) == 'Yes') {
36263
+ var _imagesarray$19, _imagesarray$20;
36264
+ if ((_imagesarray$19 = imagesarray[2]) !== null && _imagesarray$19 !== void 0 && _imagesarray$19.clickableimg_page_route && ((_imagesarray$20 = imagesarray[2]) === null || _imagesarray$20 === void 0 ? void 0 : _imagesarray$20.clickableimg_page_route.length) != 0) {
36265
+ var _imagesarray$21;
36266
+ routingcountext((_imagesarray$21 = imagesarray[2]) === null || _imagesarray$21 === void 0 ? void 0 : _imagesarray$21.clickableimg_page_route, false, '');
36267
+ } else {
36268
+ var _imagesarray$22;
36269
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_imagesarray$22 = imagesarray[2]) === null || _imagesarray$22 === void 0 ? void 0 : _imagesarray$22.Clickableimg_getcoection));
36270
+ }
36271
+ }
36132
36272
  }
36133
36273
  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
36134
36274
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
36135
36275
  publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
36136
- path: imagesarray.length != 0 ? langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w2 + ',h-' + sectionproperties.imagetr_h2 + '/' + ((_imagesarray$5 = imagesarray[2]) === null || _imagesarray$5 === void 0 ? void 0 : _imagesarray$5.bgsection_image) : '/tr:w-' + sectionproperties.imagetr_w2 + ',h-' + sectionproperties.imagetr_h2 + '/' + ((_imagesarray$6 = imagesarray[2]) === null || _imagesarray$6 === void 0 ? void 0 : _imagesarray$6.bgsection_image_ar) : '',
36276
+ path: imagesarray.length != 0 ? langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w2 + ',h-' + sectionproperties.imagetr_h2 + '/' + ((_imagesarray$23 = imagesarray[2]) === null || _imagesarray$23 === void 0 ? void 0 : _imagesarray$23.bgsection_image) : '/tr:w-' + sectionproperties.imagetr_w2 + ',h-' + sectionproperties.imagetr_h2 + '/' + ((_imagesarray$24 = imagesarray[2]) === null || _imagesarray$24 === void 0 ? void 0 : _imagesarray$24.bgsection_image_ar) : '',
36137
36277
  "class": sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
36138
36278
  style: {
36139
36279
  height: '100%',
@@ -42031,12 +42171,15 @@ var Slideshowslide = function Slideshowslide(props) {
42031
42171
  }, /*#__PURE__*/React__default["default"].createElement("div", {
42032
42172
  "class": "row m-0 w-100"
42033
42173
  }, /*#__PURE__*/React__default["default"].createElement("div", {
42034
- className: slideshow_styles.dropdowntitle + ' col-lg-12 p-0 ',
42174
+ className: slideshow_styles.dropdowntitle + ' col-lg-12 p-0 d-flex ',
42035
42175
  style: {
42036
42176
  justifyContent: sectionproperties.titlecentered == 'Centered' ? 'center' : 'start'
42037
42177
  }
42038
42178
  }, /*#__PURE__*/React__default["default"].createElement("p", {
42039
- className: "m-0 p-3 w-100"
42179
+ className: "m-0 p-3 w-100 d-flex",
42180
+ style: {
42181
+ justifyContent: sectionproperties.titlecentered == 'Centered' ? 'center' : 'start'
42182
+ }
42040
42183
  }, langdetect == 'en' ? sectionproperties.collectionssectiontitleen : sectionproperties.collectionssectiontitlear)), /*#__PURE__*/React__default["default"].createElement("div", {
42041
42184
  "class": "col-lg-12 flex-column cat_dropdown_hover scrollvertical pt-3 px-2",
42042
42185
  style: {
@@ -47637,7 +47780,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
47637
47780
  }, /*#__PURE__*/React__default["default"].createElement("div", {
47638
47781
  "class": "".concat(cardsstyles$4.card_thumbnail)
47639
47782
  }, /*#__PURE__*/React__default["default"].createElement("div", {
47640
- "class": "".concat(cardsstyles$4.img_container, " ").concat(cardsstyles2.img_container) + ' w-100 ',
47783
+ "class": "".concat(cardsstyles$4.img_container, " ").concat(cardsstyles2.img_container) + ' w-100 allcentered ',
47641
47784
  onClick: function onClick() {
47642
47785
  setShowProductInfoModalContext(true);
47643
47786
  setProductIdProdutInfoModalContext(item.productid);
@@ -47646,19 +47789,19 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
47646
47789
  cursor: 'pointer',
47647
47790
  overflow: 'hidden'
47648
47791
  }
47649
- }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
47792
+ }, item.image != '' && /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
47650
47793
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
47651
47794
  publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
47652
47795
  path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
47653
47796
  style: {
47654
- width: '100%',
47655
- objectFit: 'contain',
47797
+ width: sectionproperties.imageInnerWidth_Height + '%',
47798
+ height: sectionproperties.imageInnerWidth_Height + '%',
47799
+ objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain',
47656
47800
  position: 'relative',
47657
47801
  borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
47658
47802
  borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
47659
47803
  borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
47660
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
47661
- marginBottom: 'auto'
47804
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
47662
47805
  },
47663
47806
  loading: "lazy"
47664
47807
  })), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -53612,6 +53755,7 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
53612
53755
  borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
53613
53756
  height: sectionproperties.image_height + 'px',
53614
53757
  marginBottom: sectionproperties.image_mb + 'px',
53758
+ border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
53615
53759
  overflow: 'hidden',
53616
53760
  position: 'relative',
53617
53761
  ':before': {