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.cjs.js CHANGED
@@ -45,7 +45,7 @@ var FiMinus = require('@react-icons/all-files/fi/FiMinus');
45
45
  var FiPlus = require('@react-icons/all-files/fi/FiPlus');
46
46
  var ReactStars = require('react-rating-stars-component');
47
47
  var FiLayers = require('@react-icons/all-files/fi/FiLayers');
48
- var HiOutlinePlusCircle = require('@react-icons/all-files/hi/HiOutlinePlusCircle');
48
+ require('@react-icons/all-files/hi/HiOutlinePlusCircle');
49
49
  require('@react-icons/all-files/hi/HiOutlineMinusCircle');
50
50
  var TextareaAutosize = require('react-textarea-autosize');
51
51
  var InputRange = require('react-input-range');
@@ -2075,7 +2075,7 @@ var ProductExtras = function ProductExtras(props) {
2075
2075
  props.actions;
2076
2076
  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;
2077
2077
  // const templatepropcontext = props.actions.templatepropcontext;
2078
-
2078
+ var authdetailsContext = props.actions.authdetailsContext;
2079
2079
  props.actions.productinfo_cssstyles;
2080
2080
  var _useState = React.useState([]),
2081
2081
  _useState2 = _slicedToArray__default["default"](_useState, 2);
@@ -2117,23 +2117,70 @@ var ProductExtras = function ProductExtras(props) {
2117
2117
  return /*#__PURE__*/React__default["default"].createElement("div", {
2118
2118
  className: 'row w-100 ml-0 mr-0 mt-3'
2119
2119
  }, 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) {
2120
- var _item$productinfo, _item$productinfo2, _authdetailsContext, _authdetailsContext2;
2120
+ var _item$productinfo, _item$productinfo2, _item$productinfo3, _item$productinfo4;
2121
2121
  return /*#__PURE__*/React__default["default"].createElement("div", {
2122
- "class": "col-lg-6 col-sm-12 p-0 mb-3"
2122
+ "class": props.srcfromprops == 'servicestyle2' ? 'col-lg-12 col-sm-12 p-0 mb-3' : 'col-lg-6 col-sm-12 p-0 mb-3'
2123
2123
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2124
2124
  "class": "row m-0 w-100"
2125
2125
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2126
- className: formstyles.extracontainer + ' col-8 p-sm-0 d-flex align-items-center justify-content-start cursor-pointer '
2127
- }, /*#__PURE__*/React__default["default"].createElement(HiOutlinePlusCircle.HiOutlinePlusCircle, {
2128
- size: 20,
2129
- color: sectionproperties.form_labelcolor
2130
- }), /*#__PURE__*/React__default["default"].createElement("p", {
2131
- className: "".concat(formstyles.input_label_name) + ' m-0 p-0 mx-2 '
2126
+ className: formstyles.extracontainer + ' col-6 p-sm-0 d-flex flex-row align-items-center justify-content-start '
2127
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2128
+ "class": "row m-0 w-100"
2129
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2130
+ "class": "col-12 p-0 text-start"
2131
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
2132
+ className: "".concat(formstyles.input_label_name) + ' m-0 p-0 '
2132
2133
  }, item === null || item === void 0 || (_item$productinfo = item.productinfo) === null || _item$productinfo === void 0 ? void 0 : _item$productinfo.name_en)), /*#__PURE__*/React__default["default"].createElement("div", {
2133
- className: ' col-4 p-sm-0 d-flex align-items-center justify-content-end cursor-pointer '
2134
+ "class": "col-12 p-0 text-start"
2135
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
2136
+ className: ' m-0 p-0 ',
2137
+ style: {
2138
+ color: '#ccc',
2139
+ fontSize: 15
2140
+ },
2141
+ dangerouslySetInnerHTML: {
2142
+ __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
2143
+ }
2144
+ })))), /*#__PURE__*/React__default["default"].createElement("div", {
2145
+ className: ' col-6 p-sm-0 d-flex align-items-center justify-content-end cursor-pointer '
2134
2146
  }, /*#__PURE__*/React__default["default"].createElement("p", {
2135
- className: "".concat(formstyles.input_label_name) + ' m-0 p-0 mx-2 '
2136
- }, 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))));
2147
+ className: "".concat(formstyles.input_label_name) + ' m-0 p-0 mx-2 ',
2148
+ style: {
2149
+ fontSize: 12
2150
+ }
2151
+ }, "(+ ", 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__default["default"].createElement("div", {
2152
+ "class": "d-flex flex-row",
2153
+ style: {
2154
+ width: '50%',
2155
+ height: 32,
2156
+ border: '1px solid #ccc',
2157
+ borderRadius: 15
2158
+ }
2159
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
2160
+ style: {
2161
+ flex: 1
2162
+ },
2163
+ "class": "text-black cursor-pointer "
2164
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
2165
+ className: 'h-100 allcentered'
2166
+ }, /*#__PURE__*/React__default["default"].createElement(FiMinus.FiMinus, {
2167
+ size: 15
2168
+ }))), /*#__PURE__*/React__default["default"].createElement("span", {
2169
+ className: 'text-black allcentered',
2170
+ style: {
2171
+ flex: 1,
2172
+ fontSize: 18
2173
+ }
2174
+ }, "1"), /*#__PURE__*/React__default["default"].createElement("span", {
2175
+ style: {
2176
+ flex: 1
2177
+ },
2178
+ "class": "text-black cursor-pointer "
2179
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
2180
+ className: 'h-100 allcentered'
2181
+ }, /*#__PURE__*/React__default["default"].createElement(FiPlus.FiPlus, {
2182
+ size: 15
2183
+ })))))));
2137
2184
  }));
