tabexseriescomponents 0.2.939 → 0.2.941

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 +258 -60
  2. package/dist/index.esm.js +258 -60
  3. package/dist/index.umd.js +258 -60
  4. package/package.json +1 -1
package/dist/index.esm.js CHANGED
@@ -43,7 +43,7 @@ import { FiMinus } from '@react-icons/all-files/fi/FiMinus';
43
43
  import { FiPlus } from '@react-icons/all-files/fi/FiPlus';
44
44
  import ReactStars from 'react-rating-stars-component';
45
45
  import { FiLayers } from '@react-icons/all-files/fi/FiLayers';
46
- import { HiOutlinePlusCircle } from '@react-icons/all-files/hi/HiOutlinePlusCircle';
46
+ import '@react-icons/all-files/hi/HiOutlinePlusCircle';
47
47
  import '@react-icons/all-files/hi/HiOutlineMinusCircle';
48
48
  import TextareaAutosize from 'react-textarea-autosize';
49
49
  import InputRange from 'react-input-range';
@@ -2025,7 +2025,7 @@ var ProductExtras = function ProductExtras(props) {
2025
2025
  props.actions;
2026
2026
  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.productid;
2027
2027
  // const templatepropcontext = props.actions.templatepropcontext;
2028
-
2028
+ var authdetailsContext = props.actions.authdetailsContext;
2029
2029
  props.actions.productinfo_cssstyles;
2030
2030
  var _useState = useState([]),
2031
2031
  _useState2 = _slicedToArray(_useState, 2);
@@ -2067,23 +2067,70 @@ var ProductExtras = function ProductExtras(props) {
2067
2067
  return /*#__PURE__*/React.createElement("div", {
2068
2068
  className: 'row w-100 ml-0 mr-0 mt-3'
2069
2069
  }, 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.product_extras) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : _fetchProductInfoQuer2.map(function (item, index) {
2070
- var _item$productinfo, _item$productinfo2, _authdetailsContext, _authdetailsContext2;
2070
+ var _item$productinfo, _item$productinfo2, _item$productinfo3, _item$productinfo4;
2071
2071
  return /*#__PURE__*/React.createElement("div", {
2072
- "class": "col-lg-6 col-sm-12 p-0 mb-3"
2072
+ "class": props.srcfromprops == 'servicestyle2' ? 'col-lg-12 col-sm-12 p-0 mb-3' : 'col-lg-6 col-sm-12 p-0 mb-3'
2073
2073
  }, /*#__PURE__*/React.createElement("div", {
2074
2074
  "class": "row m-0 w-100"
2075
2075
  }, /*#__PURE__*/React.createElement("div", {
2076
- className: formstyles.extracontainer + ' col-8 p-sm-0 d-flex align-items-center justify-content-start cursor-pointer '
2077
- }, /*#__PURE__*/React.createElement(HiOutlinePlusCircle, {
2078
- size: 20,
2079
- color: sectionproperties.form_labelcolor
2080
- }), /*#__PURE__*/React.createElement("p", {
2081
- className: "".concat(formstyles.input_label_name) + ' m-0 p-0 mx-2 '
2076
+ className: formstyles.extracontainer + ' col-6 p-sm-0 d-flex flex-row align-items-center justify-content-start '
2077
+ }, /*#__PURE__*/React.createElement("div", {
2078
+ "class": "row m-0 w-100"
2079
+ }, /*#__PURE__*/React.createElement("div", {
2080
+ "class": "col-12 p-0 text-start"
2081
+ }, /*#__PURE__*/React.createElement("p", {
2082
+ className: "".concat(formstyles.input_label_name) + ' m-0 p-0 '
2082
2083
  }, item === null || item === void 0 || (_item$productinfo = item.productinfo) === null || _item$productinfo === void 0 ? void 0 : _item$productinfo.name_en)), /*#__PURE__*/React.createElement("div", {
2083
- className: ' col-4 p-sm-0 d-flex align-items-center justify-content-end cursor-pointer '
2084
+ "class": "col-12 p-0 text-start"
2085
+ }, /*#__PURE__*/React.createElement("p", {
2086
+ className: ' m-0 p-0 ',
2087
+ style: {
2088
+ color: '#ccc',
2089
+ fontSize: 15
2090
+ },
2091
+ dangerouslySetInnerHTML: {
2092
+ __html: langdetect == 'en' ? item === null || item === void 0 || (_item$productinfo2 = item.productinfo) === null || _item$productinfo2 === void 0 ? void 0 : _item$productinfo2.description_en : item === null || item === void 0 || (_item$productinfo3 = item.productinfo) === null || _item$productinfo3 === void 0 ? void 0 : _item$productinfo3.description_ar
2093
+ }
2094
+ })))), /*#__PURE__*/React.createElement("div", {
2095
+ className: ' col-6 p-sm-0 d-flex align-items-center justify-content-end cursor-pointer '
2084
2096
  }, /*#__PURE__*/React.createElement("p", {
2085
- className: "".concat(formstyles.input_label_name) + ' m-0 p-0 mx-2 '
2086
- }, item === null || item === void 0 || (_item$productinfo2 = item.productinfo) === null || _item$productinfo2 === void 0 ? void 0 : _item$productinfo2.defaultprice, " ", langdetect == 'en' ? (_authdetailsContext = authdetailsContext) === null || _authdetailsContext === void 0 ? void 0 : _authdetailsContext.currencyname_en : (_authdetailsContext2 = authdetailsContext) === null || _authdetailsContext2 === void 0 ? void 0 : _authdetailsContext2.currencyname_ar))));
2097
+ className: "".concat(formstyles.input_label_name) + ' m-0 p-0 mx-2 ',
2098
+ style: {
2099
+ fontSize: 12
2100
+ }
2101
+ }, "(+ ", item === null || item === void 0 || (_item$productinfo4 = item.productinfo) === null || _item$productinfo4 === void 0 ? void 0 : _item$productinfo4.defaultprice, " ", langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar, ")"), /*#__PURE__*/React.createElement("div", {
2102
+ "class": "d-flex flex-row",
2103
+ style: {
2104
+ width: '50%',
2105
+ height: 32,
2106
+ border: '1px solid #ccc',
2107
+ borderRadius: 15
2108
+ }
2109
+ }, /*#__PURE__*/React.createElement("span", {
2110
+ style: {
2111
+ flex: 1
2112
+ },
2113
+ "class": "text-black cursor-pointer "
2114
+ }, /*#__PURE__*/React.createElement("i", {
2115
+ className: 'h-100 allcentered'
2116
+ }, /*#__PURE__*/React.createElement(FiMinus, {
2117
+ size: 15
2118
+ }))), /*#__PURE__*/React.createElement("span", {
2119
+ className: 'text-black allcentered',
2120
+ style: {
2121
+ flex: 1,
2122
+ fontSize: 18
2123
+ }
2124
+ }, "1"), /*#__PURE__*/React.createElement("span", {
2125
+ style: {
2126
+ flex: 1
2127
+ },
2128
+ "class": "text-black cursor-pointer "
2129
+ }, /*#__PURE__*/React.createElement("i", {
2130
+ className: 'h-100 allcentered'
2131
+ }, /*#__PURE__*/React.createElement(FiPlus, {
2132
+ size: 15
2133
+ })))))));
2087
2134
  }));
