tabexseriescomponents 0.0.571 → 0.0.574

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.umd.js CHANGED
@@ -2119,7 +2119,7 @@
2119
2119
  };
2120
2120
 
2121
2121
  var DescriptionContent = function DescriptionContent(props) {
2122
- var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12;
2122
+ var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14;
2123
2123
  var lang = props.actions.lang;
2124
2124
  var langdetect = props.actions.langdetect;
2125
2125
  var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
@@ -2130,7 +2130,7 @@
2130
2130
  setShowMore = _useState2[1];
2131
2131
  var ikimagecredcontext = props.actions.ikimagecredcontext;
2132
2132
  return /*#__PURE__*/React__default["default"].createElement("div", {
2133
- "class": props.srcfromprops == 'undername' ? 'col-lg-12 p-0 w-100' : props.srcfromprops == 'undername' ? 'col-lg-12 p-0 w-100' : sectionproperties.gallerystyle == 'Style 1' ? 'col-lg-12 pl-5 pr-5 p-md-0 w-100' : 'col-lg-12 p-0 w-100'
2133
+ "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' ? 'col-lg-12 pl-5 pr-5 p-md-0 w-100' : 'col-lg-12 p-0 w-100'
2134
2134
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2135
2135
  "class": "row m-0 w-100"
2136
2136
  }, sectionproperties.gallerystyle == 'Style 2' && props.srcfromprops != 'collap' && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -2148,7 +2148,7 @@
2148
2148
  className: "row m-0 w-100 d-flex"
2149
2149
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2150
2150
  "class": "col-lg-12 p-0 d-flex justify-content-start"
2151
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2151
+ }, props.srcfromprops != 'Articles' && /*#__PURE__*/React__default["default"].createElement("p", {
2152
2152
  className: 'm-0 p-0 wordbreak',
2153
2153
  style: {
2154
2154
  textAlign: langdetect == 'en' ? 'left' : 'right',
@@ -2157,35 +2157,52 @@
2157
2157
  dangerouslySetInnerHTML: {
2158
2158
  __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)
2159
2159
  }
2160
- })), /*#__PURE__*/React__default["default"].createElement("div", {
2160
+ }), props.srcfromprops == 'Articles' && /*#__PURE__*/React__default["default"].createElement("p", {
2161
+ className: 'm-0 p-0 wordbreak',
2162
+ style: {
2163
+ textAlign: langdetect == 'en' ? 'left' : 'right',
2164
+ color: '#000000'
2165
+ },
2166
+ dangerouslySetInnerHTML: {
2167
+ __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
2168
+ }
2169
+ })), props.srcfromprops != 'Articles' && /*#__PURE__*/React__default["default"].createElement("div", {
2161
2170
  "class": "col-lg-12 allcentered"
2162
- }, (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.length) > 1000 && /*#__PURE__*/React__default["default"].createElement("p", {
2171
+ }, (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", {
2163
2172
  "class": "m-0 p-0 cursor-pointer text-grey font-weight-600",
2164
2173
  onClick: function onClick() {
2165
2174
  return setShowMore(!showMore);
2166
2175
  }
2167
- }, showMore ? lang.showless : lang.showmore)))), 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 ? void 0 : _fetchProductInfoQuer6.description_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) != null && sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
2176
+ }, 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", {
2168
2177
  className: "col-lg-12 p-0 mb-4 d-flex justify-content-center"
2169
2178
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2170
2179
  className: "row m-0 w-100 d-flex"
2171
2180
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2172
2181
  "class": "col-lg-12 p-0 d-flex justify-content-start flex-column"
2173
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2182
+ }, props.srcfromprops != 'Articles' && /*#__PURE__*/React__default["default"].createElement("p", {
2174
2183
  className: 'text-black m-0 p-0 wordbreak',
2175
2184
  style: {
2176
2185
  textAlign: langdetect == 'en' ? 'left' : 'right'
2177
2186
  },
2178
2187
  dangerouslySetInnerHTML: {
2179
- __html: showMore == true ? 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.slice(0, 1000)
2188
+ __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 || (_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)
2180
2189
  }
2181
- })), /*#__PURE__*/React__default["default"].createElement("div", {
2190
+ }), props.srcfromprops == 'Articles' && /*#__PURE__*/React__default["default"].createElement("p", {
2191
+ className: 'text-black m-0 p-0 wordbreak',
2192
+ style: {
2193
+ textAlign: langdetect == 'en' ? 'left' : 'right'
2194
+ },
2195
+ dangerouslySetInnerHTML: {
2196
+ __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
2197
+ }
2198
+ })), props.srcfromprops != 'Articles' && /*#__PURE__*/React__default["default"].createElement("div", {
2182
2199
  "class": "col-lg-12 allcentered"
2183
- }, (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", {
2200
+ }, (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", {
2184
2201
  "class": "m-0 p-0 cursor-pointer text-grey font-weight-600 text-right",
2185
2202
  onClick: function onClick() {
2186
2203
  return setShowMore(!showMore);
2187
2204
  }
2188
- }, 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", {
2205
+ }, 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", {
2189
2206
  "class": "col-lg-12 p-0"
2190
2207
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2191
2208
  "class": "row m-0 w-100 allcentered pl-md-3 pr-md-3",
@@ -2193,7 +2210,7 @@
2193
2210
  paddingLeft: sectionproperties.galleryPaddingHorizontal + 'px',
2194
2211
  paddingRight: sectionproperties.galleryPaddingHorizontal + 'px'
2195
2212
  }
2196
- }, 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) {
2213
+ }, 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) {
2197
2214
  if (index <= 6) {
2198
2215
  return /*#__PURE__*/React__default["default"].createElement("div", {
2199
2216
  "class": ' col-md-4 col-sm-12 mb-3 col-lg-' + sectionproperties.galleryNoOfCols,
@@ -4967,6 +4984,177 @@
4967
4984
  }, StoreInfoprops()))));
4968
4985
  };
4969
4986
 
