tabexseriescomponents 0.2.751 → 0.2.753

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.cjs.js +112 -4
  2. package/dist/index.esm.js +112 -4
  3. package/dist/index.umd.js +112 -4
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -5056,7 +5056,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
5056
5056
  };
5057
5057
 
5058
5058
  var Service_itemtype = function Service_itemtype(props) {
5059
- var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8;
5059
+ var _css, _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _sizeguideimage$;
5060
5060
  var lang = props.actions.lang;
5061
5061
  var langdetect = props.actions.langdetect;
5062
5062
  var srcfromprops = props.actions.srcfromprops;
@@ -5091,6 +5091,11 @@ var Service_itemtype = function Service_itemtype(props) {
5091
5091
  _useState6 = _slicedToArray__default["default"](_useState5, 2);
5092
5092
  _useState6[0];
5093
5093
  var setitem = _useState6[1];
5094
+ var _useState7 = React.useState(false),
5095
+ _useState8 = _slicedToArray__default["default"](_useState7, 2),
5096
+ opensizeguidemodal = _useState8[0],
5097
+ setopensizeguidemodal = _useState8[1];
5098
+ var sizeguideimage = props.actions.sizeguideimage;
5094
5099
  React.useEffect(function () {
5095
5100
  var itemobj = fetchProductInfoQueryContext.data.data.productinfo;
5096
5101
  if (stringIsEnglish(fetchProductInfoQueryContext.data.data.productinfo.name_en)) {
@@ -5130,6 +5135,44 @@ var Service_itemtype = function Service_itemtype(props) {
5130
5135
  }
5131
5136
  }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar);
5132
5137
  };
5138
+ var formstyles = {
5139
+ input_label_name: glamor.css({
5140
+ color: sectionproperties.form_labelcolor,
5141
+ textTransform: sectionproperties.form_labeltexttransform,
5142
+ fontWeight: sectionproperties.form_labelfontweight,
5143
+ fontSize: sectionproperties.form_labelfontsize + 'px',
5144
+ marginBottom: sectionproperties.inputfieldbordertype == 'All' ? 10 : 0
5145
+ }),
5146
+ form_control: glamor.css((_css = {
5147
+ background: 'transparent',
5148
+ color: sectionproperties.inputfieldcolor,
5149
+ fontSize: sectionproperties.inputfieldfontsize + 'px',
5150
+ position: 'relative',
5151
+ display: 'flex',
5152
+ alignItems: 'center'
5153
+ }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "display", 'block'), "width", '100%'), "padding", '0 10px'), "transition", '.3s'), "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), "borderRadius", sectionproperties.inputfieldborderradius + 'px'), "height", sectionproperties.inputfieldheight + 'px'), "background", sectionproperties.input_bgcolor), "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_defineProperty__default["default"](_css, ':focus', {
5154
+ borderColor: sectionproperties.inputfeildbordercoloronfocus
5155
+ }), ':focus .login_input_icon', {
5156
+ color: sectionproperties.inputfeildbordercoloronfocus
5157
+ }))),
5158
+ sizeguidebtn: glamor.css({
5159
+ color: sectionproperties.sizeguidebtncolor,
5160
+ fontSize: sectionproperties.sizeguidebtnfontsize + 'px',
5161
+ transition: '.3s',
5162
+ textDecoration: 'underline',
5163
+ ':hover': {
5164
+ color: sectionproperties.sizeguidebtncoloronhover,
5165
+ fontWeight: sectionproperties.sizeguidebtnfontweight
5166
+ }
5167
+ }),
5168
+ closemodalbtn: glamor.css({
5169
+ color: sectionproperties.sizeguidebtncolor,
5170
+ transition: '.3s',
5171
+ ':hover': {
5172
+ color: sectionproperties.sizeguidebtncoloronhover
5173
+ }
5174
+ })
5175
+ };
5133
5176
  return /*#__PURE__*/React__default["default"].createElement("div", {
5134
5177
  "class": ' col-lg-12 p-0 '
5135
5178
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -5754,7 +5797,16 @@ var Service_itemtype = function Service_itemtype(props) {
5754
5797
  className: "p-0"
5755
5798
  }, /*#__PURE__*/React__default["default"].createElement("div", {
5756
5799
  "class": "col-lg-12 p-0"
5757
- }, /*#__PURE__*/React__default["default"].createElement(Variantoptions, {
5800
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
5801
+ "class": "col-lg-12 p-0 text-end"
5802
+ }, sectionproperties.showsizeguidebtn == 'Show' && sizeguideimage.length != 0 && sectionproperties.sizeguideposition == 'Besides Variants' && /*#__PURE__*/React__default["default"].createElement("div", {
5803
+ "class": "col-12 text-end"
5804
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
5805
+ "class": formstyles.sizeguidebtn + ' m-0 p-0 cursor-pointer mb-auto ',
5806
+ onClick: function onClick() {
5807
+ setopensizeguidemodal(true);
5808
+ }
5809
+ }, langdetect == 'en' ? sectionproperties.sizeguidecontentenglish : sectionproperties.sizeguidecontentarabic))), /*#__PURE__*/React__default["default"].createElement(Variantoptions, {
5758
5810
  actions: props.actions
5759
5811
  }), /*#__PURE__*/React__default["default"].createElement(ProductExtras, {
5760
5812
  actions: props.actions
@@ -5841,7 +5893,44 @@ var Service_itemtype = function Service_itemtype(props) {
5841
5893
  paddingLeft: langdetect == 'en' ? '.5em' : 0,
5842
5894
  paddingRight: langdetect == 'ar' ? '.5rem' : 0
5843
5895
  }
5844
- }, StoreInfoprops()))));
5896
+ }, StoreInfoprops()))), sizeguideimage.length != 0 && /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal, {
5897
+ show: opensizeguidemodal,
5898
+ onHide: function onHide() {
5899
+ setopensizeguidemodal(false);
5900
+ },
5901
+ centered: true,
5902
+ size: 'lg'
5903
+ }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
5904
+ className: "allcentered cursor-pointer",
5905
+ onClick: function onClick() {
5906
+ setopensizeguidemodal(false);
5907
+ },
5908
+ style: {
5909
+ position: 'absolute',
5910
+ top: 10,
5911
+ width: 35,
5912
+ height: 35,
5913
+ right: 10
5914
+ }
5915
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
5916
+ "class": ' h-100 allcentered text-black '
5917
+ }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
5918
+ size: 25,
5919
+ "class": formstyles.closemodalbtn
5920
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
5921
+ "class": ' w-100 h-100 px-4 py-5 ',
5922
+ style: {}
5923
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
5924
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
5925
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
5926
+ path: (_sizeguideimage$ = sizeguideimage[0]) === null || _sizeguideimage$ === void 0 ? void 0 : _sizeguideimage$.original,
5927
+ style: {
5928
+ width: '100%',
5929
+ height: '100%',
5930
+ objectFit: 'contain'
5931
+ },
5932
+ loading: "lazy"
5933
+ }))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Footer, null)));
5845
5934
  };
