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 +283 -139
- package/dist/index.esm.js +283 -139
- package/dist/index.umd.js +283 -139
- package/package.json +1 -1
package/dist/index.umd.js
CHANGED
|
@@ -97,6 +97,9 @@
|
|
|
97
97
|
_this.state = {
|
|
98
98
|
lang: {
|
|
99
99
|
en: (_en = {
|
|
100
|
+
sendcode: 'Send code',
|
|
101
|
+
verifycode: 'Verify Code',
|
|
102
|
+
writevalidemail: 'Please write a valid email',
|
|
100
103
|
loginregister: 'Login/Register',
|
|
101
104
|
pleaselogintocheckout: 'Please login in order to checkout',
|
|
102
105
|
reservationtime: 'Time',
|
|
@@ -167,6 +170,9 @@
|
|
|
167
170
|
orsignupwith: 'Or Sign up with'
|
|
168
171
|
}, _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),
|
|
169
172
|
ar: (_ar = {
|
|
173
|
+
sendcode: 'إرسل الرمز',
|
|
174
|
+
verifycode: 'التحقق من كود',
|
|
175
|
+
writevalidemail: 'الرجاء كتابة بريد إلكتروني صالح',
|
|
170
176
|
pleasecompleteaddressmissingfields: 'من فضلك اكمل باقى بيانات العنوان',
|
|
171
177
|
loginregister: 'تسجيل الدخول/إنشاء حساب جديد',
|
|
172
178
|
pleaselogintocheckout: 'قم بتسجيل دخول لاستكمال طلبك',
|
|
@@ -579,7 +585,7 @@
|
|
|
579
585
|
position: 'relative',
|
|
580
586
|
display: 'flex',
|
|
581
587
|
alignItems: 'center'
|
|
582
|
-
}, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "height", '35px'), _defineProperty__default["default"](_css, "padding", '0
|
|
588
|
+
}, _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', {
|
|
583
589
|
borderColor: sectionproperties.inputfeildbordercoloronfocus
|
|
584
590
|
}), _defineProperty__default["default"](_css, ':focus .login_input_icon', {
|
|
585
591
|
color: sectionproperties.inputfeildbordercoloronfocus
|
|
@@ -949,7 +955,7 @@
|
|
|
949
955
|
props.actions.ikimagecredcontext;
|
|
950
956
|
var ProductInfoObj = props.actions.ProductInfoObj;
|
|
951
957
|
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", {
|
|
952
|
-
className: "row m-0 w-100 d-flex align-items-start"
|
|
958
|
+
className: "row m-0 w-100 d-flex align-items-start mt-3"
|
|
953
959
|
}, 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) {
|
|
954
960
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
955
961
|
className: "col-lg-12 p-0 mb-3 d-flex justify-content-start"
|
|
@@ -7677,6 +7683,7 @@
|
|
|
7677
7683
|
var authdetailsContext = props.actions.authdetailsContext;
|
|
7678
7684
|
var instapikey = props.actions.instapikey;
|
|
7679
7685
|
var templatepropcontext = props.actions.templatepropcontext;
|
|
7686
|
+
var GeneralAPIMutationContext = props.actions.GeneralAPIMutationContext;
|
|
7680
7687
|
props.actions.ikimagecredcontext;
|
|
7681
7688
|
var NotificationManager = props.actions.NotificationManager;
|
|
7682
7689
|
var actions = props.actions;
|
|
@@ -7685,9 +7692,9 @@
|
|
|
7685
7692
|
customeraddressrequierd = _useState2[0],
|
|
7686
7693
|
setcustomeraddressrequierd = _useState2[1];
|
|
7687
7694
|
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),
|
|
7688
|
-
_useState4 = _slicedToArray__default["default"](_useState3, 2)
|
|
7689
|
-
_useState4[0]
|
|
7690
|
-
|
|
7695
|
+
_useState4 = _slicedToArray__default["default"](_useState3, 2),
|
|
7696
|
+
customervalidateemail = _useState4[0],
|
|
7697
|
+
setcustomervalidateemail = _useState4[1];
|
|
7691
7698
|
var _useState5 = React.useState(false),
|
|
7692
7699
|
_useState6 = _slicedToArray__default["default"](_useState5, 2),
|
|
7693
7700
|
validateemailmodal = _useState6[0],
|
|
@@ -7701,6 +7708,15 @@
|
|
|
7701
7708
|
dataloaded = _useState10[0],
|
|
7702
7709
|
setdataloaded = _useState10[1];
|
|
7703
7710
|
var _useState11 = React.useState({
|
|
7711
|
+
email: '',
|
|
7712
|
+
code: '',
|
|
7713
|
+
step: 'sendcode',
|
|
7714
|
+
isvalidated: false
|
|
7715
|
+
}),
|
|
7716
|
+
_useState12 = _slicedToArray__default["default"](_useState11, 2),
|
|
7717
|
+
validateemailpayload = _useState12[0],
|
|
7718
|
+
setvalidateemailpayload = _useState12[1];
|
|
7719
|
+
var _useState13 = React.useState({
|
|
7704
7720
|
instapikey: instapikey,
|
|
7705
7721
|
name: '',
|
|
7706
7722
|
email: '',
|
|
@@ -7715,9 +7731,9 @@
|
|
|
7715
7731
|
cityid: '',
|
|
7716
7732
|
countrydialcode: ''
|
|
7717
7733
|
}),
|
|
7718
|
-
|
|
7719
|
-
payloadobj =
|
|
7720
|
-
setpayloadobj =
|
|
7734
|
+
_useState14 = _slicedToArray__default["default"](_useState13, 2),
|
|
7735
|
+
payloadobj = _useState14[0],
|
|
7736
|
+
setpayloadobj = _useState14[1];
|
|
7721
7737
|
React.useEffect(function () {
|
|
7722
7738
|
if (fetchAuthorizationQueryContext.isSuccess) {
|
|
7723
7739
|
var _fetchAuthorizationQu7, _fetchAuthorizationQu8, _fetchAuthorizationQu9, _fetchAuthorizationQu10, _fetchAuthorizationQu11, _fetchAuthorizationQu12;
|
|
@@ -7767,6 +7783,82 @@
|
|
|
7767
7783
|
temppayloadobj[key] = value;
|
|
7768
7784
|
setpayloadobj(_objectSpread$1R({}, temppayloadobj));
|
|
7769
7785
|
};
|
|
7786
|
+
var validateEmailstring = function validateEmailstring(email) {
|
|
7787
|
+
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,}))$/);
|
|
7788
|
+
};
|
|
7789
|
+
var verifypayload = function verifypayload() {
|
|
7790
|
+
var iscompleted = false;
|
|
7791
|
+
var isshippingaddresscompleted = false;
|
|
7792
|
+
var passwordvalidation = false;
|
|
7793
|
+
if (authdetailsContext.loggedin == false) {
|
|
7794
|
+
if (payloadobj.password.length != 0) {
|
|
7795
|
+
if (payloadobj.password == payloadobj.password2) {
|
|
7796
|
+
passwordvalidation = true;
|
|
7797
|
+
}
|
|
7798
|
+
}
|
|
7799
|
+
} else if (authdetailsContext.loggedin == true) {
|
|
7800
|
+
if (payloadobj.password.length != 0) {
|
|
7801
|
+
if (payloadobj.password == payloadobj.password2) {
|
|
7802
|
+
passwordvalidation = true;
|
|
7803
|
+
}
|
|
7804
|
+
} else {
|
|
7805
|
+
passwordvalidation = true;
|
|
7806
|
+
}
|
|
7807
|
+
}
|
|
7808
|
+
if (passwordvalidation == false) {
|
|
7809
|
+
NotificationManager.warning('', lang.passwordsdontmatch);
|
|
7810
|
+
}
|
|
7811
|
+
if (customeraddressrequierd == 1) {
|
|
7812
|
+
if (payloadobj.countryid.length != 0 && payloadobj.stateid.length != 0 && payloadobj.cityid.length != 0 && payloadobj.shippingaddress.length != 0) {
|
|
7813
|
+
isshippingaddresscompleted = true;
|
|
7814
|
+
}
|
|
7815
|
+
} else {
|
|
7816
|
+
isshippingaddresscompleted = true;
|
|
7817
|
+
}
|
|
7818
|
+
if (validateEmailstring(payloadobj.email)) {
|
|
7819
|
+
if (payloadobj.email.length != 0 && payloadobj.name.length != 0 && payloadobj.mobile.length != 0 && passwordvalidation == true) {
|
|
7820
|
+
if (isshippingaddresscompleted) {
|
|
7821
|
+
var signupformismissing = true;
|
|
7822
|
+
payloadobj.instsignupformvalues.forEach(function (arrayItem) {
|
|
7823
|
+
if (arrayItem.optional == 1) {
|
|
7824
|
+
if (arrayItem.customersignupvalue == undefined || arrayItem.customersignupvalue.length == 0) {
|
|
7825
|
+
signupformismissing = false;
|
|
7826
|
+
}
|
|
7827
|
+
}
|
|
7828
|
+
});
|
|
7829
|
+
if (signupformismissing) {
|
|
7830
|
+
iscompleted = true;
|
|
7831
|
+
} else {
|
|
7832
|
+
iscompleted = false;
|
|
7833
|
+
NotificationManager.warning('', lang.completerequiredfields);
|
|
7834
|
+
}
|
|
7835
|
+
} else {
|
|
7836
|
+
iscompleted = false;
|
|
7837
|
+
NotificationManager.warning('', lang.pleasecompleteaddressmissingfields);
|
|
7838
|
+
}
|
|
7839
|
+
} else {
|
|
7840
|
+
iscompleted = false;
|
|
7841
|
+
NotificationManager.warning('', lang.fillthemissingfields);
|
|
7842
|
+
}
|
|
7843
|
+
} else {
|
|
7844
|
+
iscompleted = false;
|
|
7845
|
+
NotificationManager.warning('', lang.writevalidemail);
|
|
7846
|
+
}
|
|
7847
|
+
return iscompleted;
|
|
7848
|
+
};
|
|
7849
|
+
var signupbuttonfunc = function signupbuttonfunc() {
|
|
7850
|
+
if (verifypayload() == true) {
|
|
7851
|
+
var temppayloadobj = _objectSpread$1R({}, payloadobj);
|
|
7852
|
+
if (authdetailsContext.loggedin == true) {
|
|
7853
|
+
temppayloadobj.functype = 'edit';
|
|
7854
|
+
} else {
|
|
7855
|
+
temppayloadobj.functype = 'add';
|
|
7856
|
+
}
|
|
7857
|
+
temppayloadobj.addedsourcetype = 'Webapp';
|
|
7858
|
+
temppayloadobj.instapikey = instapikey;
|
|
7859
|
+
CustomerSignUpMutationContext.mutate(temppayloadobj);
|
|
7860
|
+
}
|
|
7861
|
+
};
|
|
7770
7862
|
var formstyles = {
|
|
7771
7863
|
loginbtn: glamor.css({
|
|
7772
7864
|
background: templatepropcontext.primarycolor,
|
|
@@ -7830,7 +7922,7 @@
|
|
|
7830
7922
|
position: 'relative',
|
|
7831
7923
|
display: 'flex',
|
|
7832
7924
|
alignItems: 'center'
|
|
7833
|
-
}, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "padding", '0
|
|
7925
|
+
}, _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', {
|
|
7834
7926
|
borderColor: sectionproperties.inputfeildbordercoloronfocus
|
|
7835
7927
|
}), _defineProperty__default["default"](_css, ':focus .login_input_icon', {
|
|
7836
7928
|
color: sectionproperties.inputfeildbordercoloronfocus
|
|
@@ -7883,6 +7975,7 @@
|
|
|
7883
7975
|
type: "text",
|
|
7884
7976
|
textplaceholder: "",
|
|
7885
7977
|
value: payloadobj.email,
|
|
7978
|
+
disabled: validateemailpayload.isvalidated,
|
|
7886
7979
|
onChange: function onChange(event) {
|
|
7887
7980
|
payloadobjchange('email', event.target.value);
|
|
7888
7981
|
}
|
|
@@ -8382,62 +8475,13 @@
|
|
|
8382
8475
|
className: "".concat(formstyles.signupbtn) + ' d-flex align-items-center justify-content-center ',
|
|
8383
8476
|
disabled: CustomerSignUpMutationContext.isLoading ? true : false,
|
|
8384
8477
|
onClick: function onClick() {
|
|
8385
|
-
|
|
8386
|
-
|
|
8387
|
-
|
|
8388
|
-
if (payloadobj.password.length != 0) {
|
|
8389
|
-
if (payloadobj.password == payloadobj.password2) {
|
|
8390
|
-
passwordvalidation = true;
|
|
8391
|
-
}
|
|
8392
|
-
}
|
|
8393
|
-
} else if (authdetailsContext.loggedin == true) {
|
|
8394
|
-
if (payloadobj.password.length != 0) {
|
|
8395
|
-
if (payloadobj.password == payloadobj.password2) {
|
|
8396
|
-
passwordvalidation = true;
|
|
8397
|
-
}
|
|
8478
|
+
if (verifypayload() == true) {
|
|
8479
|
+
if (customervalidateemail == 1) {
|
|
8480
|
+
setvalidateemailmodal(true);
|
|
8398
8481
|
} else {
|
|
8399
|
-
|
|
8482
|
+
signupbuttonfunc();
|
|
8400
8483
|
}
|
|
8401
8484
|
}
|
|
8402
|
-
if (passwordvalidation == false) {
|
|
8403
|
-
NotificationManager.warning('', lang.passwordsdontmatch);
|
|
8404
|
-
}
|
|
8405
|
-
if (customeraddressrequierd == 1) {
|
|
8406
|
-
if (payloadobj.countryid.length != 0 && payloadobj.stateid.length != 0 && payloadobj.cityid.length != 0 && payloadobj.shippingaddress.length != 0) {
|
|
8407
|
-
isshippingaddresscompleted = true;
|
|
8408
|
-
}
|
|
8409
|
-
} else {
|
|
8410
|
-
isshippingaddresscompleted = true;
|
|
8411
|
-
}
|
|
8412
|
-
if (payloadobj.email.length != 0 && payloadobj.name.length != 0 && payloadobj.mobile.length != 0 && passwordvalidation == true) {
|
|
8413
|
-
if (isshippingaddresscompleted) {
|
|
8414
|
-
var signupformismissing = true;
|
|
8415
|
-
payloadobj.instsignupformvalues.forEach(function (arrayItem) {
|
|
8416
|
-
if (arrayItem.optional == 1) {
|
|
8417
|
-
if (arrayItem.customersignupvalue == undefined || arrayItem.customersignupvalue.length == 0) {
|
|
8418
|
-
signupformismissing = false;
|
|
8419
|
-
}
|
|
8420
|
-
}
|
|
8421
|
-
});
|
|
8422
|
-
if (signupformismissing) {
|
|
8423
|
-
var temppayloadobj = _objectSpread$1R({}, payloadobj);
|
|
8424
|
-
if (authdetailsContext.loggedin == true) {
|
|
8425
|
-
temppayloadobj.functype = 'edit';
|
|
8426
|
-
} else {
|
|
8427
|
-
temppayloadobj.functype = 'add';
|
|
8428
|
-
}
|
|
8429
|
-
temppayloadobj.addedsourcetype = 'Webapp';
|
|
8430
|
-
temppayloadobj.instapikey = instapikey;
|
|
8431
|
-
CustomerSignUpMutationContext.mutate(temppayloadobj);
|
|
8432
|
-
} else {
|
|
8433
|
-
NotificationManager.warning('', lang.completerequiredfields);
|
|
8434
|
-
}
|
|
8435
|
-
} else {
|
|
8436
|
-
NotificationManager.warning('', lang.pleasecompleteaddressmissingfields);
|
|
8437
|
-
}
|
|
8438
|
-
} else {
|
|
8439
|
-
NotificationManager.warning('', lang.fillthemissingfields);
|
|
8440
|
-
}
|
|
8441
8485
|
}
|
|
8442
8486
|
}, CustomerSignUpMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
|
|
8443
8487
|
color: "#fff",
|
|
@@ -8483,7 +8527,7 @@
|
|
|
8483
8527
|
},
|
|
8484
8528
|
centered: true,
|
|
8485
8529
|
size: 'md'
|
|
8486
|
-
}, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8530
|
+
}, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Body, null, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8487
8531
|
"class": "d-flex align-items-center justify-content-center bgdanger-hover",
|
|
8488
8532
|
style: {
|
|
8489
8533
|
position: 'absolute',
|
|
@@ -8500,7 +8544,96 @@
|
|
|
8500
8544
|
}, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
|
|
8501
8545
|
size: 15,
|
|
8502
8546
|
color: "white"
|
|
8503
|
-
}))
|
|
8547
|
+
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8548
|
+
"class": "row m-0 w-100 allcentered"
|
|
8549
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8550
|
+
className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center mt-2 justify-content-center"
|
|
8551
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
8552
|
+
className: "text-md-center m-0 p-0 mb-2",
|
|
8553
|
+
style: {
|
|
8554
|
+
fontSize: '19px',
|
|
8555
|
+
color: sectionproperties.sectionTitleColor,
|
|
8556
|
+
fontWeight: 600
|
|
8557
|
+
}
|
|
8558
|
+
}, langdetect == 'en' ? 'Validate Email' : 'التحقق من صحة البريد الإلكتروني')), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8559
|
+
"class": "col-lg-12 p-0"
|
|
8560
|
+
}, /*#__PURE__*/React__default["default"].createElement("hr", {
|
|
8561
|
+
"class": 'm-0 p-0'
|
|
8562
|
+
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8563
|
+
"class": "row w-100 m-0 mb-3 pl-2 pr-2 pt-3 pb-3 pl-sm-3 pr-sm-3"
|
|
8564
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8565
|
+
className: "col-lg-12 col-md-12 col-sm-12 mb-2 p-sm-0"
|
|
8566
|
+
}, /*#__PURE__*/React__default["default"].createElement("label", {
|
|
8567
|
+
className: "".concat(formstyles.logininputLabel) + ' text-transform-none d-flex justify-content-start '
|
|
8568
|
+
}, langdetect == 'en' ? 'E-mail' : 'البريد الإلكترونى'), /*#__PURE__*/React__default["default"].createElement("input", {
|
|
8569
|
+
type: "text",
|
|
8570
|
+
className: "".concat(formstyles.form_control),
|
|
8571
|
+
value: payloadobj.email,
|
|
8572
|
+
disabled: true
|
|
8573
|
+
})), validateemailpayload.step == 'verifycode' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8574
|
+
className: "col-lg-12 col-md-12 col-sm-12 mb-3 mt-3 p-sm-0"
|
|
8575
|
+
}, /*#__PURE__*/React__default["default"].createElement("label", {
|
|
8576
|
+
className: "".concat(formstyles.logininputLabel) + ' text-transform-none d-flex justify-content-start '
|
|
8577
|
+
}, langdetect == 'en' ? 'Code' : ' كود البريد الاكتروني'), /*#__PURE__*/React__default["default"].createElement("input", {
|
|
8578
|
+
type: "text",
|
|
8579
|
+
className: "".concat(formstyles.form_control),
|
|
8580
|
+
value: validateemailpayload.code,
|
|
8581
|
+
onChange: function onChange(event) {
|
|
8582
|
+
setvalidateemailpayload(_objectSpread$1R(_objectSpread$1R({}, validateemailpayload), {}, {
|
|
8583
|
+
code: event.target.value
|
|
8584
|
+
}));
|
|
8585
|
+
}
|
|
8586
|
+
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8587
|
+
className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-3 mt-3"
|
|
8588
|
+
}, /*#__PURE__*/React__default["default"].createElement("button", {
|
|
8589
|
+
className: "".concat(formstyles.signupbtn) + ' d-flex align-items-center justify-content-center ',
|
|
8590
|
+
disabled: GeneralAPIMutationContext.isLoading ? true : false,
|
|
8591
|
+
onClick: function onClick() {
|
|
8592
|
+
if (payloadobj.email.length != 0) {
|
|
8593
|
+
if (validateemailpayload.isvalidated == true) {
|
|
8594
|
+
setvalidateemailmodal(false);
|
|
8595
|
+
signupbuttonfunc();
|
|
8596
|
+
} else {
|
|
8597
|
+
GeneralAPIMutationContext.mutate({
|
|
8598
|
+
endpointurl: '/validateemail',
|
|
8599
|
+
functype: validateemailpayload.step,
|
|
8600
|
+
code: validateemailpayload.code,
|
|
8601
|
+
name: payloadobj.name,
|
|
8602
|
+
email: payloadobj.email,
|
|
8603
|
+
mutateSuccesscallback: function mutateSuccesscallback(data, variables) {
|
|
8604
|
+
if (data.data.status) {
|
|
8605
|
+
if (data.data.functype == 'sendcode') {
|
|
8606
|
+
setvalidateemailpayload(_objectSpread$1R(_objectSpread$1R({}, validateemailpayload), {}, {
|
|
8607
|
+
step: 'verifycode'
|
|
8608
|
+
}));
|
|
8609
|
+
}
|
|
8610
|
+
if (data.data.functype == 'verifycode') {
|
|
8611
|
+
setvalidateemailpayload(_objectSpread$1R(_objectSpread$1R({}, validateemailpayload), {}, {
|
|
8612
|
+
isvalidated: true
|
|
8613
|
+
}));
|
|
8614
|
+
setvalidateemailmodal(false);
|
|
8615
|
+
signupbuttonfunc();
|
|
8616
|
+
}
|
|
8617
|
+
} else {
|
|
8618
|
+
NotificationManager.warning('', data.data.reason);
|
|
8619
|
+
}
|
|
8620
|
+
}
|
|
8621
|
+
});
|
|
8622
|
+
}
|
|
8623
|
+
} else {
|
|
8624
|
+
NotificationManager.warning(lang.completerequiredfields);
|
|
8625
|
+
}
|
|
8626
|
+
}
|
|
8627
|
+
}, GeneralAPIMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
|
|
8628
|
+
color: "#fff",
|
|
8629
|
+
width: "20px",
|
|
8630
|
+
height: "20px",
|
|
8631
|
+
duration: "1s"
|
|
8632
|
+
}), !GeneralAPIMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
8633
|
+
style: {
|
|
8634
|
+
letterSpacing: langdetect == 'en' ? '1px' : ''
|
|
8635
|
+
}
|
|
8636
|
+
}, validateemailpayload.step == 'sendcode' ? lang.sendcode : lang.verifycode))))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Footer, null)));
|
|
8504
8637
|
};
|
|
8505
8638
|
|
|
8506
8639
|
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; }
|
|
@@ -13100,7 +13233,7 @@
|
|
|
13100
13233
|
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; }
|
|
13101
13234
|
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; }
|
|
13102
13235
|
var Gotoheader = function Gotoheader(props) {
|
|
13103
|
-
var _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9
|
|
13236
|
+
var _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9;
|
|
13104
13237
|
var _useState = React.useState(''),
|
|
13105
13238
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
13106
13239
|
sectionproperties = _useState2[0],
|
|
@@ -13121,7 +13254,7 @@
|
|
|
13121
13254
|
var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
|
|
13122
13255
|
var ikimagecredcontext = props.actions.ikimagecredcontext;
|
|
13123
13256
|
var actions = props.actions;
|
|
13124
|
-
|
|
13257
|
+
props.actions.history;
|
|
13125
13258
|
React.useEffect(function () {
|
|
13126
13259
|
var secpropobj = {};
|
|
13127
13260
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -13153,17 +13286,17 @@
|
|
|
13153
13286
|
}
|
|
13154
13287
|
}, [templateproperties_context]);
|
|
13155
13288
|
var subtotalcart = function subtotalcart() {
|
|
13156
|
-
var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3
|
|
13157
|
-
var totalprice = 0;
|
|
13158
|
-
|
|
13159
|
-
|
|
13160
|
-
|
|
13161
|
-
|
|
13162
|
-
|
|
13163
|
-
|
|
13164
|
-
|
|
13165
|
-
|
|
13166
|
-
});
|
|
13289
|
+
var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3;
|
|
13290
|
+
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);
|
|
13291
|
+
// fetchcustomercartQueryContext?.data?.data?.customercart?.cartitems?.forEach(function (cartitem, cartindex) {
|
|
13292
|
+
// var finalprice = 0;
|
|
13293
|
+
// if (cartitem.productinfo.hassale == 0) {
|
|
13294
|
+
// finalprice = cartitem.productinfo.defaultprice;
|
|
13295
|
+
// } else if (cartitem.productinfo.hassale == 1) {
|
|
13296
|
+
// finalprice = cartitem.productinfo.defaultsaleprice;
|
|
13297
|
+
// }
|
|
13298
|
+
// totalprice = finalprice * cartitem.quantity + totalprice;
|
|
13299
|
+
// });
|
|
13167
13300
|
return totalprice;
|
|
13168
13301
|
};
|
|
13169
13302
|
var header_cssstyles = {
|
|
@@ -13608,7 +13741,7 @@
|
|
|
13608
13741
|
size: sectionproperties.cartBtn_iconFontSize
|
|
13609
13742
|
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
13610
13743
|
"class": "".concat(header_cssstyles.badge_counter_header_notifications, " ").concat(header_cssstyles.cartbadge)
|
|
13611
|
-
}, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (
|
|
13744
|
+
}, (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", {
|
|
13612
13745
|
"class": "m-0 p-0 d-flex flex-column ",
|
|
13613
13746
|
style: {
|
|
13614
13747
|
color: sectionproperties.cartBtnTextcolor,
|
|
@@ -13710,7 +13843,8 @@
|
|
|
13710
13843
|
marginLeft: langdetect == 'en' ? 0 : '45px'
|
|
13711
13844
|
},
|
|
13712
13845
|
onClick: function onClick() {
|
|
13713
|
-
history.push(item.navigationroute);
|
|
13846
|
+
// history.push(item.navigationroute);
|
|
13847
|
+
routingcountext(item.navigationroute);
|
|
13714
13848
|
}
|
|
13715
13849
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
13716
13850
|
"class": "".concat(headerstyles$g.topbar_item, " ").concat(header_cssstyles.topbar_item)
|
|
@@ -20989,7 +21123,10 @@
|
|
|
20989
21123
|
marginLeft: langdetect == 'ar' ? '2rem' : 0
|
|
20990
21124
|
}
|
|
20991
21125
|
}, /*#__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", {
|
|
20992
|
-
"class": ' d-flex justify-content-center align-items-center '
|
|
21126
|
+
"class": ' d-flex justify-content-center align-items-center ',
|
|
21127
|
+
onClick: function onClick() {
|
|
21128
|
+
routingcountext(StaticPagesLinksContext.Login);
|
|
21129
|
+
}
|
|
20993
21130
|
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
20994
21131
|
"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 '
|
|
20995
21132
|
}, /*#__PURE__*/React__default["default"].createElement(FiUser.FiUser, {
|
|
@@ -21023,27 +21160,7 @@
|
|
|
21023
21160
|
style: {
|
|
21024
21161
|
maxWidth: '60px'
|
|
21025
21162
|
}
|
|
21026
|
-
}, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c = authdetailsContext.customerinfo) === null || _authdetailsContext$c === void 0 ? void 0 : _authdetailsContext$c.name)))),
|
|
21027
|
-
onClick: function onClick() {
|
|
21028
|
-
routingcountext(StaticPagesLinksContext.Login);
|
|
21029
|
-
}
|
|
21030
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
21031
|
-
"class": "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
|
|
21032
|
-
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
21033
|
-
"class": "".concat(header_cssstyles.dropdownitem) + ' d-flex align-items-center dropdownitem m-0 p-0 '
|
|
21034
|
-
}, /*#__PURE__*/React__default["default"].createElement(AiOutlineLogin.AiOutlineLogin, null), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
21035
|
-
"class": "ml-2 mr-2"
|
|
21036
|
-
}, lang.login)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
|
|
21037
|
-
onClick: function onClick() {
|
|
21038
|
-
routingcountext(StaticPagesLinksContext.Signup);
|
|
21039
|
-
}
|
|
21040
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
21041
|
-
"class": "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
|
|
21042
|
-
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
21043
|
-
"class": "".concat(header_cssstyles.dropdownitem) + ' d-flex align-items-center dropdownitem m-0 p-0 '
|
|
21044
|
-
}, /*#__PURE__*/React__default["default"].createElement(AiOutlineUserAdd.AiOutlineUserAdd, null), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
21045
|
-
"class": "ml-2 mr-2 text-transform-none"
|
|
21046
|
-
}, lang.signup))))), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, {
|
|
21163
|
+
}, 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, {
|
|
21047
21164
|
style: {
|
|
21048
21165
|
minWidth: '200px'
|
|
21049
21166
|
}
|
|
@@ -21614,6 +21731,9 @@
|
|
|
21614
21731
|
"class": " ".concat(header_cssstyles.user_btn) + ' d-flex align-items-center justify-content-center ',
|
|
21615
21732
|
sytle: {
|
|
21616
21733
|
position: 'relative'
|
|
21734
|
+
},
|
|
21735
|
+
onClick: function onClick() {
|
|
21736
|
+
routingcountext(StaticPagesLinksContext.Login);
|
|
21617
21737
|
}
|
|
21618
21738
|
}, /*#__PURE__*/React__default["default"].createElement("i", {
|
|
21619
21739
|
"class": ' h-100 d-flex align-items-center '
|
|
@@ -21648,29 +21768,7 @@
|
|
|
21648
21768
|
style: {
|
|
21649
21769
|
maxWidth: '120px'
|
|
21650
21770
|
}
|
|
21651
|
-
}, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c = authdetailsContext.customerinfo) === null || _authdetailsContext$c === void 0 ? void 0 : _authdetailsContext$c.name)))),
|
|
21652
|
-
onClick: function onClick() {
|
|
21653
|
-
routingcountext(StaticPagesLinksContext.Login);
|
|
21654
|
-
}
|
|
21655
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
21656
|
-
"class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
|
|
21657
|
-
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
21658
|
-
"class": ' d-flex align-items-center m-0 p-0 '
|
|
21659
|
-
}, /*#__PURE__*/React__default["default"].createElement(AiOutlineLogin.AiOutlineLogin, {
|
|
21660
|
-
"class": langdetect == 'en' ? 'mr-2' : 'ml-2'
|
|
21661
|
-
}), /*#__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, {
|
|
21662
|
-
onClick: function onClick() {
|
|
21663
|
-
routingcountext(StaticPagesLinksContext.Signup);
|
|
21664
|
-
}
|
|
21665
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
21666
|
-
"class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
|
|
21667
|
-
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
21668
|
-
"class": ' d-flex align-items-center m-0 p-0 '
|
|
21669
|
-
}, /*#__PURE__*/React__default["default"].createElement(AiOutlineUserAdd.AiOutlineUserAdd, {
|
|
21670
|
-
"class": langdetect == 'en' ? 'mr-2' : 'ml-2'
|
|
21671
|
-
}), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
21672
|
-
"class": "text-transform-none"
|
|
21673
|
-
}, lang.signup))))), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, {
|
|
21771
|
+
}, 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, {
|
|
21674
21772
|
style: {
|
|
21675
21773
|
minWidth: '200px'
|
|
21676
21774
|
}
|
|
@@ -35923,7 +36021,7 @@
|
|
|
35923
36021
|
}))))));
|
|
35924
36022
|
};
|
|
35925
36023
|
var BackgroundImagesContent = function BackgroundImagesContent() {
|
|
35926
|
-
var _imagesarray$, _imagesarray$
|
|
36024
|
+
var _imagesarray$, _imagesarray$7, _imagesarray$8, _imagesarray$9, _imagesarray$15, _imagesarray$16, _imagesarray$17, _imagesarray$23, _imagesarray$24;
|
|
35927
36025
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
35928
36026
|
"class": "row m-0 w-100 align-items-center justify-content-center"
|
|
35929
36027
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -35932,12 +36030,26 @@
|
|
|
35932
36030
|
"class": sectionproperties.bgcovercontainresponsive == 'Contain' ? "".concat(sectionstyles.imageBackground) + ' row m-0 w-100 h-md-auto ' : "".concat(sectionstyles.imageBackground) + ' row m-0 w-100 ',
|
|
35933
36031
|
style: {
|
|
35934
36032
|
height: sectionproperties.image_height + 'px',
|
|
35935
|
-
position: 'relative'
|
|
36033
|
+
position: 'relative',
|
|
36034
|
+
cursor: ((_imagesarray$ = imagesarray[0]) === null || _imagesarray$ === void 0 ? void 0 : _imagesarray$.IsClickableimg) == 'Yes' ? 'pointer' : 'default'
|
|
36035
|
+
},
|
|
36036
|
+
onClick: function onClick() {
|
|
36037
|
+
var _imagesarray$2;
|
|
36038
|
+
if (((_imagesarray$2 = imagesarray[0]) === null || _imagesarray$2 === void 0 ? void 0 : _imagesarray$2.IsClickableimg) == 'Yes') {
|
|
36039
|
+
var _imagesarray$3, _imagesarray$4;
|
|
36040
|
+
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) {
|
|
36041
|
+
var _imagesarray$5;
|
|
36042
|
+
routingcountext((_imagesarray$5 = imagesarray[0]) === null || _imagesarray$5 === void 0 ? void 0 : _imagesarray$5.clickableimg_page_route, false, '');
|
|
36043
|
+
} else {
|
|
36044
|
+
var _imagesarray$6;
|
|
36045
|
+
routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_imagesarray$6 = imagesarray[0]) === null || _imagesarray$6 === void 0 ? void 0 : _imagesarray$6.Clickableimg_getcoection));
|
|
36046
|
+
}
|
|
36047
|
+
}
|
|
35936
36048
|
}
|
|
35937
36049
|
}, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
|
|
35938
36050
|
urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
|
|
35939
36051
|
publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
|
|
35940
|
-
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
|
|
36052
|
+
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) : '',
|
|
35941
36053
|
"class": sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
|
|
35942
36054
|
style: {
|
|
35943
36055
|
height: '100%',
|
|
@@ -35958,12 +36070,26 @@
|
|
|
35958
36070
|
"class": sectionproperties.bgcovercontainresponsive == 'Contain' ? "".concat(sectionstyles.imageBackground) + ' row m-0 w-100 h-md-auto ' : "".concat(sectionstyles.imageBackground) + ' row m-0 w-100 ',
|
|
35959
36071
|
style: {
|
|
35960
36072
|
height: parseInt(sectionproperties.image_height / 2 - 5) + 'px',
|
|
35961
|
-
position: 'relative'
|
|
36073
|
+
position: 'relative',
|
|
36074
|
+
cursor: ((_imagesarray$9 = imagesarray[1]) === null || _imagesarray$9 === void 0 ? void 0 : _imagesarray$9.IsClickableimg) == 'Yes' ? 'pointer' : 'default'
|
|
36075
|
+
},
|
|
36076
|
+
onClick: function onClick() {
|
|
36077
|
+
var _imagesarray$10;
|
|
36078
|
+
if (((_imagesarray$10 = imagesarray[1]) === null || _imagesarray$10 === void 0 ? void 0 : _imagesarray$10.IsClickableimg) == 'Yes') {
|
|
36079
|
+
var _imagesarray$11, _imagesarray$12;
|
|
36080
|
+
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) {
|
|
36081
|
+
var _imagesarray$13;
|
|
36082
|
+
routingcountext((_imagesarray$13 = imagesarray[1]) === null || _imagesarray$13 === void 0 ? void 0 : _imagesarray$13.clickableimg_page_route, false, '');
|
|
36083
|
+
} else {
|
|
36084
|
+
var _imagesarray$14;
|
|
36085
|
+
routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_imagesarray$14 = imagesarray[1]) === null || _imagesarray$14 === void 0 ? void 0 : _imagesarray$14.Clickableimg_getcoection));
|
|
36086
|
+
}
|
|
36087
|
+
}
|
|
35962
36088
|
}
|
|
35963
36089
|
}, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
|
|
35964
36090
|
urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
|
|
35965
36091
|
publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
|
|
35966
|
-
path: imagesarray.length != 0 ? langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w2 + ',h-' + sectionproperties.imagetr_h2 + '/' + ((_imagesarray$
|
|
36092
|
+
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) : '',
|
|
35967
36093
|
"class": sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
|
|
35968
36094
|
style: {
|
|
35969
36095
|
height: '100%',
|
|
@@ -35980,12 +36106,26 @@
|
|
|
35980
36106
|
"class": sectionproperties.bgcovercontainresponsive == 'Contain' ? "".concat(sectionstyles.imageBackground) + ' row m-0 w-100 h-md-auto ' : "".concat(sectionstyles.imageBackground) + ' row m-0 w-100 ',
|
|
35981
36107
|
style: {
|
|
35982
36108
|
height: parseInt(sectionproperties.image_height / 2 - 5) + 'px',
|
|
35983
|
-
position: 'relative'
|
|
36109
|
+
position: 'relative',
|
|
36110
|
+
cursor: ((_imagesarray$17 = imagesarray[2]) === null || _imagesarray$17 === void 0 ? void 0 : _imagesarray$17.IsClickableimg) == 'Yes' ? 'pointer' : 'default'
|
|
36111
|
+
},
|
|
36112
|
+
onClick: function onClick() {
|
|
36113
|
+
var _imagesarray$18;
|
|
36114
|
+
if (((_imagesarray$18 = imagesarray[2]) === null || _imagesarray$18 === void 0 ? void 0 : _imagesarray$18.IsClickableimg) == 'Yes') {
|
|
36115
|
+
var _imagesarray$19, _imagesarray$20;
|
|
36116
|
+
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) {
|
|
36117
|
+
var _imagesarray$21;
|
|
36118
|
+
routingcountext((_imagesarray$21 = imagesarray[2]) === null || _imagesarray$21 === void 0 ? void 0 : _imagesarray$21.clickableimg_page_route, false, '');
|
|
36119
|
+
} else {
|
|
36120
|
+
var _imagesarray$22;
|
|
36121
|
+
routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_imagesarray$22 = imagesarray[2]) === null || _imagesarray$22 === void 0 ? void 0 : _imagesarray$22.Clickableimg_getcoection));
|
|
36122
|
+
}
|
|
36123
|
+
}
|
|
35984
36124
|
}
|
|
35985
36125
|
}, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
|
|
35986
36126
|
urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
|
|
35987
36127
|
publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
|
|
35988
|
-
path: imagesarray.length != 0 ? langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w2 + ',h-' + sectionproperties.imagetr_h2 + '/' + ((_imagesarray$
|
|
36128
|
+
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) : '',
|
|
35989
36129
|
"class": sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
|
|
35990
36130
|
style: {
|
|
35991
36131
|
height: '100%',
|
|
@@ -41883,12 +42023,15 @@
|
|
|
41883
42023
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
41884
42024
|
"class": "row m-0 w-100"
|
|
41885
42025
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
41886
|
-
className: slideshow_styles.dropdowntitle + ' col-lg-12 p-0 ',
|
|
42026
|
+
className: slideshow_styles.dropdowntitle + ' col-lg-12 p-0 d-flex ',
|
|
41887
42027
|
style: {
|
|
41888
42028
|
justifyContent: sectionproperties.titlecentered == 'Centered' ? 'center' : 'start'
|
|
41889
42029
|
}
|
|
41890
42030
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
41891
|
-
className: "m-0 p-3 w-100"
|
|
42031
|
+
className: "m-0 p-3 w-100 d-flex",
|
|
42032
|
+
style: {
|
|
42033
|
+
justifyContent: sectionproperties.titlecentered == 'Centered' ? 'center' : 'start'
|
|
42034
|
+
}
|
|
41892
42035
|
}, langdetect == 'en' ? sectionproperties.collectionssectiontitleen : sectionproperties.collectionssectiontitlear)), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
41893
42036
|
"class": "col-lg-12 flex-column cat_dropdown_hover scrollvertical pt-3 px-2",
|
|
41894
42037
|
style: {
|
|
@@ -47489,7 +47632,7 @@
|
|
|
47489
47632
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47490
47633
|
"class": "".concat(cardsstyles$4.card_thumbnail)
|
|
47491
47634
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47492
|
-
"class": "".concat(cardsstyles$4.img_container, " ").concat(cardsstyles2.img_container) + ' w-100
|
|
47635
|
+
"class": "".concat(cardsstyles$4.img_container, " ").concat(cardsstyles2.img_container) + ' w-100 allcentered ',
|
|
47493
47636
|
onClick: function onClick() {
|
|
47494
47637
|
setShowProductInfoModalContext(true);
|
|
47495
47638
|
setProductIdProdutInfoModalContext(item.productid);
|
|
@@ -47498,19 +47641,19 @@
|
|
|
47498
47641
|
cursor: 'pointer',
|
|
47499
47642
|
overflow: 'hidden'
|
|
47500
47643
|
}
|
|
47501
|
-
}, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
|
|
47644
|
+
}, item.image != '' && /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
|
|
47502
47645
|
urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
|
|
47503
47646
|
publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
|
|
47504
47647
|
path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
|
|
47505
47648
|
style: {
|
|
47506
|
-
width: '
|
|
47507
|
-
|
|
47649
|
+
width: sectionproperties.imageInnerWidth_Height + '%',
|
|
47650
|
+
height: sectionproperties.imageInnerWidth_Height + '%',
|
|
47651
|
+
objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain',
|
|
47508
47652
|
position: 'relative',
|
|
47509
47653
|
borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
|
|
47510
47654
|
borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
|
|
47511
47655
|
borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
|
|
47512
|
-
borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
|
|
47513
|
-
marginBottom: 'auto'
|
|
47656
|
+
borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
|
|
47514
47657
|
},
|
|
47515
47658
|
loading: "lazy"
|
|
47516
47659
|
})), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -53464,6 +53607,7 @@
|
|
|
53464
53607
|
borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
|
|
53465
53608
|
height: sectionproperties.image_height + 'px',
|
|
53466
53609
|
marginBottom: sectionproperties.image_mb + 'px',
|
|
53610
|
+
border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
|
|
53467
53611
|
overflow: 'hidden',
|
|
53468
53612
|
position: 'relative',
|
|
53469
53613
|
':before': {
|