tabexseriescomponents 0.50.194 → 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.
Files changed (4) hide show
  1. package/dist/index.cjs.js +564 -144
  2. package/dist/index.esm.js +564 -144
  3. package/dist/index.umd.js +564 -144
  4. 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$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; }
1988
- 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; }
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$2J({}, secpropobj));
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$2J({}, payloadobj);
2231
+ var temppayloadobj = _objectSpread$2K({}, payloadobj);
2232
2232
  temppayloadobj.email = event.target.value;
2233
- setpayloadobj(_objectSpread$2J({}, temppayloadobj));
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$2J({}, payloadobj);
2255
+ var temppayloadobj = _objectSpread$2K({}, payloadobj);
2256
2256
  temppayloadobj.password = event.target.value;
2257
- setpayloadobj(_objectSpread$2J({}, temppayloadobj));
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$2J({}, forgotpasswordpayload);
2434
+ var temppayloadobj = _objectSpread$2K({}, forgotpasswordpayload);
2435
2435
  temppayloadobj.email = event.target.value;
2436
- setforgotpasswordpayload(_objectSpread$2J({}, temppayloadobj));
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$2J({}, forgotpasswordpayload);
2451
+ var temppayloadobj = _objectSpread$2K({}, forgotpasswordpayload);
2452
2452
  temppayloadobj.code = event.target.value;
2453
- setforgotpasswordpayload(_objectSpread$2J({}, temppayloadobj));
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$2J({}, forgotpasswordpayload);
2467
+ var temppayloadobj = _objectSpread$2K({}, forgotpasswordpayload);
2468
2468
  temppayloadobj.newpassword = event.target.value;
2469
- setforgotpasswordpayload(_objectSpread$2J({}, temppayloadobj));
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$2J({}, forgotpasswordpayload);
2483
+ var temppayloadobj = _objectSpread$2K({}, forgotpasswordpayload);
2484
2484
  temppayloadobj.confirmnewpassword = event.target.value;