5846
5935
 
5847
5936
  var Article_itemtype = function Article_itemtype(props) {
@@ -15430,8 +15519,14 @@ var CartSlider = function CartSlider(props) {
15430
15519
  onClick: function onClick() {
15431
15520
  if (sectionproperties.btnlink != '' && sectionproperties.btnlink != undefined && sectionproperties.btnlink != null) {
15432
15521
  routingcountext(sectionproperties.btnlink, false);
15522
+ setOpenCloseCartSlider(false);
15523
+ setsidecartnavshowWorkplaceDesigncontext(false);
15524
+ setsidecartnavshowcontext(false);
15433
15525
  } else {
15434
15526
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
15527
+ setOpenCloseCartSlider(false);
15528
+ setsidecartnavshowWorkplaceDesigncontext(false);
15529
+ setsidecartnavshowcontext(false);
15435
15530
  }
15436
15531
  }
15437
15532
  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -84142,6 +84237,11 @@ var Simpleproductcard = function Simpleproductcard(props) {
84142
84237
  transition: 'all, 0.4s',
84143
84238
  right: 10,
84144
84239
  transform: "translateX(0px)"
84240
+ }),
84241
+ sku: glamor.css({
84242
+ fontSize: sectionproperties.skuFontSize + 'px',
84243
+ color: sectionproperties.skuColor,
84244
+ fontWeight: sectionproperties.skuFontWeight
84145
84245
  })
84146
84246
  };