4987
+ var Article_itemtype = function Article_itemtype(props) {
4988
+ var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6;
4989
+ props.actions.lang;
4990
+ var langdetect = props.actions.langdetect;
4991
+ var srcfromprops = props.actions.srcfromprops;
4992
+ props.actions.returnpolicyobj;
4993
+ var productinfo_cssstyles = props.actions.productinfo_cssstyles;
4994
+ props.actions.addtocartfunc;
4995
+ props.actions.selectproductoptionvalue;
4996
+ props.actions.clearchoosenvaluesbutkeepcurrentvalue;
4997
+ props.actions.productimagesarray;
4998
+ var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
4999
+ var sectionproperties = props.actions.sectionproperties;
5000
+ props.actions.addtocardpayloadobj;
5001
+ props.actions.setaddtocardpayloadobj;
5002
+ var routingcountext = props.actions.routingcountext;
5003
+ props.actions.AddtoCartMutationContext;
5004
+ var authdetailsContext = props.actions.authdetailsContext;
5005
+ props.actions.variantsku;
5006
+ props.actions.addtofavoritescontext;
5007
+ props.actions.variantindexcompleted;
5008
+ props.actions.ProductInfoObj;
5009
+ props.actions.NotificationManager;
5010
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
5011
+ props.actions.getprice_discountpriceprops;
5012
+ var ikimagecredcontext = props.actions.ikimagecredcontext;
5013
+ var currentshowingimageindex_pro = props.actions.currentshowingimageindex;
5014
+ props.actions.StoreInfoprops;
5015
+ var _useState = React.useState(currentshowingimageindex_pro),
5016
+ _useState2 = _slicedToArray__default["default"](_useState, 2);
5017
+ _useState2[0];
5018
+ _useState2[1];
5019
+ // const DescriptionContent = props.actions.DescriptionContent;
5020
+ var _useState3 = React.useState(''),
5021
+ _useState4 = _slicedToArray__default["default"](_useState3, 2);
5022
+ _useState4[0];
5023
+ var setshareUrl = _useState4[1];
5024
+ var _useState5 = React.useState(''),
5025
+ _useState6 = _slicedToArray__default["default"](_useState5, 2);
5026
+ _useState6[0];
5027
+ var settitle = _useState6[1];
5028
+ var _useState7 = React.useState(fetchProductInfoQueryContext.data.data.productinfo),
5029
+ _useState8 = _slicedToArray__default["default"](_useState7, 2);
5030
+ _useState8[0];
5031
+ var setitem = _useState8[1];
5032
+ React.useEffect(function () {
5033
+ var itemobj = fetchProductInfoQueryContext.data.data.productinfo;
5034
+ if (stringIsEnglish(fetchProductInfoQueryContext.data.data.productinfo.name_en)) {
5035
+ itemobj.titlelang = 'en';
5036
+ } else {
5037
+ itemobj.titlelang = 'ar';
5038
+ }
5039
+ if (stringIsEnglish(fetchProductInfoQueryContext.data.data.productinfo.description_en)) {
5040
+ itemobj.decriptionlang = 'en';
5041
+ } else {
5042
+ itemobj.decriptionlang = 'ar';
5043
+ }
5044
+ setitem(itemobj);
5045
+ settitle(fetchProductInfoQueryContext.data.data.productinfo.name_en);
5046
+ setshareUrl('https://' + authdetailsContext.instinfo.instcred.instexternaldomain + '/productinform/' + fetchProductInfoQueryContext.data.data.productinfo.productid);
5047
+ }, [props.itemprops]);
5048
+ function stringIsEnglish(str) {
5049
+ var titlelang = 'English';
5050
+ var arabic = /[\u0600-\u06FF]/;
5051
+ if (!arabic.test(str)) {
5052
+ titlelang = true;
5053
+ } else {
5054
+ titlelang = false;
5055
+ }
5056
+ return titlelang;
5057
+ }
5058
+ return /*#__PURE__*/React__default["default"].createElement("div", {
5059
+ className: sectionproperties.card_marginLeft != 0 ? ' row m-0 w-100 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 p-sm-0 ' : ' row m-0 w-100 p-sm-0 ',
5060
+ style: {
5061
+ paddingLeft: srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
5062
+ paddingRight: srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px' : 0
5063
+ }
5064
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
5065
+ "class": ' col-lg-12 p-0 '
5066
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
5067
+ "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-3 pr-md-3 px-1025-1 ',
5068
+ style: {
5069
+ minHeight: sectionproperties.height + 'vh'
5070
+ // paddingLeft: srcfromprops == 'templatedraftrouter' ? 0 : langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
5071
+ // paddingRight: srcfromprops == 'templatedraftrouter' ? 0 : langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
5072
+ }
5073
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
5074
+ "class": "w-100 scrollhorizontalwithscrollbar "
5075
+ }, (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 || (_fetchProductInfoQuer = _fetchProductInfoQuer.productimages) === null || _fetchProductInfoQuer === void 0 ? void 0 : _fetchProductInfoQuer.length) != 0 && (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 ? void 0 : _fetchProductInfoQuer2.productimages.map(function (item, index) {
5076
+ return /*#__PURE__*/React__default["default"].createElement("div", {
5077
+ "class": ' scrollhorizontalcard mx-2 ',
5078
+ style: {
5079
+ height: sectionproperties.image_height + 'px',
5080
+ width: sectionproperties.image_width + 'px'
5081
+ }
5082
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
5083
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
5084
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
5085
+ path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.path,
5086
+ style: {
5087
+ width: '100%',
5088
+ height: '100%',
5089
+ objectFit: 'contain'
5090
+ },
5091
+ loading: "lazy"
5092
+ }));
5093
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
5094
+ "class": "col-lg-12 p-0"
5095
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
5096
+ "class": "row mx-0 w-100",
5097
+ style: {
5098
+ marginTop: '3rem'
5099
+ }
5100
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
5101
+ className: 'col-lg-12 px-3 px-md-2'
5102
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
5103
+ className: 'row m-0 w-100'
5104
+ }, sectionproperties.showmeasurementunit == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
5105
+ className: 'col-lg-12 p-0 mb-1 d-flex justify-content-start align-items-center mb-1 mt-3'
5106
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
5107
+ className: ' m-0 p-0 wordbreak d-flex justify-content-start ',
5108
+ style: {
5109
+ textAlign: langdetect == 'en' ? 'left' : 'right',
5110
+ fontWeight: 400,
5111
+ color: sectionproperties.measurementunitcolor,
5112
+ fontSize: sectionproperties.measurementunitcolor + 'px'
5113
+ }
5114
+ }, fetchProductInfoQueryContext.data.data.productinfo.measurmentunit)), /*#__PURE__*/React__default["default"].createElement("div", {
5115
+ className: 'col-lg-12 p-0 mb-1 d-flex justify-content-start align-items-center'
5116
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
5117
+ className: props.srcfromprops != 'templatedraftrouter' ? "".concat(productinfo_cssstyles.productname, " ").concat(productinfo_cssstyles.productnamehover) + ' m-0 p-0 wordbreak d-flex justify-content-start cursor-pointer font-sm-15 ' : "".concat(productinfo_cssstyles.productname) + ' m-0 p-0 wordbreak d-flex justify-content-start font-sm-15 ',
5118
+ onClick: function onClick() {
5119
+ if (props.srcfromprops != 'templatedraftrouter') {
5120
+ routingcountext(StaticPagesLinksContext.productinfo, true, fetchProductInfoQueryContext.data.data.productinfo.productid);
5121
+ }
5122
+ },
5123
+ style: {
5124
+ textAlign: langdetect == 'en' ? 'left' : 'right'
5125
+ }
5126
+ }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar)), 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 ? void 0 : _fetchProductInfoQuer3.short_description_en) != null && /*#__PURE__*/React__default["default"].createElement("div", {
5127
+ "class": "col-lg-12 p-0"
5128
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
5129
+ "class": "col-lg-12 p-0 d-flex justify-content-start"
5130
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
5131
+ className: 'text-black m-0 p-0 wordbreak',
5132
+ style: {
5133
+ textAlign: langdetect == 'en' ? 'left' : 'right'
5134
+ },
5135
+ dangerouslySetInnerHTML: {
5136
+ __html: 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.short_description_en
5137
+ }
5138
+ }))), 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 ? void 0 : _fetchProductInfoQuer5.short_description_ar) != null && /*#__PURE__*/React__default["default"].createElement("div", {
5139
+ "class": "col-lg-12 p-0"
5140
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
5141
+ "class": "col-lg-12 p-0 d-flex justify-content-start"
5142
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
5143
+ className: 'text-black m-0 p-0 wordbreak',
5144
+ style: {
5145
+ textAlign: langdetect == 'en' ? 'left' : 'right'
5146
+ },
5147
+ dangerouslySetInnerHTML: {
5148
+ __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.short_description_ar
5149
+ }
5150
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
5151
+ "class": "col-lg-12 p-0"
5152
+ }, /*#__PURE__*/React__default["default"].createElement(DescriptionContent, {
5153
+ actions: props.actions,
5154
+ srcfromprops: 'Articles'
5155
+ })))))))));
5156
+ };
5157
+
4970
5158
  function ownKeys$2s(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; }