2138
2185
  };
2139
2186
 
@@ -2207,7 +2254,7 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
2207
2254
  }, '-' + 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) + '%'))));
2208
2255
  };
2209
2256
  return /*#__PURE__*/React__default["default"].createElement("div", {
2210
- "class": "col-lg-12 p-0"
2257
+ "class": props.srcfromprops == 'servicestyle2' ? 'col-lg-12 p-0 mt-1' : 'col-lg-12 p-0'
2211
2258
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2212
2259
  "class": "row mx-0 w-100",
2213
2260
  style: {
@@ -2215,7 +2262,7 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
2215
2262
  marginTop: sectionproperties.reservationmarginvertical + 'px'
2216
2263
  }
2217
2264
  }, sectionproperties.showDefaultPricingSection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
2218
- "class": "col-lg-12 p-0 mb-3 d-flex justift-content-start",
2265
+ "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',
2219
2266
  style: {
2220
2267
  background: sectionproperties.reservation_bgcolor,
2221
2268
  borderRadius: sectionproperties.reservation_borderradius + 'px'
@@ -2235,7 +2282,10 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
2235
2282
  color: sectionproperties.defaultPriceColor
2236
2283
  }
2237
2284
  }, quantityconditionfoundobjprops != null && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, (quantityconditionfoundobjprops === null || quantityconditionfoundobjprops === void 0 ? void 0 : quantityconditionfoundobjprops.type) == 'add' ? '+' : '-', quantityconditionfoundobjprops === null || quantityconditionfoundobjprops === void 0 ? void 0 : quantityconditionfoundobjprops.value, "%")), /*#__PURE__*/React__default["default"].createElement("div", {
2238
- "class": "col-lg-12 p-0 d-flex justift-content-start"
2285
+ "class": "col-lg-12 p-0 d-flex",
2286
+ style: {
2287
+ justifyContent: props.srcfromprops == 'servicestyle2' ? 'center' : 'start'
2288
+ }
2239
2289
  }, /*#__PURE__*/React__default["default"].createElement("p", {
2240
2290
  "class": "m-0 p-0"
2241
2291
  }, /*#__PURE__*/React__default["default"].createElement("span", {
@@ -2497,7 +2547,7 @@ var ProductExtraFields = function ProductExtraFields(props) {
2497
2547
  };
2498
2548
 
2499
2549
  var DescriptionContent = function DescriptionContent(props) {
2500
- var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer0, _fetchProductInfoQuer1, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12;
2550
+ var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer0, _fetchProductInfoQuer1, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14;
2501
2551
  var lang = props.actions.lang;
2502
2552
  var langdetect = props.actions.langdetect;
2503
2553
  var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
@@ -2508,7 +2558,7 @@ var DescriptionContent = function DescriptionContent(props) {
2508
2558
  setShowMore = _useState2[1];
2509
2559
  var ikimagecredcontext = props.actions.ikimagecredcontext;
2510
2560
  return /*#__PURE__*/React__default["default"].createElement("div", {
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' : 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'
2561
+ "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'
2512
2562
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2513
2563
  "class": "row m-0 w-100"
2514
2564
  }, sectionproperties.gallerystyle == 'Style 2' && props.srcfromprops != 'collap' && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -2533,7 +2583,7 @@ var DescriptionContent = function DescriptionContent(props) {
2533
2583
  color: '#000000'
2534
2584
  },
2535
2585
  dangerouslySetInnerHTML: {
2536
- __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)
2586
+ __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)
2537
2587
  }
2538
2588
  }), props.srcfromprops == 'Articles' && /*#__PURE__*/React__default["default"].createElement("p", {
2539
2589
  className: 'm-0 p-0 wordbreak',
@@ -2542,16 +2592,16 @@ var DescriptionContent = function DescriptionContent(props) {
2542
2592
  color: '#000000'
2543
2593
  },
2544
2594
  dangerouslySetInnerHTML: {
2545
- __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
2595
+ __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
2546
2596
  }
2547
- })), props.srcfromprops != 'Articles' && /*#__PURE__*/React__default["default"].createElement("div", {
2597
+ })), props.srcfromprops != 'Articles' && props.srcfromprops != 'servicestyle2' && /*#__PURE__*/React__default["default"].createElement("div", {
2548
2598
  "class": "col-lg-12 allcentered"
2549
- }, (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__default["default"].createElement("p", {
2599
+ }, (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__default["default"].createElement("p", {
2550
2600
  "class": "m-0 p-0 cursor-pointer text-grey font-weight-600",
2551
2601
  onClick: function onClick() {
2552
2602
  return setShowMore(!showMore);
2553
2603
  }
2554
- }, 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__default["default"].createElement("div", {
2604
+ }, 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__default["default"].createElement("div", {
2555
2605
  className: "col-lg-12 p-0 mb-4 d-flex justify-content-center"
2556
2606
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2557
2607
  className: "row m-0 w-100 d-flex"
@@ -2563,7 +2613,7 @@ var DescriptionContent = function DescriptionContent(props) {
2563
2613
  textAlign: langdetect == 'en' ? 'left' : 'right'
2564
2614
  },
2565
2615
  dangerouslySetInnerHTML: {
2566
- __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)
2616
+ __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)
2567
2617
  }
2568
2618
  }), props.srcfromprops == 'Articles' && /*#__PURE__*/React__default["default"].createElement("p", {
2569
2619
  className: 'text-black m-0 p-0 wordbreak',
@@ -2571,16 +2621,16 @@ var DescriptionContent = function DescriptionContent(props) {
2571
2621
  textAlign: langdetect == 'en' ? 'left' : 'right'
2572
2622
  },
2573
2623
  dangerouslySetInnerHTML: {
2574
- __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
2624
+ __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
2575
2625
  }
2576
- })), props.srcfromprops != 'Articles' && /*#__PURE__*/React__default["default"].createElement("div", {
2626
+ })), props.srcfromprops != 'Articles' && props.srcfromprops != 'servicestyle2' && /*#__PURE__*/React__default["default"].createElement("div", {
2577
2627
  "class": "col-lg-12 allcentered"
2578
- }, (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__default["default"].createElement("p", {
2628
+ }, (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__default["default"].createElement("p", {
2579
2629
  "class": "m-0 p-0 cursor-pointer text-grey font-weight-600 text-right",
2580
2630
  onClick: function onClick() {
2581
2631
  return setShowMore(!showMore);
2582
2632
  }
2583
- }, 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__default["default"].createElement("div", {
2633
+ }, 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__default["default"].createElement("div", {
2584
2634
  "class": "col-lg-12 p-0"
2585
2635
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2586
2636
  "class": "row m-0 w-100 allcentered pl-md-3 pr-md-3",
@@ -2588,7 +2638,7 @@ var DescriptionContent = function DescriptionContent(props) {
2588
2638
  paddingLeft: sectionproperties.galleryPaddingHorizontal + 'px',
2589
2639
  paddingRight: sectionproperties.galleryPaddingHorizontal + 'px'
2590
2640
  }
2591
- }, 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) {
2641
+ }, 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) {
2592
2642
  if (index <= 6) {
2593
2643
  return /*#__PURE__*/React__default["default"].createElement("div", {
2594
2644
  "class": ' col-md-4 col-sm-12 mb-3 col-lg-' + sectionproperties.galleryNoOfCols,
@@ -7662,7 +7712,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
7662
7712
  };
7663
7713
 
7664
7714
  var Service_itemtype = function Service_itemtype(props) {
7665
- 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$;
7715
+ 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$;
7666
7716
  var lang = props.actions.lang;
7667
7717
  var langdetect = props.actions.langdetect;
7668
7718
  var srcfromprops = props.actions.srcfromprops;
@@ -7718,6 +7768,12 @@ var Service_itemtype = function Service_itemtype(props) {
7718
7768
  settitle(fetchProductInfoQueryContext.data.data.productinfo.name_en);
7719
7769
  setshareUrl('https://' + authdetailsContext.instinfo.instcred.instexternaldomain + '/productinform/' + fetchProductInfoQueryContext.data.data.productinfo.productid);
7720
7770
  }, [props.itemprops]);
7771
+ var Slideshowsettings = {
7772
+ indicators: true,
7773
+ arrows: true,
7774
+ pauseOnHover: false,
7775
+ scale: 2
7776
+ };
7721
7777
  function stringIsEnglish(str) {
7722
7778
  var titlelang = 'English';
7723
7779
  var arabic = /[\u0600-\u06FF]/;
@@ -7781,7 +7837,7 @@ var Service_itemtype = function Service_itemtype(props) {
7781
7837
  };
7782
7838
  return /*#__PURE__*/React__default["default"].createElement("div", {
7783
7839
  "class": ' col-lg-12 p-0 '
7784
- }, /*#__PURE__*/React__default["default"].createElement("div", {
7840
+ }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.instid) != '679e614485d6a' && /*#__PURE__*/React__default["default"].createElement("div", {
7785
7841
  "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-3 pr-md-3 px-1025-1 ',
7786
7842
  style: {
7787
7843
  minHeight: sectionproperties.height + 'vh'
@@ -8500,7 +8556,175 @@ var Service_itemtype = function Service_itemtype(props) {
8500
8556
  paddingLeft: langdetect == 'en' ? '.5em' : 0,
8501
8557
  paddingRight: langdetect == 'ar' ? '.5rem' : 0
8502
8558
  }
8503
- }, StoreInfoprops()))), sizeguideimage.length != 0 && /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal, {
8559
+ }, StoreInfoprops()))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.instid) == '679e614485d6a' && /*#__PURE__*/React__default["default"].createElement("div", {
8560
+ "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-3 pr-md-3 px-1025-1 ',
8561
+ style: {
8562
+ minHeight: sectionproperties.height + 'vh',
8563
+ paddingLeft: '60px',
8564
+ paddingRight: '60px',
8565
+ paddingTop: '60px'
8566
+ }
8567
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8568
+ "class": 'col-lg-12 p-0 d-flex justify-content-center h-sm-auto mb-5',
8569
+ style: {
8570
+ height: '60vh'
8571
+ }
8572
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8573
+ "class": 'h-sm-auto',
8574
+ style: {
8575
+ position: 'relative',
8576
+ width: '100vw',
8577
+ height: '60vh',
8578
+ overflow: 'hidden'
8579
+ }
8580
+ }, /*#__PURE__*/React__default["default"].createElement(reactSlideshowImage.Slide, _extends__default["default"]({}, Slideshowsettings, {
8581
+ transitionDuration: 4000,
8582
+ duration: 4000,
8583
+ arrow: true,
8584
+ easing: "ease"
8585
+ }), (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) {
8586
+ if (item.is_size_guide != 1) {
8587
+ return /*#__PURE__*/React__default["default"].createElement("div", {
8588
+ "class": "row m-0 w-100 h-sm-auto",
8589
+ style: {
8590
+ // height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto',
8591
+ height: '60vh'
8592
+ }
8593
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8594
+ "class": 'p-0 align-items-center d-flex',
8595
+ key: index,
8596
+ style: _defineProperty__default["default"]({
8597
+ direction: langdetect == 'en' ? 'ltr' : 'rtl',
8598
+ width: '100%',
8599
+ height: '100%'
8600
+ }, "height", '60vh')
8601
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
8602
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
8603
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
8604
+ path: item.path,
8605
+ style: {
8606
+ objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
8607
+ margin: 0,
8608
+ padding: 0,
8609
+ width: '100%',
8610
+ height: '100%'
8611
+ }
8612
+ })));
8613
+ }
8614
+ }))))), /*#__PURE__*/React__default["default"].createElement("div", {
8615
+ "class": "col-lg-8"
8616
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8617
+ "class": "row m-0 w-100",
8618
+ style: {
8619
+ paddingRight: langdetect == 'en' ? 70 : 0,
8620
+ paddingLeft: langdetect == 'ar' ? 70 : 0
8621
+ }
8622
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8623
+ "class": "col-lg-12 p-0 text-start mb-2"
8624
+ }, ProductName()), /*#__PURE__*/React__default["default"].createElement("div", {
8625
+ "class": "col-lg-12 p-0 mb-3"
8626
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
8627
+ className: 'm-0 p-0 wordbreak',
8628
+ style: {
8629
+ textAlign: langdetect == 'en' ? 'left' : 'right',
8630
+ color: sectionproperties.prodCatColor
8631
+ },
8632
+ dangerouslySetInnerHTML: {
8633
+ __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
8634
+ }
8635
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
8636
+ "class": "col-lg-12 p-0 mb-3"
8637
+ }, /*#__PURE__*/React__default["default"].createElement(DescriptionContent, {
8638
+ actions: props.actions,
8639
+ srcfromprops: 'servicestyle2'
8640
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
8641
+ "class": "col-lg-12 p-0 mb-3"
8642
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
8643
+ "class": "m-0 p-0",
8644
+ style: {
8645
+ color: '#000',
8646
+ fontSize: 20,
8647
+ fontWeight: 600
8648
+ }
8649
+ }, "What's Included:")), /*#__PURE__*/React__default["default"].createElement("div", {
8650
+ "class": "col-lg-12 text-start p-md-0"
8651
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8652
+ className: "row m-0 w-100"
8653
+ }, 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) {
8654
+ return /*#__PURE__*/React__default["default"].createElement("div", {
8655
+ "class": "col-lg-12 col-md-12 p-0 mb-3 mt-2"
8656
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8657
+ "class": "row m-0 w-100 text-start"
8658
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8659
+ "class": "col-lg-12 text-start mb-3 text-uppercase p-0"
8660
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8661
+ style: {
8662
+ width: '30px'
8663
+ },
8664
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
8665
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
8666
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
8667
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
8668
+ path: fitem === null || fitem === void 0 ? void 0 : fitem.feature_image_url,
8669
+ loading: "lazy",
8670
+ style: {
8671
+ maxWidth: '100%',
8672
+ maxHeight: '100%'
8673
+ }
8674
+ })), /*#__PURE__*/React__default["default"].createElement("p", {
8675
+ "class": "m-0 p-0",
8676
+ style: {
8677
+ color: sectionproperties.featurecolor,
8678
+ fontWeight: sectionproperties.featurefontweight,
8679
+ fontSize: sectionproperties.featurefontsize
8680
+ }
8681
+ }, langdetect == 'en' ? fitem === null || fitem === void 0 ? void 0 : fitem.name_en : fitem === null || fitem === void 0 ? void 0 : fitem.name_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
8682
+ "class": "col-lg-12 text-start text-capitalize"
8683
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
8684
+ "class": "m-0 p-0",
8685
+ style: {
8686
+ color: sectionproperties.featurevaluecolor,
8687
+ fontWeight: sectionproperties.featurevaluefontweight,
8688
+ fontSize: sectionproperties.featurevaluefontsize
8689
+ }
8690
+ }, langdetect == 'en' ? fitem === null || fitem === void 0 ? void 0 : fitem.value_en : fitem === null || fitem === void 0 ? void 0 : fitem.value_ar))));
8691
+ }))))), /*#__PURE__*/React__default["default"].createElement("div", {
8692
+ "class": "col-lg-4"
8693
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8694
+ "class": "row m-0 w-100 p-3",
8695
+ style: {
8696
+ background: 'white',
8697
+ borderRadius: 10,
8698
+ boxShadow: '0 0 10px #ccc'
8699
+ }
8700
+ }, /*#__PURE__*/React__default["default"].createElement(ProductHeaderPricing, {
8701
+ actions: props.actions,
8702
+ srcfromprops: 'servicestyle2'
8703
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
8704
+ "class": "col-12 p-0"
8705
+ }, /*#__PURE__*/React__default["default"].createElement("hr", null)), /*#__PURE__*/React__default["default"].createElement(ProductExtras, {
8706
+ actions: props.actions,
8707
+ srcfromprops: 'servicestyle2'
8708
+ }), /*#__PURE__*/React__default["default"].createElement(Serviceinfotabs, {
8709
+ actions: {
8710
+ fetchProductInfoQueryContext: fetchProductInfoQueryContext,
8711
+ sectionproperties: sectionproperties,
8712
+ lang: lang,
8713
+ langdetect: langdetect,
8714
+ productinfo_cssstyles: productinfo_cssstyles,
8715
+ AddtoCartMutationContext: AddtoCartMutationContext,
8716
+ GeneralAPIMutationContext: GeneralAPIMutationContext,
8717
+ addtocardpayloadobj: addtocardpayloadobj,
8718
+ setaddtocardpayloadobj: setaddtocardpayloadobj,
8719
+ NotificationManager: NotificationManager,
8720
+ addtocartfunc: addtocartfunc,
8721
+ getprice_discountpriceprops: getprice_discountpriceprops,
8722
+ authdetailsContext: authdetailsContext,
8723
+ routingcountext: routingcountext,
8724
+ StaticPagesLinksContext: StaticPagesLinksContext,
8725
+ addtofavoritescontext: addtofavoritescontext
8726
+ }
8727
+ })))), sizeguideimage.length != 0 && /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal, {
8504
8728
  show: opensizeguidemodal,
8505
8729
  onHide: function onHide() {
8506
8730
  setopensizeguidemodal(false);
@@ -52193,20 +52417,7 @@ var Allinonefooter = function Allinonefooter(props) {
52193
52417
  style: {
52194
52418
  position: 'relative'
52195
52419
  }
52196
- }, /*#__PURE__*/React__default["default"].createElement("p", {
52197
- "class": "m-0 p-0 allcentered",
52198
- style: {
52199
- position: 'absolute',
52200
- top: -5,
52201
- right: '25%',
52202
- background: '#000',
52203
- color: 'white',
52204
- fontSize: 12,
52205
- borderRadius: 100,
52206
- width: 15,
52207
- height: 15
52208
- }
52209
- }, favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length), /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
52420
+ }, /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
52210
52421
  size: 18
52211
52422
  })), 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__default["default"].createElement("p", {
52212
52423
  "class": footerStyles.subPages + ' flex-row m-0 p-0 ',
@@ -52224,20 +52435,7 @@ var Allinonefooter = function Allinonefooter(props) {
52224
52435
  style: {
52225
52436
  position: 'relative'
52226
52437
  }
52227
- }, /*#__PURE__*/React__default["default"].createElement("p", {
52228
- "class": "m-0 p-0 allcentered",
52229
- style: {
52230
- position: 'absolute',
52231
- top: -5,
52232
- right: '25%',
52233
- background: '#000',
52234
- color: 'white',
52235
- fontSize: 12,
52236
- borderRadius: 100,
52237
- width: 15,
52238
- height: 15
52239
- }
52240
- }, favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length), /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
52438
+ }, /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
52241
52439
  size: 18
52242
52440
  })), 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__default["default"].createElement("p", {
52243
52441
  "class": footerStyles.subPages + ' flex-row m-0 p-0 ',