84147
84247
  var _useState11 = React.useState(''),
@@ -84602,7 +84702,15 @@ var Simpleproductcard = function Simpleproductcard(props) {
84602
84702
  style: {
84603
84703
  textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
84604
84704
  }
84605
- }, item.name)), sectionproperties.prodCatShow == 'Show' && sectionproperties.descriptionoverwritestyles == 'No' && /*#__PURE__*/React__default["default"].createElement("p", {
84705
+ }, item.name)), sectionproperties.showSKU == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
84706
+ "class": "col-lg-12 pl-0 pr-0",
84707
+ style: {}
84708
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
84709
+ "class": "".concat(card_cssstyles.sku) + ' wordbreak wordbreak1 font-md-13 m-0 ',
84710
+ style: {
84711
+ textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
84712
+ }
84713
+ }, langdetect == 'en' ? 'SKU: ' : 'كود: ', item.sku)), sectionproperties.prodCatShow == 'Show' && sectionproperties.descriptionoverwritestyles == 'No' && /*#__PURE__*/React__default["default"].createElement("p", {
84606
84714
  "class": sectionproperties.descriptionwordbreak == 'None' ? "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 p-0 mt-1 ' : "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 p-0 wordbreak wordbreak4 mt-1 ',
84607
84715
  style: {
84608
84716
  textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
package/dist/index.esm.js CHANGED
@@ -5007,7 +5007,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
5007
5007
  };
5008
5008
 
5009
5009
  var Service_itemtype = function Service_itemtype(props) {
5010
- var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8;
5010
+ var _css, _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _sizeguideimage$;
5011
5011
  var lang = props.actions.lang;
5012
5012
  var langdetect = props.actions.langdetect;
5013
5013
  var srcfromprops = props.actions.srcfromprops;
@@ -5042,6 +5042,11 @@ var Service_itemtype = function Service_itemtype(props) {
5042
5042
  _useState6 = _slicedToArray(_useState5, 2);
5043
5043
  _useState6[0];
5044
5044
  var setitem = _useState6[1];
5045
+ var _useState7 = useState(false),
5046
+ _useState8 = _slicedToArray(_useState7, 2),
5047
+ opensizeguidemodal = _useState8[0],
5048
+ setopensizeguidemodal = _useState8[1];
5049
+ var sizeguideimage = props.actions.sizeguideimage;
5045
5050
  useEffect(function () {
5046
5051
  var itemobj = fetchProductInfoQueryContext.data.data.productinfo;
5047
5052
  if (stringIsEnglish(fetchProductInfoQueryContext.data.data.productinfo.name_en)) {
@@ -5081,6 +5086,44 @@ var Service_itemtype = function Service_itemtype(props) {
5081
5086
  }
5082
5087
  }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar);
5083
5088
  };
5089
+ var formstyles = {
5090
+ input_label_name: css({
5091
+ color: sectionproperties.form_labelcolor,
5092
+ textTransform: sectionproperties.form_labeltexttransform,
5093
+ fontWeight: sectionproperties.form_labelfontweight,
5094
+ fontSize: sectionproperties.form_labelfontsize + 'px',
5095
+ marginBottom: sectionproperties.inputfieldbordertype == 'All' ? 10 : 0
5096
+ }),
5097
+ form_control: css((_css = {
5098
+ background: 'transparent',
5099
+ color: sectionproperties.inputfieldcolor,
5100
+ fontSize: sectionproperties.inputfieldfontsize + 'px',
5101
+ position: 'relative',
5102
+ display: 'flex',
5103
+ alignItems: 'center'
5104
+ }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css, "display", 'block'), "width", '100%'), "padding", '0 10px'), "transition", '.3s'), "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), "borderRadius", sectionproperties.inputfieldborderradius + 'px'), "height", sectionproperties.inputfieldheight + 'px'), "background", sectionproperties.input_bgcolor), "color", sectionproperties.inputfieldcolor), _defineProperty(_defineProperty(_css, ':focus', {
5105
+ borderColor: sectionproperties.inputfeildbordercoloronfocus
5106
+ }), ':focus .login_input_icon', {
5107
+ color: sectionproperties.inputfeildbordercoloronfocus
5108
+ }))),
5109
+ sizeguidebtn: css({
5110
+ color: sectionproperties.sizeguidebtncolor,
5111
+ fontSize: sectionproperties.sizeguidebtnfontsize + 'px',
5112
+ transition: '.3s',
5113
+ textDecoration: 'underline',
5114
+ ':hover': {
5115
+ color: sectionproperties.sizeguidebtncoloronhover,
5116
+ fontWeight: sectionproperties.sizeguidebtnfontweight
5117
+ }
5118
+ }),
5119
+ closemodalbtn: css({
5120
+ color: sectionproperties.sizeguidebtncolor,
5121
+ transition: '.3s',
5122
+ ':hover': {
5123
+ color: sectionproperties.sizeguidebtncoloronhover
5124
+ }
5125
+ })
5126
+ };
5084
5127
  return /*#__PURE__*/React.createElement("div", {
5085
5128
  "class": ' col-lg-12 p-0 '
5086
5129
  }, /*#__PURE__*/React.createElement("div", {
@@ -5705,7 +5748,16 @@ var Service_itemtype = function Service_itemtype(props) {
5705
5748
  className: "p-0"
5706
5749
  }, /*#__PURE__*/React.createElement("div", {
5707
5750
  "class": "col-lg-12 p-0"
5708
- }, /*#__PURE__*/React.createElement(Variantoptions, {
5751
+ }, /*#__PURE__*/React.createElement("div", {
5752
+ "class": "col-lg-12 p-0 text-end"
5753
+ }, sectionproperties.showsizeguidebtn == 'Show' && sizeguideimage.length != 0 && sectionproperties.sizeguideposition == 'Besides Variants' && /*#__PURE__*/React.createElement("div", {
5754
+ "class": "col-12 text-end"
5755
+ }, /*#__PURE__*/React.createElement("p", {
5756
+ "class": formstyles.sizeguidebtn + ' m-0 p-0 cursor-pointer mb-auto ',
5757
+ onClick: function onClick() {
5758
+ setopensizeguidemodal(true);
5759
+ }
5760
+ }, langdetect == 'en' ? sectionproperties.sizeguidecontentenglish : sectionproperties.sizeguidecontentarabic))), /*#__PURE__*/React.createElement(Variantoptions, {
5709
5761
  actions: props.actions
5710
5762
  }), /*#__PURE__*/React.createElement(ProductExtras, {
5711
5763
  actions: props.actions
@@ -5792,7 +5844,44 @@ var Service_itemtype = function Service_itemtype(props) {
5792
5844
  paddingLeft: langdetect == 'en' ? '.5em' : 0,
5793
5845
  paddingRight: langdetect == 'ar' ? '.5rem' : 0
5794
5846
  }
5795
- }, StoreInfoprops()))));
5847
+ }, StoreInfoprops()))), sizeguideimage.length != 0 && /*#__PURE__*/React.createElement(Modal, {
5848
+ show: opensizeguidemodal,
5849
+ onHide: function onHide() {
5850
+ setopensizeguidemodal(false);
5851
+ },
5852
+ centered: true,
5853
+ size: 'lg'
5854
+ }, /*#__PURE__*/React.createElement(Modal.Body, null, /*#__PURE__*/React.createElement("div", {
5855
+ className: "allcentered cursor-pointer",
5856
+ onClick: function onClick() {
5857
+ setopensizeguidemodal(false);
5858
+ },
5859
+ style: {
5860
+ position: 'absolute',
5861
+ top: 10,
5862
+ width: 35,
5863
+ height: 35,
5864
+ right: 10
5865
+ }
5866
+ }, /*#__PURE__*/React.createElement("i", {
5867
+ "class": ' h-100 allcentered text-black '
5868
+ }, /*#__PURE__*/React.createElement(IoMdClose, {
5869
+ size: 25,
5870
+ "class": formstyles.closemodalbtn
5871
+ }))), /*#__PURE__*/React.createElement("div", {
5872
+ "class": ' w-100 h-100 px-4 py-5 ',
5873
+ style: {}
5874
+ }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
5875
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
5876
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
5877
+ path: (_sizeguideimage$ = sizeguideimage[0]) === null || _sizeguideimage$ === void 0 ? void 0 : _sizeguideimage$.original,
5878
+ style: {
5879
+ width: '100%',
5880
+ height: '100%',
5881
+ objectFit: 'contain'
5882
+ },
5883
+ loading: "lazy"
5884
+ }))), /*#__PURE__*/React.createElement(Modal.Footer, null)));
5796
5885
  };