4971
5159
  function _objectSpread$2s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2s(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4972
5160
  var AddReview = function AddReview(props) {
@@ -5479,7 +5667,7 @@
5479
5667
  function ownKeys$2q(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; }
5480
5668
  function _objectSpread$2q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2q(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
5481
5669
  var Productinfo = function Productinfo(props) {
5482
- var _css, _ref, _ref2, _fetchProductInfoQuer35, _fetchProductInfoQuer36, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _fetchProductInfoQuer37, _fetchProductInfoQuer38, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer39, _fetchProductInfoQuer40, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12;
5670
+ var _css, _ref, _ref2, _ref3, _fetchProductInfoQuer35, _fetchProductInfoQuer36, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _fetchProductInfoQuer37, _fetchProductInfoQuer38, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer39, _fetchProductInfoQuer40, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12;
5483
5671
  var _useState = React.useState({}),
5484
5672
  _useState2 = _slicedToArray__default["default"](_useState, 2),
5485
5673
  ProductInfoObj = _useState2[0],
@@ -6895,7 +7083,7 @@
6895
7083
  paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
6896
7084
  paddingRight: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px' : 0
6897
7085
  }
6898
- }, fetchProductInfoQueryContext.data.data.productinfo.item_type != 'service' && /*#__PURE__*/React__default["default"].createElement(Product_itemtype, {
7086
+ }, fetchProductInfoQueryContext.data.data.productinfo.item_type == 'product' && /*#__PURE__*/React__default["default"].createElement(Product_itemtype, {
6899
7087
  actions: (_ref = {
6900
7088
  setisoutofstock: setisoutofstock,
6901
7089
  isoutofstock: isoutofstock,
@@ -6904,8 +7092,17 @@
6904
7092
  lang: lang,
6905
7093
  srcfromprops: props.srcfromprops
6906
7094
  }, _defineProperty__default["default"](_ref, "returnpolicyobj", returnpolicyobj), _defineProperty__default["default"](_ref, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty__default["default"](_ref, "addtocartfunc", addtocartfunc), _defineProperty__default["default"](_ref, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty__default["default"](_ref, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty__default["default"](_ref, "productimagesarray", productimagesarray), _defineProperty__default["default"](_ref, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty__default["default"](_ref, "ProductInfoObj", ProductInfoObj), _defineProperty__default["default"](_ref, "sectionproperties", sectionproperties), _defineProperty__default["default"](_ref, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_ref, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty__default["default"](_ref, "routingcountext", routingcountext), _defineProperty__default["default"](_ref, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty__default["default"](_ref, "authdetailsContext", authdetailsContext), _defineProperty__default["default"](_ref, "addtofavoritescontext", addtofavoritescontext), _defineProperty__default["default"](_ref, "variantindexcompleted", variantindexcompleted), _defineProperty__default["default"](_ref, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty__default["default"](_ref, "NotificationManager", NotificationManager), _defineProperty__default["default"](_ref, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty__default["default"](_ref, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_ref, "relatedproducts", relatedproducts), _defineProperty__default["default"](_ref, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty__default["default"](_ref, "StoreInfoprops", StoreInfo), _defineProperty__default["default"](_ref, "currentshowingimageindex", currentshowingimageindex), _defineProperty__default["default"](_ref, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty__default["default"](_ref, "templatepropcontext", templatepropcontext), _defineProperty__default["default"](_ref, "ikimagecredcontext", ikimagecredcontext), _defineProperty__default["default"](_ref, "variantindex", variantindex), _defineProperty__default["default"](_ref, "setvariantindex", setvariantindex), _defineProperty__default["default"](_ref, "variantsku", variantsku), _defineProperty__default["default"](_ref, "variantvalueidentifier", variantvalueidentifier), _ref)
6907
- }), fetchProductInfoQueryContext.data.data.productinfo.item_type == 'service' && /*#__PURE__*/React__default["default"].createElement(Service_itemtype, {
7095
+ }), fetchProductInfoQueryContext.data.data.productinfo.item_type == 'Article' && /*#__PURE__*/React__default["default"].createElement(Article_itemtype, {
6908
7096
  actions: (_ref2 = {
7097
+ setisoutofstock: setisoutofstock,
7098
+ isoutofstock: isoutofstock,
7099
+ returnpolicyobj: returnpolicyobj,
7100
+ langdetect: langdetect,
7101
+ lang: lang,
7102
+ srcfromprops: props.srcfromprops
7103
+ }, _defineProperty__default["default"](_ref2, "returnpolicyobj", returnpolicyobj), _defineProperty__default["default"](_ref2, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty__default["default"](_ref2, "addtocartfunc", addtocartfunc), _defineProperty__default["default"](_ref2, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty__default["default"](_ref2, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty__default["default"](_ref2, "productimagesarray", productimagesarray), _defineProperty__default["default"](_ref2, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty__default["default"](_ref2, "ProductInfoObj", ProductInfoObj), _defineProperty__default["default"](_ref2, "sectionproperties", sectionproperties), _defineProperty__default["default"](_ref2, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_ref2, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty__default["default"](_ref2, "routingcountext", routingcountext), _defineProperty__default["default"](_ref2, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty__default["default"](_ref2, "authdetailsContext", authdetailsContext), _defineProperty__default["default"](_ref2, "addtofavoritescontext", addtofavoritescontext), _defineProperty__default["default"](_ref2, "variantindexcompleted", variantindexcompleted), _defineProperty__default["default"](_ref2, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty__default["default"](_ref2, "NotificationManager", NotificationManager), _defineProperty__default["default"](_ref2, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty__default["default"](_ref2, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_ref2, "relatedproducts", relatedproducts), _defineProperty__default["default"](_ref2, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty__default["default"](_ref2, "StoreInfoprops", StoreInfo), _defineProperty__default["default"](_ref2, "currentshowingimageindex", currentshowingimageindex), _defineProperty__default["default"](_ref2, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty__default["default"](_ref2, "templatepropcontext", templatepropcontext), _defineProperty__default["default"](_ref2, "ikimagecredcontext", ikimagecredcontext), _defineProperty__default["default"](_ref2, "variantindex", variantindex), _defineProperty__default["default"](_ref2, "setvariantindex", setvariantindex), _defineProperty__default["default"](_ref2, "variantsku", variantsku), _defineProperty__default["default"](_ref2, "variantvalueidentifier", variantvalueidentifier), _ref2)
7104
+ }), fetchProductInfoQueryContext.data.data.productinfo.item_type == 'service' && /*#__PURE__*/React__default["default"].createElement(Service_itemtype, {
7105
+ actions: (_ref3 = {
6909
7106
  variantsku: variantsku,
6910
7107
  setisoutofstock: setisoutofstock,
6911
7108
  isoutofstock: isoutofstock,
@@ -6913,7 +7110,7 @@
6913
7110
  langdetect: langdetect,
6914
7111
  lang: lang,
6915
7112
  srcfromprops: props.srcfromprops
6916
- }, _defineProperty__default["default"](_ref2, "returnpolicyobj", returnpolicyobj), _defineProperty__default["default"](_ref2, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty__default["default"](_ref2, "addtocartfunc", addtocartfunc), _defineProperty__default["default"](_ref2, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty__default["default"](_ref2, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty__default["default"](_ref2, "productimagesarray", productimagesarray), _defineProperty__default["default"](_ref2, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty__default["default"](_ref2, "sectionproperties", sectionproperties), _defineProperty__default["default"](_ref2, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_ref2, "ProductInfoObj", ProductInfoObj), _defineProperty__default["default"](_ref2, "currentshowingimageindex", currentshowingimageindex), _defineProperty__default["default"](_ref2, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty__default["default"](_ref2, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty__default["default"](_ref2, "routingcountext", routingcountext), _defineProperty__default["default"](_ref2, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty__default["default"](_ref2, "authdetailsContext", authdetailsContext), _defineProperty__default["default"](_ref2, "addtofavoritescontext", addtofavoritescontext), _defineProperty__default["default"](_ref2, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty__default["default"](_ref2, "variantindexcompleted", variantindexcompleted), _defineProperty__default["default"](_ref2, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty__default["default"](_ref2, "NotificationManager", NotificationManager), _defineProperty__default["default"](_ref2, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty__default["default"](_ref2, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_ref2, "relatedproducts", relatedproducts), _defineProperty__default["default"](_ref2, "getQuantityCondition", getQuantityCondition), _defineProperty__default["default"](_ref2, "StoreInfoprops", StoreInfo), _defineProperty__default["default"](_ref2, "templatepropcontext", templatepropcontext), _defineProperty__default["default"](_ref2, "ikimagecredcontext", ikimagecredcontext), _ref2)
7113
+ }, _defineProperty__default["default"](_ref3, "returnpolicyobj", returnpolicyobj), _defineProperty__default["default"](_ref3, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty__default["default"](_ref3, "addtocartfunc", addtocartfunc), _defineProperty__default["default"](_ref3, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty__default["default"](_ref3, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty__default["default"](_ref3, "productimagesarray", productimagesarray), _defineProperty__default["default"](_ref3, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty__default["default"](_ref3, "sectionproperties", sectionproperties), _defineProperty__default["default"](_ref3, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_ref3, "ProductInfoObj", ProductInfoObj), _defineProperty__default["default"](_ref3, "currentshowingimageindex", currentshowingimageindex), _defineProperty__default["default"](_ref3, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty__default["default"](_ref3, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty__default["default"](_ref3, "routingcountext", routingcountext), _defineProperty__default["default"](_ref3, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty__default["default"](_ref3, "authdetailsContext", authdetailsContext), _defineProperty__default["default"](_ref3, "addtofavoritescontext", addtofavoritescontext), _defineProperty__default["default"](_ref3, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty__default["default"](_ref3, "variantindexcompleted", variantindexcompleted), _defineProperty__default["default"](_ref3, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty__default["default"](_ref3, "NotificationManager", NotificationManager), _defineProperty__default["default"](_ref3, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty__default["default"](_ref3, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_ref3, "relatedproducts", relatedproducts), _defineProperty__default["default"](_ref3, "getQuantityCondition", getQuantityCondition), _defineProperty__default["default"](_ref3, "StoreInfoprops", StoreInfo), _defineProperty__default["default"](_ref3, "templatepropcontext", templatepropcontext), _defineProperty__default["default"](_ref3, "ikimagecredcontext", ikimagecredcontext), _ref3)
6917
7114
  }), props.srcfromprops != 'templatedraftrouter' && /*#__PURE__*/React__default["default"].createElement("div", {
6918
7115
  className: sectionproperties.card_marginLeft != 0 ? ' col-lg-12 p-0 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 pl-sm-1 pr-sm-1 ' : ' col-lg-12 p-sm-0 ',
6919
7116
  style: {
@@ -16531,192 +16728,180 @@
16531
16728
  function ownKeys$2a(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; }
16532
16729
  function _objectSpread$2a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2a(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
16533
16730
  var CollectionsFilterHorizontal = function CollectionsFilterHorizontal(props) {
16534
- var _authdetailsContext$i;
16535
16731
  props.actions.lang;
16536
16732
  var langdetect = props.actions.langdetect;
16537
16733
  props.actions.productfiltercontext;
16538
16734
  props.actions.setproductfiltercontext;
16539
16735
  var ProductFilterObjContext = props.actions.ProductFilterObjContext;
16540
16736
  var setProductFilterObjContext = props.actions.setProductFilterObjContext;
16541
- var authdetailsContext = props.actions.authdetailsContext;
16737
+ props.actions.authdetailsContext;
16542
16738
  var routingcountext = props.actions.routingcountext;
16543
16739
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
16544
16740
  props.actions.ikimagecredcontext;
16545
- var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
16546
- var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
16741
+ props.actions.FetchQueriesEngineContext;
16742
+ props.actions.setFetchQueriesEngineContext;
16743
+ props.actions.fetchcollectionsQueryContext;
16744
+ var fetchCategoriesQueryContext = props.actions.fetchCategoriesQueryContext;
16547
16745
  var _useState = React.useState(''),
16548
16746
  _useState2 = _slicedToArray__default["default"](_useState, 2),
16549
16747
  sectionproperties = _useState2[0],
16550
16748
  setsectionproperties = _useState2[1];
16551
16749
  var _useState3 = React.useState([]),
16552
- _useState4 = _slicedToArray__default["default"](_useState3, 2),
16553
- collectionstobevisible = _useState4[0],
16554
- setcollectionstobevisible = _useState4[1];
16555
- var _useState5 = React.useState(_toConsumableArray__default["default"](authdetailsContext.instinfo.instcollections)),
16750
+ _useState4 = _slicedToArray__default["default"](_useState3, 2);
16751
+ _useState4[0];
16752
+ _useState4[1];
16753
+ // const [instcollections, setinstcollections] = useState([...fetchcollectionsQueryContext?.data?.data?.collections]);
16754
+ var _useState5 = React.useState([]),
16556
16755
  _useState6 = _slicedToArray__default["default"](_useState5, 2),
16557
- instcollections = _useState6[0],
16558
- setinstcollections = _useState6[1];
16559
- var _useState7 = React.useState(_toConsumableArray__default["default"](authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.instcategories)),
16560
- _useState8 = _slicedToArray__default["default"](_useState7, 2),
16561
- instcategories = _useState8[0],
16562
- setinstcategories = _useState8[1];
16563
- var _useState9 = React.useState(false),
16564
- _useState10 = _slicedToArray__default["default"](_useState9, 2);
16565
- _useState10[0];
16566
- _useState10[1];
16756
+ instcategories = _useState6[0],
16757
+ setinstcategories = _useState6[1];
16758
+ var _useState7 = React.useState(false),
16759
+ _useState8 = _slicedToArray__default["default"](_useState7, 2);
16760
+ _useState8[0];
16761
+ _useState8[1];
16567
16762
  React.useEffect(function () {
16568
- filterupdater();
16763
+ // filterupdater();
16569
16764
  }, []);
16570
16765
  React.useEffect(function () {
16571
- var _authdetailsContext$i2;
16572
- setinstcollections(_toConsumableArray__default["default"](authdetailsContext.instinfo.instcollections));
16573
- setinstcategories(_toConsumableArray__default["default"](authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.instcategories));
16574
- }, [authdetailsContext]);
16766
+ if (fetchCategoriesQueryContext.isSuccess) {
16767
+ var _fetchCategoriesQuery;
16768
+ setinstcategories(_toConsumableArray__default["default"](fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery === void 0 || (_fetchCategoriesQuery = _fetchCategoriesQuery.data) === null || _fetchCategoriesQuery === void 0 ? void 0 : _fetchCategoriesQuery.categories));
16769
+ }
16770
+ }, [fetchCategoriesQueryContext.isSuccess]);
16575
16771
  React.useEffect(function () {
16576
16772
  if (props.sectionpropertiesprops != undefined && props.sectionpropertiesprops.length != 0) {
16577
16773
  setsectionproperties(props.sectionpropertiesprops);
16578
16774
  }
16579
16775
  }, [props.sectionpropertiesprops]);
16580
16776
  React.useEffect(function () {
16581
- filterupdater();
16582
- }, [ProductFilterObjContext]);
16583
- React.useEffect(function () {
16584
- if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.filterretreivetype) == 'Depend on chosen parent group') {
16585
- if ((ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections) != undefined && (ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections) != null && Array.isArray(ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections)) {
16586
- var _parentidsfound;
16587
- var collectiontobevisible = [];
16588
- var parentidsfound = [];
16589
- if (ProductFilterObjContext.ProductFetchingType == 'Parent Collection') {
16590
- parentidsfound = ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections;
16591
- } else if (ProductFilterObjContext.ProductFetchingType == 'Category') {
16592
- instcategories === null || instcategories === void 0 || instcategories.forEach(function (catitem, catindex) {
16593
- var _ProductFilterObjCont;
16594
- ProductFilterObjContext === null || ProductFilterObjContext === void 0 || (_ProductFilterObjCont = ProductFilterObjContext.collections) === null || _ProductFilterObjCont === void 0 || _ProductFilterObjCont.forEach(function (colitem2, colindex2) {
16595
- if (catitem.categoryid == colitem2) {
16596
- var _catitem$parentcollet;
16597
- catitem === null || catitem === void 0 || (_catitem$parentcollet = catitem.parentcolletions) === null || _catitem$parentcollet === void 0 || _catitem$parentcollet.forEach(function (parentcolitem, parentcolindex) {
16598
- parentidsfound.push(parentcolitem.parentcollectionid);
16599
- });
16600
- }
16601
- });
16602
- });
16603
- } else {
16604
- instcategories === null || instcategories === void 0 || instcategories.forEach(function (catitem, catindex) {
16605
- var _catitem$parentcollet2;
16606
- catitem === null || catitem === void 0 || (_catitem$parentcollet2 = catitem.parentcolletions) === null || _catitem$parentcollet2 === void 0 || _catitem$parentcollet2.forEach(function (parentcolitem, parentcolindex) {
16607
- var _parentcolitem$collec;
16608
- parentcolitem === null || parentcolitem === void 0 || (_parentcolitem$collec = parentcolitem.collections) === null || _parentcolitem$collec === void 0 || _parentcolitem$collec.forEach(function (colitem, colindex) {
16609
- var _ProductFilterObjCont2;
16610
- ProductFilterObjContext === null || ProductFilterObjContext === void 0 || (_ProductFilterObjCont2 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont2 === void 0 || _ProductFilterObjCont2.forEach(function (colitem2, colindex2) {
16611
- if (colitem.collectionid == colitem2) {
16612
- parentidsfound.push(parentcolitem.parentcollectionid);
16613
- }
16614
- });
16615
- });
16616
- });
16617
- });
16618
- }
16619
- parentidsfound = parentidsfound.filter(function (val, id, array) {
16620
- return array.indexOf(val) == id;
16621
- });
16622
- if (((_parentidsfound = parentidsfound) === null || _parentidsfound === void 0 ? void 0 : _parentidsfound.length) != 0) {
16623
- instcategories === null || instcategories === void 0 || instcategories.forEach(function (catitem, catindex) {
16624
- var _catitem$parentcollet3;
16625
- catitem === null || catitem === void 0 || (_catitem$parentcollet3 = catitem.parentcolletions) === null || _catitem$parentcollet3 === void 0 || _catitem$parentcollet3.forEach(function (parentcolitem, parentcolindex) {
16626
- var _parentidsfound2;
16627
- (_parentidsfound2 = parentidsfound) === null || _parentidsfound2 === void 0 || _parentidsfound2.forEach(function (parentidfounditem, parentidfoundindex) {
16628
- if (parentidfounditem == (parentcolitem === null || parentcolitem === void 0 ? void 0 : parentcolitem.parentcollectionid)) {
16629
- var _parentcolitem$collec2;
16630
- parentcolitem === null || parentcolitem === void 0 || (_parentcolitem$collec2 = parentcolitem.collections) === null || _parentcolitem$collec2 === void 0 || _parentcolitem$collec2.forEach(function (colitem, colindex) {
16631
- var iscolexists = false;
16632
- collectiontobevisible === null || collectiontobevisible === void 0 || collectiontobevisible.forEach(function (colitemex, colindexex) {
16633
- if (colitemex.collectionid == colitem.collectionid) {
16634
- iscolexists = true;
16635
- }
16636
- });
16637
- if (iscolexists == false) {
16638
- collectiontobevisible.push(colitem);
16639
- }
16640
- });
16641
- }
16642
- });
16643
- });
16644
- });
16645
- if ((collectiontobevisible === null || collectiontobevisible === void 0 ? void 0 : collectiontobevisible.length) != 0) {
16646
- setcollectionstobevisible(collectiontobevisible);
16647
- } else {
16648
- setcollectionstobevisible(instcollections);
16649
- }
16650
- } else {
16651
- setcollectionstobevisible(instcollections);
16652
- }
16653
- } else {
16654
- setcollectionstobevisible(instcollections);
16655
- }
16656
- } else {
16657
- setcollectionstobevisible(instcollections);
16658
- }
16777
+ // filterupdater();
16659
16778
  }, [ProductFilterObjContext]);
16660
- var filterupdater = function filterupdater() {
16661
- setTimeout(function () {
16662
- var tempFetchQueriesEngineContext = _objectSpread$2a({}, FetchQueriesEngineContext);
16663
- tempFetchQueriesEngineContext.fetchtabexcountries = true;
16664
- setFetchQueriesEngineContext(tempFetchQueriesEngineContext);
16665
- }, 100);
16666
- if (instcategories.length != 0) {
16667
- var _ProductFilterObjCont3;
16668
- var tempInstcategories = _toConsumableArray__default["default"](instcategories);
16669
- tempInstcategories.forEach(function (catitem, catindex) {
16670
- catitem.parentcolletions.forEach(function (parentcolitem, parentcolindex) {
16671
- parentcolitem.collections.forEach(function (colitem, colindex) {
16672
- colitem.isfilterselected = false;
16673
- });
16674
- });
16675
- });
16676
- ProductFilterObjContext === null || ProductFilterObjContext === void 0 || (_ProductFilterObjCont3 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont3 === void 0 || _ProductFilterObjCont3.forEach(function (filteritem, filterindex) {
16677
- tempInstcategories.forEach(function (catitem, catindex) {
16678
- catitem.parentcolletions.forEach(function (parentcolitem, parentcolindex) {
16679
- parentcolitem.collections.forEach(function (colitem, colindex) {
16680
- if (colitem.collectionid == filteritem) {
16681
- colitem.isfilterselected = true;
16682
- }
16683
- });
16684
- });
16685
- });
16686
- });
16687
- setinstcategories(_toConsumableArray__default["default"](tempInstcategories));
16688
- }
16689
- if (instcollections.length != 0) {
16690
- var _ProductFilterObjCont4;
16691
- var tempInstcollections = _toConsumableArray__default["default"](instcollections);
16692
- tempInstcollections.forEach(function (instfilteritem, valefilteritemindex) {
16693
- instfilteritem.isfilterselected = false;
16694
- });
16695
- ProductFilterObjContext === null || ProductFilterObjContext === void 0 || (_ProductFilterObjCont4 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont4 === void 0 || _ProductFilterObjCont4.forEach(function (filteritem, filterindex) {
16696
- tempInstcollections === null || tempInstcollections === void 0 || tempInstcollections.forEach(function (instfilteritem, instfilterindex) {
16697
- if (instfilteritem.collectionid == filteritem) {
16698
- instfilteritem.isfilterselected = true;
16699
- }
16700
- });
16701
- });
16702
- setinstcollections(_toConsumableArray__default["default"](tempInstcollections));
16703
- }
16704
- };
16779
+
16780
+ // useEffect(() => {
16781
+ // if (sectionproperties?.filterretreivetype == 'Depend on chosen parent group') {
16782
+ // if (ProductFilterObjContext?.collections != undefined && ProductFilterObjContext?.collections != null && Array.isArray(ProductFilterObjContext?.collections)) {
16783
+ // var collectiontobevisible = [];
16784
+ // var parentidsfound = [];
16785
+ // if (ProductFilterObjContext.ProductFetchingType == 'Parent Collection') {
16786
+ // parentidsfound = ProductFilterObjContext?.collections;
16787
+ // } else if (ProductFilterObjContext.ProductFetchingType == 'Category') {
16788
+ // instcategories?.forEach(function (catitem, catindex) {
16789
+ // ProductFilterObjContext?.collections?.forEach(function (colitem2, colindex2) {
16790
+ // if (catitem.categoryid == colitem2) {
16791
+ // catitem?.parentcolletions?.forEach(function (parentcolitem, parentcolindex) {
16792
+ // parentidsfound.push(parentcolitem.parentcollectionid);
16793
+ // });
16794
+ // }
16795
+ // });
16796
+ // });
16797
+ // } else {
16798
+ // instcategories?.forEach(function (catitem, catindex) {
16799
+ // catitem?.parentcolletions?.forEach(function (parentcolitem, parentcolindex) {
16800
+ // parentcolitem?.collections?.forEach(function (colitem, colindex) {
16801
+ // ProductFilterObjContext?.collections?.forEach(function (colitem2, colindex2) {
16802
+ // if (colitem.collectionid == colitem2) {
16803
+ // parentidsfound.push(parentcolitem.parentcollectionid);
16804
+ // }
16805
+ // });
16806
+ // });
16807
+ // });
16808
+ // });
16809
+ // }
16810
+
16811
+ // parentidsfound = parentidsfound.filter((val, id, array) => array.indexOf(val) == id);
16812
+
16813
+ // if (parentidsfound?.length != 0) {
16814
+ // instcategories?.forEach(function (catitem, catindex) {
16815
+ // catitem?.parentcolletions?.forEach(function (parentcolitem, parentcolindex) {
16816
+ // parentidsfound?.forEach(function (parentidfounditem, parentidfoundindex) {
16817
+ // if (parentidfounditem == parentcolitem?.parentcollectionid) {
16818
+ // parentcolitem?.collections?.forEach(function (colitem, colindex) {
16819
+ // var iscolexists = false;
16820
+ // collectiontobevisible?.forEach(function (colitemex, colindexex) {
16821
+ // if (colitemex.collectionid == colitem.collectionid) {
16822
+ // iscolexists = true;
16823
+ // }
16824
+ // });
16825
+ // if (iscolexists == false) {
16826
+ // collectiontobevisible.push(colitem);
16827
+ // }
16828
+ // });
16829
+ // }
16830
+ // });
16831
+ // });
16832
+ // });
16833
+
16834
+ // if (collectiontobevisible?.length != 0) {
16835
+ // setcollectionstobevisible(collectiontobevisible);
16836
+ // } else {
16837
+ // setcollectionstobevisible(instcollections);
16838
+ // }
16839
+ // } else {
16840
+ // setcollectionstobevisible(instcollections);
16841
+ // }
16842
+ // } else {
16843
+ // setcollectionstobevisible(instcollections);
16844
+ // }
16845
+ // } else {
16846
+ // setcollectionstobevisible(instcollections);
16847
+ // }
16848
+ // }, [ProductFilterObjContext]);
16849
+
16850
+ // const filterupdater = () => {
16851
+ // if (instcategories.length != 0) {
16852
+ // var tempInstcategories = [...instcategories];
16853
+ // tempInstcategories.forEach(function (catitem, catindex) {
16854
+ // catitem.parentcolletions.forEach(function (parentcolitem, parentcolindex) {
16855
+ // parentcolitem.collections.forEach(function (colitem, colindex) {
16856
+ // colitem.isfilterselected = false;
16857
+ // });
16858
+ // });
16859
+ // });
16860
+
16861
+ // ProductFilterObjContext?.collections?.forEach(function (filteritem, filterindex) {
16862
+ // tempInstcategories.forEach(function (catitem, catindex) {
16863
+ // catitem.parentcolletions.forEach(function (parentcolitem, parentcolindex) {
16864
+ // parentcolitem.collections.forEach(function (colitem, colindex) {
16865
+ // if (colitem.collectionid == filteritem) {
16866
+ // colitem.isfilterselected = true;
16867
+ // }
16868
+ // });
16869
+ // });
16870
+ // });
16871
+ // });
16872
+
16873
+ // setinstcategories([...tempInstcategories]);
16874
+ // }
16875
+ // // if (instcollections.length != 0) {
16876
+ // // var tempInstcollections = [...instcollections];
16877
+ // // tempInstcollections.forEach(function (instfilteritem, valefilteritemindex) {
16878
+ // // instfilteritem.isfilterselected = false;
16879
+ // // });
16880
+ // // ProductFilterObjContext?.collections?.forEach(function (filteritem, filterindex) {
16881
+ // // tempInstcollections?.forEach(function (instfilteritem, instfilterindex) {
16882
+ // // if (instfilteritem.collectionid == filteritem) {
16883
+ // // instfilteritem.isfilterselected = true;
16884
+ // // }
16885
+ // // });
16886
+ // // });
16887
+ // // setinstcollections([...tempInstcollections]);
16888
+ // // }
16889
+ // };
16705
16890
  var setCollectionFilterFunc = function setCollectionFilterFunc(collectionid) {
16706
16891
  var _tempfetchproductsfil;
16707
16892
  var tempfetchproductsfilerobjcontext = _objectSpread$2a({}, ProductFilterObjContext);
16708
16893
  var CollectionExists = false;
16709
- tempfetchproductsfilerobjcontext === null || tempfetchproductsfilerobjcontext === void 0 || (_tempfetchproductsfil = tempfetchproductsfilerobjcontext.collections) === null || _tempfetchproductsfil === void 0 || _tempfetchproductsfil.forEach(function (filteritem, filterindex) {
16894
+ tempfetchproductsfilerobjcontext === null || tempfetchproductsfilerobjcontext === void 0 || (_tempfetchproductsfil = tempfetchproductsfilerobjcontext.categories) === null || _tempfetchproductsfil === void 0 || _tempfetchproductsfil.forEach(function (filteritem, filterindex) {
16710
16895
  if (filteritem == collectionid) {
16711
16896
  CollectionExists = true;
16712
- tempfetchproductsfilerobjcontext.collections.splice(filterindex, 1);
16897
+ tempfetchproductsfilerobjcontext.categories.splice(filterindex, 1);
16713
16898
  }
16714
16899
  });
16715
16900
  if (!CollectionExists) {
16716
- if (tempfetchproductsfilerobjcontext.collections != undefined && Array.isArray(tempfetchproductsfilerobjcontext.collections)) {
16717
- tempfetchproductsfilerobjcontext.collections = [collectionid];
16901
+ if (tempfetchproductsfilerobjcontext.categories != undefined && Array.isArray(tempfetchproductsfilerobjcontext.categories)) {
16902
+ tempfetchproductsfilerobjcontext.categories = [collectionid];
16718
16903
  } else {
16719
- tempfetchproductsfilerobjcontext.collections = [collectionid];
16904
+ tempfetchproductsfilerobjcontext.categories = [collectionid];
16720
16905
  }
16721
16906
  }
16722
16907
  tempfetchproductsfilerobjcontext.page = 0;
@@ -16729,11 +16914,11 @@
16729
16914
  var CollectionsFilter = function CollectionsFilter() {
16730
16915
  return /*#__PURE__*/React__default["default"].createElement("div", {
16731
16916
  "class": "col-lg-12 p-0 scrollhorixontalcontainer text-center px-sm-3"
16732
- }, collectionstobevisible.map(function (item, index) {
16917
+ }, instcategories.map(function (item, index) {
16733
16918
  return /*#__PURE__*/React__default["default"].createElement("p", {
16734
16919
  "class": filter_cssstyles.filteritem + ' m-0 p-0 cursor-pointer scrollhorixontaldiv mx-4 mx-sm-2 ',
16735
16920
  onClick: function onClick() {
16736
- setCollectionFilterFunc(item.collectionid);
16921
+ setCollectionFilterFunc(item.categoryid);
16737
16922
  },
16738
16923
  style: {
16739
16924
  color: item.isfilterselected ? sectionproperties.activecat_color : ''
@@ -42412,7 +42597,7 @@
42412
42597
  function ownKeys$1B(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; }
42413
42598
  function _objectSpread$1B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1B(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
42414
42599
  var Footer2 = function Footer2(props) {
42415
- var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i18, _authdetailsContext$i19;
42600
+ var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _authdetailsContext$i9, _authdetailsContext$i12, _authdetailsContext$i15, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _authdetailsContext$i19, _authdetailsContext$i20;
42416
42601
  var _useState = React.useState(''),
42417
42602
  _useState2 = _slicedToArray__default["default"](_useState, 2),
42418
42603
  sectionproperties = _useState2[0],
@@ -42573,6 +42758,16 @@
42573
42758
  }
42574
42759
  })
42575
42760
  };
42761
+ var returnpolicyobj = function returnpolicyobj(policytype) {
42762
+ var _authdetailsContext$i;
42763
+ var policyobj = {};
42764
+ authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 || (_authdetailsContext$i = _authdetailsContext$i.instpolicies) === null || _authdetailsContext$i === void 0 || _authdetailsContext$i.forEach(function (item, index) {
42765
+ if (item.policytype == policytype) {
42766
+ policyobj = item;
42767
+ }
42768
+ });
42769
+ return policyobj;
42770
+ };
42576
42771
  return /*#__PURE__*/React__default["default"].createElement("div", {
42577
42772
  "class": "row m-0 w-100 d-flex justify-content-center"
42578
42773
  }, /*#__PURE__*/React__default["default"].createElement("footer", {
@@ -42602,15 +42797,15 @@
42602
42797
  fontSize: sectionproperties.titlefontsize + 'px',
42603
42798
  marginLeft: sectionproperties.titlemarginleft + 'px'
42604
42799
  }
42605
- }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.storename_en)), /*#__PURE__*/React__default["default"].createElement("div", {
42800
+ }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.storename_en)), /*#__PURE__*/React__default["default"].createElement("div", {
42606
42801
  "class": " col-lg-12 d-flex flex-row align-items-center justify-content-center "
42607
42802
  }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
42608
42803
  "class": "".concat(footerStyles.facebook_btn) + ' d-flex align-items-center justify-content-center ml-3 mr-3 ',
42609
42804
  onClick: function onClick() {
42610
- var _authdetailsContext$i2;
42611
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.facebooklink) != null) {
42612
- var _authdetailsContext$i3;
42613
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink, '_blank');
42805
+ var _authdetailsContext$i3;
42806
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink) != null) {
42807
+ var _authdetailsContext$i4;
42808
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.facebooklink, '_blank');
42614
42809
  }
42615
42810
  }
42616
42811
  }, /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, {
@@ -42618,10 +42813,10 @@
42618
42813
  })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
42619
42814
  "class": "".concat(footerStyles.instgram_btn) + ' d-flex align-items-center justify-content-center ml-3 mr-3 ',
42620
42815
  onClick: function onClick() {
42621
- var _authdetailsContext$i4;
42622
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instagramlink) != null) {
42623
- var _authdetailsContext$i5;
42624
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instagramlink, '_blank');
42816
+ var _authdetailsContext$i5;
42817
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instagramlink) != null) {
42818
+ var _authdetailsContext$i6;
42819
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.instagramlink, '_blank');
42625
42820
  }
42626
42821
  }
42627
42822
  }, /*#__PURE__*/React__default["default"].createElement(AiFillInstagram.AiFillInstagram, {
@@ -42629,43 +42824,43 @@
42629
42824
  })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
42630
42825
  "class": "".concat(footerStyles.youtube_btn) + ' d-flex align-items-center justify-content-center ml-3 mr-3 ',
42631
42826
  onClick: function onClick() {
42632
- var _authdetailsContext$i6;
42633
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.whatsappnumber) != null) {
42634
- var _authdetailsContext$i7;
42635
- window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.whatsappnumber), '_blank');
42827
+ var _authdetailsContext$i7;
42828
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.whatsappnumber) != null) {
42829
+ var _authdetailsContext$i8;
42830
+ window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.whatsappnumber), '_blank');
42636
42831
  }
42637
42832
  }
42638
42833
  }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
42639
42834
  size: sectionproperties.youtubebtniconfontsize
42640
- })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.youtubelink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
42835
+ })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.youtubelink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
42641
42836
  "class": "".concat(footerStyles.youtube_btn) + ' d-flex align-items-center justify-content-center ml-3 mr-3 ',
42642
42837
  onClick: function onClick() {
42643
- var _authdetailsContext$i9;
42644
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.youtubelink) != null) {
42645
- var _authdetailsContext$i10;
42646
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.youtubelink, '_blank');
42838
+ var _authdetailsContext$i10;
42839
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.youtubelink) != null) {
42840
+ var _authdetailsContext$i11;
42841
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.youtubelink, '_blank');
42647
42842
  }
42648
42843
  }
42649
42844
  }, /*#__PURE__*/React__default["default"].createElement(AiFillYoutube.AiFillYoutube, {
42650
42845
  size: sectionproperties.instgrambtniconfontsize
42651
- })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.linkedinlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
42846
+ })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.linkedinlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
42652
42847
  "class": "".concat(footerStyles.youtube_btn) + ' d-flex align-items-center justify-content-center ml-3 mr-3 ',
42653
42848
  onClick: function onClick() {
42654
- var _authdetailsContext$i12;
42655
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.linkedinlink) != null) {
42656
- var _authdetailsContext$i13;
42657
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.linkedinlink, '_blank');
42849
+ var _authdetailsContext$i13;
42850
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.linkedinlink) != null) {
42851
+ var _authdetailsContext$i14;
42852
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.linkedinlink, '_blank');
42658
42853
  }
42659
42854
  }
42660
42855
  }, /*#__PURE__*/React__default["default"].createElement(FaLinkedinIn.FaLinkedinIn, {
42661
42856
  size: sectionproperties.instgrambtniconfontsize
42662
- })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.tiktoklink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
42857
+ })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.tiktoklink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
42663
42858
  "class": "".concat(footerStyles.youtube_btn) + ' d-flex align-items-center justify-content-center ml-3 mr-3 ',
42664
42859
  onClick: function onClick() {
42665
- var _authdetailsContext$i15;
42666
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.tiktoklink) != null) {
42667
- var _authdetailsContext$i16;
42668
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.tiktoklink, '_blank');
42860
+ var _authdetailsContext$i16;
42861
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.tiktoklink) != null) {
42862
+ var _authdetailsContext$i17;
42863
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.tiktoklink, '_blank');
42669
42864
  }
42670
42865
  }
42671
42866
  }, /*#__PURE__*/React__default["default"].createElement(IoLogoTiktok.IoLogoTiktok, {
@@ -42718,12 +42913,31 @@
42718
42913
  }
42719
42914
  }, lang.orderhistory), /*#__PURE__*/React__default["default"].createElement("div", {
42720
42915
  "class": "".concat(footerStyles.vl) + ' d-flex align-items-center justify-content-center mb-3'
42721
- }), /*#__PURE__*/React__default["default"].createElement("p", {
42916
+ }), sectionproperties.separatepolicies == 'No' && /*#__PURE__*/React__default["default"].createElement("p", {
42722
42917
  "class": "".concat(footerStyles.footersubtitlestyles) + ' mb-md-0 ',
42723
42918
  onClick: function onClick() {
42724
42919
  routingcountext(StaticPagesLinksContext.Policies);
42725
42920
  }
42726
- }, lang.policies)), sectionproperties.showhidesubpages == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
42921
+ }, lang.policies), sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("p", {
42922
+ "class": "".concat(footerStyles.footersubtitlestyles) + ' mb-md-0 ',
42923
+ onClick: function onClick() {
42924
+ routingcountext(StaticPagesLinksContext.PrivacyPolicy);
42925
+ }
42926
+ }, langdetect == 'en' ? (_returnpolicyobj = returnpolicyobj('Privacy Policy')) === null || _returnpolicyobj === void 0 ? void 0 : _returnpolicyobj.policypagename_en : (_returnpolicyobj2 = returnpolicyobj('Privacy Policy')) === null || _returnpolicyobj2 === void 0 ? void 0 : _returnpolicyobj2.policypagename_ar), sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
42927
+ "class": "".concat(footerStyles.vl) + ' d-flex align-items-center justify-content-center mb-3'
42928
+ }), sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("p", {
42929
+ "class": "".concat(footerStyles.footersubtitlestyles) + ' mb-md-0 ',
42930
+ onClick: function onClick() {
42931
+ routingcountext(StaticPagesLinksContext.ShippingPolicy);
42932
+ }
42933
+ }, langdetect == 'en' ? (_returnpolicyobj3 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj3 === void 0 ? void 0 : _returnpolicyobj3.policypagename_en : (_returnpolicyobj4 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj4 === void 0 ? void 0 : _returnpolicyobj4.policypagename_ar), sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
42934
+ "class": "".concat(footerStyles.vl) + ' d-flex align-items-center justify-content-center mb-3'
42935
+ }), sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("p", {
42936
+ "class": "".concat(footerStyles.footersubtitlestyles) + ' mb-md-0 ',
42937
+ onClick: function onClick() {
42938
+ routingcountext(StaticPagesLinksContext.RefundPolicy);
42939
+ }
42940
+ }, langdetect == 'en' ? (_returnpolicyobj5 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj5 === void 0 ? void 0 : _returnpolicyobj5.policypagename_en : (_returnpolicyobj6 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj6 === void 0 ? void 0 : _returnpolicyobj6.policypagename_ar)), sectionproperties.showhidesubpages == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
42727
42941
  "class": "d-none d-md-block align-items-center justify-content-center mt-3 p-0 row m-0 w-100"
42728
42942
  }, /*#__PURE__*/React__default["default"].createElement("div", {
42729
42943
  "class": "row m-0 w-100"
@@ -42757,12 +42971,12 @@
42757
42971
  }, /*#__PURE__*/React__default["default"].createElement("p", {
42758
42972
  "class": ' storeinfotext d-flex align-items-center justify-content-md-center cursor-pointer text-transform-none ',
42759
42973
  onClick: function onClick() {
42760
- var _authdetailsContext$i17;
42761
- window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 || (_authdetailsContext$i17 = _authdetailsContext$i17.contactinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.email), '_self');
42974
+ var _authdetailsContext$i18;
42975
+ window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 || (_authdetailsContext$i18 = _authdetailsContext$i18.contactinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.email), '_self');
42762
42976
  }
42763
42977
  }, /*#__PURE__*/React__default["default"].createElement("i", {
42764
42978
  "class": ' fa fa-at mr-2 ml-2 '
42765
- }), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 || (_authdetailsContext$i18 = _authdetailsContext$i18.contactinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.email)), /*#__PURE__*/React__default["default"].createElement("div", {
42979
+ }), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 || (_authdetailsContext$i19 = _authdetailsContext$i19.contactinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.email)), /*#__PURE__*/React__default["default"].createElement("div", {
42766
42980
  "class": "".concat(footerStyles.footerinfotext) + ' col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center justify-content-md-center align-items-start p-0 '
42767
42981
  }, /*#__PURE__*/React__default["default"].createElement("p", {
42768
42982
  "class": ' storeinfotext d-flex align-items-center justify-content-md-center cursor-pointer ',
@@ -42779,21 +42993,21 @@
42779
42993
  "class": ' h-100 d-flex align-items-center justify-content-center mr-2 ml-2 '
42780
42994
  }, /*#__PURE__*/React__default["default"].createElement(IoLocationSharp.IoLocationSharp, {
42781
42995
  size: sectionproperties.footerinfoicon_fontsize
42782
- })), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.address_en)))), sectionproperties.showdownloadsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
42996
+ })), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.address_en)))), sectionproperties.showdownloadsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
42783
42997
  "class": "col-lg-12 d-flex align-items-center justify-content-center p-sm-0"
42784
42998
  }, /*#__PURE__*/React__default["default"].createElement("img", {
42785
42999
  "class": "".concat(footerStyles.apptore) + ' d-flex justify-content-center align-items-center cursor-pointer mx-2 ',
42786
43000
  src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
42787
43001
  onClick: function onClick() {
42788
- var _authdetailsContext$i20;
42789
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.mobileapplink_appstore, '_blank');
43002
+ var _authdetailsContext$i21;
43003
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.mobileapplink_appstore, '_blank');
42790
43004
  }
42791
43005
  }), /*#__PURE__*/React__default["default"].createElement("img", {
42792
43006
  "class": "".concat(footerStyles.googleplay) + ' d-flex justify-content-center align-items-center cursor-pointer mx-2 ',
42793
43007
  src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
42794
43008
  onClick: function onClick() {
42795
- var _authdetailsContext$i21;
42796
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.mobileapplink_playstore, '_blank');
43009
+ var _authdetailsContext$i22;
43010
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.mobileapplink_playstore, '_blank');
42797
43011
  }
42798
43012
  })))));
42799
43013
  };
@@ -69114,7 +69328,7 @@
69114
69328
  setitem(props.cardinfoitemprops);
69115
69329
  }, [props.cardinfoitemprops]);
69116
69330
  var card_cssstyles = {
69117
- productcard: glamor.css({
69331
+ productcard: glamor.css(_defineProperty__default["default"]({
69118
69332
  marginTop: sectionproperties.marginTop + 'px',
69119
69333
  marginBottom: sectionproperties.marginBottom + 'px',
69120
69334
  background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
@@ -69123,9 +69337,8 @@
69123
69337
  borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
69124
69338
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
69125
69339
  border: sectionproperties.bordertype == 'All' ? sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor : '',
69126
- borderBottom: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
69127
- boxShadow: '0 0 10px ' + sectionproperties.sectioncardshadowcolor
69128
- }),
69340
+ borderBottom: sectionproperties.bordertype == 'Bottom' ? sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor : ''
69341
+ }, "border", sectionproperties.bordertype == 'All' ? sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor : '')),
69129
69342
  productNameStyles: glamor.css({
69130
69343
  color: sectionproperties.prodNameColor,
69131
69344
  fontSize: sectionproperties.prodNameFontSize + 'px',
@@ -69293,7 +69506,7 @@
69293
69506
  position: 'relative'
69294
69507
  }
69295
69508
  }, /*#__PURE__*/React__default["default"].createElement("div", {
69296
- "class": 'col-lg-9 col-md-9 col-sm-9 p-0 mb-2',
69509
+ "class": 'col-lg-9 col-md-9 col-sm-9 p-0 mb-2 d-flex align-items-center',
69297
69510
  style: {
69298
69511
  minHeight: '6vh'
69299
69512
  }
@@ -69342,7 +69555,7 @@
69342
69555
  style: {
69343
69556
  textAlign: langdetect == 'en' ? 'left' : 'right'
69344
69557
  }
69345
- }, plainString(langdetect == 'en' ? item.description_en : item.description_ar))), sectionproperties.cartBtnShow == 'Show' && props.numberOfColsvertical == '1' && /*#__PURE__*/React__default["default"].createElement("div", {
69558
+ }, plainString(langdetect == 'en' ? item.description : item.description))), sectionproperties.cartBtnShow == 'Show' && props.numberOfColsvertical == '1' && /*#__PURE__*/React__default["default"].createElement("div", {
69346
69559
  "class": "col-lg-3 col-md-12 col-sm-12 p-0 d-flex align-items-center justify-content-end justify-content-md-start"
69347
69560
  }, /*#__PURE__*/React__default["default"].createElement("button", {
69348
69561
  "class": card_cssstyles.cart_btn,
@@ -69352,14 +69565,42 @@
69352
69565
  }
69353
69566
  }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic)), item.isproducttobesold == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
69354
69567
  "class": "col-lg-12 p-0 d-flex align-items-center"
69355
- }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
69568
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
69569
+ "class": "row m-0 w-100"
69570
+ }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
69571
+ "class": "col-lg-12 p-0 text-start"
69572
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
69356
69573
  "class": card_cssstyles.productPricestyles + ' m-0 p-0 '
69357
- }, langdetect == 'en' ? item.currencyname : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, ' ', langdetect == 'en' ? '' : item.currencyname), item.hassale == 1 && sectionproperties.prodsalePriceshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
69574
+ }, langdetect == 'en' ? item.currencyname : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, ' ', langdetect == 'en' ? '' : item.currencyname)), /*#__PURE__*/React__default["default"].createElement("div", {
69575
+ "class": "col-lg-12 p-0 text-start"
69576
+ }, item.hassale == 1 && sectionproperties.prodsalePriceshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
69358
69577
  "class": card_cssstyles.productSalePricestyles + ' m-0 p-0 ml-2 mr-2 ',
69359
69578
  style: {
69360
69579
  textDecoration: 'line-through'
69361
69580
  }
69362
- }, langdetect == 'en' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname)), sectionproperties.cartBtnShow == 'Show' && props.numberOfColsvertical != '1' && /*#__PURE__*/React__default["default"].createElement("div", {
69581
+ }, langdetect == 'en' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname), sectionproperties.showpill == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
69582
+ "class": 'allcentered',
69583
+ style: {
69584
+ width: sectionproperties.pillwidth + 'px',
69585
+ height: sectionproperties.pillheight + 'px',
69586
+ background: sectionproperties.pillbgcolor,
69587
+ borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px'
69588
+ }
69589
+ }, sectionproperties.countertype == 'Percentage' && /*#__PURE__*/React__default["default"].createElement("p", {
69590
+ "class": "m-0 p-0",
69591
+ style: {
69592
+ color: sectionproperties.pillcolor,
69593
+ fontSize: sectionproperties.pillfontSize + 'px',
69594
+ direction: 'ltr'
69595
+ }
69596
+ }, '-' + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + '%'), sectionproperties.countertype == 'Value' && /*#__PURE__*/React__default["default"].createElement("p", {
69597
+ "class": "m-0 p-0 text-uppercase",
69598
+ style: {
69599
+ color: sectionproperties.pillcolor,
69600
+ fontSize: sectionproperties.pillfontSize + 'px',
69601
+ direction: 'ltr'
69602
+ }
69603
+ }, langdetect == 'en' ? 'Save' : 'وفر', " ", langdetect == 'en' ? item.currencyname : '', ' ', parseFloat(Math.round(parseInt(item.defaultprice) - parseInt(item.defaultsaleprice))).toFixed(0), ' ', langdetect == 'en' ? '' : item.currencyname))))), sectionproperties.cartBtnShow == 'Show' && props.numberOfColsvertical != '1' && /*#__PURE__*/React__default["default"].createElement("div", {
69363
69604
  "class": "col-lg-12 p-0 d-flex align-items-center mt-2"
69364
69605
  }, /*#__PURE__*/React__default["default"].createElement("button", {
69365
69606
  "class": card_cssstyles.cart_btn,
@@ -74058,9 +74299,9 @@
74058
74299
  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
74059
74300
  props.actions.lang;
74060
74301
  var langdetect = props.actions.langdetect;
74061
- props.actions.setShowProductInfoModalContext;
74302
+ var setShowProductInfoModalContext = props.actions.setShowProductInfoModalContext;
74062
74303
  var addtofavoritescontext = props.actions.addtofavoritescontext;
74063
- props.actions.setProductIdProdutInfoModalContext;
74304
+ var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
74064
74305
  var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
74065
74306
  var ikimagecredcontext = props.actions.ikimagecredcontext;
74066
74307
  props.actions.NotificationManager;
@@ -74090,6 +74331,12 @@
74090
74331
  '@media (max-width: 800px)': {
74091
74332
  minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px',
74092
74333
  maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px'
74334
+ },
74335
+ ':hover .iconsContainer': {
74336
+ opacity: 1,
74337
+ transition: 'all, 0.4s',
74338
+ right: 10,
74339
+ transform: "translateX(0px)"
74093
74340
  }
74094
74341
  }),
74095
74342
  productcardimagecont: glamor.css({
@@ -74214,6 +74461,26 @@
74214
74461
  backgroundColor: sectionproperties.backgroundColortransparent != 'Transparent' && sectionproperties.backgroundColor == '#ffffff' ? 'rgba(250,250,250,' + sectionproperties.bgopacityonhover + ')' : 1,
74215
74462
  transition: 0.3
74216
74463
  }
74464
+ }),
74465
+ iconsContainer: glamor.css({
74466
+ display: 'flex',
74467
+ flexDirection: 'column',
74468
+ position: 'absolute',
74469
+ top: 5,
74470
+ right: -15,
74471
+ opacity: 0,
74472
+ transform: "translateX(5px)",
74473
+ zIndex: 10,
74474
+ '@media (max-width: 800px)': {
74475
+ opacity: 1,
74476
+ right: 10
74477
+ }
74478
+ }),
74479
+ iconsContainer2: glamor.css({
74480
+ opacity: 1,
74481
+ transition: 'all, 0.4s',
74482
+ right: 10,
74483
+ transform: "translateX(0px)"
74217
74484
  })
