tabexseriescomponents 0.50.195 → 0.50.197
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 +550 -125
- package/dist/index.esm.js +550 -125
- package/dist/index.umd.js +550 -125
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -1984,8 +1984,8 @@ var Imagekitimagecomp = function Imagekitimagecomp(props) {
|
|
|
1984
1984
|
})));
|
|
1985
1985
|
};
|
|
1986
1986
|
|
|
1987
|
-
function ownKeys$
|
|
1988
|
-
function _objectSpread$
|
|
1987
|
+
function ownKeys$2K(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1988
|
+
function _objectSpread$2K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2K(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1989
1989
|
var Login = function Login(props) {
|
|
1990
1990
|
var _css;
|
|
1991
1991
|
var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
|
|
@@ -2061,7 +2061,7 @@ var Login = function Login(props) {
|
|
|
2061
2061
|
StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 || (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 || (_StatePagePropertiesC = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC === void 0 || _StatePagePropertiesC.forEach(function (arrayItem, arrayindex) {
|
|
2062
2062
|
secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
|
|
2063
2063
|
});
|
|
2064
|
-
setsectionproperties(_objectSpread$
|
|
2064
|
+
setsectionproperties(_objectSpread$2K({}, secpropobj));
|
|
2065
2065
|
}
|
|
2066
2066
|
}, [StatePagePropertiesContext]);
|
|
2067
2067
|
React.useEffect(function () {
|
|
@@ -2228,9 +2228,9 @@ var Login = function Login(props) {
|
|
|
2228
2228
|
className: "".concat(loginstyles2.form_control),
|
|
2229
2229
|
value: payloadobj.email,
|
|
2230
2230
|
onChange: function onChange(event) {
|
|
2231
|
-
var temppayloadobj = _objectSpread$
|
|
2231
|
+
var temppayloadobj = _objectSpread$2K({}, payloadobj);
|
|
2232
2232
|
temppayloadobj.email = event.target.value;
|
|
2233
|
-
setpayloadobj(_objectSpread$
|
|
2233
|
+
setpayloadobj(_objectSpread$2K({}, temppayloadobj));
|
|
2234
2234
|
},
|
|
2235
2235
|
style: {
|
|
2236
2236
|
background: sectionproperties.input_bgcolor
|
|
@@ -2252,9 +2252,9 @@ var Login = function Login(props) {
|
|
|
2252
2252
|
textplaceholder: "",
|
|
2253
2253
|
value: payloadobj.password,
|
|
2254
2254
|
onChange: function onChange(event) {
|
|
2255
|
-
var temppayloadobj = _objectSpread$
|
|
2255
|
+
var temppayloadobj = _objectSpread$2K({}, payloadobj);
|
|
2256
2256
|
temppayloadobj.password = event.target.value;
|
|
2257
|
-
setpayloadobj(_objectSpread$
|
|
2257
|
+
setpayloadobj(_objectSpread$2K({}, temppayloadobj));
|
|
2258
2258
|
},
|
|
2259
2259
|
style: {
|
|
2260
2260
|
background: sectionproperties.input_bgcolor
|
|
@@ -2431,9 +2431,9 @@ var Login = function Login(props) {
|
|
|
2431
2431
|
className: "".concat(loginstyles2.form_control),
|
|
2432
2432
|
value: forgotpasswordpayload.email,
|
|
2433
2433
|
onChange: function onChange(event) {
|
|
2434
|
-
var temppayloadobj = _objectSpread$
|
|
2434
|
+
var temppayloadobj = _objectSpread$2K({}, forgotpasswordpayload);
|
|
2435
2435
|
temppayloadobj.email = event.target.value;
|
|
2436
|
-
setforgotpasswordpayload(_objectSpread$
|
|
2436
|
+
setforgotpasswordpayload(_objectSpread$2K({}, temppayloadobj));
|
|
2437
2437
|
},
|
|
2438
2438
|
disabled: forgetpasswordstage == 'verify' ? true : false,
|
|
2439
2439
|
style: {
|
|
@@ -2448,9 +2448,9 @@ var Login = function Login(props) {
|
|
|
2448
2448
|
className: "".concat(loginstyles2.form_control),
|
|
2449
2449
|
value: forgotpasswordpayload.code,
|
|
2450
2450
|
onChange: function onChange(event) {
|
|
2451
|
-
var temppayloadobj = _objectSpread$
|
|
2451
|
+
var temppayloadobj = _objectSpread$2K({}, forgotpasswordpayload);
|
|
2452
2452
|
temppayloadobj.code = event.target.value;
|
|
2453
|
-
setforgotpasswordpayload(_objectSpread$
|
|
2453
|
+
setforgotpasswordpayload(_objectSpread$2K({}, temppayloadobj));
|
|
2454
2454
|
},
|
|
2455
2455
|
style: {
|
|
2456
2456
|
background: sectionproperties.input_bgcolor
|
|
@@ -2464,9 +2464,9 @@ var Login = function Login(props) {
|
|
|
2464
2464
|
className: "".concat(loginstyles2.form_control),
|
|
2465
2465
|
value: forgotpasswordpayload.newpassword,
|
|
2466
2466
|
onChange: function onChange(event) {
|
|
2467
|
-
var temppayloadobj = _objectSpread$
|
|
2467
|
+
var temppayloadobj = _objectSpread$2K({}, forgotpasswordpayload);
|
|
2468
2468
|
temppayloadobj.newpassword = event.target.value;
|
|
2469
|
-
setforgotpasswordpayload(_objectSpread$
|
|
2469
|
+
setforgotpasswordpayload(_objectSpread$2K({}, temppayloadobj));
|
|
2470
2470
|
},
|
|
2471
2471
|
style: {
|
|
2472
2472
|
background: sectionproperties.input_bgcolor
|
|
@@ -2480,9 +2480,9 @@ var Login = function Login(props) {
|
|
|
2480
2480
|
className: "".concat(loginstyles2.form_control),
|
|
2481
2481
|
value: forgotpasswordpayload.confirmnewpassword,
|
|
2482
2482
|
onChange: function onChange(event) {
|
|
2483
|
-
var temppayloadobj = _objectSpread$
|
|
2483
|
+
var temppayloadobj = _objectSpread$2K({}, forgotpasswordpayload);
|
|
2484
2484
|
temppayloadobj.confirmnewpassword = event.target.value;
|
|
2485
|
-
setforgotpasswordpayload(_objectSpread$
|
|
2485
|
+
setforgotpasswordpayload(_objectSpread$2K({}, temppayloadobj));
|
|
2486
2486
|
},
|
|
2487
2487
|
style: {
|
|
2488
2488
|
background: sectionproperties.input_bgcolor
|
|
@@ -2494,7 +2494,7 @@ var Login = function Login(props) {
|
|
|
2494
2494
|
onClick: function onClick() {
|
|
2495
2495
|
if (forgotpasswordpayload.email.length != 0) {
|
|
2496
2496
|
var runfunc = false;
|
|
2497
|
-
var tempforgotpasswordpayload = _objectSpread$
|
|
2497
|
+
var tempforgotpasswordpayload = _objectSpread$2K({}, forgotpasswordpayload);
|
|
2498
2498
|
tempforgotpasswordpayload.functype = forgetpasswordstage;
|
|
2499
2499
|
if (forgetpasswordstage == 'verify') {
|
|
2500
2500
|
if (tempforgotpasswordpayload.newpassword.length != 0 && tempforgotpasswordpayload.code.length != 0) {
|
|
@@ -2545,11 +2545,11 @@ var css_248z$J = "@media screen and (max-width: 800px) {\r\n .signup-module_r
|
|
|
2545
2545
|
var loginstyles = {"rightContainer":"signup-module_rightContainer__yEcoL","rightContainerTrans":"signup-module_rightContainerTrans__fkdBH","rightContainerText":"signup-module_rightContainerText__-pvN-","form_control":"signup-module_form_control__7s76W","anim-shadow":"signup-module_anim-shadow__CsxhG","login_input_icon":"signup-module_login_input_icon__RDTS0","form_control_border_none":"signup-module_form_control_border_none__HjUMS","disabled":"signup-module_disabled__h55ao","leftcontainer":"signup-module_leftcontainer__bqfnN","form_controltextarea":"signup-module_form_controltextarea__-LGz6","checkbox":"signup-module_checkbox__8ejBx","checkbox_label":"signup-module_checkbox_label__d84Q2","checkbox_sub":"signup-module_checkbox_sub__WQLUX","checkboxtranslated":"signup-module_checkboxtranslated__4xHR-","showpassword_input_icon":"signup-module_showpassword_input_icon__cVHRS","showpassword_input_icontrans":"signup-module_showpassword_input_icontrans__vmV5q"};
|
|
2546
2546
|
styleInject(css_248z$J);
|
|
2547
2547
|
|
|
2548
|
-
function ownKeys$
|
|
2549
|
-
function _objectSpread$
|
|
2548
|
+
function ownKeys$2J(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2549
|
+
function _objectSpread$2J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2J(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2550
2550
|
var selectcustomStyles = {
|
|
2551
2551
|
option: function option(provided, state) {
|
|
2552
|
-
return _objectSpread$
|
|
2552
|
+
return _objectSpread$2J(_objectSpread$2J({}, provided), {}, {
|
|
2553
2553
|
borderBottom: '1px solid #e6e6e6',
|
|
2554
2554
|
backgroundColor: state.isSelected ? '' : '',
|
|
2555
2555
|
padding: 5,
|
|
@@ -2578,7 +2578,7 @@ var selectcustomStyles = {
|
|
|
2578
2578
|
};
|
|
2579
2579
|
var selectcustomStylesTranslated = {
|
|
2580
2580
|
option: function option(provided, state) {
|
|
2581
|
-
return _objectSpread$
|
|
2581
|
+
return _objectSpread$2J(_objectSpread$2J({}, provided), {}, {
|
|
2582
2582
|
borderBottom: '1px solid #e6e6e6',
|
|
2583
2583
|
backgroundColor: state.isSelected ? '' : '',
|
|
2584
2584
|
padding: 5,
|
|
@@ -2607,14 +2607,14 @@ var selectcustomStylesTranslated = {
|
|
|
2607
2607
|
};
|
|
2608
2608
|
},
|
|
2609
2609
|
placeholder: function placeholder(provided, state) {
|
|
2610
|
-
return _objectSpread$
|
|
2610
|
+
return _objectSpread$2J(_objectSpread$2J({}, provided), {}, {
|
|
2611
2611
|
textAlign: 'right'
|
|
2612
2612
|
});
|
|
2613
2613
|
}
|
|
2614
2614
|
};
|
|
2615
2615
|
var defaultstyles = {
|
|
2616
2616
|
option: function option(provided, state) {
|
|
2617
|
-
return _objectSpread$
|
|
2617
|
+
return _objectSpread$2J(_objectSpread$2J({}, provided), {}, {
|
|
2618
2618
|
borderBottom: '1px solid #e6e6e6',
|
|
2619
2619
|
backgroundColor: state.isSelected ? '' : '',
|
|
2620
2620
|
padding: 5,
|
|
@@ -2641,21 +2641,21 @@ var defaultstyles = {
|
|
|
2641
2641
|
});
|
|
2642
2642
|
},
|
|
2643
2643
|
dropdownIndicator: function dropdownIndicator(provided) {
|
|
2644
|
-
return _objectSpread$
|
|
2644
|
+
return _objectSpread$2J(_objectSpread$2J({}, provided), {}, {
|
|
2645
2645
|
'&:hover': {
|
|
2646
2646
|
// color: '#eac435',
|
|
2647
2647
|
}
|
|
2648
2648
|
});
|
|
2649
2649
|
},
|
|
2650
2650
|
placeholder: function placeholder(provided, state) {
|
|
2651
|
-
return _objectSpread$
|
|
2651
|
+
return _objectSpread$2J(_objectSpread$2J({}, provided), {}, {
|
|
2652
2652
|
color: '#000000'
|
|
2653
2653
|
});
|
|
2654
2654
|
}
|
|
2655
2655
|
};
|
|
2656
2656
|
var defaultstylestranslated = {
|
|
2657
2657
|
option: function option(provided, state) {
|
|
2658
|
-
return _objectSpread$
|
|
2658
|
+
return _objectSpread$2J(_objectSpread$2J({}, provided), {}, {
|
|
2659
2659
|
borderBottom: '1px solid #e6e6e6',
|
|
2660
2660
|
backgroundColor: state.isSelected ? '' : '',
|
|
2661
2661
|
padding: 5,
|
|
@@ -2686,14 +2686,14 @@ var defaultstylestranslated = {
|
|
|
2686
2686
|
};
|
|
2687
2687
|
},
|
|
2688
2688
|
dropdownIndicator: function dropdownIndicator(provided) {
|
|
2689
|
-
return _objectSpread$
|
|
2689
|
+
return _objectSpread$2J(_objectSpread$2J({}, provided), {}, {
|
|
2690
2690
|
'&:hover': {
|
|
2691
2691
|
// color: '#eac435',
|
|
2692
2692
|
}
|
|
2693
2693
|
});
|
|
2694
2694
|
},
|
|
2695
2695
|
placeholder: function placeholder(provided, state) {
|
|
2696
|
-
return _objectSpread$
|
|
2696
|
+
return _objectSpread$2J(_objectSpread$2J({}, provided), {}, {
|
|
2697
2697
|
textAlign: 'right',
|
|
2698
2698
|
color: '#000000'
|
|
2699
2699
|
});
|
|
@@ -2701,7 +2701,7 @@ var defaultstylestranslated = {
|
|
|
2701
2701
|
};
|
|
2702
2702
|
var defaultstylesnone = {
|
|
2703
2703
|
option: function option(provided, state) {
|
|
2704
|
-
return _objectSpread$
|
|
2704
|
+
return _objectSpread$2J(_objectSpread$2J({}, provided), {}, {
|
|
2705
2705
|
borderBottom: '1px solid #e6e6e6',
|
|
2706
2706
|
backgroundColor: state.isSelected ? '' : '',
|
|
2707
2707
|
padding: 5,
|
|
@@ -2729,7 +2729,7 @@ var defaultstylesnone = {
|
|
|
2729
2729
|
};
|
|
2730
2730
|
},
|
|
2731
2731
|
dropdownIndicator: function dropdownIndicator(provided) {
|
|
2732
|
-
return _objectSpread$
|
|
2732
|
+
return _objectSpread$2J(_objectSpread$2J({}, provided), {}, {
|
|
2733
2733
|
'&:hover': {
|
|
2734
2734
|
// color: '#eac435',
|
|
2735
2735
|
}
|
|
@@ -2737,6 +2737,8 @@ var defaultstylesnone = {
|
|
|
2737
2737
|
}
|
|
2738
2738
|
};
|
|
2739
2739
|
|
|
2740
|
+
function ownKeys$2I(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2741
|
+
function _objectSpread$2I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2I(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2740
2742
|
var Select$3 = /*#__PURE__*/React__default["default"].lazy(function () {
|
|
2741
2743
|
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-select')); });
|
|
2742
2744
|
});
|
|
@@ -2750,8 +2752,9 @@ var Variantoptions = function Variantoptions(props) {
|
|
|
2750
2752
|
var clearchoosenvaluesbutkeepcurrentvalue = props.actions.clearchoosenvaluesbutkeepcurrentvalue;
|
|
2751
2753
|
var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
|
|
2752
2754
|
var sectionproperties = props.actions.sectionproperties;
|
|
2753
|
-
|
|
2755
|
+
props.actions.ikimagecredcontext;
|
|
2754
2756
|
var ProductInfoObj = props.actions.ProductInfoObj;
|
|
2757
|
+
var isOptionInStock = props.actions.isOptionInStock;
|
|
2755
2758
|
var _useState = React.useState(''),
|
|
2756
2759
|
_useState2 = _slicedToArray__default["default"](_useState, 2);
|
|
2757
2760
|
_useState2[0];
|
|
@@ -2762,6 +2765,7 @@ var Variantoptions = function Variantoptions(props) {
|
|
|
2762
2765
|
setopensizeguidemodal = _useState4[1];
|
|
2763
2766
|
var variantindexcompleted = props.actions.variantindexcompleted;
|
|
2764
2767
|
var sizeguideimage = props.actions.sizeguideimage;
|
|
2768
|
+
var authdetailsContext = props.actions.authdetailsContext;
|
|
2765
2769
|
|
|
2766
2770
|
// productimagesarray
|
|
2767
2771
|
var formstyles = {
|
|
@@ -2828,6 +2832,92 @@ var Variantoptions = function Variantoptions(props) {
|
|
|
2828
2832
|
current_quantity: current_quantity
|
|
2829
2833
|
};
|
|
2830
2834
|
};
|
|
2835
|
+
// const isOptionInStock = (Currvalueid) => {
|
|
2836
|
+
// var isInStock = 1;
|
|
2837
|
+
// if (ProductInfoObj?.data?.productinfo?.productoptions?.length == 2) {
|
|
2838
|
+
// ProductInfoObj?.data?.productinfo?.variants?.forEach(function (varitem) {
|
|
2839
|
+
// var isVariantenabledtoCheck = 0;
|
|
2840
|
+
// ProductInfoObj?.data?.productinfo?.productoptions?.forEach(function (optionitem) {
|
|
2841
|
+
// optionitem?.optionvalues?.forEach(function (optionvalueitem) {
|
|
2842
|
+
// varitem?.variantoptions?.forEach(function (varoptionitem) {
|
|
2843
|
+
// if (optionvalueitem.valueid == varoptionitem.valueid) {
|
|
2844
|
+
// if (optionvalueitem.isselected == 1) {
|
|
2845
|
+
// isVariantenabledtoCheck = 1;
|
|
2846
|
+
// }
|
|
2847
|
+
// }
|
|
2848
|
+
// });
|
|
2849
|
+
// });
|
|
2850
|
+
// });
|
|
2851
|
+
|
|
2852
|
+
// if (isVariantenabledtoCheck == 1) {
|
|
2853
|
+
// varitem?.variantoptions?.forEach(function (varoptionitem) {
|
|
2854
|
+
// // if (varoptionitem.isselected == 1) {
|
|
2855
|
+
|
|
2856
|
+
// if (varoptionitem.valueid == Currvalueid) {
|
|
2857
|
+
// if (varitem.current_quantity <= 0) {
|
|
2858
|
+
// isInStock = 0;
|
|
2859
|
+
// } else {
|
|
2860
|
+
// isInStock = 1;
|
|
2861
|
+
// }
|
|
2862
|
+
// }
|
|
2863
|
+
// // }
|
|
2864
|
+
// });
|
|
2865
|
+
// }
|
|
2866
|
+
// });
|
|
2867
|
+
// }
|
|
2868
|
+
// return isInStock;
|
|
2869
|
+
// };
|
|
2870
|
+
// const isOptionInStock = (Currvalueid) => {
|
|
2871
|
+
// let isInStock = 1;
|
|
2872
|
+
// const productinfo = ProductInfoObj?.data?.productinfo;
|
|
2873
|
+
// const options = productinfo?.productoptions || [];
|
|
2874
|
+
// const variants = productinfo?.variants || [];
|
|
2875
|
+
|
|
2876
|
+
// // Get all selected option value IDs
|
|
2877
|
+
// const selectedValueIds = [];
|
|
2878
|
+
// options.forEach((option) => {
|
|
2879
|
+
// option.optionvalues.forEach((value) => {
|
|
2880
|
+
// if (value.isselected === 1) {
|
|
2881
|
+
// selectedValueIds.push(value.valueid);
|
|
2882
|
+
// }
|
|
2883
|
+
// });
|
|
2884
|
+
// });
|
|
2885
|
+
|
|
2886
|
+
// const totalOptionCount = options.length;
|
|
2887
|
+
// const selectedCount = selectedValueIds.length;
|
|
2888
|
+
|
|
2889
|
+
// if (selectedCount < totalOptionCount) {
|
|
2890
|
+
// // 🧠 Not all options selected yet → simulate selecting this value
|
|
2891
|
+
// const checkValueIds = [...selectedValueIds];
|
|
2892
|
+
// if (!checkValueIds.includes(Currvalueid)) {
|
|
2893
|
+
// checkValueIds.push(Currvalueid);
|
|
2894
|
+
// }
|
|
2895
|
+
|
|
2896
|
+
// // Find if any variant matches all currently selected (and simulated) values
|
|
2897
|
+
// const matchingVariant = variants.find((variant) => {
|
|
2898
|
+
// const variantValueIds = variant.variantoptions.map((v) => v.valueid);
|
|
2899
|
+
// return checkValueIds.every((vId) => variantValueIds.includes(vId));
|
|
2900
|
+
// });
|
|
2901
|
+
|
|
2902
|
+
// if (matchingVariant) {
|
|
2903
|
+
// isInStock = matchingVariant.current_quantity > 0 ? 1 : 0;
|
|
2904
|
+
// } else {
|
|
2905
|
+
// isInStock = 0;
|
|
2906
|
+
// }
|
|
2907
|
+
// } else {
|
|
2908
|
+
// // 🧠 All options already selected
|
|
2909
|
+
// // Instead of requiring full match, check if this value exists in any in-stock variant
|
|
2910
|
+
// const variantHasThisValue = variants.find((variant) => {
|
|
2911
|
+
// const variantValueIds = variant.variantoptions.map((v) => v.valueid);
|
|
2912
|
+
// return variantValueIds.includes(Currvalueid) && variant.current_quantity > 0;
|
|
2913
|
+
// });
|
|
2914
|
+
|
|
2915
|
+
// isInStock = variantHasThisValue ? 1 : 0;
|
|
2916
|
+
// }
|
|
2917
|
+
|
|
2918
|
+
// return isInStock;
|
|
2919
|
+
// };
|
|
2920
|
+
|
|
2831
2921
|
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.productinfo) === null || _fetchProductInfoQuer === void 0 ? void 0 : _fetchProductInfoQuer.hasvariants) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2832
2922
|
className: props.srcprops == 'reservation' ? 'row mx-0 mt-3 w-100 d-flex align-items-start' : 'row m-0 w-100 d-flex align-items-start'
|
|
2833
2923
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -2851,7 +2941,7 @@ var Variantoptions = function Variantoptions(props) {
|
|
|
2851
2941
|
textTransform: sectionproperties.varianttitle_texttransform,
|
|
2852
2942
|
fontSize: sectionproperties.varianttitle_fontSize + 'px'
|
|
2853
2943
|
}
|
|
2854
|
-
}, sectionproperties.showselect == 'Show' && /*#__PURE__*/React__default["default"].createElement("span", null, lang.select), " ", '',
|
|
2944
|
+
}, sectionproperties.showselect == 'Show' && /*#__PURE__*/React__default["default"].createElement("span", null, lang.select), " ", '', " ", langdetect == 'en' ? item.optionname : item.optionname_ar, ":", ' ', item.optionname == 'color' && /*#__PURE__*/React__default["default"].createElement("span", {
|
|
2855
2945
|
style: {
|
|
2856
2946
|
color: '#62554a'
|
|
2857
2947
|
}
|
|
@@ -2873,6 +2963,41 @@ var Variantoptions = function Variantoptions(props) {
|
|
|
2873
2963
|
} else {
|
|
2874
2964
|
isoptionvaluedenabled = 0;
|
|
2875
2965
|
}
|
|
2966
|
+
var isValueinStock = isOptionInStock(optionvaluesitem.valueid);
|
|
2967
|
+
var is_value_permdisabled = 0;
|
|
2968
|
+
if ((optionvaluesitem === null || optionvaluesitem === void 0 ? void 0 : optionvaluesitem.perm_disabled) == 1) {
|
|
2969
|
+
var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i9;
|
|
2970
|
+
// if()
|
|
2971
|
+
if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) == '68d28fc494276') {
|
|
2972
|
+
is_value_permdisabled = 1;
|
|
2973
|
+
} else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) == '67c050d72cbe7') {
|
|
2974
|
+
is_value_permdisabled = 1;
|
|
2975
|
+
}
|
|
2976
|
+
// amiga
|
|
2977
|
+
else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) == '670fc18477599') {
|
|
2978
|
+
is_value_permdisabled = 1;
|
|
2979
|
+
}
|
|
2980
|
+
// vout
|
|
2981
|
+
else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.contactinfo.instid) == '68f918a4ccb85') {
|
|
2982
|
+
is_value_permdisabled = 1;
|
|
2983
|
+
}
|
|
2984
|
+
// puff
|
|
2985
|
+
else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.contactinfo.instid) == '6899e604db87f') {
|
|
2986
|
+
is_value_permdisabled = 1;
|
|
2987
|
+
}
|
|
2988
|
+
// dija
|
|
2989
|
+
else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.contactinfo.instid) == '682cbb9bdcd57') {
|
|
2990
|
+
is_value_permdisabled = 1;
|
|
2991
|
+
}
|
|
2992
|
+
// angel
|
|
2993
|
+
else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.contactinfo.instid) == '67bda57bca71d') {
|
|
2994
|
+
is_value_permdisabled = 1;
|
|
2995
|
+
} else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.contactinfo.instid) == '69244cc88aa0a') {
|
|
2996
|
+
is_value_permdisabled = 1;
|
|
2997
|
+
} else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.contactinfo.instid) == '687ca57cc78e8') {
|
|
2998
|
+
is_value_permdisabled = 1;
|
|
2999
|
+
}
|
|
3000
|
+
}
|
|
2876
3001
|
if (item.optionname == 'color' || item.optionname == 'Color') {
|
|
2877
3002
|
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2878
3003
|
className: issingleoptionoutofstock(optionvaluesitem)['isoutofstock'] == true && sectionproperties.showoutofstockwithoutselection == 'Show' ? productinfostyles.color_container + ' mr-2 variabttcontainer showcrossiconcolor ' + "".concat(productinfostyles.color_container_active) : productinfostyles.color_container + ' mr-2 variabttcontainer ' + "".concat(productinfostyles.color_container_active)
|
|
@@ -2896,9 +3021,194 @@ var Variantoptions = function Variantoptions(props) {
|
|
|
2896
3021
|
}
|
|
2897
3022
|
}));
|
|
2898
3023
|
} else if (item.optionname == 'size' || item.optionname == 'Size') {
|
|
3024
|
+
// if (ProductInfoObj?.data?.productinfo?.productoptions?.length == 1 || isoptionvaluedenabled == 1) {
|
|
3025
|
+
if (is_value_permdisabled == 0) {
|
|
3026
|
+
var _authdetailsContext$i0, _authdetailsContext$i19, _authdetailsContext$i20, _authdetailsContext$i21, _authdetailsContext$i22, _authdetailsContext$i23, _authdetailsContext$i24, _authdetailsContext$i25, _authdetailsContext$i26, _authdetailsContext$i27, _authdetailsContext$i28;
|
|
3027
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3028
|
+
// className={
|
|
3029
|
+
// issingleoptionoutofstock(optionvaluesitem)['isoutofstock'] == true &&
|
|
3030
|
+
// sectionproperties.showoutofstockwithoutselection == 'Show'
|
|
3031
|
+
// ? `${productinfostyles.variant_container} ${productinfostyles.size_variant_container}` +
|
|
3032
|
+
// ' mr-2 variabttcontainer allcentered showcrossicon ' +
|
|
3033
|
+
// `${isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''}`
|
|
3034
|
+
// : `${productinfostyles.variant_container} ${productinfostyles.size_variant_container}` +
|
|
3035
|
+
// ' mr-2 variabttcontainer allcentered ' +
|
|
3036
|
+
// `${isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''}`
|
|
3037
|
+
// }
|
|
3038
|
+
className: issingleoptionoutofstock(optionvaluesitem)['isoutofstock'] == true && sectionproperties.showoutofstockwithoutselection == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.contactinfo.instid) == '68f918a4ccb85' ? " ".concat(productinfostyles.variant_container, " ").concat(productinfostyles.size_variant_container) + ' mr-2 variabttcontainer allcentered linethroughshowcrossicon ' + " ".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : '') : " ".concat(productinfostyles.variant_container, " ").concat(productinfostyles.size_variant_container) + ' mr-2 variabttcontainer allcentered ' + " ".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
|
|
3039
|
+
onClick: function onClick() {
|
|
3040
|
+
if (isoptionvalueselected == 0) {
|
|
3041
|
+
var _authdetailsContext$i1, _authdetailsContext$i10, _authdetailsContext$i11, _authdetailsContext$i12, _authdetailsContext$i13, _authdetailsContext$i14, _authdetailsContext$i15, _authdetailsContext$i16, _authdetailsContext$i17, _authdetailsContext$i18;
|
|
3042
|
+
if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i1 = authdetailsContext.instinfo) === null || _authdetailsContext$i1 === void 0 ? void 0 : _authdetailsContext$i1.contactinfo.instid) == '68d28fc494276') {
|
|
3043
|
+
if (isValueinStock == 0) {
|
|
3044
|
+
return;
|
|
3045
|
+
}
|
|
3046
|
+
} else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.contactinfo.instid) == '67c050d72cbe7') {
|
|
3047
|
+
if (isValueinStock == 0) {
|
|
3048
|
+
return;
|
|
3049
|
+
}
|
|
3050
|
+
}
|
|
3051
|
+
|
|
3052
|
+
// amiga
|
|
3053
|
+
else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.contactinfo.instid) == '670fc18477599') {
|
|
3054
|
+
if (isValueinStock == 0) {
|
|
3055
|
+
return;
|
|
3056
|
+
}
|
|
3057
|
+
}
|
|
3058
|
+
// vout
|
|
3059
|
+
else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.contactinfo.instid) == '68f918a4ccb85') {
|
|
3060
|
+
if (isValueinStock == 0) {
|
|
3061
|
+
return;
|
|
3062
|
+
}
|
|
3063
|
+
}
|
|
3064
|
+
// puff
|
|
3065
|
+
else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.contactinfo.instid) == '6899e604db87f') {
|
|
3066
|
+
if (isValueinStock == 0) {
|
|
3067
|
+
return;
|
|
3068
|
+
}
|
|
3069
|
+
}
|
|
3070
|
+
// angel
|
|
3071
|
+
else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.contactinfo.instid) == '67bda57bca71d') {
|
|
3072
|
+
if (isValueinStock == 0) {
|
|
3073
|
+
return;
|
|
3074
|
+
}
|
|
3075
|
+
}
|
|
3076
|
+
// dija
|
|
3077
|
+
else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.contactinfo.instid) == '682cbb9bdcd57') {
|
|
3078
|
+
if (isValueinStock == 0) {
|
|
3079
|
+
return;
|
|
3080
|
+
}
|
|
3081
|
+
} else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.contactinfo.instid) == '69244cc88aa0a') {
|
|
3082
|
+
if (isValueinStock == 0) {
|
|
3083
|
+
return;
|
|
3084
|
+
}
|
|
3085
|
+
} else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.contactinfo.instid) == '687ca57cc78e8') {
|
|
3086
|
+
if (isValueinStock == 0) {
|
|
3087
|
+
return;
|
|
3088
|
+
}
|
|
3089
|
+
} else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.contactinfo.instid) == '6899e604db87f') {
|
|
3090
|
+
if (isValueinStock == 0) {
|
|
3091
|
+
return;
|
|
3092
|
+
}
|
|
3093
|
+
}
|
|
3094
|
+
}
|
|
3095
|
+
if (issingleoptionoutofstock(optionvaluesitem)['isoutofstock'] == true && sectionproperties.showoutofstockwithoutselection == 'Show') ; else {
|
|
3096
|
+
if (optionvaluesitem.isenabled == 1) {
|
|
3097
|
+
selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
|
|
3098
|
+
} else {
|
|
3099
|
+
clearchoosenvaluesbutkeepcurrentvalue(index, optionvaluesitem, optionvaluesindex);
|
|
3100
|
+
}
|
|
3101
|
+
}
|
|
3102
|
+
},
|
|
3103
|
+
style: {
|
|
3104
|
+
// activeproductcolor
|
|
3105
|
+
// cursor:
|
|
3106
|
+
// issingleoptionoutofstock(optionvaluesitem)['isoutofstock'] == true &&
|
|
3107
|
+
// sectionproperties.showoutofstockwithoutselection == 'Show'
|
|
3108
|
+
// ? 'not-allowed'
|
|
3109
|
+
// : isoptionvaluedenabled == 1
|
|
3110
|
+
// ? 'pointer'
|
|
3111
|
+
// : 'not-allowed',
|
|
3112
|
+
cursor: issingleoptionoutofstock(optionvaluesitem)['isoutofstock'] == true && sectionproperties.showoutofstockwithoutselection == 'Show' ? 'not-allowed' : 'pointer',
|
|
3113
|
+
backgroundColor: sectionproperties.variantcontainerbordercolor != undefined && sectionproperties.variantcontainerbordercolor != null ? sectionproperties.variantcontainer_bgcolor : isoptionvalueselected == 1 ? 'green' : isoptionvaluedenabled == 1 ? sectionproperties.variantcontainer_bgcolor : 'grey',
|
|
3114
|
+
minWidth: sectionproperties.variantcontainer_minwidth + 'px',
|
|
3115
|
+
height: sectionproperties.variantcontainer_height + 'px',
|
|
3116
|
+
borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px',
|
|
3117
|
+
position: 'relative',
|
|
3118
|
+
border: isoptionvalueselected == 1 ? '2px solid ' + sectionproperties.activeproductcolor : isoptionvaluedenabled == 1 ? '1px solid ' + sectionproperties.variantcontainerbordercolor : '1px solid ' + ' grey '
|
|
3119
|
+
}
|
|
3120
|
+
}, isoptionvalueselected == 1 && sectionproperties.showRemovebutton == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
|
|
3121
|
+
"class": "m-0 p-0 bg-danger bgdanger-hover",
|
|
3122
|
+
style: {
|
|
3123
|
+
position: 'absolute',
|
|
3124
|
+
top: '-15px',
|
|
3125
|
+
right: '-5px',
|
|
3126
|
+
width: '3vh',
|
|
3127
|
+
height: '3vh',
|
|
3128
|
+
borderRadius: 100
|
|
3129
|
+
}
|
|
3130
|
+
}, /*#__PURE__*/React__default["default"].createElement("i", {
|
|
3131
|
+
"class": "h-100 allcentered"
|
|
3132
|
+
}, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, null))), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
3133
|
+
className: isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.contactinfo.instid) == '68d28fc494276' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' : isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.contactinfo.instid) == '67c050d72cbe7' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' :
|
|
3134
|
+
//
|
|
3135
|
+
// amiga
|
|
3136
|
+
isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.contactinfo.instid) == '670fc18477599' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' :
|
|
3137
|
+
// vout
|
|
3138
|
+
isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.contactinfo.instid) == '68f918a4ccb85' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' :
|
|
3139
|
+
// puff
|
|
3140
|
+
isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.contactinfo.instid) == '6899e604db87f' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' :
|
|
3141
|
+
// angel
|
|
3142
|
+
|
|
3143
|
+
isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.contactinfo.instid) == '67bda57bca71d' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' :
|
|
3144
|
+
// dija
|
|
3145
|
+
isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.contactinfo.instid) == '682cbb9bdcd57' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' : isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.contactinfo.instid) == '69244cc88aa0a' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' : isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.contactinfo.instid) == '687ca57cc78e8' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' : isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.contactinfo.instid) == '6899e604db87f' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' : 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center',
|
|
3146
|
+
style: {
|
|
3147
|
+
color: sectionproperties.variantcontainerbordercolor != undefined && sectionproperties.variantcontainerbordercolor != null && isoptionvalueselected == 1 ? sectionproperties.activeproductcolor : sectionproperties.variantcontainer_color,
|
|
3148
|
+
fontSize: sectionproperties.variantcontainer_fontSize + 'px',
|
|
3149
|
+
fontWeight: 500
|
|
3150
|
+
}
|
|
3151
|
+
}, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar));
|
|
3152
|
+
}
|
|
3153
|
+
} else {
|
|
3154
|
+
var _authdetailsContext$i29, _authdetailsContext$i40, _authdetailsContext$i41, _authdetailsContext$i42, _authdetailsContext$i43, _authdetailsContext$i44, _authdetailsContext$i45, _authdetailsContext$i46, _authdetailsContext$i47, _authdetailsContext$i48, _authdetailsContext$i49;
|
|
2899
3155
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2900
|
-
className: issingleoptionoutofstock(optionvaluesitem)['isoutofstock'] == true && sectionproperties.showoutofstockwithoutselection == 'Show' ? "".concat(productinfostyles.variant_container, " ").concat(productinfostyles.size_variant_container) + ' mr-2 variabttcontainer allcentered
|
|
3156
|
+
className: issingleoptionoutofstock(optionvaluesitem)['isoutofstock'] == true && sectionproperties.showoutofstockwithoutselection == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i29 = authdetailsContext.instinfo) === null || _authdetailsContext$i29 === void 0 ? void 0 : _authdetailsContext$i29.contactinfo.instid) == '68f918a4ccb85' ? " ".concat(productinfostyles.variant_container, " ").concat(productinfostyles.size_variant_container) + ' mr-2 variabttcontainer allcentered linethroughshowcrossicon ' + " ".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : '') : " ".concat(productinfostyles.variant_container, " ").concat(productinfostyles.size_variant_container) + ' mr-2 variabttcontainer allcentered ' + " ".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
|
|
2901
3157
|
onClick: function onClick() {
|
|
3158
|
+
if (isoptionvalueselected == 0) {
|
|
3159
|
+
var _authdetailsContext$i30, _authdetailsContext$i31, _authdetailsContext$i32, _authdetailsContext$i33, _authdetailsContext$i34, _authdetailsContext$i35, _authdetailsContext$i36, _authdetailsContext$i37, _authdetailsContext$i38, _authdetailsContext$i39;
|
|
3160
|
+
if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i30 = authdetailsContext.instinfo) === null || _authdetailsContext$i30 === void 0 ? void 0 : _authdetailsContext$i30.contactinfo.instid) == '68d28fc494276') {
|
|
3161
|
+
if (isValueinStock == 0) {
|
|
3162
|
+
return;
|
|
3163
|
+
}
|
|
3164
|
+
} else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i31 = authdetailsContext.instinfo) === null || _authdetailsContext$i31 === void 0 ? void 0 : _authdetailsContext$i31.contactinfo.instid) == '67c050d72cbe7') {
|
|
3165
|
+
if (isValueinStock == 0) {
|
|
3166
|
+
return;
|
|
3167
|
+
}
|
|
3168
|
+
}
|
|
3169
|
+
// amiga
|
|
3170
|
+
else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i32 = authdetailsContext.instinfo) === null || _authdetailsContext$i32 === void 0 ? void 0 : _authdetailsContext$i32.contactinfo.instid) == '670fc18477599') {
|
|
3171
|
+
if (isValueinStock == 0) {
|
|
3172
|
+
return;
|
|
3173
|
+
}
|
|
3174
|
+
}
|
|
3175
|
+
// vout
|
|
3176
|
+
else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i33 = authdetailsContext.instinfo) === null || _authdetailsContext$i33 === void 0 ? void 0 : _authdetailsContext$i33.contactinfo.instid) == '68f918a4ccb85') {
|
|
3177
|
+
if (isValueinStock == 0) {
|
|
3178
|
+
return;
|
|
3179
|
+
}
|
|
3180
|
+
}
|
|
3181
|
+
// puff n stuff
|
|
3182
|
+
else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i34 = authdetailsContext.instinfo) === null || _authdetailsContext$i34 === void 0 ? void 0 : _authdetailsContext$i34.contactinfo.instid) == '6899e604db87f') {
|
|
3183
|
+
if (isValueinStock == 0) {
|
|
3184
|
+
return;
|
|
3185
|
+
}
|
|
3186
|
+
} else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i35 = authdetailsContext.instinfo) === null || _authdetailsContext$i35 === void 0 ? void 0 : _authdetailsContext$i35.contactinfo.instid) == '69244cc88aa0a') {
|
|
3187
|
+
if (isValueinStock == 0) {
|
|
3188
|
+
return;
|
|
3189
|
+
}
|
|
3190
|
+
}
|
|
3191
|
+
// angel
|
|
3192
|
+
else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i36 = authdetailsContext.instinfo) === null || _authdetailsContext$i36 === void 0 ? void 0 : _authdetailsContext$i36.contactinfo.instid) == '67bda57bca71d') {
|
|
3193
|
+
if (isValueinStock == 0) {
|
|
3194
|
+
return;
|
|
3195
|
+
}
|
|
3196
|
+
}
|
|
3197
|
+
// dija
|
|
3198
|
+
else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i37 = authdetailsContext.instinfo) === null || _authdetailsContext$i37 === void 0 ? void 0 : _authdetailsContext$i37.contactinfo.instid) == '682cbb9bdcd57') {
|
|
3199
|
+
if (isValueinStock == 0) {
|
|
3200
|
+
return;
|
|
3201
|
+
}
|
|
3202
|
+
} else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i38 = authdetailsContext.instinfo) === null || _authdetailsContext$i38 === void 0 ? void 0 : _authdetailsContext$i38.contactinfo.instid) == '687ca57cc78e8') {
|
|
3203
|
+
if (isValueinStock == 0) {
|
|
3204
|
+
return;
|
|
3205
|
+
}
|
|
3206
|
+
} else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i39 = authdetailsContext.instinfo) === null || _authdetailsContext$i39 === void 0 ? void 0 : _authdetailsContext$i39.contactinfo.instid) == '6899e604db87f') {
|
|
3207
|
+
if (isValueinStock == 0) {
|
|
3208
|
+
return;
|
|
3209
|
+
}
|
|
3210
|
+
}
|
|
3211
|
+
}
|
|
2902
3212
|
if (issingleoptionoutofstock(optionvaluesitem)['isoutofstock'] == true && sectionproperties.showoutofstockwithoutselection == 'Show') ; else {
|
|
2903
3213
|
if (optionvaluesitem.isenabled == 1) {
|
|
2904
3214
|
selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
|
|
@@ -2908,14 +3218,6 @@ var Variantoptions = function Variantoptions(props) {
|
|
|
2908
3218
|
}
|
|
2909
3219
|
},
|
|
2910
3220
|
style: {
|
|
2911
|
-
// activeproductcolor
|
|
2912
|
-
// cursor:
|
|
2913
|
-
// issingleoptionoutofstock(optionvaluesitem)['isoutofstock'] == true &&
|
|
2914
|
-
// sectionproperties.showoutofstockwithoutselection == 'Show'
|
|
2915
|
-
// ? 'not-allowed'
|
|
2916
|
-
// : isoptionvaluedenabled == 1
|
|
2917
|
-
// ? 'pointer'
|
|
2918
|
-
// : 'not-allowed',
|
|
2919
3221
|
cursor: issingleoptionoutofstock(optionvaluesitem)['isoutofstock'] == true && sectionproperties.showoutofstockwithoutselection == 'Show' ? 'not-allowed' : 'pointer',
|
|
2920
3222
|
backgroundColor: sectionproperties.variantcontainerbordercolor != undefined && sectionproperties.variantcontainerbordercolor != null ? sectionproperties.variantcontainer_bgcolor : isoptionvalueselected == 1 ? 'green' : isoptionvaluedenabled == 1 ? sectionproperties.variantcontainer_bgcolor : 'grey',
|
|
2921
3223
|
minWidth: sectionproperties.variantcontainer_minwidth + 'px',
|
|
@@ -2924,101 +3226,124 @@ var Variantoptions = function Variantoptions(props) {
|
|
|
2924
3226
|
position: 'relative',
|
|
2925
3227
|
border: isoptionvalueselected == 1 ? '2px solid ' + sectionproperties.activeproductcolor : isoptionvaluedenabled == 1 ? '1px solid ' + sectionproperties.variantcontainerbordercolor : '1px solid ' + ' grey '
|
|
2926
3228
|
}
|
|
2927
|
-
},
|
|
2928
|
-
|
|
2929
|
-
|
|
2930
|
-
|
|
2931
|
-
|
|
2932
|
-
|
|
2933
|
-
|
|
2934
|
-
|
|
2935
|
-
|
|
2936
|
-
|
|
2937
|
-
|
|
2938
|
-
|
|
2939
|
-
}, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, null))), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
2940
|
-
className: 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center',
|
|
3229
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
3230
|
+
className: isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i40 = authdetailsContext.instinfo) === null || _authdetailsContext$i40 === void 0 ? void 0 : _authdetailsContext$i40.contactinfo.instid) == '68d28fc494276' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' : isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i41 = authdetailsContext.instinfo) === null || _authdetailsContext$i41 === void 0 ? void 0 : _authdetailsContext$i41.contactinfo.instid) == '67c050d72cbe7' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' :
|
|
3231
|
+
// amiga
|
|
3232
|
+
isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i42 = authdetailsContext.instinfo) === null || _authdetailsContext$i42 === void 0 ? void 0 : _authdetailsContext$i42.contactinfo.instid) == '670fc18477599' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' :
|
|
3233
|
+
// vout
|
|
3234
|
+
isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i43 = authdetailsContext.instinfo) === null || _authdetailsContext$i43 === void 0 ? void 0 : _authdetailsContext$i43.contactinfo.instid) == '68f918a4ccb85' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' :
|
|
3235
|
+
// puff
|
|
3236
|
+
isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i44 = authdetailsContext.instinfo) === null || _authdetailsContext$i44 === void 0 ? void 0 : _authdetailsContext$i44.contactinfo.instid) == '6899e604db87f' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' :
|
|
3237
|
+
// angel
|
|
3238
|
+
isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i45 = authdetailsContext.instinfo) === null || _authdetailsContext$i45 === void 0 ? void 0 : _authdetailsContext$i45.contactinfo.instid) == '67bda57bca71d' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' :
|
|
3239
|
+
// dija
|
|
3240
|
+
isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i46 = authdetailsContext.instinfo) === null || _authdetailsContext$i46 === void 0 ? void 0 : _authdetailsContext$i46.contactinfo.instid) == '682cbb9bdcd57' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' : isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i47 = authdetailsContext.instinfo) === null || _authdetailsContext$i47 === void 0 ? void 0 : _authdetailsContext$i47.contactinfo.instid) == '69244cc88aa0a' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' : isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i48 = authdetailsContext.instinfo) === null || _authdetailsContext$i48 === void 0 ? void 0 : _authdetailsContext$i48.contactinfo.instid) == '687ca57cc78e8' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' : isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i49 = authdetailsContext.instinfo) === null || _authdetailsContext$i49 === void 0 ? void 0 : _authdetailsContext$i49.contactinfo.instid) == '6899e604db87f' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' : 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center',
|
|
2941
3241
|
style: {
|
|
2942
3242
|
color: sectionproperties.variantcontainerbordercolor != undefined && sectionproperties.variantcontainerbordercolor != null && isoptionvalueselected == 1 ? sectionproperties.activeproductcolor : sectionproperties.variantcontainer_color,
|
|
2943
3243
|
fontSize: sectionproperties.variantcontainer_fontSize + 'px',
|
|
2944
3244
|
fontWeight: 500
|
|
2945
3245
|
}
|
|
2946
|
-
}, optionvaluesitem
|
|
2947
|
-
|
|
2948
|
-
|
|
2949
|
-
|
|
2950
|
-
|
|
2951
|
-
|
|
2952
|
-
|
|
2953
|
-
|
|
2954
|
-
|
|
2955
|
-
|
|
2956
|
-
|
|
2957
|
-
|
|
2958
|
-
|
|
2959
|
-
|
|
2960
|
-
|
|
2961
|
-
|
|
2962
|
-
|
|
2963
|
-
|
|
2964
|
-
|
|
2965
|
-
|
|
2966
|
-
|
|
2967
|
-
|
|
2968
|
-
|
|
2969
|
-
|
|
2970
|
-
|
|
2971
|
-
|
|
2972
|
-
|
|
2973
|
-
|
|
2974
|
-
|
|
2975
|
-
|
|
2976
|
-
|
|
2977
|
-
|
|
2978
|
-
|
|
2979
|
-
|
|
2980
|
-
|
|
2981
|
-
|
|
2982
|
-
|
|
2983
|
-
|
|
2984
|
-
|
|
2985
|
-
|
|
2986
|
-
|
|
2987
|
-
|
|
2988
|
-
|
|
2989
|
-
|
|
2990
|
-
|
|
2991
|
-
|
|
3246
|
+
}, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar))
|
|
3247
|
+
// <div
|
|
3248
|
+
// className={
|
|
3249
|
+
// productinfostyles.variant_container +
|
|
3250
|
+
// ' mr-2 variabttcontainer allcentered pl-2 pr-2 ' +
|
|
3251
|
+
// `${isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''}`
|
|
3252
|
+
// }
|
|
3253
|
+
// onClick={() => {
|
|
3254
|
+
// if (optionvaluesitem.isenabled == 1) {
|
|
3255
|
+
// selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
|
|
3256
|
+
// } else {
|
|
3257
|
+
// clearchoosenvaluesbutkeepcurrentvalue(index, optionvaluesitem, optionvaluesindex);
|
|
3258
|
+
// }
|
|
3259
|
+
// }}
|
|
3260
|
+
// style={{
|
|
3261
|
+
// backgroundColor:
|
|
3262
|
+
// sectionproperties.variantcontainerbordercolor != undefined && sectionproperties.variantcontainerbordercolor != null
|
|
3263
|
+
// ? sectionproperties.variantcontainer_bgcolor
|
|
3264
|
+
// : isoptionvalueselected == 1
|
|
3265
|
+
// ? 'green'
|
|
3266
|
+
// : isoptionvaluedenabled == 1
|
|
3267
|
+
// ? sectionproperties.variantcontainer_bgcolor
|
|
3268
|
+
// : 'grey',
|
|
3269
|
+
// width: 'auto',
|
|
3270
|
+
// height: sectionproperties.variantcontainer_height + 'px',
|
|
3271
|
+
// borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px',
|
|
3272
|
+
// position: 'relative',
|
|
3273
|
+
// // border:
|
|
3274
|
+
// // isoptionvalueselected == 1
|
|
3275
|
+
// // ? '2px solid green'
|
|
3276
|
+
// // : isoptionvaluedenabled == 1
|
|
3277
|
+
// // ? '1px solid ' + sectionproperties.variantcontainerbordercolor
|
|
3278
|
+
// // : '1px solid ' + ' grey ',
|
|
3279
|
+
// border: isoptionvalueselected == 1 ? '2px solid ' + sectionproperties.activeproductcolor : '1px solid #ccc',
|
|
3280
|
+
// }}
|
|
3281
|
+
// >
|
|
3282
|
+
// {isoptionvalueselected == 1 && sectionproperties.showRemovebutton == 'Show' && (
|
|
3283
|
+
// <p
|
|
3284
|
+
// class="m-0 p-0 bg-danger bgdanger-hover"
|
|
3285
|
+
// style={{
|
|
3286
|
+
// position: 'absolute',
|
|
3287
|
+
// top: '-15px',
|
|
3288
|
+
// right: '-5px',
|
|
3289
|
+
// width: '3vh',
|
|
3290
|
+
// height: '3vh',
|
|
3291
|
+
// borderRadius: 100,
|
|
3292
|
+
// }}
|
|
3293
|
+
// >
|
|
3294
|
+
// <i class="h-100 allcentered">
|
|
3295
|
+
// <IoMdClose />
|
|
3296
|
+
// </i>
|
|
3297
|
+
// </p>
|
|
3298
|
+
// )}
|
|
3299
|
+
// <p
|
|
3300
|
+
// className={'m-0 p-0 allcentered'}
|
|
3301
|
+
// style={{
|
|
3302
|
+
// fontWeight: 500,
|
|
3303
|
+
// // color: sectionproperties.variantcontainer_color,
|
|
3304
|
+
// fontSize: sectionproperties.variantcontainer_fontSize + 'px',
|
|
3305
|
+
// color:
|
|
3306
|
+
// sectionproperties.variantcontainerbordercolor != undefined &&
|
|
3307
|
+
// sectionproperties.variantcontainerbordercolor != null &&
|
|
3308
|
+
// isoptionvalueselected == 1
|
|
3309
|
+
// ? sectionproperties.activeproductcolor
|
|
3310
|
+
// : sectionproperties.variantcontainer_color,
|
|
3311
|
+
// }}
|
|
3312
|
+
// >
|
|
3313
|
+
// sad {langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar}
|
|
3314
|
+
// </p>
|
|
3315
|
+
// </div>
|
|
3316
|
+
;
|
|
2992
3317
|
}
|
|
2993
3318
|
}))));
|
|
2994
3319
|
})))), sectionproperties.showsizeguidebtn == 'Show' && sizeguideimage.length != 0 && sectionproperties.sizeguideposition == 'Besides Variants' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2995
|
-
"class": "col-3 text-end"
|
|
3320
|
+
"class": "col-3 text-end p-0"
|
|
2996
3321
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
2997
3322
|
"class": formstyles.sizeguidebtn + ' m-0 p-0 cursor-pointer mb-auto ',
|
|
2998
3323
|
onClick: function onClick() {
|
|
2999
3324
|
setopensizeguidemodal(true);
|
|
3000
3325
|
}
|
|
3001
|
-
},
|
|
3326
|
+
}, langdetect == 'en' ? sectionproperties.sizeguidecontentenglish : sectionproperties.sizeguidecontentarabic))), langdetect == 'en' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer2 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.variants[variantindexcompleted]) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : _fetchProductInfoQuer2.variantdescription_en) && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3002
3327
|
"class": "my-3 col-lg-12 p-0"
|
|
3003
3328
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
3004
3329
|
className: 'm-0 p-0 wordbreak',
|
|
3005
3330
|
style: {
|
|
3006
|
-
textAlign: langdetect
|
|
3331
|
+
textAlign: langdetect == 'en' ? 'left' : 'right',
|
|
3007
3332
|
color: '#000000'
|
|
3008
3333
|
},
|
|
3009
3334
|
dangerouslySetInnerHTML: {
|
|
3010
|
-
__html: langdetect
|
|
3335
|
+
__html: langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer3 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.productinfo) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.variants[variantindexcompleted]) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.variantdescription_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.productinfo) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.variants[variantindexcompleted]) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.variantdescription_ar
|
|
3011
3336
|
}
|
|
3012
3337
|
})), langdetect == 'ar' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer5 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.productinfo) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.variants[variantindexcompleted]) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : _fetchProductInfoQuer5.variantdescription_ar) && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3013
3338
|
"class": "my-3 col-lg-12 p-0"
|
|
3014
3339
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
3015
3340
|
className: 'm-0 p-0 wordbreak',
|
|
3016
3341
|
style: {
|
|
3017
|
-
textAlign: langdetect
|
|
3342
|
+
textAlign: langdetect == 'en' ? 'left' : 'right',
|
|
3018
3343
|
color: '#000000'
|
|
3019
3344
|
},
|
|
3020
3345
|
dangerouslySetInnerHTML: {
|
|
3021
|
-
__html: langdetect
|
|
3346
|
+
__html: langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer6 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.productinfo) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.variants[variantindexcompleted]) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.variantdescription_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.productinfo) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.variants[variantindexcompleted]) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : _fetchProductInfoQuer7.variantdescription_ar
|
|
3022
3347
|
}
|
|
3023
3348
|
})), sectionproperties.variantstyle == 'Vertical' && (ProductInfoObj === null || ProductInfoObj === void 0 || (_ProductInfoObj$data5 = ProductInfoObj.data) === null || _ProductInfoObj$data5 === void 0 || (_ProductInfoObj$data5 = _ProductInfoObj$data5.productinfo) === null || _ProductInfoObj$data5 === void 0 || (_ProductInfoObj$data5 = _ProductInfoObj$data5.productoptions) === null || _ProductInfoObj$data5 === void 0 ? void 0 : _ProductInfoObj$data5.map(function (item, index) {
|
|
3024
3349
|
return /*#__PURE__*/React__default["default"].createElement("ul", {
|
|
@@ -3035,7 +3360,7 @@ var Variantoptions = function Variantoptions(props) {
|
|
|
3035
3360
|
textTransform: sectionproperties.varianttitle_texttransform,
|
|
3036
3361
|
fontSize: sectionproperties.varianttitle_fontSize + 'px'
|
|
3037
3362
|
}
|
|
3038
|
-
}, sectionproperties.showselect == 'Show' && /*#__PURE__*/React__default["default"].createElement("span", null, lang.select), " ", '',
|
|
3363
|
+
}, sectionproperties.showselect == 'Show' && /*#__PURE__*/React__default["default"].createElement("span", null, lang.select), " ", '', " ", langdetect == 'en' ? item.optionname : item.optionname_ar, ":"))), item.optionvalues.map(function (optionvaluesitem, optionvaluesindex) {
|
|
3039
3364
|
var isoptionvalueselected = 0;
|
|
3040
3365
|
if (optionvaluesitem.isselected == 1) {
|
|
3041
3366
|
isoptionvalueselected = 1;
|
|
@@ -3075,7 +3400,7 @@ var Variantoptions = function Variantoptions(props) {
|
|
|
3075
3400
|
width: 'auto'
|
|
3076
3401
|
}
|
|
3077
3402
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3078
|
-
className: "".concat(productinfo_cssstyles.variant_container) + ' mx-1 mb-2 variabttcontainer allcentered px-2 ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
|
|
3403
|
+
className: "".concat(productinfo_cssstyles.variant_container) + ' mx-1 mb-2 variabttcontainer allcentered px-2 cursor-pointer ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
|
|
3079
3404
|
onClick: function onClick() {
|
|
3080
3405
|
if (optionvaluesitem.isenabled == 1) {
|
|
3081
3406
|
selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
|
|
@@ -3085,17 +3410,22 @@ var Variantoptions = function Variantoptions(props) {
|
|
|
3085
3410
|
},
|
|
3086
3411
|
style: {
|
|
3087
3412
|
// cursor: isoptionvaluedenabled == 1 ? 'pointer' : 'not-allowed',
|
|
3088
|
-
backgroundColor: isoptionvalueselected == 1 ? 'green' : isoptionvaluedenabled == 1 ? sectionproperties.variantcontainer_bgcolor : 'grey',
|
|
3413
|
+
// backgroundColor: isoptionvalueselected == 1 ? 'green' : isoptionvaluedenabled == 1 ? sectionproperties.variantcontainer_bgcolor : 'grey',
|
|
3414
|
+
background: sectionproperties.variantcontainerbordercolor != undefined && sectionproperties.variantcontainerbordercolor != null ? sectionproperties.variantcontainer_bgcolor : isoptionvalueselected == 1 ? 'green' : isoptionvaluedenabled == 1 ? sectionproperties.variantcontainer_bgcolor : 'grey',
|
|
3089
3415
|
minWidth: sectionproperties.variantcontainer_minwidth + 'px',
|
|
3090
3416
|
height: sectionproperties.variantcontainer_height + 'px',
|
|
3091
3417
|
borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px',
|
|
3092
3418
|
position: 'relative',
|
|
3093
|
-
border: isoptionvalueselected == 1 ? '
|
|
3419
|
+
border: isoptionvalueselected == 1 ? '2px solid ' + sectionproperties.activeproductcolor : isoptionvaluedenabled == 1 ? '1px solid ' + sectionproperties.variantcontainerbordercolor : '1px solid ' + ' grey '
|
|
3094
3420
|
}
|
|
3095
3421
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
3096
3422
|
className: 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center',
|
|
3097
|
-
style: {
|
|
3098
|
-
|
|
3423
|
+
style: {
|
|
3424
|
+
color: sectionproperties.variantcontainerbordercolor != undefined && sectionproperties.variantcontainerbordercolor != null && isoptionvalueselected == 1 ? sectionproperties.activeproductcolor : sectionproperties.variantcontainer_color,
|
|
3425
|
+
fontSize: sectionproperties.variantcontainer_fontSize + 'px',
|
|
3426
|
+
fontWeight: 500
|
|
3427
|
+
}
|
|
3428
|
+
}, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar)));
|
|
3099
3429
|
}
|
|
3100
3430
|
// else {
|
|
3101
3431
|
// return (
|
|
@@ -3149,7 +3479,7 @@ var Variantoptions = function Variantoptions(props) {
|
|
|
3149
3479
|
// fontSize: sectionproperties.variantcontainer_fontSize + 'px',
|
|
3150
3480
|
// }}
|
|
3151
3481
|
// >
|
|
3152
|
-
// {langdetect
|
|
3482
|
+
// {langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar}
|
|
3153
3483
|
// </p>
|
|
3154
3484
|
// </div>
|
|
3155
3485
|
// </li>
|
|
@@ -3159,15 +3489,14 @@ var Variantoptions = function Variantoptions(props) {
|
|
|
3159
3489
|
})), sectionproperties.variantstyle == 'Select Box' && (ProductInfoObj === null || ProductInfoObj === void 0 || (_ProductInfoObj$data6 = ProductInfoObj.data) === null || _ProductInfoObj$data6 === void 0 || (_ProductInfoObj$data6 = _ProductInfoObj$data6.productinfo) === null || _ProductInfoObj$data6 === void 0 || (_ProductInfoObj$data6 = _ProductInfoObj$data6.productoptions) === null || _ProductInfoObj$data6 === void 0 ? void 0 : _ProductInfoObj$data6.map(function (item, index) {
|
|
3160
3490
|
var orgselectoptions = [];
|
|
3161
3491
|
var selecteditemid = null;
|
|
3162
|
-
|
|
3163
|
-
placeholdervalue = 'Choose' + ' ' + (item["optionname_".concat(langdetect)] || item.optionname);
|
|
3492
|
+
langdetect == 'en' ? item.optionname : item.optionname_ar;
|
|
3164
3493
|
if (item.optionvalues != undefined && Array.isArray(item.optionvalues)) {
|
|
3165
3494
|
orgselectoptions = item.optionvalues;
|
|
3166
3495
|
// optionvaluesitem.isselected
|
|
3167
3496
|
}
|
|
3168
3497
|
orgselectoptions.forEach(function (getselcitem, getselindex) {
|
|
3169
3498
|
// if (getselcitem.isselected == 1 && issingleoptionoutofstock(getselcitem)['isoutofstock'] == true && sectionproperties.showoutofstockwithoutselection == 'Show') {
|
|
3170
|
-
// selecteditemid = getselcitem.valueid + langdetect
|
|
3499
|
+
// selecteditemid = getselcitem.valueid + langdetect == 'en' ? '(Unavailable)' : 'غير متاح';
|
|
3171
3500
|
// } else if (getselcitem.isselected == 1 && sectionproperties.showoutofstockwithoutselection == 'Hide') {
|
|
3172
3501
|
// selecteditemid = getselcitem.valueid;
|
|
3173
3502
|
// } else {
|
|
@@ -3187,20 +3516,28 @@ var Variantoptions = function Variantoptions(props) {
|
|
|
3187
3516
|
textTransform: sectionproperties.varianttitle_texttransform,
|
|
3188
3517
|
fontSize: sectionproperties.varianttitle_fontSize + 'px'
|
|
3189
3518
|
}
|
|
3190
|
-
}, langdetect == '
|
|
3519
|
+
}, langdetect == 'en' ? item.optionname : item.optionname_ar), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3191
3520
|
style: {
|
|
3192
3521
|
width: '100%'
|
|
3193
3522
|
},
|
|
3194
3523
|
className: "".concat(loginstyles.form_control, " ").concat(formstyles.form_control) + ' variantselectbox '
|
|
3195
|
-
}, /*#__PURE__*/React__default["default"].createElement(Select$3, {
|
|
3524
|
+
}, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement(Select$3, {
|
|
3196
3525
|
options: orgselectoptions,
|
|
3197
3526
|
getOptionLabel: function getOptionLabel(option) {
|
|
3527
|
+
var _issingleoptionoutofs;
|
|
3198
3528
|
var crname = '';
|
|
3199
|
-
if (langdetect
|
|
3529
|
+
if (langdetect == 'en') {
|
|
3200
3530
|
crname = option.valuename;
|
|
3201
3531
|
} else if (langdetect == 'ar') {
|
|
3202
3532
|
crname = option.valuename_ar;
|
|
3203
3533
|
}
|
|
3534
|
+
if ((_issingleoptionoutofs = issingleoptionoutofstock(option)) !== null && _issingleoptionoutofs !== void 0 && _issingleoptionoutofs.isoutofstock) {
|
|
3535
|
+
if (langdetect == 'en') {
|
|
3536
|
+
return "".concat(crname, " (Out of stock)");
|
|
3537
|
+
} else {
|
|
3538
|
+
return "".concat(crname, " (\u0646\u0641\u0630\u062A \u0627\u0644\u0643\u0645\u064A\u0629)");
|
|
3539
|
+
}
|
|
3540
|
+
}
|
|
3204
3541
|
return crname;
|
|
3205
3542
|
},
|
|
3206
3543
|
getOptionValue: function getOptionValue(option) {
|
|
@@ -3225,8 +3562,96 @@ var Variantoptions = function Variantoptions(props) {
|
|
|
3225
3562
|
}
|
|
3226
3563
|
}
|
|
3227
3564
|
},
|
|
3228
|
-
styles: defaultstylesnone,
|
|
3229
|
-
|
|
3565
|
+
styles: _objectSpread$2I(_objectSpread$2I({}, defaultstylesnone), {}, {
|
|
3566
|
+
option: function option(provided, state) {
|
|
3567
|
+
var _issingleoptionoutofs2;
|
|
3568
|
+
var isOut = ((_issingleoptionoutofs2 = issingleoptionoutofstock(state.data)) === null || _issingleoptionoutofs2 === void 0 ? void 0 : _issingleoptionoutofs2.isoutofstock) === true;
|
|
3569
|
+
return _objectSpread$2I(_objectSpread$2I({}, provided), {}, {
|
|
3570
|
+
textDecoration: isOut ? 'line-through' : 'none',
|
|
3571
|
+
// color: '#000',
|
|
3572
|
+
// cursor: isOut ? 'not-allowed' : 'pointer',
|
|
3573
|
+
color: isOut ? '#7c7a7a' : provided.color
|
|
3574
|
+
});
|
|
3575
|
+
},
|
|
3576
|
+
singleValue: function singleValue(provided, state) {
|
|
3577
|
+
var _issingleoptionoutofs3;
|
|
3578
|
+
var isOut = ((_issingleoptionoutofs3 = issingleoptionoutofstock(state.data)) === null || _issingleoptionoutofs3 === void 0 ? void 0 : _issingleoptionoutofs3.isoutofstock) === true;
|
|
3579
|
+
return _objectSpread$2I(_objectSpread$2I({}, provided), {}, {
|
|
3580
|
+
textDecoration: isOut ? 'line-through' : 'none',
|
|
3581
|
+
// color: '#000',
|
|
3582
|
+
color: isOut ? '#7c7a7a' : provided.color
|
|
3583
|
+
});
|
|
3584
|
+
}
|
|
3585
|
+
})
|
|
3586
|
+
// styles={defaultstylesnone}
|
|
3587
|
+
,
|
|
3588
|
+
placeholder: ' ',
|
|
3589
|
+
isSearchable: true
|
|
3590
|
+
}), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement(Select$3, {
|
|
3591
|
+
options: orgselectoptions,
|
|
3592
|
+
getOptionLabel: function getOptionLabel(option) {
|
|
3593
|
+
var _issingleoptionoutofs4;
|
|
3594
|
+
var crname = '';
|
|
3595
|
+
if (langdetect == 'en') {
|
|
3596
|
+
crname = option.valuename;
|
|
3597
|
+
} else if (langdetect == 'ar') {
|
|
3598
|
+
crname = option.valuename_ar;
|
|
3599
|
+
}
|
|
3600
|
+
if ((_issingleoptionoutofs4 = issingleoptionoutofstock(option)) !== null && _issingleoptionoutofs4 !== void 0 && _issingleoptionoutofs4.isoutofstock) {
|
|
3601
|
+
if (langdetect == 'en') {
|
|
3602
|
+
return "".concat(crname, " (Out of stock)");
|
|
3603
|
+
} else {
|
|
3604
|
+
return "".concat(crname, " (\u0646\u0641\u0630\u062A \u0627\u0644\u0643\u0645\u064A\u0629)");
|
|
3605
|
+
}
|
|
3606
|
+
}
|
|
3607
|
+
return crname;
|
|
3608
|
+
},
|
|
3609
|
+
getOptionValue: function getOptionValue(option) {
|
|
3610
|
+
return option.valueid;
|
|
3611
|
+
},
|
|
3612
|
+
value: orgselectoptions.filter(function (option) {
|
|
3613
|
+
return option.valueid == selecteditemid;
|
|
3614
|
+
}),
|
|
3615
|
+
onChange: function onChange(optionvaluesitem) {
|
|
3616
|
+
var _orgselectoptions2;
|
|
3617
|
+
var optionvaluesindex = null;
|
|
3618
|
+
(_orgselectoptions2 = orgselectoptions) === null || _orgselectoptions2 === void 0 || _orgselectoptions2.forEach(function (tempitm, tempind) {
|
|
3619
|
+
if (tempitm.valueid == optionvaluesitem.valueid) {
|
|
3620
|
+
optionvaluesindex = tempind;
|
|
3621
|
+
}
|
|
3622
|
+
});
|
|
3623
|
+
if (optionvaluesindex != null) {
|
|
3624
|
+
if (optionvaluesitem.isenabled == 1) {
|
|
3625
|
+
selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
|
|
3626
|
+
} else {
|
|
3627
|
+
clearchoosenvaluesbutkeepcurrentvalue(index, optionvaluesitem, optionvaluesindex);
|
|
3628
|
+
}
|
|
3629
|
+
}
|
|
3630
|
+
},
|
|
3631
|
+
styles: _objectSpread$2I(_objectSpread$2I({}, defaultstylesnone), {}, {
|
|
3632
|
+
option: function option(provided, state) {
|
|
3633
|
+
var _issingleoptionoutofs5;
|
|
3634
|
+
var isOut = ((_issingleoptionoutofs5 = issingleoptionoutofstock(state.data)) === null || _issingleoptionoutofs5 === void 0 ? void 0 : _issingleoptionoutofs5.isoutofstock) === true;
|
|
3635
|
+
return _objectSpread$2I(_objectSpread$2I({}, provided), {}, {
|
|
3636
|
+
textDecoration: isOut ? 'line-through' : 'none',
|
|
3637
|
+
// color: '#000',
|
|
3638
|
+
// cursor: isOut ? 'not-allowed' : 'pointer',
|
|
3639
|
+
color: isOut ? '#7c7a7a' : provided.color
|
|
3640
|
+
});
|
|
3641
|
+
},
|
|
3642
|
+
singleValue: function singleValue(provided, state) {
|
|
3643
|
+
var _issingleoptionoutofs6;
|
|
3644
|
+
var isOut = ((_issingleoptionoutofs6 = issingleoptionoutofstock(state.data)) === null || _issingleoptionoutofs6 === void 0 ? void 0 : _issingleoptionoutofs6.isoutofstock) === true;
|
|
3645
|
+
return _objectSpread$2I(_objectSpread$2I({}, provided), {}, {
|
|
3646
|
+
textDecoration: isOut ? 'line-through' : 'none',
|
|
3647
|
+
// color: '#000',
|
|
3648
|
+
color: isOut ? '#7c7a7a' : provided.color
|
|
3649
|
+
});
|
|
3650
|
+
}
|
|
3651
|
+
})
|
|
3652
|
+
// styles={defaultstylesnonear}
|
|
3653
|
+
,
|
|
3654
|
+
placeholder: '',
|
|
3230
3655
|
isSearchable: true
|
|
3231
3656
|
})));
|
|
3232
3657
|
}))), sizeguideimage.length != 0 && /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal, {
|
|
@@ -3256,10 +3681,10 @@ var Variantoptions = function Variantoptions(props) {
|
|
|
3256
3681
|
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3257
3682
|
"class": ' w-100 h-100 px-4 py-5 ',
|
|
3258
3683
|
style: {}
|
|
3259
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
3260
|
-
urlEndpoint
|
|
3261
|
-
publicKey
|
|
3262
|
-
|
|
3684
|
+
}, /*#__PURE__*/React__default["default"].createElement("img", {
|
|
3685
|
+
// urlEndpoint={ikimagecredcontext?.ikimageendpoint}
|
|
3686
|
+
// publicKey={ikimagecredcontext?.ikimagepublickey}
|
|
3687
|
+
src: (_sizeguideimage$ = sizeguideimage[0]) === null || _sizeguideimage$ === void 0 ? void 0 : _sizeguideimage$.original,
|
|
3263
3688
|
style: {
|
|
3264
3689
|
width: '100%',
|
|
3265
3690
|
height: '100%',
|