5797
5886
 
5798
5887
  var Article_itemtype = function Article_itemtype(props) {
@@ -15381,8 +15470,14 @@ var CartSlider = function CartSlider(props) {
15381
15470
  onClick: function onClick() {
15382
15471
  if (sectionproperties.btnlink != '' && sectionproperties.btnlink != undefined && sectionproperties.btnlink != null) {
15383
15472
  routingcountext(sectionproperties.btnlink, false);
15473
+ setOpenCloseCartSlider(false);
15474
+ setsidecartnavshowWorkplaceDesigncontext(false);
15475
+ setsidecartnavshowcontext(false);
15384
15476
  } else {
15385
15477
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
15478
+ setOpenCloseCartSlider(false);
15479
+ setsidecartnavshowWorkplaceDesigncontext(false);
15480
+ setsidecartnavshowcontext(false);
15386
15481
  }
15387
15482
  }
15388
15483
  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))), /*#__PURE__*/React.createElement("div", {
@@ -84093,6 +84188,11 @@ var Simpleproductcard = function Simpleproductcard(props) {
84093
84188
  transition: 'all, 0.4s',
84094
84189
  right: 10,
84095
84190
  transform: "translateX(0px)"
84191
+ }),
84192
+ sku: css({
84193
+ fontSize: sectionproperties.skuFontSize + 'px',
84194
+ color: sectionproperties.skuColor,
84195
+ fontWeight: sectionproperties.skuFontWeight
84096
84196
  })
84097
84197
  };