74218
74485
  };
74219
74486
  var _useState5 = React.useState(''),
@@ -74312,6 +74579,32 @@
74312
74579
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid);
74313
74580
  }
74314
74581
  };
74582
+ var PillContainer = function PillContainer() {
74583
+ return /*#__PURE__*/React__default["default"].createElement("div", {
74584
+ "class": sectionproperties.pillwidth == 0 ? ' px-2 allcentered' : 'allcentered',
74585
+ style: {
74586
+ zIndex: 2,
74587
+ width: sectionproperties.pillwidth == 0 ? 'auto' : sectionproperties.pillwidth + 'px',
74588
+ height: sectionproperties.pillheight + 'px',
74589
+ background: sectionproperties.pillbgcolor,
74590
+ borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px'
74591
+ }
74592
+ }, sectionproperties.countertype == 'Percentage' && /*#__PURE__*/React__default["default"].createElement("p", {
74593
+ "class": "m-0 p-0",
74594
+ style: {
74595
+ color: sectionproperties.pillcolor,
74596
+ fontSize: sectionproperties.pillfontSize + 'px',
74597
+ direction: 'ltr'
74598
+ }
74599
+ }, '-' + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + '%'), sectionproperties.countertype == 'Value' && /*#__PURE__*/React__default["default"].createElement("p", {
74600
+ "class": "m-0 p-0 text-uppercase",
74601
+ style: {
74602
+ color: sectionproperties.pillcolor,
74603
+ fontSize: sectionproperties.pillfontSize + 'px',
74604
+ direction: 'ltr'
74605
+ }
74606
+ }, langdetect == 'en' ? 'Save' : 'وفر', " ", langdetect == 'en' ? item.currencyname : '', ' ', parseFloat(Math.round(parseInt(item.defaultprice) - parseInt(item.defaultsaleprice))).toFixed(0), " ", langdetect == 'en' ? '' : item.currencyname));
74607
+ };
74315
74608
  return /*#__PURE__*/React__default["default"].createElement("div", {
74316
74609
  "class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard) + ' w-100 px-md-1 ' : " ".concat(card_cssstyles.productcard),
74317
74610
  style: {
@@ -74333,7 +74626,43 @@
74333
74626
  style: {
74334
74627
  position: 'relative'
74335
74628
  }
74629
+ }, sectionproperties.btnswithtransition == 'With Transition' && /*#__PURE__*/React__default["default"].createElement("div", {
74630
+ "class": "".concat(card_cssstyles.iconsContainer) + ' iconsContainer p-0 d-flex '
74336
74631
  }, sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
74632
+ "class": " ".concat(card_cssstyles.wishlist_btn) + ' mt-2 mb-2 ',
74633
+ onClick: function onClick() {
74634
+ addtofavoritescontext(item.productid);
74635
+ }
74636
+ }, item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
74637
+ "class": "h-100 d-flex align-items-center justify-content-center icon"
74638
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar$1.AiFillStar, {
74639
+ size: sectionproperties.favBtnIconfontsize,
74640
+ style: {
74641
+ color: sectionproperties.activefaviconcolor
74642
+ }
74643
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaHeart$1.FaHeart, {
74644
+ size: sectionproperties.favBtnIconfontsize,
74645
+ style: {
74646
+ color: sectionproperties.activefaviconcolor
74647
+ }
74648
+ })), !item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
74649
+ "class": "h-100 d-flex align-items-center justify-content-center icon"
74650
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
74651
+ size: sectionproperties.favBtnIconfontsize
74652
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
74653
+ size: sectionproperties.favBtnIconfontsize
74654
+ }))), sectionproperties.showproductinfomodalbtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
74655
+ "class": "".concat(card_cssstyles.wishlist_btn) + ' ',
74656
+ onClick: function onClick(e) {
74657
+ e.stopPropagation();
74658
+ setShowProductInfoModalContext(true);
74659
+ setProductIdProdutInfoModalContext(item.productid);
74660
+ }
74661
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
74662
+ "class": "h-100 d-flex align-items-center justify-content-center icon"
74663
+ }, /*#__PURE__*/React__default["default"].createElement(BsEye.BsEye, {
74664
+ size: sectionproperties.generalbtn_fontsize
74665
+ })))), sectionproperties.favBtnShow == 'Show' && sectionproperties.btnswithtransition != 'With Transition' && /*#__PURE__*/React__default["default"].createElement("button", {
74337
74666
  "class": " ".concat(card_cssstyles.wishlist_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center ',
74338
74667
  onClick: function onClick(e) {
74339
74668
  e.stopPropagation();
@@ -74374,7 +74703,7 @@
74374
74703
  top: sectionproperties.badge_top + 'px',
74375
74704
  left: langdetect == 'en' ? sectionproperties.badge_right + 'px' : '',
74376
74705
  right: langdetect == 'en' ? '' : sectionproperties.badge_right + 'px',
74377
- width: sectionproperties.badge_width + 'px',
74706
+ width: sectionproperties.badge_width == 0 ? '90%' : sectionproperties.badge_width + 'px',
74378
74707
  height: sectionproperties.badge_height + 'px',
74379
74708
  background: sectionproperties.badge_bgcolor,
74380
74709
  borderRadius: sectionproperties.badge_borderradius + 'px'
@@ -74385,34 +74714,14 @@
74385
74714
  color: sectionproperties.badge_color,
74386
74715
  fontSize: sectionproperties.badge_fontsize + 'px'
74387
74716
  }
74388
- }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), sectionproperties.showpill == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
74389
- "class": sectionproperties.pillwidth == 0 ? ' px-2 allcentered' : 'allcentered',
74717
+ }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), sectionproperties.showpill == 'Show' && item.hassale == 1 && sectionproperties.counterposition == 'Top' && /*#__PURE__*/React__default["default"].createElement("div", {
74390
74718
  style: {
74391
- zIndex: 2,
74392
74719
  position: 'absolute',
74393
74720
  top: sectionproperties.pillpositionfromtop + 'px',
74394
74721
  left: langdetect == 'en' ? sectionproperties.pillpositionfromright + 'px' : '',
74395
- right: langdetect == 'en' ? '' : sectionproperties.pillpositionfromright + 'px',
74396
- width: sectionproperties.pillwidth == 0 ? 'auto' : sectionproperties.pillwidth + 'px',
74397
- height: sectionproperties.pillheight + 'px',
74398
- background: sectionproperties.pillbgcolor,
74399
- borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px'
74400
- }
74401
- }, sectionproperties.countertype == 'Percentage' && /*#__PURE__*/React__default["default"].createElement("p", {
74402
- "class": "m-0 p-0",
74403
- style: {
74404
- color: sectionproperties.pillcolor,
74405
- fontSize: sectionproperties.pillfontSize + 'px',
74406
- direction: 'ltr'
74407
- }
74408
- }, '-' + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + '%'), sectionproperties.countertype == 'Value' && /*#__PURE__*/React__default["default"].createElement("p", {
74409
- "class": "m-0 p-0 text-uppercase",
74410
- style: {
74411
- color: sectionproperties.pillcolor,
74412
- fontSize: sectionproperties.pillfontSize + 'px',
74413
- direction: 'ltr'
74722
+ right: langdetect == 'en' ? '' : sectionproperties.pillpositionfromright + 'px'
74414
74723
  }
74415
- }, langdetect == 'en' ? 'Save' : 'وفر', " ", langdetect == 'en' ? item.currencyname : '', ' ', parseFloat(Math.round(parseInt(item.defaultprice) - parseInt(item.defaultsaleprice))).toFixed(0), " ", langdetect == 'en' ? '' : item.currencyname)), (item === null || item === void 0 ? void 0 : item.producttags) != undefined && (item === null || item === void 0 || (_item$producttags = item.producttags) === null || _item$producttags === void 0 ? void 0 : _item$producttags.length) != 0 && sectionproperties.showtag == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
74724
+ }, PillContainer()), (item === null || item === void 0 ? void 0 : item.producttags) != undefined && (item === null || item === void 0 || (_item$producttags = item.producttags) === null || _item$producttags === void 0 ? void 0 : _item$producttags.length) != 0 && sectionproperties.showtag == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
74416
74725
  "class": "allcentered",