2485
- setforgotpasswordpayload(_objectSpread$2J({}, temppayloadobj));
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$2J({}, forgotpasswordpayload);
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$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; }
2549
- 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; }
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$2I(_objectSpread$2I({}, provided), {}, {
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$2I(_objectSpread$2I({}, provided), {}, {
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$2I(_objectSpread$2I({}, provided), {}, {
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$2I(_objectSpread$2I({}, provided), {}, {
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$2I(_objectSpread$2I({}, provided), {}, {
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$2I(_objectSpread$2I({}, provided), {}, {
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$2I(_objectSpread$2I({}, provided), {}, {
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$2I(_objectSpread$2I({}, provided), {}, {
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$2I(_objectSpread$2I({}, provided), {}, {
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$2I(_objectSpread$2I({}, provided), {}, {
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$2I(_objectSpread$2I({}, provided), {}, {
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
- var ikimagecredcontext = props.actions.ikimagecredcontext;
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), " ", '', ' ', langdetect == 'nrwig' && item.optionname == 'Size' ? 'Størrelse' : langdetect == 'nrwig' && item.optionname == 'Color' ? 'Farge' : item["optionname_".concat(langdetect)] || item.optionname, ": ", item.optionname == 'color' && /*#__PURE__*/React__default["default"].createElement("span", {
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 showcrossicon ' + "".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 : ''),
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
- }, isoptionvalueselected == 1 && sectionproperties.showRemovebutton == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
2928
- "class": "m-0 p-0 bg-danger bgdanger-hover",
2929
- style: {
2930
- position: 'absolute',
2931
- top: '-15px',
2932
- right: '-5px',
2933
- width: '3vh',
2934
- height: '3vh',
2935
- borderRadius: 100
2936
- }
2937
- }, /*#__PURE__*/React__default["default"].createElement("i", {
2938
- "class": "h-100 allcentered"
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["valuename_".concat(langdetect)] || optionvaluesitem.valuename));
2947
- } else {
2948
- return /*#__PURE__*/React__default["default"].createElement("div", {
2949
- className: productinfostyles.variant_container + ' mr-2 variabttcontainer allcentered pl-2 pr-2 ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
2950
- onClick: function onClick() {
2951
- if (optionvaluesitem.isenabled == 1) {
2952
- selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
2953
- } else {
2954
- clearchoosenvaluesbutkeepcurrentvalue(index, optionvaluesitem, optionvaluesindex);
2955
- }
2956
- },
2957
- style: {
2958
- backgroundColor: sectionproperties.variantcontainerbordercolor != undefined && sectionproperties.variantcontainerbordercolor != null ? sectionproperties.variantcontainer_bgcolor : isoptionvalueselected == 1 ? 'green' : isoptionvaluedenabled == 1 ? sectionproperties.variantcontainer_bgcolor : 'grey',
2959
- width: 'auto',
2960
- height: sectionproperties.variantcontainer_height + 'px',
2961
- borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px',
2962
- position: 'relative',
2963
- // border:
2964
- // isoptionvalueselected == 1
2965
- // ? '2px solid green'
2966
- // : isoptionvaluedenabled == 1
2967
- // ? '1px solid ' + sectionproperties.variantcontainerbordercolor
2968
- // : '1px solid ' + ' grey ',
2969
- border: isoptionvalueselected == 1 ? '2px solid ' + sectionproperties.activeproductcolor : '1px solid #ccc'
2970
- }
2971
- }, isoptionvalueselected == 1 && sectionproperties.showRemovebutton == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
2972
- "class": "m-0 p-0 bg-danger bgdanger-hover",
2973
- style: {
2974
- position: 'absolute',
2975
- top: '-15px',
2976
- right: '-5px',
2977
- width: '3vh',
2978
- height: '3vh',
2979
- borderRadius: 100
2980
- }
2981
- }, /*#__PURE__*/React__default["default"].createElement("i", {
2982
- "class": "h-100 allcentered"
2983
- }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, null))), /*#__PURE__*/React__default["default"].createElement("p", {
2984
- className: 'm-0 p-0 allcentered',
2985
- style: {
2986
- fontWeight: 500,
2987
- // color: sectionproperties.variantcontainer_color,
2988
- fontSize: sectionproperties.variantcontainer_fontSize + 'px',
2989
- color: sectionproperties.variantcontainerbordercolor != undefined && sectionproperties.variantcontainerbordercolor != null && isoptionvalueselected == 1 ? sectionproperties.activeproductcolor : sectionproperties.variantcontainer_color
2990
- }
2991
- }, optionvaluesitem["valuename_".concat(langdetect)] || optionvaluesitem.valuename));
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
- }, sectionproperties["sizeguidecontent".concat(langdetect === 'en' ? 'english' : langdetect === 'ar' ? 'arabic' : langdetect === 'fr' ? 'french' : langdetect === 'es' ? 'spanish' : langdetect === 'chin' ? 'chinese' : langdetect === 'rus' ? 'russian' : 'english')] || sectionproperties.sizeguidecontentenglish))), langdetect != 'ar' && (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", {
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 != 'ar' ? 'left' : 'right',
3319
+ textAlign: langdetect == 'en' ? 'left' : 'right',
3007
3320
  color: '#000000'
3008
3321
  },
3009
3322
  dangerouslySetInnerHTML: {
3010
- __html: langdetect != 'ar' ? 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
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 != 'ar' ? 'left' : 'right',
3330
+ textAlign: langdetect == 'en' ? 'left' : 'right',
3018
3331
  color: '#000000'
3019
3332
  },
3020
3333
  dangerouslySetInnerHTML: {
3021
- __html: langdetect != 'ar' ? 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
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), " ", '', ' ', langdetect == 'nrwig' && item.optionname == 'Size' ? 'Størrelse' : langdetect == 'nrwig' && item.optionname == 'Color' ? 'Farge' : item["optionname_".concat(langdetect)] || item.optionname, ":"))), item.optionvalues.map(function (optionvaluesitem, optionvaluesindex) {
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 ? '1px solid green' : isoptionvaluedenabled == 1 ? '1px solid ' + sectionproperties.variantcontainerbordercolor : '1px solid ' + ' grey '
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
- }, optionvaluesitem["valuename_".concat(langdetect)] || optionvaluesitem.valuename)));
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 != 'ar' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar}
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
- var placeholdervalue = '';
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 != 'ar' ? '(Unavailable)' : 'غير متاح';
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 == 'nrwig' && item.optionname == 'Size' ? 'Størrelse' : langdetect == 'nrwig' && item.optionname == 'Color' ? 'Farge' : item["optionname_".concat(langdetect)] || item.optionname), /*#__PURE__*/React__default["default"].createElement("div", {
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 != 'ar') {
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
- placeholder: placeholdervalue,
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(Imagekitimagecomp, {
3260
- urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
3261
- publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
3262
- path: (_sizeguideimage$ = sizeguideimage[0]) === null || _sizeguideimage$ === void 0 ? void 0 : _sizeguideimage$.original,
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%',
@@ -94260,20 +94673,23 @@ var Simpleproductcard = function Simpleproductcard(props) {
94260
94673
  // Check if it's the second click
94261
94674
  if (sectionproperties.hideshowcardtransition == 'Show') {
94262
94675
  if (clickCount === 1) {
94676
+ // Do whatever you want on the second click
94677
+ var productidtobesend = null;
94263
94678
  if (sectionproperties.urlwithproductname == 'Yes') {
94264
- item.productendpointurl;
94679
+ productidtobesend = item.productendpointurl;
94265
94680
  } else {
94266
- item.productid;
94681
+ productidtobesend = item.productid;
94267
94682
  }
94268
- cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item, props.fetchingtypeprops, item.collectionid);
94683
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid);
94269
94684
  }
94270
94685
  } else {
94686
+ var productidtobesend = null;
94271
94687
  if (sectionproperties.urlwithproductname == 'Yes') {
94272
- item.productendpointurl;
94688
+ productidtobesend = item.productendpointurl;
94273
94689
  } else {
94274
- item.productid;
94690
+ productidtobesend = item.productid;
94275
94691
  }
94276
- cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item, props.fetchingtypeprops, item.collectionid);
94692
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid);
94277
94693
  }
94278
94694
  };
94279
94695
  var PillContainer = function PillContainer() {
@@ -94441,12 +94857,13 @@ var Simpleproductcard = function Simpleproductcard(props) {
94441
94857
  var _sectionproperties$se;
94442
94858
  if (((_sectionproperties$se = sectionproperties.sectionproperties) === null || _sectionproperties$se === void 0 ? void 0 : _sectionproperties$se.onClickRoute) == 'None') ; else {
94443
94859
  e.stopPropagation();
94860
+ var productidtobesend = null;
94444
94861
  if (sectionproperties.urlwithproductname == 'Yes') {
94445
- item.productendpointurl;
94862
+ productidtobesend = item.productendpointurl;
94446
94863
  } else {
94447
- item.productid;
94864
+ productidtobesend = item.productid;
94448
94865
  }
94449
- cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item, props.fetchingtypeprops, item.collectionid);
94866
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid);
94450
94867
  }
94451
94868
  }
94452
94869
  }, Image('normal')), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -94469,12 +94886,13 @@ var Simpleproductcard = function Simpleproductcard(props) {
94469
94886
  }, /*#__PURE__*/React__default["default"].createElement("p", {
94470
94887
  onClick: function onClick() {
94471
94888
  if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute) == 'None') ; else {
94889
+ var productidtobesend = null;
94472
94890
  if (sectionproperties.urlwithproductname == 'Yes') {
94473
- item.productendpointurl;
94891
+ productidtobesend = item.productendpointurl;
94474
94892
  } else {
94475
- item.productid;
94893
+ productidtobesend = item.productid;
94476
94894
  }
94477
- cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item, props.fetchingtypeprops, item.collectionid);
94895
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid);
94478
94896
  }
94479
94897
  },
94480
94898
  "class": sectionproperties.wordbreak == '1' ? "".concat(card_cssstyles.productNameStyles) + ' wordbreak wordbreak1 font-md-13 m-0 ' : "".concat(card_cssstyles.productNameStyles) + ' wordbreak wordbreak2 font-md-13 wordbreak-md-4 m-0 ',
@@ -94547,12 +94965,13 @@ var Simpleproductcard = function Simpleproductcard(props) {
94547
94965
  }, /*#__PURE__*/React__default["default"].createElement("p", {
94548
94966
  onClick: function onClick() {
94549
94967
  if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute) == 'None') ; else {
94968
+ var productidtobesend = null;
94550
94969
  if (sectionproperties.urlwithproductname == 'Yes') {
94551
- item.productendpointurl;
94970
+ productidtobesend = item.productendpointurl;
94552
94971
  } else {
94553
- item.productid;
94972
+ productidtobesend = item.productid;
94554
94973
  }
94555
- cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item, props.fetchingtypeprops, item.collectionid);
94974
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid);
94556
94975
  }
94557
94976
  },