84098
84198
  var _useState11 = useState(''),
@@ -84553,7 +84653,15 @@ var Simpleproductcard = function Simpleproductcard(props) {
84553
84653
  style: {
84554
84654
  textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
84555
84655
  }
84556
- }, item.name)), sectionproperties.prodCatShow == 'Show' && sectionproperties.descriptionoverwritestyles == 'No' && /*#__PURE__*/React.createElement("p", {
84656
+ }, item.name)), sectionproperties.showSKU == 'Show' && /*#__PURE__*/React.createElement("div", {
84657
+ "class": "col-lg-12 pl-0 pr-0",
84658
+ style: {}
84659
+ }, /*#__PURE__*/React.createElement("p", {
84660
+ "class": "".concat(card_cssstyles.sku) + ' wordbreak wordbreak1 font-md-13 m-0 ',
84661
+ style: {
84662
+ textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
84663
+ }
84664
+ }, langdetect == 'en' ? 'SKU: ' : 'كود: ', item.sku)), sectionproperties.prodCatShow == 'Show' && sectionproperties.descriptionoverwritestyles == 'No' && /*#__PURE__*/React.createElement("p", {
84557
84665
  "class": sectionproperties.descriptionwordbreak == 'None' ? "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 p-0 mt-1 ' : "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 p-0 wordbreak wordbreak4 mt-1 ',
84558
84666
  style: {
84559
84667
  textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
package/dist/index.umd.js CHANGED
@@ -4871,7 +4871,7 @@
4871
4871
  };
4872
4872
 
4873
4873
  var Service_itemtype = function Service_itemtype(props) {
4874
- var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8;
4874
+ var _css, _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _sizeguideimage$;
4875
4875
  var lang = props.actions.lang;
4876
4876
  var langdetect = props.actions.langdetect;
4877
4877
  var srcfromprops = props.actions.srcfromprops;
@@ -4906,6 +4906,11 @@
4906
4906
  _useState6 = _slicedToArray__default["default"](_useState5, 2);
4907
4907
  _useState6[0];
4908
4908
  var setitem = _useState6[1];
4909
+ var _useState7 = React.useState(false),
4910
+ _useState8 = _slicedToArray__default["default"](_useState7, 2),
4911
+ opensizeguidemodal = _useState8[0],
4912
+ setopensizeguidemodal = _useState8[1];
4913
+ var sizeguideimage = props.actions.sizeguideimage;
4909
4914
  React.useEffect(function () {
4910
4915
  var itemobj = fetchProductInfoQueryContext.data.data.productinfo;
4911
4916
  if (stringIsEnglish(fetchProductInfoQueryContext.data.data.productinfo.name_en)) {
@@ -4945,6 +4950,44 @@
4945
4950
  }
4946
4951
  }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar);
4947
4952
  };
4953
+ var formstyles = {
4954
+ input_label_name: glamor.css({
4955
+ color: sectionproperties.form_labelcolor,
4956
+ textTransform: sectionproperties.form_labeltexttransform,
4957
+ fontWeight: sectionproperties.form_labelfontweight,
4958
+ fontSize: sectionproperties.form_labelfontsize + 'px',
4959
+ marginBottom: sectionproperties.inputfieldbordertype == 'All' ? 10 : 0
4960
+ }),
4961
+ form_control: glamor.css((_css = {
4962
+ background: 'transparent',
4963
+ color: sectionproperties.inputfieldcolor,
4964
+ fontSize: sectionproperties.inputfieldfontsize + 'px',
4965
+ position: 'relative',
4966
+ display: 'flex',
4967
+ alignItems: 'center'
4968
+ }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "display", 'block'), "width", '100%'), "padding", '0 10px'), "transition", '.3s'), "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), "borderRadius", sectionproperties.inputfieldborderradius + 'px'), "height", sectionproperties.inputfieldheight + 'px'), "background", sectionproperties.input_bgcolor), "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_defineProperty__default["default"](_css, ':focus', {
4969
+ borderColor: sectionproperties.inputfeildbordercoloronfocus
4970
+ }), ':focus .login_input_icon', {
4971
+ color: sectionproperties.inputfeildbordercoloronfocus
4972
+ }))),
4973
+ sizeguidebtn: glamor.css({
4974
+ color: sectionproperties.sizeguidebtncolor,
4975
+ fontSize: sectionproperties.sizeguidebtnfontsize + 'px',
4976
+ transition: '.3s',
4977
+ textDecoration: 'underline',
4978
+ ':hover': {
4979
+ color: sectionproperties.sizeguidebtncoloronhover,
4980
+ fontWeight: sectionproperties.sizeguidebtnfontweight
4981
+ }
4982
+ }),
4983
+ closemodalbtn: glamor.css({
4984
+ color: sectionproperties.sizeguidebtncolor,
4985
+ transition: '.3s',
4986
+ ':hover': {
4987
+ color: sectionproperties.sizeguidebtncoloronhover
4988
+ }
4989
+ })
4990
+ };
4948
4991
  return /*#__PURE__*/React__default["default"].createElement("div", {
4949
4992
  "class": ' col-lg-12 p-0 '
4950
4993
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -5569,7 +5612,16 @@
5569
5612
  className: "p-0"
5570
5613
  }, /*#__PURE__*/React__default["default"].createElement("div", {
5571
5614
  "class": "col-lg-12 p-0"
5572
- }, /*#__PURE__*/React__default["default"].createElement(Variantoptions, {
5615
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
5616
+ "class": "col-lg-12 p-0 text-end"
5617
+ }, sectionproperties.showsizeguidebtn == 'Show' && sizeguideimage.length != 0 && sectionproperties.sizeguideposition == 'Besides Variants' && /*#__PURE__*/React__default["default"].createElement("div", {
5618
+ "class": "col-12 text-end"
5619
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
5620
+ "class": formstyles.sizeguidebtn + ' m-0 p-0 cursor-pointer mb-auto ',
5621
+ onClick: function onClick() {
5622
+ setopensizeguidemodal(true);
5623
+ }
5624
+ }, langdetect == 'en' ? sectionproperties.sizeguidecontentenglish : sectionproperties.sizeguidecontentarabic))), /*#__PURE__*/React__default["default"].createElement(Variantoptions, {
5573
5625
  actions: props.actions
5574
5626
  }), /*#__PURE__*/React__default["default"].createElement(ProductExtras, {
5575
5627
  actions: props.actions
@@ -5656,7 +5708,44 @@
5656
5708
  paddingLeft: langdetect == 'en' ? '.5em' : 0,
5657
5709
  paddingRight: langdetect == 'ar' ? '.5rem' : 0
5658
5710
  }
5659
- }, StoreInfoprops()))));
5711
+ }, StoreInfoprops()))), sizeguideimage.length != 0 && /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal, {
5712
+ show: opensizeguidemodal,
5713
+ onHide: function onHide() {
5714
+ setopensizeguidemodal(false);
5715
+ },
5716
+ centered: true,
5717
+ size: 'lg'
5718
+ }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
5719
+ className: "allcentered cursor-pointer",
5720
+ onClick: function onClick() {
5721
+ setopensizeguidemodal(false);
5722
+ },
5723
+ style: {
5724
+ position: 'absolute',
5725
+ top: 10,
5726
+ width: 35,
5727
+ height: 35,
5728
+ right: 10
5729
+ }
5730
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
5731
+ "class": ' h-100 allcentered text-black '
5732
+ }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
5733
+ size: 25,
5734
+ "class": formstyles.closemodalbtn
5735
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
5736
+ "class": ' w-100 h-100 px-4 py-5 ',
5737
+ style: {}
5738
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
5739
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
5740
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
5741
+ path: (_sizeguideimage$ = sizeguideimage[0]) === null || _sizeguideimage$ === void 0 ? void 0 : _sizeguideimage$.original,
5742
+ style: {
5743
+ width: '100%',
5744
+ height: '100%',
5745
+ objectFit: 'contain'
5746
+ },
5747
+ loading: "lazy"
5748
+ }))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Footer, null)));
5660
5749
  };