74417
74726
  style: {
74418
74727
  position: 'absolute',
@@ -74534,17 +74843,19 @@
74534
74843
  marginBottom: sectionproperties.productpricemarginBottom + 'px'
74535
74844
  }
74536
74845
  }, /*#__PURE__*/React__default["default"].createElement("div", {
74537
- "class": ' d-flex align-items-center p-0 mb-0 flex-column ',
74846
+ "class": sectionproperties.priceDirection == 'Horizontal Direction' ? ' d-flex align-items-center p-0 mb-0 flex-row ' : ' d-flex align-items-center p-0 mb-0 flex-column ',
74538
74847
  style: {
74539
74848
  textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
74540
74849
  }
74541
74850
  }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
74542
- "class": "".concat(card_cssstyles.productPricestyles) + ' m-0 '
74851
+ "class": sectionproperties.priceDirection == 'Horizontal Direction' ? "".concat(card_cssstyles.productPricestyles) + ' m-0 ' : "".concat(card_cssstyles.productPricestyles) + ' m-0 '
74543
74852
  }, langdetect == 'en' ? item.currencyname : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, ' ', langdetect == 'en' ? '' : item.currencyname), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
74544
- "class": " d-flex align-items-center p-0 mb-0"
74853
+ "class": sectionproperties.priceDirection == 'Horizontal' ? ' d-flex align-items-center p-0 mb-0 ' : ' d-flex align-items-center p-0 mb-0'
74545
74854
  }, /*#__PURE__*/React__default["default"].createElement("p", {
74546
74855
  "class": "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 mr-2 ml-2 '
74547
- }, langdetect == 'en' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname)))), sectionproperties.showprofitcontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
74856
+ }, langdetect == 'en' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname)), sectionproperties.showpill == 'Show' && item.hassale == 1 && sectionproperties.counterposition == 'Besides Sale Price' && /*#__PURE__*/React__default["default"].createElement("div", {
74857
+ style: {}
74858
+ }, PillContainer()))), sectionproperties.showprofitcontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
74548
74859
  "class": "col-lg-12 p-0",
74549
74860
  style: {
74550
74861
  justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start'