tabexseriescomponents 0.0.533 → 0.0.535

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 +32 -5
  2. package/dist/index.esm.js +32 -5
  3. package/dist/index.umd.js +32 -5
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -1433,7 +1433,7 @@ var Select$4 = /*#__PURE__*/React__default["default"].lazy(function () {
1433
1433
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-select')); });
1434
1434
  });
1435
1435
  var Variantoptions = function Variantoptions(props) {
1436
- var _css, _fetchProductInfoQuer, _ProductInfoObj$data4, _ProductInfoObj$data5, _ProductInfoObj$data6;
1436
+ var _css, _fetchProductInfoQuer, _ProductInfoObj$data4, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _ProductInfoObj$data5, _ProductInfoObj$data6;
1437
1437
  var productinfo_cssstyles = props.actions.productinfo_cssstyles;
1438
1438
  var lang = props.actions.lang;
1439
1439
  var langdetect = props.actions.langdetect;
@@ -1448,6 +1448,7 @@ var Variantoptions = function Variantoptions(props) {
1448
1448
  _useState2 = _slicedToArray__default["default"](_useState, 2);
1449
1449
  _useState2[0];
1450
1450
  _useState2[1];
1451
+ var variantindexcompleted = props.actions.variantindexcompleted;
1451
1452
  var formstyles = {
1452
1453
  input_label_name: glamor.css({
1453
1454
  color: sectionproperties.form_labelcolor,
@@ -1640,6 +1641,28 @@ var Variantoptions = function Variantoptions(props) {
1640
1641
  }, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar));
1641
1642
  }
1642
1643
  }))));