5661
5750
 
5662
5751
  var Article_itemtype = function Article_itemtype(props) {
@@ -15245,8 +15334,14 @@
15245
15334
  onClick: function onClick() {
15246
15335
  if (sectionproperties.btnlink != '' && sectionproperties.btnlink != undefined && sectionproperties.btnlink != null) {
15247
15336
  routingcountext(sectionproperties.btnlink, false);
15337
+ setOpenCloseCartSlider(false);
15338
+ setsidecartnavshowWorkplaceDesigncontext(false);
15339
+ setsidecartnavshowcontext(false);
15248
15340
  } else {
15249
15341
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
15342
+ setOpenCloseCartSlider(false);
15343
+ setsidecartnavshowWorkplaceDesigncontext(false);
15344
+ setsidecartnavshowcontext(false);
15250
15345
  }
15251
15346
  }
15252
15347
  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -83957,6 +84052,11 @@
83957
84052
  transition: 'all, 0.4s',
83958
84053
  right: 10,
83959
84054
  transform: "translateX(0px)"
84055
+ }),
84056
+ sku: glamor.css({
84057
+ fontSize: sectionproperties.skuFontSize + 'px',
84058
+ color: sectionproperties.skuColor,
84059
+ fontWeight: sectionproperties.skuFontWeight
83960
84060
  })