94558
94977
  "class": sectionproperties.wordbreak == '1' ? "".concat(card_cssstyles.productNameStyles) + ' wordbreak wordbreak1 font-md-13 m-0 pname ' : "".concat(card_cssstyles.productNameStyles) + ' wordbreak wordbreak2 font-md-13 wordbreak-md-4 m-0 pname ',
@@ -94691,14 +95110,15 @@ var Simpleproductcard = function Simpleproductcard(props) {
94691
95110
  if (sectionproperties.automaticaddtocart == 'Yes' && item.hasvariants == 0) {
94692
95111
  addtocartfunc();
94693
95112
  } else if (sectionproperties.automaticaddtocart == 'Yes' && item.hasvariants == 1) {
94694
- cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item, props.fetchingtypeprops, item.collectionid);
95113
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid);
94695
95114
  } else {
95115
+ var productidtobesend = null;
94696
95116
  if (sectionproperties.urlwithproductname == 'Yes') {
94697
- item.productendpointurl;
95117
+ productidtobesend = item.productendpointurl;
94698
95118
  } else {
94699
- item.productid;
95119
+ productidtobesend = item.productid;
94700
95120
  }
94701
- cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item, props.fetchingtypeprops, item.collectionid);
95121
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid);
94702
95122
  }
94703
95123
  }
94704
95124
  }