1644
+ })), langdetect == 'en' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer2 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.variants[variantindexcompleted]) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : _fetchProductInfoQuer2.variantdescription_en) && /*#__PURE__*/React__default["default"].createElement("div", {
1645
+ "class": "my-3 col-lg-12 p-0"
1646
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
1647
+ className: 'm-0 p-0 wordbreak',
1648
+ style: {
1649
+ textAlign: langdetect == 'en' ? 'left' : 'right',
1650
+ color: '#000000'
1651
+ },
1652
+ dangerouslySetInnerHTML: {
1653
+ __html: langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer3 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.productinfo) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.variants[variantindexcompleted]) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.variantdescription_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.productinfo) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.variants[variantindexcompleted]) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.variantdescription_ar
1654
+ }
1655
+ })), langdetect == 'ar' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer5 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.productinfo) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.variants[variantindexcompleted]) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : _fetchProductInfoQuer5.variantdescription_ar) && /*#__PURE__*/React__default["default"].createElement("div", {
1656
+ "class": "my-3 col-lg-12 p-0"
1657
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
1658
+ className: 'm-0 p-0 wordbreak',
1659
+ style: {
1660
+ textAlign: langdetect == 'en' ? 'left' : 'right',
1661
+ color: '#000000'
1662
+ },
1663
+ dangerouslySetInnerHTML: {
1664
+ __html: langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer6 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.productinfo) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.variants[variantindexcompleted]) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.variantdescription_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.productinfo) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.variants[variantindexcompleted]) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : _fetchProductInfoQuer7.variantdescription_ar
1665
+ }
1643
1666
  })), sectionproperties.variantstyle == 'Vertical' && (ProductInfoObj === null || ProductInfoObj === void 0 || (_ProductInfoObj$data5 = ProductInfoObj.data) === null || _ProductInfoObj$data5 === void 0 || (_ProductInfoObj$data5 = _ProductInfoObj$data5.productinfo) === null || _ProductInfoObj$data5 === void 0 || (_ProductInfoObj$data5 = _ProductInfoObj$data5.productoptions) === null || _ProductInfoObj$data5 === void 0 ? void 0 : _ProductInfoObj$data5.map(function (item, index) {
1644
1667
  return /*#__PURE__*/React__default["default"].createElement("ul", {
1645
1668
  "class": "thwvsf-wrapper-ul"
@@ -29024,13 +29047,13 @@ var Simpleheader = function Simpleheader(props) {
29024
29047
  "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 pr-3'
29025
29048
  }, /*#__PURE__*/React__default["default"].createElement("p", {
29026
29049
  "class": "m-0 p-0 d-flex align-items-center "
29027
- }, "En", ' ', /*#__PURE__*/React__default["default"].createElement("i", {
29050
+ }, "\u0639", ' ', /*#__PURE__*/React__default["default"].createElement("i", {
29028
29051
  "class": "h-100 allcentered ml-auto pl-3"
29029
29052
  }, /*#__PURE__*/React__default["default"].createElement(BsChevronDown.BsChevronDown, null)))), langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
29030
29053
  "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 pl-3 '
29031
29054
  }, /*#__PURE__*/React__default["default"].createElement("p", {
29032
29055
  "class": "m-0 p-0 d-flex align-items-center"
29033
- }, "\u0639", ' ', /*#__PURE__*/React__default["default"].createElement("i", {
29056
+ }, "En", ' ', /*#__PURE__*/React__default["default"].createElement("i", {
29034
29057
  "class": "h-100 allcentered ml-auto pl-3"
29035
29058
  }, /*#__PURE__*/React__default["default"].createElement(BsChevronDown.BsChevronDown, null)))))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
29036
29059
  "class": "".concat(header_cssstyles.dropdownitem),
@@ -56143,7 +56166,7 @@ var TextSectionConnectToWA = function TextSectionConnectToWA(props) {
56143
56166
  "class": "d-flex align-items-center"
56144
56167
  }, /*#__PURE__*/React__default["default"].createElement("p", {
56145
56168
  "class": ' m-0 p-0 '
56146
- }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))), sectionproperties.btntype != 'Phone Number' && sectionproperties.btntype == 'Another Phone Number' && /*#__PURE__*/React__default["default"].createElement("button", {
56169
+ }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))), sectionproperties.btntype != 'Phone Number' && sectionproperties.btntype != 'Another Phone Number' && /*#__PURE__*/React__default["default"].createElement("button", {
56147
56170
  "class": sectionstyles.btnStyles,
56148
56171
  onClick: function onClick() {
56149
56172
  if (sectionproperties.btntype == 'WhatsApp') {
@@ -56225,7 +56248,7 @@ var TextSectionConnectToWA = function TextSectionConnectToWA(props) {
56225
56248
  "class": "d-flex align-items-center"
56226
56249
  }, /*#__PURE__*/React__default["default"].createElement("p", {
56227
56250
  "class": ' m-0 p-0 '
56228
- }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))), sectionproperties.btntype != 'Phone Number' && sectionproperties.btntype == 'Another Phone Number' && /*#__PURE__*/React__default["default"].createElement("button", {
56251
+ }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))), sectionproperties.btntype != 'Phone Number' && sectionproperties.btntype != 'Another Phone Number' && /*#__PURE__*/React__default["default"].createElement("button", {
56229
56252
  "class": sectionstyles.btnStyles,
56230
56253
  onClick: function onClick() {
56231
56254
  if (sectionproperties.btntype == 'WhatsApp') {
@@ -59676,6 +59699,10 @@ var Slideshowslide = function Slideshowslide(props) {
59676
59699
  ':hover': {
59677
59700
  background: sectionproperties.generalbtn_bgColoronhover,
59678
59701
  color: sectionproperties.generalbtn_textColoronhover
59702
+ },
59703
+ '@media (max-width: 800px)': {
59704
+ Width: sectionproperties.widthresp + 'px',
59705
+ height: sectionproperties.heightresponsive + 'px'
59679
59706
  }
59680
59707
  }),
59681
59708
  categoryname: glamor.css({
package/dist/index.esm.js CHANGED
@@ -1384,7 +1384,7 @@ var Select$4 = /*#__PURE__*/React.lazy(function () {
1384
1384
  return import('react-select');
1385
1385
  });
1386
1386
  var Variantoptions = function Variantoptions(props) {
1387
- var _css, _fetchProductInfoQuer, _ProductInfoObj$data4, _ProductInfoObj$data5, _ProductInfoObj$data6;
1387
+ var _css, _fetchProductInfoQuer, _ProductInfoObj$data4, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _ProductInfoObj$data5, _ProductInfoObj$data6;
1388
1388
  var productinfo_cssstyles = props.actions.productinfo_cssstyles;
1389
1389
  var lang = props.actions.lang;
1390
1390
  var langdetect = props.actions.langdetect;
@@ -1399,6 +1399,7 @@ var Variantoptions = function Variantoptions(props) {
1399
1399
  _useState2 = _slicedToArray(_useState, 2);
1400
1400
  _useState2[0];
1401
1401
  _useState2[1];
1402
+ var variantindexcompleted = props.actions.variantindexcompleted;
1402
1403
  var formstyles = {
1403
1404
  input_label_name: css({
1404
1405
  color: sectionproperties.form_labelcolor,
@@ -1591,6 +1592,28 @@ var Variantoptions = function Variantoptions(props) {
1591
1592
  }, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar));
1592
1593
  }
1593
1594
  }))));
1595
+ })), langdetect == 'en' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer2 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.variants[variantindexcompleted]) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : _fetchProductInfoQuer2.variantdescription_en) && /*#__PURE__*/React.createElement("div", {
1596
+ "class": "my-3 col-lg-12 p-0"
1597
+ }, /*#__PURE__*/React.createElement("p", {
1598
+ className: 'm-0 p-0 wordbreak',
1599
+ style: {
1600
+ textAlign: langdetect == 'en' ? 'left' : 'right',
1601
+ color: '#000000'
1602
+ },
1603
+ dangerouslySetInnerHTML: {
1604
+ __html: langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer3 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.productinfo) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.variants[variantindexcompleted]) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.variantdescription_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.productinfo) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.variants[variantindexcompleted]) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.variantdescription_ar
1605
+ }
1606
+ })), langdetect == 'ar' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer5 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.productinfo) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.variants[variantindexcompleted]) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : _fetchProductInfoQuer5.variantdescription_ar) && /*#__PURE__*/React.createElement("div", {
1607
+ "class": "my-3 col-lg-12 p-0"
1608
+ }, /*#__PURE__*/React.createElement("p", {
1609
+ className: 'm-0 p-0 wordbreak',
1610
+ style: {
1611
+ textAlign: langdetect == 'en' ? 'left' : 'right',
1612
+ color: '#000000'
1613
+ },
1614
+ dangerouslySetInnerHTML: {
1615
+ __html: langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer6 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.productinfo) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.variants[variantindexcompleted]) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.variantdescription_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.productinfo) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.variants[variantindexcompleted]) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : _fetchProductInfoQuer7.variantdescription_ar
1616
+ }
1594
1617
  })), sectionproperties.variantstyle == 'Vertical' && (ProductInfoObj === null || ProductInfoObj === void 0 || (_ProductInfoObj$data5 = ProductInfoObj.data) === null || _ProductInfoObj$data5 === void 0 || (_ProductInfoObj$data5 = _ProductInfoObj$data5.productinfo) === null || _ProductInfoObj$data5 === void 0 || (_ProductInfoObj$data5 = _ProductInfoObj$data5.productoptions) === null || _ProductInfoObj$data5 === void 0 ? void 0 : _ProductInfoObj$data5.map(function (item, index) {
1595
1618
  return /*#__PURE__*/React.createElement("ul", {
1596
1619
  "class": "thwvsf-wrapper-ul"
@@ -28975,13 +28998,13 @@ var Simpleheader = function Simpleheader(props) {
28975
28998
  "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 pr-3'
28976
28999
  }, /*#__PURE__*/React.createElement("p", {
28977
29000
  "class": "m-0 p-0 d-flex align-items-center "
28978
- }, "En", ' ', /*#__PURE__*/React.createElement("i", {
29001
+ }, "\u0639", ' ', /*#__PURE__*/React.createElement("i", {
28979
29002
  "class": "h-100 allcentered ml-auto pl-3"
28980
29003
  }, /*#__PURE__*/React.createElement(BsChevronDown, null)))), langdetect == 'en' && /*#__PURE__*/React.createElement("div", {
28981
29004
  "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 pl-3 '
28982
29005
  }, /*#__PURE__*/React.createElement("p", {
28983
29006
  "class": "m-0 p-0 d-flex align-items-center"
28984
- }, "\u0639", ' ', /*#__PURE__*/React.createElement("i", {
29007
+ }, "En", ' ', /*#__PURE__*/React.createElement("i", {
28985
29008
  "class": "h-100 allcentered ml-auto pl-3"
28986
29009
  }, /*#__PURE__*/React.createElement(BsChevronDown, null)))))), /*#__PURE__*/React.createElement(Dropdown.Menu, null, /*#__PURE__*/React.createElement(Dropdown.Item, {
28987
29010
  "class": "".concat(header_cssstyles.dropdownitem),
@@ -56094,7 +56117,7 @@ var TextSectionConnectToWA = function TextSectionConnectToWA(props) {
56094
56117
  "class": "d-flex align-items-center"
56095
56118
  }, /*#__PURE__*/React.createElement("p", {
56096
56119
  "class": ' m-0 p-0 '
56097
- }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))), sectionproperties.btntype != 'Phone Number' && sectionproperties.btntype == 'Another Phone Number' && /*#__PURE__*/React.createElement("button", {
56120
+ }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))), sectionproperties.btntype != 'Phone Number' && sectionproperties.btntype != 'Another Phone Number' && /*#__PURE__*/React.createElement("button", {
56098
56121
  "class": sectionstyles.btnStyles,
56099
56122
  onClick: function onClick() {
56100
56123
  if (sectionproperties.btntype == 'WhatsApp') {
@@ -56176,7 +56199,7 @@ var TextSectionConnectToWA = function TextSectionConnectToWA(props) {
56176
56199
  "class": "d-flex align-items-center"
56177
56200
  }, /*#__PURE__*/React.createElement("p", {
56178
56201
  "class": ' m-0 p-0 '
56179
- }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))), sectionproperties.btntype != 'Phone Number' && sectionproperties.btntype == 'Another Phone Number' && /*#__PURE__*/React.createElement("button", {
56202
+ }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))), sectionproperties.btntype != 'Phone Number' && sectionproperties.btntype != 'Another Phone Number' && /*#__PURE__*/React.createElement("button", {
56180
56203
  "class": sectionstyles.btnStyles,
56181
56204
  onClick: function onClick() {
56182
56205
  if (sectionproperties.btntype == 'WhatsApp') {
@@ -59627,6 +59650,10 @@ var Slideshowslide = function Slideshowslide(props) {
59627
59650
  ':hover': {
59628
59651
  background: sectionproperties.generalbtn_bgColoronhover,
59629
59652
  color: sectionproperties.generalbtn_textColoronhover
59653
+ },
59654
+ '@media (max-width: 800px)': {
59655
+ Width: sectionproperties.widthresp + 'px',
59656
+ height: sectionproperties.heightresponsive + 'px'
59630
59657
  }
59631
59658
  }),
59632
59659
  categoryname: css({
package/dist/index.umd.js CHANGED
@@ -1259,7 +1259,7 @@
1259
1259
  return import('react-select');
1260
1260
  });
1261
1261
  var Variantoptions = function Variantoptions(props) {
1262
- var _css, _fetchProductInfoQuer, _ProductInfoObj$data4, _ProductInfoObj$data5, _ProductInfoObj$data6;
1262
+ var _css, _fetchProductInfoQuer, _ProductInfoObj$data4, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _ProductInfoObj$data5, _ProductInfoObj$data6;
1263
1263
  var productinfo_cssstyles = props.actions.productinfo_cssstyles;
1264
1264
  var lang = props.actions.lang;
1265
1265
  var langdetect = props.actions.langdetect;
@@ -1274,6 +1274,7 @@
1274
1274
  _useState2 = _slicedToArray__default["default"](_useState, 2);
1275
1275
  _useState2[0];
1276
1276
  _useState2[1];
1277
+ var variantindexcompleted = props.actions.variantindexcompleted;
1277
1278
  var formstyles = {
1278
1279
  input_label_name: glamor.css({
1279
1280
  color: sectionproperties.form_labelcolor,
@@ -1466,6 +1467,28 @@
1466
1467
  }, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar));
1467
1468
  }
1468
1469
  }))));
1470
+ })), langdetect == 'en' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer2 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.variants[variantindexcompleted]) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : _fetchProductInfoQuer2.variantdescription_en) && /*#__PURE__*/React__default["default"].createElement("div", {
1471
+ "class": "my-3 col-lg-12 p-0"
1472
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
1473
+ className: 'm-0 p-0 wordbreak',
1474
+ style: {
1475
+ textAlign: langdetect == 'en' ? 'left' : 'right',
1476
+ color: '#000000'
1477
+ },
1478
+ dangerouslySetInnerHTML: {
1479
+ __html: langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer3 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.productinfo) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.variants[variantindexcompleted]) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.variantdescription_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.productinfo) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.variants[variantindexcompleted]) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.variantdescription_ar
1480
+ }
1481
+ })), langdetect == 'ar' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer5 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.productinfo) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.variants[variantindexcompleted]) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : _fetchProductInfoQuer5.variantdescription_ar) && /*#__PURE__*/React__default["default"].createElement("div", {
1482
+ "class": "my-3 col-lg-12 p-0"
1483
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
1484
+ className: 'm-0 p-0 wordbreak',
1485
+ style: {
1486
+ textAlign: langdetect == 'en' ? 'left' : 'right',
1487
+ color: '#000000'
1488
+ },
1489
+ dangerouslySetInnerHTML: {
1490
+ __html: langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer6 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.productinfo) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.variants[variantindexcompleted]) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.variantdescription_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.productinfo) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.variants[variantindexcompleted]) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : _fetchProductInfoQuer7.variantdescription_ar
1491
+ }
1469
1492
  })), sectionproperties.variantstyle == 'Vertical' && (ProductInfoObj === null || ProductInfoObj === void 0 || (_ProductInfoObj$data5 = ProductInfoObj.data) === null || _ProductInfoObj$data5 === void 0 || (_ProductInfoObj$data5 = _ProductInfoObj$data5.productinfo) === null || _ProductInfoObj$data5 === void 0 || (_ProductInfoObj$data5 = _ProductInfoObj$data5.productoptions) === null || _ProductInfoObj$data5 === void 0 ? void 0 : _ProductInfoObj$data5.map(function (item, index) {
1470
1493
  return /*#__PURE__*/React__default["default"].createElement("ul", {
1471
1494
  "class": "thwvsf-wrapper-ul"
@@ -28850,13 +28873,13 @@
28850
28873
  "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 pr-3'
28851
28874
  }, /*#__PURE__*/React__default["default"].createElement("p", {
28852
28875
  "class": "m-0 p-0 d-flex align-items-center "
28853
- }, "En", ' ', /*#__PURE__*/React__default["default"].createElement("i", {
28876
+ }, "\u0639", ' ', /*#__PURE__*/React__default["default"].createElement("i", {
28854
28877
  "class": "h-100 allcentered ml-auto pl-3"
28855
28878
  }, /*#__PURE__*/React__default["default"].createElement(BsChevronDown.BsChevronDown, null)))), langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
28856
28879
  "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 pl-3 '
28857
28880
  }, /*#__PURE__*/React__default["default"].createElement("p", {
28858
28881
  "class": "m-0 p-0 d-flex align-items-center"
28859
- }, "\u0639", ' ', /*#__PURE__*/React__default["default"].createElement("i", {
28882
+ }, "En", ' ', /*#__PURE__*/React__default["default"].createElement("i", {
28860
28883
  "class": "h-100 allcentered ml-auto pl-3"
28861
28884
  }, /*#__PURE__*/React__default["default"].createElement(BsChevronDown.BsChevronDown, null)))))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
28862
28885
  "class": "".concat(header_cssstyles.dropdownitem),
@@ -55969,7 +55992,7 @@
55969
55992
  "class": "d-flex align-items-center"
55970
55993
  }, /*#__PURE__*/React__default["default"].createElement("p", {
55971
55994
  "class": ' m-0 p-0 '
55972
- }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))), sectionproperties.btntype != 'Phone Number' && sectionproperties.btntype == 'Another Phone Number' && /*#__PURE__*/React__default["default"].createElement("button", {
55995
+ }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))), sectionproperties.btntype != 'Phone Number' && sectionproperties.btntype != 'Another Phone Number' && /*#__PURE__*/React__default["default"].createElement("button", {
55973
55996
  "class": sectionstyles.btnStyles,
55974
55997
  onClick: function onClick() {
55975
55998
  if (sectionproperties.btntype == 'WhatsApp') {
@@ -56051,7 +56074,7 @@
56051
56074
  "class": "d-flex align-items-center"
56052
56075
  }, /*#__PURE__*/React__default["default"].createElement("p", {
56053
56076
  "class": ' m-0 p-0 '
56054
- }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))), sectionproperties.btntype != 'Phone Number' && sectionproperties.btntype == 'Another Phone Number' && /*#__PURE__*/React__default["default"].createElement("button", {
56077
+ }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))), sectionproperties.btntype != 'Phone Number' && sectionproperties.btntype != 'Another Phone Number' && /*#__PURE__*/React__default["default"].createElement("button", {
56055
56078
  "class": sectionstyles.btnStyles,
56056
56079
  onClick: function onClick() {
56057
56080
  if (sectionproperties.btntype == 'WhatsApp') {
@@ -59502,6 +59525,10 @@
59502
59525
  ':hover': {
59503
59526
  background: sectionproperties.generalbtn_bgColoronhover,
59504
59527
  color: sectionproperties.generalbtn_textColoronhover
59528
+ },
59529
+ '@media (max-width: 800px)': {
59530
+ Width: sectionproperties.widthresp + 'px',
59531
+ height: sectionproperties.heightresponsive + 'px'
59505
59532
  }
59506
59533
  }),
59507
59534
  categoryname: glamor.css({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.533",
3
+ "version": "0.0.535",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {