tabexseriescomponents 0.50.195 → 0.50.196
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 +538 -125
- package/dist/index.esm.js +538 -125
- package/dist/index.umd.js +538 -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,39 @@ 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;
|
|
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
|
+
}
|
|
2974
|
+
// amiga
|
|
2975
|
+
else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) == '670fc18477599') {
|
|
2976
|
+
is_value_permdisabled = 1;
|
|
2977
|
+
}
|
|
2978
|
+
// vout
|
|
2979
|
+
else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) == '68f918a4ccb85') {
|
|
2980
|
+
is_value_permdisabled = 1;
|
|
2981
|
+
}
|
|
2982
|
+
// puff
|
|
2983
|
+
else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.contactinfo.instid) == '6899e604db87f') {
|
|
2984
|
+
is_value_permdisabled = 1;
|
|
2985
|
+
}
|
|
2986
|
+
// dija
|
|
2987
|
+
else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.contactinfo.instid) == '682cbb9bdcd57') {
|
|
2988
|
+
is_value_permdisabled = 1;
|
|
2989
|
+
}
|
|
2990
|
+
// angel
|
|
2991
|
+
else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.contactinfo.instid) == '67bda57bca71d') {
|
|
2992
|
+
is_value_permdisabled = 1;
|
|
2993
|
+
} else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.contactinfo.instid) == '69244cc88aa0a') {
|
|
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) == '687ca57cc78e8') {
|
|
2996
|
+
is_value_permdisabled = 1;
|
|
2997
|
+
}
|
|
2998
|
+
}
|
|
2876
2999
|
if (item.optionname == 'color' || item.optionname == 'Color') {
|
|
2877
3000
|
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2878
3001
|
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 +3019,184 @@ var Variantoptions = function Variantoptions(props) {
|
|
|
2896
3019
|
}
|
|
2897
3020
|
}));
|
|
2898
3021
|
} else if (item.optionname == 'size' || item.optionname == 'Size') {
|
|
3022
|
+
// if (ProductInfoObj?.data?.productinfo?.productoptions?.length == 1 || isoptionvaluedenabled == 1) {
|
|
3023
|
+
if (is_value_permdisabled == 0) {
|
|
3024
|
+
var _authdetailsContext$i9, _authdetailsContext$i17, _authdetailsContext$i18, _authdetailsContext$i19, _authdetailsContext$i20, _authdetailsContext$i21, _authdetailsContext$i22, _authdetailsContext$i23, _authdetailsContext$i24, _authdetailsContext$i25;
|
|
3025
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3026
|
+
// className={
|
|
3027
|
+
// issingleoptionoutofstock(optionvaluesitem)['isoutofstock'] == true &&
|
|
3028
|
+
// sectionproperties.showoutofstockwithoutselection == 'Show'
|
|
3029
|
+
// ? `${productinfostyles.variant_container} ${productinfostyles.size_variant_container}` +
|
|
3030
|
+
// ' mr-2 variabttcontainer allcentered showcrossicon ' +
|
|
3031
|
+
// `${isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''}`
|
|
3032
|
+
// : `${productinfostyles.variant_container} ${productinfostyles.size_variant_container}` +
|
|
3033
|
+
// ' mr-2 variabttcontainer allcentered ' +
|
|
3034
|
+
// `${isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''}`
|
|
3035
|
+
// }
|
|
3036
|
+
className: issingleoptionoutofstock(optionvaluesitem)['isoutofstock'] == true && sectionproperties.showoutofstockwithoutselection == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.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 : ''),
|
|
3037
|
+
onClick: function onClick() {
|
|
3038
|
+
if (isoptionvalueselected == 0) {
|
|
3039
|
+
var _authdetailsContext$i0, _authdetailsContext$i1, _authdetailsContext$i10, _authdetailsContext$i11, _authdetailsContext$i12, _authdetailsContext$i13, _authdetailsContext$i14, _authdetailsContext$i15, _authdetailsContext$i16;
|
|
3040
|
+
if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.contactinfo.instid) == '68d28fc494276') {
|
|
3041
|
+
if (isValueinStock == 0) {
|
|
3042
|
+
return;
|
|
3043
|
+
}
|
|
3044
|
+
}
|
|
3045
|
+
// amiga
|
|
3046
|
+
else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i1 = authdetailsContext.instinfo) === null || _authdetailsContext$i1 === void 0 ? void 0 : _authdetailsContext$i1.contactinfo.instid) == '670fc18477599') {
|
|
3047
|
+
if (isValueinStock == 0) {
|
|
3048
|
+
return;
|
|
3049
|
+
}
|
|
3050
|
+
}
|
|
3051
|
+
// vout
|
|
3052
|
+
else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.contactinfo.instid) == '68f918a4ccb85') {
|
|
3053
|
+
if (isValueinStock == 0) {
|
|
3054
|
+
return;
|
|
3055
|
+
}
|
|
3056
|
+
}
|
|
3057
|
+
// puff
|
|
3058
|
+
else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.contactinfo.instid) == '6899e604db87f') {
|
|
3059
|
+
if (isValueinStock == 0) {
|
|
3060
|
+
return;
|
|
3061
|
+
}
|
|
3062
|
+
}
|
|
3063
|
+
// angel
|
|
3064
|
+
else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.contactinfo.instid) == '67bda57bca71d') {
|
|
3065
|
+
if (isValueinStock == 0) {
|
|
3066
|
+
return;
|
|
3067
|
+
}
|
|
3068
|
+
}
|
|
3069
|
+
// dija
|
|
3070
|
+
else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.contactinfo.instid) == '682cbb9bdcd57') {
|
|
3071
|
+
if (isValueinStock == 0) {
|
|
3072
|
+
return;
|
|
3073
|
+
}
|
|
3074
|
+
} else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.contactinfo.instid) == '69244cc88aa0a') {
|
|
3075
|
+
if (isValueinStock == 0) {
|
|
3076
|
+
return;
|
|
3077
|
+
}
|
|
3078
|
+
} else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.contactinfo.instid) == '687ca57cc78e8') {
|
|
3079
|
+
if (isValueinStock == 0) {
|
|
3080
|
+
return;
|
|
3081
|
+
}
|
|
3082
|
+
} else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.contactinfo.instid) == '6899e604db87f') {
|
|
3083
|
+
if (isValueinStock == 0) {
|
|
3084
|
+
return;
|
|
3085
|
+
}
|
|
3086
|
+
}
|
|
3087
|
+
}
|
|
3088
|
+
if (issingleoptionoutofstock(optionvaluesitem)['isoutofstock'] == true && sectionproperties.showoutofstockwithoutselection == 'Show') ; else {
|
|
3089
|
+
if (optionvaluesitem.isenabled == 1) {
|
|
3090
|
+
selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
|
|
3091
|
+
} else {
|
|
3092
|
+
clearchoosenvaluesbutkeepcurrentvalue(index, optionvaluesitem, optionvaluesindex);
|
|
3093
|
+
}
|
|
3094
|
+
}
|
|
3095
|
+
},
|
|
3096
|
+
style: {
|
|
3097
|
+
// activeproductcolor
|
|
3098
|
+
// cursor:
|
|
3099
|
+
// issingleoptionoutofstock(optionvaluesitem)['isoutofstock'] == true &&
|
|
3100
|
+
// sectionproperties.showoutofstockwithoutselection == 'Show'
|
|
3101
|
+
// ? 'not-allowed'
|
|
3102
|
+
// : isoptionvaluedenabled == 1
|
|
3103
|
+
// ? 'pointer'
|
|
3104
|
+
// : 'not-allowed',
|
|
3105
|
+
cursor: issingleoptionoutofstock(optionvaluesitem)['isoutofstock'] == true && sectionproperties.showoutofstockwithoutselection == 'Show' ? 'not-allowed' : 'pointer',
|
|
3106
|
+
backgroundColor: sectionproperties.variantcontainerbordercolor != undefined && sectionproperties.variantcontainerbordercolor != null ? sectionproperties.variantcontainer_bgcolor : isoptionvalueselected == 1 ? 'green' : isoptionvaluedenabled == 1 ? sectionproperties.variantcontainer_bgcolor : 'grey',
|
|
3107
|
+
minWidth: sectionproperties.variantcontainer_minwidth + 'px',
|
|
3108
|
+
height: sectionproperties.variantcontainer_height + 'px',
|
|
3109
|
+
borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px',
|
|
3110
|
+
position: 'relative',
|
|
3111
|
+
border: isoptionvalueselected == 1 ? '2px solid ' + sectionproperties.activeproductcolor : isoptionvaluedenabled == 1 ? '1px solid ' + sectionproperties.variantcontainerbordercolor : '1px solid ' + ' grey '
|
|
3112
|
+
}
|
|
3113
|
+
}, isoptionvalueselected == 1 && sectionproperties.showRemovebutton == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
|
|
3114
|
+
"class": "m-0 p-0 bg-danger bgdanger-hover",
|
|
3115
|
+
style: {
|
|
3116
|
+
position: 'absolute',
|
|
3117
|
+
top: '-15px',
|
|
3118
|
+
right: '-5px',
|
|
3119
|
+
width: '3vh',
|
|
3120
|
+
height: '3vh',
|
|
3121
|
+
borderRadius: 100
|
|
3122
|
+
}
|
|
3123
|
+
}, /*#__PURE__*/React__default["default"].createElement("i", {
|
|
3124
|
+
"class": "h-100 allcentered"
|
|
3125
|
+
}, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, null))), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
3126
|
+
className: isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.contactinfo.instid) == '68d28fc494276' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' :
|
|
3127
|
+
// amiga
|
|
3128
|
+
isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.contactinfo.instid) == '670fc18477599' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' :
|
|
3129
|
+
// vout
|
|
3130
|
+
isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.contactinfo.instid) == '68f918a4ccb85' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' :
|
|
3131
|
+
// puff
|
|
3132
|
+
isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.contactinfo.instid) == '6899e604db87f' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' :
|
|
3133
|
+
// angel
|
|
3134
|
+
|
|
3135
|
+
isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.contactinfo.instid) == '67bda57bca71d' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' :
|
|
3136
|
+
// dija
|
|
3137
|
+
isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.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$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.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$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.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$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.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',
|
|
3138
|
+
style: {
|
|
3139
|
+
color: sectionproperties.variantcontainerbordercolor != undefined && sectionproperties.variantcontainerbordercolor != null && isoptionvalueselected == 1 ? sectionproperties.activeproductcolor : sectionproperties.variantcontainer_color,
|
|
3140
|
+
fontSize: sectionproperties.variantcontainer_fontSize + 'px',
|
|
3141
|
+
fontWeight: 500
|
|
3142
|
+
}
|
|
3143
|
+
}, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar));
|
|
3144
|
+
}
|
|
3145
|
+
} else {
|
|
3146
|
+
var _authdetailsContext$i26, _authdetailsContext$i36, _authdetailsContext$i37, _authdetailsContext$i38, _authdetailsContext$i39, _authdetailsContext$i40, _authdetailsContext$i41, _authdetailsContext$i42, _authdetailsContext$i43, _authdetailsContext$i44;
|
|
2899
3147
|
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
|
|
3148
|
+
className: issingleoptionoutofstock(optionvaluesitem)['isoutofstock'] == true && sectionproperties.showoutofstockwithoutselection == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.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
3149
|
onClick: function onClick() {
|
|
3150
|
+
if (isoptionvalueselected == 0) {
|
|
3151
|
+
var _authdetailsContext$i27, _authdetailsContext$i28, _authdetailsContext$i29, _authdetailsContext$i30, _authdetailsContext$i31, _authdetailsContext$i32, _authdetailsContext$i33, _authdetailsContext$i34, _authdetailsContext$i35;
|
|
3152
|
+
if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.contactinfo.instid) == '68d28fc494276') {
|
|
3153
|
+
if (isValueinStock == 0) {
|
|
3154
|
+
return;
|
|
3155
|
+
}
|
|
3156
|
+
}
|
|
3157
|
+
// amiga
|
|
3158
|
+
else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.contactinfo.instid) == '670fc18477599') {
|
|
3159
|
+
if (isValueinStock == 0) {
|
|
3160
|
+
return;
|
|
3161
|
+
}
|
|
3162
|
+
}
|
|
3163
|
+
// vout
|
|
3164
|
+
else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i29 = authdetailsContext.instinfo) === null || _authdetailsContext$i29 === void 0 ? void 0 : _authdetailsContext$i29.contactinfo.instid) == '68f918a4ccb85') {
|
|
3165
|
+
if (isValueinStock == 0) {
|
|
3166
|
+
return;
|
|
3167
|
+
}
|
|
3168
|
+
}
|
|
3169
|
+
// puff n stuff
|
|
3170
|
+
else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i30 = authdetailsContext.instinfo) === null || _authdetailsContext$i30 === void 0 ? void 0 : _authdetailsContext$i30.contactinfo.instid) == '6899e604db87f') {
|
|
3171
|
+
if (isValueinStock == 0) {
|
|
3172
|
+
return;
|
|
3173
|
+
}
|
|
3174
|
+
} else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i31 = authdetailsContext.instinfo) === null || _authdetailsContext$i31 === void 0 ? void 0 : _authdetailsContext$i31.contactinfo.instid) == '69244cc88aa0a') {
|
|
3175
|
+
if (isValueinStock == 0) {
|
|
3176
|
+
return;
|
|
3177
|
+
}
|
|
3178
|
+
}
|
|
3179
|
+
// angel
|
|
3180
|
+
else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i32 = authdetailsContext.instinfo) === null || _authdetailsContext$i32 === void 0 ? void 0 : _authdetailsContext$i32.contactinfo.instid) == '67bda57bca71d') {
|
|
3181
|
+
if (isValueinStock == 0) {
|
|
3182
|
+
return;
|
|
3183
|
+
}
|
|
3184
|
+
}
|
|
3185
|
+
// dija
|
|
3186
|
+
else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i33 = authdetailsContext.instinfo) === null || _authdetailsContext$i33 === void 0 ? void 0 : _authdetailsContext$i33.contactinfo.instid) == '682cbb9bdcd57') {
|
|
3187
|
+
if (isValueinStock == 0) {
|
|
3188
|
+
return;
|
|
3189
|
+
}
|
|
3190
|
+
} else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i34 = authdetailsContext.instinfo) === null || _authdetailsContext$i34 === void 0 ? void 0 : _authdetailsContext$i34.contactinfo.instid) == '687ca57cc78e8') {
|
|
3191
|
+
if (isValueinStock == 0) {
|
|
3192
|
+
return;
|
|
3193
|
+
}
|
|
3194
|
+
} else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i35 = authdetailsContext.instinfo) === null || _authdetailsContext$i35 === void 0 ? void 0 : _authdetailsContext$i35.contactinfo.instid) == '6899e604db87f') {
|
|
3195
|
+
if (isValueinStock == 0) {
|
|
3196
|
+
return;
|
|
3197
|
+
}
|
|
3198
|
+
}
|
|
3199
|
+
}
|
|
2902
3200
|
if (issingleoptionoutofstock(optionvaluesitem)['isoutofstock'] == true && sectionproperties.showoutofstockwithoutselection == 'Show') ; else {
|
|
2903
3201
|
if (optionvaluesitem.isenabled == 1) {
|
|
2904
3202
|
selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
|
|
@@ -2908,14 +3206,6 @@ var Variantoptions = function Variantoptions(props) {
|
|
|
2908
3206
|
}
|
|
2909
3207
|
},
|
|
2910
3208
|
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
3209
|
cursor: issingleoptionoutofstock(optionvaluesitem)['isoutofstock'] == true && sectionproperties.showoutofstockwithoutselection == 'Show' ? 'not-allowed' : 'pointer',
|
|
2920
3210
|
backgroundColor: sectionproperties.variantcontainerbordercolor != undefined && sectionproperties.variantcontainerbordercolor != null ? sectionproperties.variantcontainer_bgcolor : isoptionvalueselected == 1 ? 'green' : isoptionvaluedenabled == 1 ? sectionproperties.variantcontainer_bgcolor : 'grey',
|
|
2921
3211
|
minWidth: sectionproperties.variantcontainer_minwidth + 'px',
|
|
@@ -2924,101 +3214,124 @@ var Variantoptions = function Variantoptions(props) {
|
|
|
2924
3214
|
position: 'relative',
|
|
2925
3215
|
border: isoptionvalueselected == 1 ? '2px solid ' + sectionproperties.activeproductcolor : isoptionvaluedenabled == 1 ? '1px solid ' + sectionproperties.variantcontainerbordercolor : '1px solid ' + ' grey '
|
|
2926
3216
|
}
|
|
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',
|
|
3217
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
3218
|
+
className: isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i36 = authdetailsContext.instinfo) === null || _authdetailsContext$i36 === void 0 ? void 0 : _authdetailsContext$i36.contactinfo.instid) == '68d28fc494276' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' :
|
|
3219
|
+
// amiga
|
|
3220
|
+
isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i37 = authdetailsContext.instinfo) === null || _authdetailsContext$i37 === void 0 ? void 0 : _authdetailsContext$i37.contactinfo.instid) == '670fc18477599' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' :
|
|
3221
|
+
// vout
|
|
3222
|
+
isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i38 = authdetailsContext.instinfo) === null || _authdetailsContext$i38 === void 0 ? void 0 : _authdetailsContext$i38.contactinfo.instid) == '68f918a4ccb85' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' :
|
|
3223
|
+
// puff
|
|
3224
|
+
isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i39 = authdetailsContext.instinfo) === null || _authdetailsContext$i39 === void 0 ? void 0 : _authdetailsContext$i39.contactinfo.instid) == '6899e604db87f' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' :
|
|
3225
|
+
// angel
|
|
3226
|
+
isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i40 = authdetailsContext.instinfo) === null || _authdetailsContext$i40 === void 0 ? void 0 : _authdetailsContext$i40.contactinfo.instid) == '67bda57bca71d' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' :
|
|
3227
|
+
// dija
|
|
3228
|
+
isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i41 = authdetailsContext.instinfo) === null || _authdetailsContext$i41 === void 0 ? void 0 : _authdetailsContext$i41.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$i42 = authdetailsContext.instinfo) === null || _authdetailsContext$i42 === void 0 ? void 0 : _authdetailsContext$i42.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$i43 = authdetailsContext.instinfo) === null || _authdetailsContext$i43 === void 0 ? void 0 : _authdetailsContext$i43.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$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' : 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center',
|
|
2941
3229
|
style: {
|
|
2942
3230
|
color: sectionproperties.variantcontainerbordercolor != undefined && sectionproperties.variantcontainerbordercolor != null && isoptionvalueselected == 1 ? sectionproperties.activeproductcolor : sectionproperties.variantcontainer_color,
|
|
2943
3231
|
fontSize: sectionproperties.variantcontainer_fontSize + 'px',
|
|
2944
3232
|
fontWeight: 500
|
|
2945
3233
|
}
|
|
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
|
-
|
|
3234
|
+
}, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar))
|
|
3235
|
+
// <div
|
|
3236
|
+
// className={
|
|
3237
|
+
// productinfostyles.variant_container +
|
|
3238
|
+
// ' mr-2 variabttcontainer allcentered pl-2 pr-2 ' +
|
|
3239
|
+
// `${isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''}`
|
|
3240
|
+
// }
|
|
3241
|
+
// onClick={() => {
|
|
3242
|
+
// if (optionvaluesitem.isenabled == 1) {
|
|
3243
|
+
// selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
|
|
3244
|
+
// } else {
|
|
3245
|
+
// clearchoosenvaluesbutkeepcurrentvalue(index, optionvaluesitem, optionvaluesindex);
|
|
3246
|
+
// }
|
|
3247
|
+
// }}
|
|
3248
|
+
// style={{
|
|
3249
|
+
// backgroundColor:
|
|
3250
|
+
// sectionproperties.variantcontainerbordercolor != undefined && sectionproperties.variantcontainerbordercolor != null
|
|
3251
|
+
// ? sectionproperties.variantcontainer_bgcolor
|
|
3252
|
+
// : isoptionvalueselected == 1
|
|
3253
|
+
// ? 'green'
|
|
3254
|
+
// : isoptionvaluedenabled == 1
|
|
3255
|
+
// ? sectionproperties.variantcontainer_bgcolor
|
|
3256
|
+
// : 'grey',
|
|
3257
|
+
// width: 'auto',
|
|
3258
|
+
// height: sectionproperties.variantcontainer_height + 'px',
|
|
3259
|
+
// borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px',
|
|
3260
|
+
// position: 'relative',
|
|
3261
|
+
// // border:
|
|
3262
|
+
// // isoptionvalueselected == 1
|
|
3263
|
+
// // ? '2px solid green'
|
|
3264
|
+
// // : isoptionvaluedenabled == 1
|
|
3265
|
+
// // ? '1px solid ' + sectionproperties.variantcontainerbordercolor
|
|
3266
|
+
// // : '1px solid ' + ' grey ',
|
|
3267
|
+
// border: isoptionvalueselected == 1 ? '2px solid ' + sectionproperties.activeproductcolor : '1px solid #ccc',
|
|
3268
|
+
// }}
|
|
3269
|
+
// >
|
|
3270
|
+
// {isoptionvalueselected == 1 && sectionproperties.showRemovebutton == 'Show' && (
|
|
3271
|
+
// <p
|
|
3272
|
+
// class="m-0 p-0 bg-danger bgdanger-hover"
|
|
3273
|
+
// style={{
|
|
3274
|
+
// position: 'absolute',
|
|
3275
|
+
// top: '-15px',
|
|
3276
|
+
// right: '-5px',
|
|
3277
|
+
// width: '3vh',
|
|
3278
|
+
// height: '3vh',
|
|
3279
|
+
// borderRadius: 100,
|
|
3280
|
+
// }}
|
|
3281
|
+
// >
|
|
3282
|
+
// <i class="h-100 allcentered">
|
|
3283
|
+
// <IoMdClose />
|
|
3284
|
+
// </i>
|
|
3285
|
+
// </p>
|
|
3286
|
+
// )}
|
|
3287
|
+
// <p
|
|
3288
|
+
// className={'m-0 p-0 allcentered'}
|
|
3289
|
+
// style={{
|
|
3290
|
+
// fontWeight: 500,
|
|
3291
|
+
// // color: sectionproperties.variantcontainer_color,
|
|
3292
|
+
// fontSize: sectionproperties.variantcontainer_fontSize + 'px',
|
|
3293
|
+
// color:
|
|
3294
|
+
// sectionproperties.variantcontainerbordercolor != undefined &&
|
|
3295
|
+
// sectionproperties.variantcontainerbordercolor != null &&
|
|
3296
|
+
// isoptionvalueselected == 1
|
|
3297
|
+
// ? sectionproperties.activeproductcolor
|
|
3298
|
+
// : sectionproperties.variantcontainer_color,
|
|
3299
|
+
// }}
|
|
3300
|
+
// >
|
|
3301
|
+
// sad {langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar}
|
|
3302
|
+
// </p>
|
|
3303
|
+
// </div>
|
|
3304
|
+
;
|
|
2992
3305
|
}
|
|
2993
3306
|
}))));
|
|
2994
3307
|
})))), sectionproperties.showsizeguidebtn == 'Show' && sizeguideimage.length != 0 && sectionproperties.sizeguideposition == 'Besides Variants' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2995
|
-
"class": "col-3 text-end"
|
|
3308
|
+
"class": "col-3 text-end p-0"
|
|
2996
3309
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
2997
3310
|
"class": formstyles.sizeguidebtn + ' m-0 p-0 cursor-pointer mb-auto ',
|
|
2998
3311
|
onClick: function onClick() {
|
|
2999
3312
|
setopensizeguidemodal(true);
|
|
3000
3313
|
}
|
|
3001
|
-
},
|
|
3314
|
+
}, 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
3315
|
"class": "my-3 col-lg-12 p-0"
|
|
3003
3316
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
3004
3317
|
className: 'm-0 p-0 wordbreak',
|
|
3005
3318
|
style: {
|
|
3006
|
-
textAlign: langdetect
|
|
3319
|
+
textAlign: langdetect == 'en' ? 'left' : 'right',
|
|
3007
3320
|
color: '#000000'
|
|
3008
3321
|
},
|
|
3009
3322
|
dangerouslySetInnerHTML: {
|
|
3010
|
-
__html: langdetect
|
|
3323
|
+
__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
3324
|
}
|
|
3012
3325
|
})), 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
3326
|
"class": "my-3 col-lg-12 p-0"
|
|
3014
3327
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
3015
3328
|
className: 'm-0 p-0 wordbreak',
|
|
3016
3329
|
style: {
|
|
3017
|
-
textAlign: langdetect
|
|
3330
|
+
textAlign: langdetect == 'en' ? 'left' : 'right',
|
|
3018
3331
|
color: '#000000'
|
|
3019
3332
|
},
|
|
3020
3333
|
dangerouslySetInnerHTML: {
|
|
3021
|
-
__html: langdetect
|
|
3334
|
+
__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
3335
|
}
|
|
3023
3336
|
})), 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
3337
|
return /*#__PURE__*/React__default["default"].createElement("ul", {
|
|
@@ -3035,7 +3348,7 @@ var Variantoptions = function Variantoptions(props) {
|
|
|
3035
3348
|
textTransform: sectionproperties.varianttitle_texttransform,
|
|
3036
3349
|
fontSize: sectionproperties.varianttitle_fontSize + 'px'
|
|
3037
3350
|
}
|
|
3038
|
-
}, sectionproperties.showselect == 'Show' && /*#__PURE__*/React__default["default"].createElement("span", null, lang.select), " ", '',
|
|
3351
|
+
}, 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
3352
|
var isoptionvalueselected = 0;
|
|
3040
3353
|
if (optionvaluesitem.isselected == 1) {
|
|
3041
3354
|
isoptionvalueselected = 1;
|
|
@@ -3075,7 +3388,7 @@ var Variantoptions = function Variantoptions(props) {
|
|
|
3075
3388
|
width: 'auto'
|
|
3076
3389
|
}
|
|
3077
3390
|
}, /*#__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 : ''),
|
|
3391
|
+
className: "".concat(productinfo_cssstyles.variant_container) + ' mx-1 mb-2 variabttcontainer allcentered px-2 cursor-pointer ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
|
|
3079
3392
|
onClick: function onClick() {
|
|
3080
3393
|
if (optionvaluesitem.isenabled == 1) {
|
|
3081
3394
|
selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
|
|
@@ -3085,17 +3398,22 @@ var Variantoptions = function Variantoptions(props) {
|
|
|
3085
3398
|
},
|
|
3086
3399
|
style: {
|
|
3087
3400
|
// cursor: isoptionvaluedenabled == 1 ? 'pointer' : 'not-allowed',
|
|
3088
|
-
backgroundColor: isoptionvalueselected == 1 ? 'green' : isoptionvaluedenabled == 1 ? sectionproperties.variantcontainer_bgcolor : 'grey',
|
|
3401
|
+
// backgroundColor: isoptionvalueselected == 1 ? 'green' : isoptionvaluedenabled == 1 ? sectionproperties.variantcontainer_bgcolor : 'grey',
|
|
3402
|
+
background: sectionproperties.variantcontainerbordercolor != undefined && sectionproperties.variantcontainerbordercolor != null ? sectionproperties.variantcontainer_bgcolor : isoptionvalueselected == 1 ? 'green' : isoptionvaluedenabled == 1 ? sectionproperties.variantcontainer_bgcolor : 'grey',
|
|
3089
3403
|
minWidth: sectionproperties.variantcontainer_minwidth + 'px',
|
|
3090
3404
|
height: sectionproperties.variantcontainer_height + 'px',
|
|
3091
3405
|
borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px',
|
|
3092
3406
|
position: 'relative',
|
|
3093
|
-
border: isoptionvalueselected == 1 ? '
|
|
3407
|
+
border: isoptionvalueselected == 1 ? '2px solid ' + sectionproperties.activeproductcolor : isoptionvaluedenabled == 1 ? '1px solid ' + sectionproperties.variantcontainerbordercolor : '1px solid ' + ' grey '
|
|
3094
3408
|
}
|
|
3095
3409
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
3096
3410
|
className: 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center',
|
|
3097
|
-
style: {
|
|
3098
|
-
|
|
3411
|
+
style: {
|
|
3412
|
+
color: sectionproperties.variantcontainerbordercolor != undefined && sectionproperties.variantcontainerbordercolor != null && isoptionvalueselected == 1 ? sectionproperties.activeproductcolor : sectionproperties.variantcontainer_color,
|
|
3413
|
+
fontSize: sectionproperties.variantcontainer_fontSize + 'px',
|
|
3414
|
+
fontWeight: 500
|
|
3415
|
+
}
|
|
3416
|
+
}, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar)));
|
|
3099
3417
|
}
|
|
3100
3418
|
// else {
|
|
3101
3419
|
// return (
|
|
@@ -3149,7 +3467,7 @@ var Variantoptions = function Variantoptions(props) {
|
|
|
3149
3467
|
// fontSize: sectionproperties.variantcontainer_fontSize + 'px',
|
|
3150
3468
|
// }}
|
|
3151
3469
|
// >
|
|
3152
|
-
// {langdetect
|
|
3470
|
+
// {langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar}
|
|
3153
3471
|
// </p>
|
|
3154
3472
|
// </div>
|
|
3155
3473
|
// </li>
|
|
@@ -3159,15 +3477,14 @@ var Variantoptions = function Variantoptions(props) {
|
|
|
3159
3477
|
})), 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
3478
|
var orgselectoptions = [];
|
|
3161
3479
|
var selecteditemid = null;
|
|
3162
|
-
|
|
3163
|
-
placeholdervalue = 'Choose' + ' ' + (item["optionname_".concat(langdetect)] || item.optionname);
|
|
3480
|
+
langdetect == 'en' ? item.optionname : item.optionname_ar;
|
|
3164
3481
|
if (item.optionvalues != undefined && Array.isArray(item.optionvalues)) {
|
|
3165
3482
|
orgselectoptions = item.optionvalues;
|
|
3166
3483
|
// optionvaluesitem.isselected
|
|
3167
3484
|
}
|
|
3168
3485
|
orgselectoptions.forEach(function (getselcitem, getselindex) {
|
|
3169
3486
|
// if (getselcitem.isselected == 1 && issingleoptionoutofstock(getselcitem)['isoutofstock'] == true && sectionproperties.showoutofstockwithoutselection == 'Show') {
|
|
3170
|
-
// selecteditemid = getselcitem.valueid + langdetect
|
|
3487
|
+
// selecteditemid = getselcitem.valueid + langdetect == 'en' ? '(Unavailable)' : 'غير متاح';
|
|
3171
3488
|
// } else if (getselcitem.isselected == 1 && sectionproperties.showoutofstockwithoutselection == 'Hide') {
|
|
3172
3489
|
// selecteditemid = getselcitem.valueid;
|
|
3173
3490
|
// } else {
|
|
@@ -3187,20 +3504,28 @@ var Variantoptions = function Variantoptions(props) {
|
|
|
3187
3504
|
textTransform: sectionproperties.varianttitle_texttransform,
|
|
3188
3505
|
fontSize: sectionproperties.varianttitle_fontSize + 'px'
|
|
3189
3506
|
}
|
|
3190
|
-
}, langdetect == '
|
|
3507
|
+
}, langdetect == 'en' ? item.optionname : item.optionname_ar), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3191
3508
|
style: {
|
|
3192
3509
|
width: '100%'
|
|
3193
3510
|
},
|
|
3194
3511
|
className: "".concat(loginstyles.form_control, " ").concat(formstyles.form_control) + ' variantselectbox '
|
|
3195
|
-
}, /*#__PURE__*/React__default["default"].createElement(Select$3, {
|
|
3512
|
+
}, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement(Select$3, {
|
|
3196
3513
|
options: orgselectoptions,
|
|
3197
3514
|
getOptionLabel: function getOptionLabel(option) {
|
|
3515
|
+
var _issingleoptionoutofs;
|
|
3198
3516
|
var crname = '';
|
|
3199
|
-
if (langdetect
|
|
3517
|
+
if (langdetect == 'en') {
|
|
3200
3518
|
crname = option.valuename;
|
|
3201
3519
|
} else if (langdetect == 'ar') {
|
|
3202
3520
|
crname = option.valuename_ar;
|
|
3203
3521
|
}
|
|
3522
|
+
if ((_issingleoptionoutofs = issingleoptionoutofstock(option)) !== null && _issingleoptionoutofs !== void 0 && _issingleoptionoutofs.isoutofstock) {
|
|
3523
|
+
if (langdetect == 'en') {
|
|
3524
|
+
return "".concat(crname, " (Out of stock)");
|
|
3525
|
+
} else {
|
|
3526
|
+
return "".concat(crname, " (\u0646\u0641\u0630\u062A \u0627\u0644\u0643\u0645\u064A\u0629)");
|
|
3527
|
+
}
|
|
3528
|
+
}
|
|
3204
3529
|
return crname;
|
|
3205
3530
|
},
|
|
3206
3531
|
getOptionValue: function getOptionValue(option) {
|
|
@@ -3225,8 +3550,96 @@ var Variantoptions = function Variantoptions(props) {
|
|
|
3225
3550
|
}
|
|
3226
3551
|
}
|
|
3227
3552
|
},
|
|
3228
|
-
styles: defaultstylesnone,
|
|
3229
|
-
|
|
3553
|
+
styles: _objectSpread$2I(_objectSpread$2I({}, defaultstylesnone), {}, {
|
|
3554
|
+
option: function option(provided, state) {
|
|
3555
|
+
var _issingleoptionoutofs2;
|
|
3556
|
+
var isOut = ((_issingleoptionoutofs2 = issingleoptionoutofstock(state.data)) === null || _issingleoptionoutofs2 === void 0 ? void 0 : _issingleoptionoutofs2.isoutofstock) === true;
|
|
3557
|
+
return _objectSpread$2I(_objectSpread$2I({}, provided), {}, {
|
|
3558
|
+
textDecoration: isOut ? 'line-through' : 'none',
|
|
3559
|
+
// color: '#000',
|
|
3560
|
+
// cursor: isOut ? 'not-allowed' : 'pointer',
|
|
3561
|
+
color: isOut ? '#7c7a7a' : provided.color
|
|
3562
|
+
});
|
|
3563
|
+
},
|
|
3564
|
+
singleValue: function singleValue(provided, state) {
|
|
3565
|
+
var _issingleoptionoutofs3;
|
|
3566
|
+
var isOut = ((_issingleoptionoutofs3 = issingleoptionoutofstock(state.data)) === null || _issingleoptionoutofs3 === void 0 ? void 0 : _issingleoptionoutofs3.isoutofstock) === true;
|
|
3567
|
+
return _objectSpread$2I(_objectSpread$2I({}, provided), {}, {
|
|
3568
|
+
textDecoration: isOut ? 'line-through' : 'none',
|
|
3569
|
+
// color: '#000',
|
|
3570
|
+
color: isOut ? '#7c7a7a' : provided.color
|
|
3571
|
+
});
|
|
3572
|
+
}
|
|
3573
|
+
})
|
|
3574
|
+
// styles={defaultstylesnone}
|
|
3575
|
+
,
|
|
3576
|
+
placeholder: ' ',
|
|
3577
|
+
isSearchable: true
|
|
3578
|
+
}), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement(Select$3, {
|
|
3579
|
+
options: orgselectoptions,
|
|
3580
|
+
getOptionLabel: function getOptionLabel(option) {
|
|
3581
|
+
var _issingleoptionoutofs4;
|
|
3582
|
+
var crname = '';
|
|
3583
|
+
if (langdetect == 'en') {
|
|
3584
|
+
crname = option.valuename;
|
|
3585
|
+
} else if (langdetect == 'ar') {
|
|
3586
|
+
crname = option.valuename_ar;
|
|
3587
|
+
}
|
|
3588
|
+
if ((_issingleoptionoutofs4 = issingleoptionoutofstock(option)) !== null && _issingleoptionoutofs4 !== void 0 && _issingleoptionoutofs4.isoutofstock) {
|
|
3589
|
+
if (langdetect == 'en') {
|
|
3590
|
+
return "".concat(crname, " (Out of stock)");
|
|
3591
|
+
} else {
|
|
3592
|
+
return "".concat(crname, " (\u0646\u0641\u0630\u062A \u0627\u0644\u0643\u0645\u064A\u0629)");
|
|
3593
|
+
}
|
|
3594
|
+
}
|
|
3595
|
+
return crname;
|
|
3596
|
+
},
|
|
3597
|
+
getOptionValue: function getOptionValue(option) {
|
|
3598
|
+
return option.valueid;
|
|
3599
|
+
},
|
|
3600
|
+
value: orgselectoptions.filter(function (option) {
|
|
3601
|
+
return option.valueid == selecteditemid;
|
|
3602
|
+
}),
|
|
3603
|
+
onChange: function onChange(optionvaluesitem) {
|
|
3604
|
+
var _orgselectoptions2;
|
|
3605
|
+
var optionvaluesindex = null;
|
|
3606
|
+
(_orgselectoptions2 = orgselectoptions) === null || _orgselectoptions2 === void 0 || _orgselectoptions2.forEach(function (tempitm, tempind) {
|
|
3607
|
+
if (tempitm.valueid == optionvaluesitem.valueid) {
|
|
3608
|
+
optionvaluesindex = tempind;
|
|
3609
|
+
}
|
|
3610
|
+
});
|
|
3611
|
+
if (optionvaluesindex != null) {
|
|
3612
|
+
if (optionvaluesitem.isenabled == 1) {
|
|
3613
|
+
selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
|
|
3614
|
+
} else {
|
|
3615
|
+
clearchoosenvaluesbutkeepcurrentvalue(index, optionvaluesitem, optionvaluesindex);
|
|
3616
|
+
}
|
|
3617
|
+
}
|
|
3618
|
+
},
|
|
3619
|
+
styles: _objectSpread$2I(_objectSpread$2I({}, defaultstylesnone), {}, {
|
|
3620
|
+
option: function option(provided, state) {
|
|
3621
|
+
var _issingleoptionoutofs5;
|
|
3622
|
+
var isOut = ((_issingleoptionoutofs5 = issingleoptionoutofstock(state.data)) === null || _issingleoptionoutofs5 === void 0 ? void 0 : _issingleoptionoutofs5.isoutofstock) === true;
|
|
3623
|
+
return _objectSpread$2I(_objectSpread$2I({}, provided), {}, {
|
|
3624
|
+
textDecoration: isOut ? 'line-through' : 'none',
|
|
3625
|
+
// color: '#000',
|
|
3626
|
+
// cursor: isOut ? 'not-allowed' : 'pointer',
|
|
3627
|
+
color: isOut ? '#7c7a7a' : provided.color
|
|
3628
|
+
});
|
|
3629
|
+
},
|
|
3630
|
+
singleValue: function singleValue(provided, state) {
|
|
3631
|
+
var _issingleoptionoutofs6;
|
|
3632
|
+
var isOut = ((_issingleoptionoutofs6 = issingleoptionoutofstock(state.data)) === null || _issingleoptionoutofs6 === void 0 ? void 0 : _issingleoptionoutofs6.isoutofstock) === true;
|
|
3633
|
+
return _objectSpread$2I(_objectSpread$2I({}, provided), {}, {
|
|
3634
|
+
textDecoration: isOut ? 'line-through' : 'none',
|
|
3635
|
+
// color: '#000',
|
|
3636
|
+
color: isOut ? '#7c7a7a' : provided.color
|
|
3637
|
+
});
|
|
3638
|
+
}
|
|
3639
|
+
})
|
|
3640
|
+
// styles={defaultstylesnonear}
|
|
3641
|
+
,
|
|
3642
|
+
placeholder: '',
|
|
3230
3643
|
isSearchable: true
|
|
3231
3644
|
})));
|
|
3232
3645
|
}))), sizeguideimage.length != 0 && /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal, {
|
|
@@ -3256,10 +3669,10 @@ var Variantoptions = function Variantoptions(props) {
|
|
|
3256
3669
|
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3257
3670
|
"class": ' w-100 h-100 px-4 py-5 ',
|
|
3258
3671
|
style: {}
|
|
3259
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
3260
|
-
urlEndpoint
|
|
3261
|
-
publicKey
|
|
3262
|
-
|
|
3672
|
+
}, /*#__PURE__*/React__default["default"].createElement("img", {
|
|
3673
|
+
// urlEndpoint={ikimagecredcontext?.ikimageendpoint}
|
|
3674
|
+
// publicKey={ikimagecredcontext?.ikimagepublickey}
|
|
3675
|
+
src: (_sizeguideimage$ = sizeguideimage[0]) === null || _sizeguideimage$ === void 0 ? void 0 : _sizeguideimage$.original,
|
|
3263
3676
|
style: {
|
|
3264
3677
|
width: '100%',
|
|
3265
3678
|
height: '100%',
|