83961
84061
  };
83962
84062
  var _useState11 = React.useState(''),
@@ -84417,7 +84517,15 @@
84417
84517
  style: {
84418
84518
  textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
84419
84519
  }
84420
- }, item.name)), sectionproperties.prodCatShow == 'Show' && sectionproperties.descriptionoverwritestyles == 'No' && /*#__PURE__*/React__default["default"].createElement("p", {
84520
+ }, item.name)), sectionproperties.showSKU == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
84521
+ "class": "col-lg-12 pl-0 pr-0",
84522
+ style: {}
84523
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
84524
+ "class": "".concat(card_cssstyles.sku) + ' wordbreak wordbreak1 font-md-13 m-0 ',
84525
+ style: {
84526
+ textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
84527
+ }
84528
+ }, langdetect == 'en' ? 'SKU: ' : 'كود: ', item.sku)), sectionproperties.prodCatShow == 'Show' && sectionproperties.descriptionoverwritestyles == 'No' && /*#__PURE__*/React__default["default"].createElement("p", {
84421
84529
  "class": sectionproperties.descriptionwordbreak == 'None' ? "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 p-0 mt-1 ' : "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 p-0 wordbreak wordbreak4 mt-1 ',
84422
84530
  style: {
84423
84531
  textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.2.751",
3
+ "version": "0.2.753",
4
4
  "type": "module",
5
5
  "description": "your description",
6
6
  "main": "dist/index.cjs.js",