2088
2135
  };
2089
2136
 
@@ -2157,7 +2204,7 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
2157
2204
  }, '-' + parseFloat(Math.round(10.0 * ((parseFloat(getprice_discountpricepropsnormalonly('defaultprice', 0, variantindexcompleted)) - parseFloat(getprice_discountpricepropsnormalonly('defaultsaleprice', 0, variantindexcompleted))) / parseFloat(getprice_discountpricepropsnormalonly('defaultprice', 0, variantindexcompleted))) * 100) / 10.0).toFixed(0) + '%'))));
2158
2205
  };
2159
2206
  return /*#__PURE__*/React.createElement("div", {
2160
- "class": "col-lg-12 p-0"
2207
+ "class": props.srcfromprops == 'servicestyle2' ? 'col-lg-12 p-0 mt-1' : 'col-lg-12 p-0'
2161
2208
  }, /*#__PURE__*/React.createElement("div", {
2162
2209
  "class": "row mx-0 w-100",
2163
2210
  style: {
@@ -2165,7 +2212,7 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
2165
2212
  marginTop: sectionproperties.reservationmarginvertical + 'px'
2166
2213
  }
2167
2214
  }, sectionproperties.showDefaultPricingSection == 'Show' && /*#__PURE__*/React.createElement("div", {
2168
- "class": "col-lg-12 p-0 mb-3 d-flex justift-content-start",
2215
+ "class": props.srcfromprops == 'servicestyle2' ? 'col-lg-12 p-0 d-flex justift-content-center' : 'col-lg-12 p-0 mb-3 d-flex justift-content-center',
2169
2216
  style: {
2170
2217
  background: sectionproperties.reservation_bgcolor,
2171
2218
  borderRadius: sectionproperties.reservation_borderradius + 'px'
@@ -2185,7 +2232,10 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
2185
2232
  color: sectionproperties.defaultPriceColor
2186
2233
  }
2187
2234
  }, quantityconditionfoundobjprops != null && /*#__PURE__*/React.createElement(React.Fragment, null, (quantityconditionfoundobjprops === null || quantityconditionfoundobjprops === void 0 ? void 0 : quantityconditionfoundobjprops.type) == 'add' ? '+' : '-', quantityconditionfoundobjprops === null || quantityconditionfoundobjprops === void 0 ? void 0 : quantityconditionfoundobjprops.value, "%")), /*#__PURE__*/React.createElement("div", {
2188
- "class": "col-lg-12 p-0 d-flex justift-content-start"
2235
+ "class": "col-lg-12 p-0 d-flex",
2236
+ style: {
2237
+ justifyContent: props.srcfromprops == 'servicestyle2' ? 'center' : 'start'
2238
+ }
2189
2239
  }, /*#__PURE__*/React.createElement("p", {
2190
2240
  "class": "m-0 p-0"
2191
2241
  }, /*#__PURE__*/React.createElement("span", {
@@ -2447,7 +2497,7 @@ var ProductExtraFields = function ProductExtraFields(props) {
2447
2497
  };
2448
2498
 
2449
2499
  var DescriptionContent = function DescriptionContent(props) {
2450
- var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer0, _fetchProductInfoQuer1, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12;
2500
+ var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer0, _fetchProductInfoQuer1, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14;
2451
2501
  var lang = props.actions.lang;
2452
2502
  var langdetect = props.actions.langdetect;
2453
2503
  var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
@@ -2458,7 +2508,7 @@ var DescriptionContent = function DescriptionContent(props) {
2458
2508
  setShowMore = _useState2[1];
2459
2509
  var ikimagecredcontext = props.actions.ikimagecredcontext;
2460
2510
  return /*#__PURE__*/React.createElement("div", {
2461
- "class": props.srcfromprops == 'Articles' ? 'mt-3 px-3 mb-4' : props.srcfromprops == 'undername' ? 'col-lg-12 p-0 w-100' : props.srcfromprops == 'undername' ? 'col-lg-12 p-0 w-100' : sectionproperties.gallerystyle == 'Style 1' && props.srcfromprops != 'service' && props.srcfromprops != 'collap' ? 'col-lg-12 pl-5 pr-5 p-md-0 w-100' : sectionproperties.gallerystyle == 'Style 1' && props.srcfromprops == 'collap' ? 'col-lg-12 pl-3 pr-3 p-md-0 w-100' : 'col-lg-12 p-0 w-100'
2511
+ "class": props.srcfromprops == 'Articles' ? 'mt-3 px-3 mb-4' : props.srcfromprops == 'undername' ? 'col-lg-12 p-0 w-100' : props.srcfromprops == 'undername' ? 'col-lg-12 p-0 w-100' : props.srcfromprops == 'servicestyle2' ? 'col-lg-12 p-0 p-md-0 w-100' : sectionproperties.gallerystyle == 'Style 1' && props.srcfromprops != 'service' && props.srcfromprops != 'collap' ? 'col-lg-12 pl-5 pr-5 p-md-0 w-100' : sectionproperties.gallerystyle == 'Style 1' && props.srcfromprops == 'collap' ? 'col-lg-12 pl-3 pr-3 p-md-0 w-100' : 'col-lg-12 p-0 w-100'
2462
2512
  }, /*#__PURE__*/React.createElement("div", {
2463
2513
  "class": "row m-0 w-100"
2464
2514
  }, sectionproperties.gallerystyle == 'Style 2' && props.srcfromprops != 'collap' && /*#__PURE__*/React.createElement("div", {
@@ -2483,7 +2533,7 @@ var DescriptionContent = function DescriptionContent(props) {
2483
2533
  color: '#000000'
2484
2534
  },
2485
2535
  dangerouslySetInnerHTML: {
2486
- __html: showMore == true ? 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 ? void 0 : _fetchProductInfoQuer3.description_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 ? void 0 : _fetchProductInfoQuer4.description_en.slice(0, 1000)
2536
+ __html: props.srcfromprops == 'servicestyle2' ? 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 ? void 0 : _fetchProductInfoQuer3.description_en : showMore == true ? 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 ? void 0 : _fetchProductInfoQuer4.description_en : 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 ? void 0 : _fetchProductInfoQuer5.description_en.slice(0, 1000)
2487
2537
  }
2488
2538
  }), props.srcfromprops == 'Articles' && /*#__PURE__*/React.createElement("p", {
2489
2539
  className: 'm-0 p-0 wordbreak',
@@ -2492,16 +2542,16 @@ var DescriptionContent = function DescriptionContent(props) {
2492
2542
  color: '#000000'
2493
2543
  },
2494
2544
  dangerouslySetInnerHTML: {
2495
- __html: 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 ? void 0 : _fetchProductInfoQuer5.description_en
2545
+ __html: 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 ? void 0 : _fetchProductInfoQuer6.description_en
2496
2546
  }
2497
- })), props.srcfromprops != 'Articles' && /*#__PURE__*/React.createElement("div", {
2547
+ })), props.srcfromprops != 'Articles' && props.srcfromprops != 'servicestyle2' && /*#__PURE__*/React.createElement("div", {
2498
2548
  "class": "col-lg-12 allcentered"
2499
- }, (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 ? void 0 : _fetchProductInfoQuer6.description_en.length) > 1000 && /*#__PURE__*/React.createElement("p", {
2549
+ }, (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 ? void 0 : _fetchProductInfoQuer7.description_en.length) > 1000 && /*#__PURE__*/React.createElement("p", {
2500
2550
  "class": "m-0 p-0 cursor-pointer text-grey font-weight-600",
2501
2551
  onClick: function onClick() {
2502
2552
  return setShowMore(!showMore);
2503
2553
  }
2504
- }, showMore ? lang.showless : lang.showmore)))), langdetect == 'ar' && (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 ? void 0 : _fetchProductInfoQuer7.description_ar) != '' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer8 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : _fetchProductInfoQuer8.description_ar) != null && sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("div", {
2554
+ }, showMore ? lang.showless : lang.showmore)))), langdetect == 'ar' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer8 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : _fetchProductInfoQuer8.description_ar) != '' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.description_ar) != null && sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("div", {
2505
2555
  className: "col-lg-12 p-0 mb-4 d-flex justify-content-center"
2506
2556
  }, /*#__PURE__*/React.createElement("div", {
2507
2557
  className: "row m-0 w-100 d-flex"
@@ -2513,7 +2563,7 @@ var DescriptionContent = function DescriptionContent(props) {
2513
2563
  textAlign: langdetect == 'en' ? 'left' : 'right'
2514
2564
  },
2515
2565
  dangerouslySetInnerHTML: {
2516
- __html: showMore == true ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.description_ar : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer0 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer0 === void 0 || (_fetchProductInfoQuer0 = _fetchProductInfoQuer0.data) === null || _fetchProductInfoQuer0 === void 0 || (_fetchProductInfoQuer0 = _fetchProductInfoQuer0.productinfo) === null || _fetchProductInfoQuer0 === void 0 ? void 0 : _fetchProductInfoQuer0.description_ar.slice(0, 1000)
2566
+ __html: props.srcfromprops == 'servicestyle2' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer0 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer0 === void 0 || (_fetchProductInfoQuer0 = _fetchProductInfoQuer0.data) === null || _fetchProductInfoQuer0 === void 0 || (_fetchProductInfoQuer0 = _fetchProductInfoQuer0.productinfo) === null || _fetchProductInfoQuer0 === void 0 ? void 0 : _fetchProductInfoQuer0.description_ar : showMore == true ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer1 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer1 === void 0 || (_fetchProductInfoQuer1 = _fetchProductInfoQuer1.data) === null || _fetchProductInfoQuer1 === void 0 || (_fetchProductInfoQuer1 = _fetchProductInfoQuer1.productinfo) === null || _fetchProductInfoQuer1 === void 0 ? void 0 : _fetchProductInfoQuer1.description_ar : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.productinfo) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : _fetchProductInfoQuer10.description_ar.slice(0, 1000)
2517
2567
  }
2518
2568
  }), props.srcfromprops == 'Articles' && /*#__PURE__*/React.createElement("p", {
2519
2569
  className: 'text-black m-0 p-0 wordbreak',
@@ -2521,16 +2571,16 @@ var DescriptionContent = function DescriptionContent(props) {
2521
2571
  textAlign: langdetect == 'en' ? 'left' : 'right'
2522
2572
  },
2523
2573
  dangerouslySetInnerHTML: {
2524
- __html: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer1 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer1 === void 0 || (_fetchProductInfoQuer1 = _fetchProductInfoQuer1.data) === null || _fetchProductInfoQuer1 === void 0 || (_fetchProductInfoQuer1 = _fetchProductInfoQuer1.productinfo) === null || _fetchProductInfoQuer1 === void 0 ? void 0 : _fetchProductInfoQuer1.description_ar
2574
+ __html: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : _fetchProductInfoQuer11.description_ar
2525
2575
  }
2526
- })), props.srcfromprops != 'Articles' && /*#__PURE__*/React.createElement("div", {
2576
+ })), props.srcfromprops != 'Articles' && props.srcfromprops != 'servicestyle2' && /*#__PURE__*/React.createElement("div", {
2527
2577
  "class": "col-lg-12 allcentered"
2528
- }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.productinfo) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : _fetchProductInfoQuer10.description_ar.length) > 1000 && /*#__PURE__*/React.createElement("p", {
2578
+ }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer12 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.productinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.description_ar.length) > 1000 && /*#__PURE__*/React.createElement("p", {
2529
2579
  "class": "m-0 p-0 cursor-pointer text-grey font-weight-600 text-right",
2530
2580
  onClick: function onClick() {
2531
2581
  return setShowMore(!showMore);
2532
2582
  }
2533
- }, showMore ? lang.showless : lang.showmore)))), props.srcfromprops != 'collap' && sectionproperties.showGallery == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.productimages) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : _fetchProductInfoQuer11.length) != 0 && /*#__PURE__*/React.createElement("div", {
2583
+ }, showMore ? lang.showless : lang.showmore)))), props.srcfromprops != 'collap' && sectionproperties.showGallery == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.productinfo) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.productimages) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : _fetchProductInfoQuer13.length) != 0 && /*#__PURE__*/React.createElement("div", {
2534
2584
  "class": "col-lg-12 p-0"
2535
2585
  }, /*#__PURE__*/React.createElement("div", {
2536
2586
  "class": "row m-0 w-100 allcentered pl-md-3 pr-md-3",
@@ -2538,7 +2588,7 @@ var DescriptionContent = function DescriptionContent(props) {
2538
2588
  paddingLeft: sectionproperties.galleryPaddingHorizontal + 'px',
2539
2589
  paddingRight: sectionproperties.galleryPaddingHorizontal + 'px'
2540
2590
  }
2541
- }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer12 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.productinfo) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.productimages) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.map(function (item, index) {
2591
+ }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer14 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.productinfo) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.productimages) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : _fetchProductInfoQuer14.map(function (item, index) {
2542
2592
  if (index <= 6) {
2543
2593
  return /*#__PURE__*/React.createElement("div", {
2544
2594
  "class": ' col-md-4 col-sm-12 mb-3 col-lg-' + sectionproperties.galleryNoOfCols,
@@ -7612,7 +7662,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
7612
7662
  };
7613
7663
 
7614
7664
  var Service_itemtype = function Service_itemtype(props) {
7615
- var _css, _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer0, _fetchProductInfoQuer1, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _sizeguideimage$;
7665
+ var _css, _authdetailsContext$i, _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer0, _fetchProductInfoQuer1, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _authdetailsContext$i2, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _sizeguideimage$;
7616
7666
  var lang = props.actions.lang;
7617
7667
  var langdetect = props.actions.langdetect;
7618
7668
  var srcfromprops = props.actions.srcfromprops;
@@ -7668,6 +7718,12 @@ var Service_itemtype = function Service_itemtype(props) {
7668
7718
  settitle(fetchProductInfoQueryContext.data.data.productinfo.name_en);
7669
7719
  setshareUrl('https://' + authdetailsContext.instinfo.instcred.instexternaldomain + '/productinform/' + fetchProductInfoQueryContext.data.data.productinfo.productid);
7670
7720
  }, [props.itemprops]);
7721
+ var Slideshowsettings = {
7722
+ indicators: true,
7723
+ arrows: true,
7724
+ pauseOnHover: false,
7725
+ scale: 2
7726
+ };
7671
7727
  function stringIsEnglish(str) {
7672
7728
  var titlelang = 'English';
7673
7729
  var arabic = /[\u0600-\u06FF]/;
@@ -7731,7 +7787,7 @@ var Service_itemtype = function Service_itemtype(props) {
7731
7787
  };
7732
7788
  return /*#__PURE__*/React.createElement("div", {
7733
7789
  "class": ' col-lg-12 p-0 '
7734
- }, /*#__PURE__*/React.createElement("div", {
7790
+ }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.instid) != '679e614485d6a' && /*#__PURE__*/React.createElement("div", {
7735
7791
  "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-3 pr-md-3 px-1025-1 ',
7736
7792
  style: {
7737
7793
  minHeight: sectionproperties.height + 'vh'
@@ -8450,7 +8506,175 @@ var Service_itemtype = function Service_itemtype(props) {
8450
8506
  paddingLeft: langdetect == 'en' ? '.5em' : 0,
8451
8507
  paddingRight: langdetect == 'ar' ? '.5rem' : 0
8452
8508
  }
8453
- }, StoreInfoprops()))), sizeguideimage.length != 0 && /*#__PURE__*/React.createElement(Modal, {
8509
+ }, StoreInfoprops()))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.instid) == '679e614485d6a' && /*#__PURE__*/React.createElement("div", {
8510
+ "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-3 pr-md-3 px-1025-1 ',
8511
+ style: {
8512
+ minHeight: sectionproperties.height + 'vh',
8513
+ paddingLeft: '60px',
8514
+ paddingRight: '60px',
8515
+ paddingTop: '60px'
8516
+ }
8517
+ }, /*#__PURE__*/React.createElement("div", {
8518
+ "class": 'col-lg-12 p-0 d-flex justify-content-center h-sm-auto mb-5',
8519
+ style: {
8520
+ height: '60vh'
8521
+ }
8522
+ }, /*#__PURE__*/React.createElement("div", {
8523
+ "class": 'h-sm-auto',
8524
+ style: {
8525
+ position: 'relative',
8526
+ width: '100vw',
8527
+ height: '60vh',
8528
+ overflow: 'hidden'
8529
+ }
8530
+ }, /*#__PURE__*/React.createElement(Slide, _extends({}, Slideshowsettings, {
8531
+ transitionDuration: 4000,
8532
+ duration: 4000,
8533
+ arrow: true,
8534
+ easing: "ease"
8535
+ }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer17 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.data) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.productinfo) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.productimages) === null || _fetchProductInfoQuer17 === void 0 ? void 0 : _fetchProductInfoQuer17.length) != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer18 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.productinfo) === null || _fetchProductInfoQuer18 === void 0 ? void 0 : _fetchProductInfoQuer18.productimages.map(function (item, index) {
8536
+ if (item.is_size_guide != 1) {
8537
+ return /*#__PURE__*/React.createElement("div", {
8538
+ "class": "row m-0 w-100 h-sm-auto",
8539
+ style: {
8540
+ // height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto',
8541
+ height: '60vh'
8542
+ }
8543
+ }, /*#__PURE__*/React.createElement("div", {
8544
+ "class": 'p-0 align-items-center d-flex',
8545
+ key: index,
8546
+ style: _defineProperty({
8547
+ direction: langdetect == 'en' ? 'ltr' : 'rtl',
8548
+ width: '100%',
8549
+ height: '100%'
8550
+ }, "height", '60vh')
8551
+ }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
8552
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
8553
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
8554
+ path: item.path,
8555
+ style: {
8556
+ objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
8557
+ margin: 0,
8558
+ padding: 0,
8559
+ width: '100%',
8560
+ height: '100%'
8561
+ }
8562
+ })));
8563
+ }
8564
+ }))))), /*#__PURE__*/React.createElement("div", {
8565
+ "class": "col-lg-8"
8566
+ }, /*#__PURE__*/React.createElement("div", {
8567
+ "class": "row m-0 w-100",
8568
+ style: {
8569
+ paddingRight: langdetect == 'en' ? 70 : 0,
8570
+ paddingLeft: langdetect == 'ar' ? 70 : 0
8571
+ }
8572
+ }, /*#__PURE__*/React.createElement("div", {
8573
+ "class": "col-lg-12 p-0 text-start mb-2"
8574
+ }, ProductName()), /*#__PURE__*/React.createElement("div", {
8575
+ "class": "col-lg-12 p-0 mb-3"
8576
+ }, /*#__PURE__*/React.createElement("p", {
8577
+ className: 'm-0 p-0 wordbreak',
8578
+ style: {
8579
+ textAlign: langdetect == 'en' ? 'left' : 'right',
8580
+ color: sectionproperties.prodCatColor
8581
+ },
8582
+ dangerouslySetInnerHTML: {
8583
+ __html: langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer19 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.productinfo) === null || _fetchProductInfoQuer19 === void 0 ? void 0 : _fetchProductInfoQuer19.short_description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer20 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer20 === void 0 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.data) === null || _fetchProductInfoQuer20 === void 0 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.productinfo) === null || _fetchProductInfoQuer20 === void 0 ? void 0 : _fetchProductInfoQuer20.short_description_ar
8584
+ }
8585
+ })), /*#__PURE__*/React.createElement("div", {
8586
+ "class": "col-lg-12 p-0 mb-3"
8587
+ }, /*#__PURE__*/React.createElement(DescriptionContent, {
8588
+ actions: props.actions,
8589
+ srcfromprops: 'servicestyle2'
8590
+ })), /*#__PURE__*/React.createElement("div", {
8591
+ "class": "col-lg-12 p-0 mb-3"
8592
+ }, /*#__PURE__*/React.createElement("p", {
8593
+ "class": "m-0 p-0",
8594
+ style: {
8595
+ color: '#000',
8596
+ fontSize: 20,
8597
+ fontWeight: 600
8598
+ }
8599
+ }, "What's Included:")), /*#__PURE__*/React.createElement("div", {
8600
+ "class": "col-lg-12 text-start p-md-0"
8601
+ }, /*#__PURE__*/React.createElement("div", {
8602
+ className: "row m-0 w-100"
8603
+ }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer21 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.data) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.productinfo) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.productfeatures) === null || _fetchProductInfoQuer21 === void 0 ? void 0 : _fetchProductInfoQuer21.map(function (fitem, findex) {
8604
+ return /*#__PURE__*/React.createElement("div", {
8605
+ "class": "col-lg-12 col-md-12 p-0 mb-3 mt-2"
8606
+ }, /*#__PURE__*/React.createElement("div", {
8607
+ "class": "row m-0 w-100 text-start"
8608
+ }, /*#__PURE__*/React.createElement("div", {
8609
+ "class": "col-lg-12 text-start mb-3 text-uppercase p-0"
8610
+ }, /*#__PURE__*/React.createElement("div", {
8611
+ style: {
8612
+ width: '30px'
8613
+ },
8614
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
8615
+ }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
8616
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
8617
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
8618
+ path: fitem === null || fitem === void 0 ? void 0 : fitem.feature_image_url,
8619
+ loading: "lazy",
8620
+ style: {
8621
+ maxWidth: '100%',
8622
+ maxHeight: '100%'
8623
+ }
8624
+ })), /*#__PURE__*/React.createElement("p", {
8625
+ "class": "m-0 p-0",
8626
+ style: {
8627
+ color: sectionproperties.featurecolor,
8628
+ fontWeight: sectionproperties.featurefontweight,
8629
+ fontSize: sectionproperties.featurefontsize
8630
+ }
8631
+ }, langdetect == 'en' ? fitem === null || fitem === void 0 ? void 0 : fitem.name_en : fitem === null || fitem === void 0 ? void 0 : fitem.name_ar)), /*#__PURE__*/React.createElement("div", {
8632
+ "class": "col-lg-12 text-start text-capitalize"
8633
+ }, /*#__PURE__*/React.createElement("p", {
8634
+ "class": "m-0 p-0",
8635
+ style: {
8636
+ color: sectionproperties.featurevaluecolor,
8637
+ fontWeight: sectionproperties.featurevaluefontweight,
8638
+ fontSize: sectionproperties.featurevaluefontsize
8639
+ }
8640
+ }, langdetect == 'en' ? fitem === null || fitem === void 0 ? void 0 : fitem.value_en : fitem === null || fitem === void 0 ? void 0 : fitem.value_ar))));
8641
+ }))))), /*#__PURE__*/React.createElement("div", {
8642
+ "class": "col-lg-4"
8643
+ }, /*#__PURE__*/React.createElement("div", {
8644
+ "class": "row m-0 w-100 p-3",
8645
+ style: {
8646
+ background: 'white',
8647
+ borderRadius: 10,
8648
+ boxShadow: '0 0 10px #ccc'
8649
+ }
8650
+ }, /*#__PURE__*/React.createElement(ProductHeaderPricing, {
8651
+ actions: props.actions,
8652
+ srcfromprops: 'servicestyle2'
8653
+ }), /*#__PURE__*/React.createElement("div", {
8654
+ "class": "col-12 p-0"
8655
+ }, /*#__PURE__*/React.createElement("hr", null)), /*#__PURE__*/React.createElement(ProductExtras, {
8656
+ actions: props.actions,
8657
+ srcfromprops: 'servicestyle2'
8658
+ }), /*#__PURE__*/React.createElement(Serviceinfotabs, {
8659
+ actions: {
8660
+ fetchProductInfoQueryContext: fetchProductInfoQueryContext,
8661
+ sectionproperties: sectionproperties,
8662
+ lang: lang,
8663
+ langdetect: langdetect,
8664
+ productinfo_cssstyles: productinfo_cssstyles,
8665
+ AddtoCartMutationContext: AddtoCartMutationContext,
8666
+ GeneralAPIMutationContext: GeneralAPIMutationContext,
8667
+ addtocardpayloadobj: addtocardpayloadobj,
8668
+ setaddtocardpayloadobj: setaddtocardpayloadobj,
8669
+ NotificationManager: NotificationManager,
8670
+ addtocartfunc: addtocartfunc,
8671
+ getprice_discountpriceprops: getprice_discountpriceprops,
8672
+ authdetailsContext: authdetailsContext,
8673
+ routingcountext: routingcountext,
8674
+ StaticPagesLinksContext: StaticPagesLinksContext,
8675
+ addtofavoritescontext: addtofavoritescontext
8676
+ }
8677
+ })))), sizeguideimage.length != 0 && /*#__PURE__*/React.createElement(Modal, {
8454
8678
  show: opensizeguidemodal,
8455
8679
  onHide: function onHide() {
8456
8680
  setopensizeguidemodal(false);
@@ -52143,20 +52367,7 @@ var Allinonefooter = function Allinonefooter(props) {
52143
52367
  style: {
52144
52368
  position: 'relative'
52145
52369
  }
52146
- }, /*#__PURE__*/React.createElement("p", {
52147
- "class": "m-0 p-0 allcentered",
52148
- style: {
52149
- position: 'absolute',
52150
- top: -5,
52151
- right: '25%',
52152
- background: '#000',
52153
- color: 'white',
52154
- fontSize: 12,
52155
- borderRadius: 100,
52156
- width: 15,
52157
- height: 15
52158
- }
52159
- }, favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length), /*#__PURE__*/React.createElement(FiShoppingCart, {
52370
+ }, /*#__PURE__*/React.createElement(FiShoppingCart, {
52160
52371
  size: 18
52161
52372
  })), langdetect == 'en' ? 'Store' : 'المتجر'), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.instid) == '6805437ab0f3b' && /*#__PURE__*/React.createElement("p", {
52162
52373
  "class": footerStyles.subPages + ' flex-row m-0 p-0 ',
@@ -52174,20 +52385,7 @@ var Allinonefooter = function Allinonefooter(props) {
52174
52385
  style: {
52175
52386
  position: 'relative'
52176
52387
  }
52177
- }, /*#__PURE__*/React.createElement("p", {
52178
- "class": "m-0 p-0 allcentered",
52179
- style: {
52180
- position: 'absolute',
52181
- top: -5,
52182
- right: '25%',
52183
- background: '#000',
52184
- color: 'white',
52185
- fontSize: 12,
52186
- borderRadius: 100,
52187
- width: 15,
52188
- height: 15
52189
- }
52190
- }, favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length), /*#__PURE__*/React.createElement(FiCalendar, {
52388
+ }, /*#__PURE__*/React.createElement(FiCalendar, {
52191
52389
  size: 18
52192
52390
  })), langdetect == 'en' ? 'Services' : 'الخدمات'), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.instid) != '6805437ab0f3b' && /*#__PURE__*/React.createElement("p", {
52193
52391
  "class": footerStyles.subPages + ' flex-row m-0 p-0 ',