tabexseriescomponents 0.0.104 → 0.0.105

package/dist/index.cjs.js

@@ -18,6 +18,7 @@ var FacebookLogin = require('react-facebook-login/dist/facebook-login-render-pro
 var FaFacebookF = require('@react-icons/all-files/fa/FaFacebookF');
 var AiOutlineUser = require('@react-icons/all-files/ai/AiOutlineUser');
 var ImageGallery = require('react-image-gallery');
+var ShowMoreText = require('react-show-more-text');
 var reactRouter = require('react-router');
 var imagekitioReact = require('imagekitio-react');
 var MdAddShoppingCart$1 = require('@react-icons/all-files/md/MdAddShoppingCart');
@@ -147,6 +148,7 @@ var Cookies__default = /*#__PURE__*/_interopDefaultLegacy(Cookies);
 var jwtDecode__default = /*#__PURE__*/_interopDefaultLegacy(jwtDecode);
 var FacebookLogin__default = /*#__PURE__*/_interopDefaultLegacy(FacebookLogin);
 var ImageGallery__default = /*#__PURE__*/_interopDefaultLegacy(ImageGallery);
+var ShowMoreText__default = /*#__PURE__*/_interopDefaultLegacy(ShowMoreText);
 var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
 var TextareaAutosize__default = /*#__PURE__*/_interopDefaultLegacy(TextareaAutosize);
 var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
@@ -1475,7 +1477,22 @@ var Productinfo = function Productinfo(props) {
     className: "row m-0 w-100 d-flex flex-column"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     className: "m-0 p-0 text-light font-15 d-flex justify-content-start"
-  }, lang.description, ":"))), langdetect == 'ar' && fetchProductInfoQueryContext.data.data.productinfo.description_ar != '' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, lang.description, ":"), /*#__PURE__*/React__default["default"].createElement(ShowMoreText__default["default"], {
+    lines: 5,
+    more: lang.showmore,
+    less: lang.showless,
+    anchorClass: "my-anchor-css-className",
+    expanded: false,
+    truncatedEndingComponent: '... '
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: 'text-black text-capitalize m-0 p-0 wordbreak',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    },
+    dangerouslySetInnerHTML: {
+      __html: langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.description_en : fetchProductInfoQueryContext.data.data.productinfo.description_ar
+    }
+  })))), langdetect == 'ar' && fetchProductInfoQueryContext.data.data.productinfo.description_ar != '' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0 mb-5 d-flex justify-content-center",
     style: {
       minHeight: '15vh'
@@ -1484,7 +1501,22 @@ var Productinfo = function Productinfo(props) {
     className: "row m-0 w-100 d-flex flex-column"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     className: "m-0 p-0 text-light font-15 d-flex justify-content-start"
-  }, lang.description, ":"))), fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, lang.description, ":"), /*#__PURE__*/React__default["default"].createElement(ShowMoreText__default["default"], {
+    lines: 5,
+    more: lang.showmore,
+    less: lang.showless,
+    anchorClass: "my-anchor-css-className",
+    expanded: false,
+    truncatedEndingComponent: '... '
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: 'text-black text-capitalize m-0 p-0 wordbreak',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    },
+    dangerouslySetInnerHTML: {
+      __html: langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.description_en : fetchProductInfoQueryContext.data.data.productinfo.description_ar
+    }
+  })))), fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100 d-flex align-items-start"
   }, fetchProductInfoQueryContext.data.data.productinfo.productoptions.map(function (item, index) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -1579,7 +1611,7 @@ var Productinfo = function Productinfo(props) {
       }
     }))));
   })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-12 p-0 mb-3"
+    className: "col-lg-12 p-0 mb-3 mt-4"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       width: sectionproperties.availability_width + 'px',

package/dist/index.esm.js

@@ -16,6 +16,7 @@ import FacebookLogin from 'react-facebook-login/dist/facebook-login-render-props
 import { FaFacebookF } from '@react-icons/all-files/fa/FaFacebookF';
 import { AiOutlineUser } from '@react-icons/all-files/ai/AiOutlineUser';
 import ImageGallery from 'react-image-gallery';
+import ShowMoreText from 'react-show-more-text';
 import { useParams } from 'react-router';
 import { IKImage } from 'imagekitio-react';
 import { MdAddShoppingCart as MdAddShoppingCart$1 } from '@react-icons/all-files/md/MdAddShoppingCart';
@@ -1433,7 +1434,22 @@ var Productinfo = function Productinfo(props) {
     className: "row m-0 w-100 d-flex flex-column"
   }, /*#__PURE__*/React.createElement("p", {
     className: "m-0 p-0 text-light font-15 d-flex justify-content-start"
-  }, lang.description, ":"))), langdetect == 'ar' && fetchProductInfoQueryContext.data.data.productinfo.description_ar != '' && /*#__PURE__*/React.createElement("div", {
+  }, lang.description, ":"), /*#__PURE__*/React.createElement(ShowMoreText, {
+    lines: 5,
+    more: lang.showmore,
+    less: lang.showless,
+    anchorClass: "my-anchor-css-className",
+    expanded: false,
+    truncatedEndingComponent: '... '
+  }, /*#__PURE__*/React.createElement("p", {
+    className: 'text-black text-capitalize m-0 p-0 wordbreak',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    },
+    dangerouslySetInnerHTML: {
+      __html: langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.description_en : fetchProductInfoQueryContext.data.data.productinfo.description_ar
+    }
+  })))), langdetect == 'ar' && fetchProductInfoQueryContext.data.data.productinfo.description_ar != '' && /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0 mb-5 d-flex justify-content-center",
     style: {
       minHeight: '15vh'
@@ -1442,7 +1458,22 @@ var Productinfo = function Productinfo(props) {
     className: "row m-0 w-100 d-flex flex-column"
   }, /*#__PURE__*/React.createElement("p", {
     className: "m-0 p-0 text-light font-15 d-flex justify-content-start"
-  }, lang.description, ":"))), fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 1 && /*#__PURE__*/React.createElement("div", {
+  }, lang.description, ":"), /*#__PURE__*/React.createElement(ShowMoreText, {
+    lines: 5,
+    more: lang.showmore,
+    less: lang.showless,
+    anchorClass: "my-anchor-css-className",
+    expanded: false,
+    truncatedEndingComponent: '... '
+  }, /*#__PURE__*/React.createElement("p", {
+    className: 'text-black text-capitalize m-0 p-0 wordbreak',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    },
+    dangerouslySetInnerHTML: {
+      __html: langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.description_en : fetchProductInfoQueryContext.data.data.productinfo.description_ar
+    }
+  })))), fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 1 && /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100 d-flex align-items-start"
   }, fetchProductInfoQueryContext.data.data.productinfo.productoptions.map(function (item, index) {
     return /*#__PURE__*/React.createElement("div", {
@@ -1537,7 +1568,7 @@ var Productinfo = function Productinfo(props) {
       }
     }))));
   })), /*#__PURE__*/React.createElement("div", {
-    className: "col-lg-12 p-0 mb-3"
+    className: "col-lg-12 p-0 mb-3 mt-4"
   }, /*#__PURE__*/React.createElement("div", {
     style: {
       width: sectionproperties.availability_width + 'px',

package/dist/index.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@babel/runtime/helpers/slicedToArray'), require('react'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('@babel/runtime/helpers/assertThisInitialized'), require('@babel/runtime/helpers/inherits'), require('@babel/runtime/helpers/possibleConstructorReturn'), require('@babel/runtime/helpers/getPrototypeOf'), require('@babel/runtime/helpers/defineProperty'), require('universal-cookie'), require('react-cssfx-loading'), require('glamor'), require('@react-oauth/google'), require('jwt-decode'), require('react-facebook-login/dist/facebook-login-render-props'), require('@react-icons/all-files/fa/FaFacebookF'), require('@react-icons/all-files/ai/AiOutlineUser'), require('react-image-gallery'), require('react-router'), require('imagekitio-react'), require('@react-icons/all-files/md/MdAddShoppingCart'), require('@react-icons/all-files/io5/IoBagHandleOutline'), require('@react-icons/all-files/bs/BsBag'), require('@react-icons/all-files/cg/CgShoppingBag'), require('@react-icons/all-files/fa/FaRegHeart'), require('@react-icons/all-files/fa/FaHeart'), require('@react-icons/all-files/fi/FiShoppingBag'), require('@react-icons/all-files/fi/FiShoppingCart'), require('@react-icons/all-files/ai/AiFillStar'), require('@react-icons/all-files/ai/AiOutlineStar'), require('@react-icons/all-files/ri/RiSecurePaymentLine'), require('@react-icons/all-files/hi/HiOutlinePhone'), require('@react-icons/all-files/ai/AiOutlineSecurityScan'), require('@react-icons/all-files/fi/FiMapPin'), require('@react-icons/all-files/fa/FaShippingFast'), require('@babel/runtime/helpers/toConsumableArray'), require('react-bootstrap'), require('@react-icons/all-files/fa/FaStar'), require('@react-icons/all-files/ai/AiOutlineLogout'), require('@react-icons/all-files/io5/IoLocationSharp'), require('@react-icons/all-files/hi/HiOutlineChevronRight'), require('@react-icons/all-files/hi/HiOutlineChevronLeft'), require('@react-icons/all-files/go/GoGlobe'), require('@react-icons/all-files/vsc/VscGlobe'), require('@react-icons/all-files/hi/HiOutlineTrash'), require('@react-icons/all-files/io/IoMdClose'), require('react-textarea-autosize'), require('@react-icons/all-files/hi/HiUser'), require('@react-icons/all-files/gr/GrMail'), require('@react-icons/all-files/fi/FiCheckCircle'), require('@react-icons/all-files/bi/BiPhone'), require('react-accessible-accordion'), require('@react-icons/all-files/bs/BsChevronLeft'), require('@react-icons/all-files/bs/BsChevronRight'), require('@react-icons/all-files/ri/RiArrowUpSLine'), require('@react-icons/all-files/ri/RiArrowDownSLine'), require('react-router-dom'), require('react-query'), require('@react-icons/all-files/io5/IoBagCheckOutline'), require('@react-icons/all-files/io5/IoBagRemoveOutline'), require('react-bootstrap/Dropdown'), require('@react-icons/all-files/fi/FiLayers'), require('@react-icons/all-files/bi/BiLogOutCircle'), require('@react-icons/all-files/bi/BiChevronDown'), require('@react-icons/all-files/bi/BiUser'), require('@react-icons/all-files/ai/AiOutlineLogin'), require('@react-icons/all-files/ai/AiOutlineUserAdd'), require('@react-icons/all-files/ri/RiSearchLine'), require('@react-icons/all-files/cg/CgMenuLeft'), require('@react-icons/all-files/cg/CgMenuRight'), require('@react-icons/all-files/hi/HiOutlineShoppingBag'), require('@react-icons/all-files/ri/RiHandbagLine'), require('@react-icons/all-files/md/MdKeyboardArrowDown'), require('@react-icons/all-files/go/GoSearch'), require('@react-icons/all-files/fi/FiUser'), require('@react-icons/all-files/bi/BiSearch'), require('@react-icons/all-files/ai/AiOutlineHeart'), require('@react-icons/all-files/ai/AiOutlineMail'), require('@react-icons/all-files/fi/FiPhone'), require('@react-icons/all-files/hi/HiMenuAlt4'), require('@react-icons/all-files/fi/FiSearch'), require('@react-icons/all-files/bs/BsSearch'), require('@react-icons/all-files/ai/AiFillInstagram'), require('@react-icons/all-files/fa/FaWhatsapp'), require('@react-icons/all-files/ai/AiOutlineInstagram'), require('@react-icons/all-files/bs/BsInfoCircle'), require('@react-icons/all-files/ai/AiFillPhone'), require('@react-icons/all-files/ai/AiOutlineClockCircle'), require('@react-icons/all-files/io5/IoClose'), require('@react-icons/all-files/md/MdKeyboardArrowUp'), require('@react-icons/all-files/fa/FaPhoneAlt'), require('@react-icons/all-files/fa/FaPhone'), require('@react-icons/all-files/go/GoLocation'), require('@react-icons/all-files/ai/AiOutlinePhone'), require('@react-icons/all-files/hi/HiOutlineClock'), require('@react-icons/all-files/hi/HiOutlinePlus'), require('@react-icons/all-files/ai/AiOutlineMinus'), require('react-intersection-observer'), require('react-horizontal-scrolling-menu'), require('@react-icons/all-files/fa/FaArrowAltCircleRight'), require('@react-icons/all-files/fa/FaArrowAltCircleLeft'), require('@react-icons/all-files/fi/FiFilter'), require('react-select'), require('@react-icons/all-files/io/IoIosArrowRoundForward'), require('@react-icons/all-files/io/IoIosArrowRoundBack'), require('react-background-slideshow'), require('@babel/runtime/helpers/extends'), require('react-slideshow-image'), require('@react-icons/all-files/bi/BiTimeFive'), require('@react-icons/all-files/bs/BsEye'), require('@react-icons/all-files/io/IoIosArrowUp'), require('@react-icons/all-files/fi/FiMinus'), require('@react-icons/all-files/fi/FiPlus')) :
-    typeof define === 'function' && define.amd ? define(['@babel/runtime/helpers/slicedToArray', 'react', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', '@babel/runtime/helpers/assertThisInitialized', '@babel/runtime/helpers/inherits', '@babel/runtime/helpers/possibleConstructorReturn', '@babel/runtime/helpers/getPrototypeOf', '@babel/runtime/helpers/defineProperty', 'universal-cookie', 'react-cssfx-loading', 'glamor', '@react-oauth/google', 'jwt-decode', 'react-facebook-login/dist/facebook-login-render-props', '@react-icons/all-files/fa/FaFacebookF', '@react-icons/all-files/ai/AiOutlineUser', 'react-image-gallery', 'react-router', 'imagekitio-react', '@react-icons/all-files/md/MdAddShoppingCart', '@react-icons/all-files/io5/IoBagHandleOutline', '@react-icons/all-files/bs/BsBag', '@react-icons/all-files/cg/CgShoppingBag', '@react-icons/all-files/fa/FaRegHeart', '@react-icons/all-files/fa/FaHeart', '@react-icons/all-files/fi/FiShoppingBag', '@react-icons/all-files/fi/FiShoppingCart', '@react-icons/all-files/ai/AiFillStar', '@react-icons/all-files/ai/AiOutlineStar', '@react-icons/all-files/ri/RiSecurePaymentLine', '@react-icons/all-files/hi/HiOutlinePhone', '@react-icons/all-files/ai/AiOutlineSecurityScan', '@react-icons/all-files/fi/FiMapPin', '@react-icons/all-files/fa/FaShippingFast', '@babel/runtime/helpers/toConsumableArray', 'react-bootstrap', '@react-icons/all-files/fa/FaStar', '@react-icons/all-files/ai/AiOutlineLogout', '@react-icons/all-files/io5/IoLocationSharp', '@react-icons/all-files/hi/HiOutlineChevronRight', '@react-icons/all-files/hi/HiOutlineChevronLeft', '@react-icons/all-files/go/GoGlobe', '@react-icons/all-files/vsc/VscGlobe', '@react-icons/all-files/hi/HiOutlineTrash', '@react-icons/all-files/io/IoMdClose', 'react-textarea-autosize', '@react-icons/all-files/hi/HiUser', '@react-icons/all-files/gr/GrMail', '@react-icons/all-files/fi/FiCheckCircle', '@react-icons/all-files/bi/BiPhone', 'react-accessible-accordion', '@react-icons/all-files/bs/BsChevronLeft', '@react-icons/all-files/bs/BsChevronRight', '@react-icons/all-files/ri/RiArrowUpSLine', '@react-icons/all-files/ri/RiArrowDownSLine', 'react-router-dom', 'react-query', '@react-icons/all-files/io5/IoBagCheckOutline', '@react-icons/all-files/io5/IoBagRemoveOutline', 'react-bootstrap/Dropdown', '@react-icons/all-files/fi/FiLayers', '@react-icons/all-files/bi/BiLogOutCircle', '@react-icons/all-files/bi/BiChevronDown', '@react-icons/all-files/bi/BiUser', '@react-icons/all-files/ai/AiOutlineLogin', '@react-icons/all-files/ai/AiOutlineUserAdd', '@react-icons/all-files/ri/RiSearchLine', '@react-icons/all-files/cg/CgMenuLeft', '@react-icons/all-files/cg/CgMenuRight', '@react-icons/all-files/hi/HiOutlineShoppingBag', '@react-icons/all-files/ri/RiHandbagLine', '@react-icons/all-files/md/MdKeyboardArrowDown', '@react-icons/all-files/go/GoSearch', '@react-icons/all-files/fi/FiUser', '@react-icons/all-files/bi/BiSearch', '@react-icons/all-files/ai/AiOutlineHeart', '@react-icons/all-files/ai/AiOutlineMail', '@react-icons/all-files/fi/FiPhone', '@react-icons/all-files/hi/HiMenuAlt4', '@react-icons/all-files/fi/FiSearch', '@react-icons/all-files/bs/BsSearch', '@react-icons/all-files/ai/AiFillInstagram', '@react-icons/all-files/fa/FaWhatsapp', '@react-icons/all-files/ai/AiOutlineInstagram', '@react-icons/all-files/bs/BsInfoCircle', '@react-icons/all-files/ai/AiFillPhone', '@react-icons/all-files/ai/AiOutlineClockCircle', '@react-icons/all-files/io5/IoClose', '@react-icons/all-files/md/MdKeyboardArrowUp', '@react-icons/all-files/fa/FaPhoneAlt', '@react-icons/all-files/fa/FaPhone', '@react-icons/all-files/go/GoLocation', '@react-icons/all-files/ai/AiOutlinePhone', '@react-icons/all-files/hi/HiOutlineClock', '@react-icons/all-files/hi/HiOutlinePlus', '@react-icons/all-files/ai/AiOutlineMinus', 'react-intersection-observer', 'react-horizontal-scrolling-menu', '@react-icons/all-files/fa/FaArrowAltCircleRight', '@react-icons/all-files/fa/FaArrowAltCircleLeft', '@react-icons/all-files/fi/FiFilter', 'react-select', '@react-icons/all-files/io/IoIosArrowRoundForward', '@react-icons/all-files/io/IoIosArrowRoundBack', 'react-background-slideshow', '@babel/runtime/helpers/extends', 'react-slideshow-image', '@react-icons/all-files/bi/BiTimeFive', '@react-icons/all-files/bs/BsEye', '@react-icons/all-files/io/IoIosArrowUp', '@react-icons/all-files/fi/FiMinus', '@react-icons/all-files/fi/FiPlus'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.tabexseriescomponents = factory(global._slicedToArray, global.React, global._classCallCheck, global._createClass, global._assertThisInitialized, global._inherits, global._possibleConstructorReturn, global._getPrototypeOf, global._defineProperty, global.Cookies, global.reactCssfxLoading, global.glamor, global.google, global.jwtDecode, global.FacebookLogin, global.FaFacebookF, global.AiOutlineUser, global.ImageGallery, global.reactRouter, global.imagekitioReact, global.MdAddShoppingCart$1, global.IoBagHandleOutline, global.BsBag, global.CgShoppingBag, global.FaRegHeart, global.FaHeart, global.FiShoppingBag, global.FiShoppingCart, global.AiFillStar, global.AiOutlineStar, global.RiSecurePaymentLine, global.HiOutlinePhone, global.AiOutlineSecurityScan, global.FiMapPin, global.FaShippingFast, global._toConsumableArray, global.reactBootstrap, global.FaStar, null, global.IoLocationSharp, global.HiOutlineChevronRight, global.HiOutlineChevronLeft, global.GoGlobe, global.VscGlobe, global.HiOutlineTrash, global.IoMdClose, global.TextareaAutosize, global.HiUser, global.GrMail, global.FiCheckCircle, global.BiPhone, global.reactAccessibleAccordion, global.BsChevronLeft, global.BsChevronRight, global.RiArrowUpSLine, global.RiArrowDownSLine, null, null, global.IoBagCheckOutline, global.IoBagRemoveOutline, global.Dropdown, global.FiLayers, global.BiLogOutCircle, global.BiChevronDown, global.BiUser, global.AiOutlineLogin, global.AiOutlineUserAdd, global.RiSearchLine, global.CgMenuLeft, global.CgMenuRight, global.HiOutlineShoppingBag, global.RiHandbagLine, global.MdKeyboardArrowDown, global.GoSearch, global.FiUser, global.BiSearch, global.AiOutlineHeart, global.AiOutlineMail, global.FiPhone, global.HiMenuAlt4, global.FiSearch, global.BsSearch, global.AiFillInstagram, global.FaWhatsapp, global.AiOutlineInstagram, global.BsInfoCircle, global.AiFillPhone, global.AiOutlineClockCircle, global.IoClose, global.MdKeyboardArrowUp$1, global.FaPhoneAlt, global.FaPhone, global.GoLocation, global.AiOutlinePhone, global.HiOutlineClock, global.HiOutlinePlus, global.AiOutlineMinus, global.reactIntersectionObserver, global.reactHorizontalScrollingMenu, global.FaArrowAltCircleRight, global.FaArrowAltCircleLeft, global.FiFilter, global.Select$2, global.IoIosArrowRoundForward, global.IoIosArrowRoundBack, global.BackgroundSlideshow, global._extends, global.reactSlideshowImage, global.BiTimeFive, global.BsEye, global.IoIosArrowUp, global.FiMinus, global.FiPlus));
-})(this, (function (_slicedToArray, React, _classCallCheck, _createClass, _assertThisInitialized, _inherits, _possibleConstructorReturn, _getPrototypeOf, _defineProperty, Cookies, reactCssfxLoading, glamor, google, jwtDecode, FacebookLogin, FaFacebookF, AiOutlineUser, ImageGallery, reactRouter, imagekitioReact, MdAddShoppingCart$1, IoBagHandleOutline, BsBag, CgShoppingBag, FaRegHeart, FaHeart, FiShoppingBag, FiShoppingCart, AiFillStar, AiOutlineStar, RiSecurePaymentLine, HiOutlinePhone, AiOutlineSecurityScan, FiMapPin, FaShippingFast, _toConsumableArray, reactBootstrap, FaStar, AiOutlineLogout, IoLocationSharp, HiOutlineChevronRight, HiOutlineChevronLeft, GoGlobe, VscGlobe, HiOutlineTrash, IoMdClose, TextareaAutosize, HiUser, GrMail, FiCheckCircle, BiPhone, reactAccessibleAccordion, BsChevronLeft, BsChevronRight, RiArrowUpSLine, RiArrowDownSLine, reactRouterDom, reactQuery, IoBagCheckOutline, IoBagRemoveOutline, Dropdown, FiLayers, BiLogOutCircle, BiChevronDown, BiUser, AiOutlineLogin, AiOutlineUserAdd, RiSearchLine, CgMenuLeft, CgMenuRight, HiOutlineShoppingBag, RiHandbagLine, MdKeyboardArrowDown, GoSearch, FiUser, BiSearch, AiOutlineHeart, AiOutlineMail, FiPhone, HiMenuAlt4, FiSearch, BsSearch, AiFillInstagram, FaWhatsapp, AiOutlineInstagram, BsInfoCircle, AiFillPhone, AiOutlineClockCircle, IoClose, MdKeyboardArrowUp$1, FaPhoneAlt, FaPhone, GoLocation, AiOutlinePhone, HiOutlineClock, HiOutlinePlus, AiOutlineMinus, reactIntersectionObserver, reactHorizontalScrollingMenu, FaArrowAltCircleRight, FaArrowAltCircleLeft, FiFilter, Select$2, IoIosArrowRoundForward, IoIosArrowRoundBack, BackgroundSlideshow, _extends, reactSlideshowImage, BiTimeFive, BsEye, IoIosArrowUp, FiMinus, FiPlus) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@babel/runtime/helpers/slicedToArray'), require('react'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('@babel/runtime/helpers/assertThisInitialized'), require('@babel/runtime/helpers/inherits'), require('@babel/runtime/helpers/possibleConstructorReturn'), require('@babel/runtime/helpers/getPrototypeOf'), require('@babel/runtime/helpers/defineProperty'), require('universal-cookie'), require('react-cssfx-loading'), require('glamor'), require('@react-oauth/google'), require('jwt-decode'), require('react-facebook-login/dist/facebook-login-render-props'), require('@react-icons/all-files/fa/FaFacebookF'), require('@react-icons/all-files/ai/AiOutlineUser'), require('react-image-gallery'), require('react-show-more-text'), require('react-router'), require('imagekitio-react'), require('@react-icons/all-files/md/MdAddShoppingCart'), require('@react-icons/all-files/io5/IoBagHandleOutline'), require('@react-icons/all-files/bs/BsBag'), require('@react-icons/all-files/cg/CgShoppingBag'), require('@react-icons/all-files/fa/FaRegHeart'), require('@react-icons/all-files/fa/FaHeart'), require('@react-icons/all-files/fi/FiShoppingBag'), require('@react-icons/all-files/fi/FiShoppingCart'), require('@react-icons/all-files/ai/AiFillStar'), require('@react-icons/all-files/ai/AiOutlineStar'), require('@react-icons/all-files/ri/RiSecurePaymentLine'), require('@react-icons/all-files/hi/HiOutlinePhone'), require('@react-icons/all-files/ai/AiOutlineSecurityScan'), require('@react-icons/all-files/fi/FiMapPin'), require('@react-icons/all-files/fa/FaShippingFast'), require('@babel/runtime/helpers/toConsumableArray'), require('react-bootstrap'), require('@react-icons/all-files/fa/FaStar'), require('@react-icons/all-files/ai/AiOutlineLogout'), require('@react-icons/all-files/io5/IoLocationSharp'), require('@react-icons/all-files/hi/HiOutlineChevronRight'), require('@react-icons/all-files/hi/HiOutlineChevronLeft'), require('@react-icons/all-files/go/GoGlobe'), require('@react-icons/all-files/vsc/VscGlobe'), require('@react-icons/all-files/hi/HiOutlineTrash'), require('@react-icons/all-files/io/IoMdClose'), require('react-textarea-autosize'), require('@react-icons/all-files/hi/HiUser'), require('@react-icons/all-files/gr/GrMail'), require('@react-icons/all-files/fi/FiCheckCircle'), require('@react-icons/all-files/bi/BiPhone'), require('react-accessible-accordion'), require('@react-icons/all-files/bs/BsChevronLeft'), require('@react-icons/all-files/bs/BsChevronRight'), require('@react-icons/all-files/ri/RiArrowUpSLine'), require('@react-icons/all-files/ri/RiArrowDownSLine'), require('react-router-dom'), require('react-query'), require('@react-icons/all-files/io5/IoBagCheckOutline'), require('@react-icons/all-files/io5/IoBagRemoveOutline'), require('react-bootstrap/Dropdown'), require('@react-icons/all-files/fi/FiLayers'), require('@react-icons/all-files/bi/BiLogOutCircle'), require('@react-icons/all-files/bi/BiChevronDown'), require('@react-icons/all-files/bi/BiUser'), require('@react-icons/all-files/ai/AiOutlineLogin'), require('@react-icons/all-files/ai/AiOutlineUserAdd'), require('@react-icons/all-files/ri/RiSearchLine'), require('@react-icons/all-files/cg/CgMenuLeft'), require('@react-icons/all-files/cg/CgMenuRight'), require('@react-icons/all-files/hi/HiOutlineShoppingBag'), require('@react-icons/all-files/ri/RiHandbagLine'), require('@react-icons/all-files/md/MdKeyboardArrowDown'), require('@react-icons/all-files/go/GoSearch'), require('@react-icons/all-files/fi/FiUser'), require('@react-icons/all-files/bi/BiSearch'), require('@react-icons/all-files/ai/AiOutlineHeart'), require('@react-icons/all-files/ai/AiOutlineMail'), require('@react-icons/all-files/fi/FiPhone'), require('@react-icons/all-files/hi/HiMenuAlt4'), require('@react-icons/all-files/fi/FiSearch'), require('@react-icons/all-files/bs/BsSearch'), require('@react-icons/all-files/ai/AiFillInstagram'), require('@react-icons/all-files/fa/FaWhatsapp'), require('@react-icons/all-files/ai/AiOutlineInstagram'), require('@react-icons/all-files/bs/BsInfoCircle'), require('@react-icons/all-files/ai/AiFillPhone'), require('@react-icons/all-files/ai/AiOutlineClockCircle'), require('@react-icons/all-files/io5/IoClose'), require('@react-icons/all-files/md/MdKeyboardArrowUp'), require('@react-icons/all-files/fa/FaPhoneAlt'), require('@react-icons/all-files/fa/FaPhone'), require('@react-icons/all-files/go/GoLocation'), require('@react-icons/all-files/ai/AiOutlinePhone'), require('@react-icons/all-files/hi/HiOutlineClock'), require('@react-icons/all-files/hi/HiOutlinePlus'), require('@react-icons/all-files/ai/AiOutlineMinus'), require('react-intersection-observer'), require('react-horizontal-scrolling-menu'), require('@react-icons/all-files/fa/FaArrowAltCircleRight'), require('@react-icons/all-files/fa/FaArrowAltCircleLeft'), require('@react-icons/all-files/fi/FiFilter'), require('react-select'), require('@react-icons/all-files/io/IoIosArrowRoundForward'), require('@react-icons/all-files/io/IoIosArrowRoundBack'), require('react-background-slideshow'), require('@babel/runtime/helpers/extends'), require('react-slideshow-image'), require('@react-icons/all-files/bi/BiTimeFive'), require('@react-icons/all-files/bs/BsEye'), require('@react-icons/all-files/io/IoIosArrowUp'), require('@react-icons/all-files/fi/FiMinus'), require('@react-icons/all-files/fi/FiPlus')) :
+    typeof define === 'function' && define.amd ? define(['@babel/runtime/helpers/slicedToArray', 'react', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', '@babel/runtime/helpers/assertThisInitialized', '@babel/runtime/helpers/inherits', '@babel/runtime/helpers/possibleConstructorReturn', '@babel/runtime/helpers/getPrototypeOf', '@babel/runtime/helpers/defineProperty', 'universal-cookie', 'react-cssfx-loading', 'glamor', '@react-oauth/google', 'jwt-decode', 'react-facebook-login/dist/facebook-login-render-props', '@react-icons/all-files/fa/FaFacebookF', '@react-icons/all-files/ai/AiOutlineUser', 'react-image-gallery', 'react-show-more-text', 'react-router', 'imagekitio-react', '@react-icons/all-files/md/MdAddShoppingCart', '@react-icons/all-files/io5/IoBagHandleOutline', '@react-icons/all-files/bs/BsBag', '@react-icons/all-files/cg/CgShoppingBag', '@react-icons/all-files/fa/FaRegHeart', '@react-icons/all-files/fa/FaHeart', '@react-icons/all-files/fi/FiShoppingBag', '@react-icons/all-files/fi/FiShoppingCart', '@react-icons/all-files/ai/AiFillStar', '@react-icons/all-files/ai/AiOutlineStar', '@react-icons/all-files/ri/RiSecurePaymentLine', '@react-icons/all-files/hi/HiOutlinePhone', '@react-icons/all-files/ai/AiOutlineSecurityScan', '@react-icons/all-files/fi/FiMapPin', '@react-icons/all-files/fa/FaShippingFast', '@babel/runtime/helpers/toConsumableArray', 'react-bootstrap', '@react-icons/all-files/fa/FaStar', '@react-icons/all-files/ai/AiOutlineLogout', '@react-icons/all-files/io5/IoLocationSharp', '@react-icons/all-files/hi/HiOutlineChevronRight', '@react-icons/all-files/hi/HiOutlineChevronLeft', '@react-icons/all-files/go/GoGlobe', '@react-icons/all-files/vsc/VscGlobe', '@react-icons/all-files/hi/HiOutlineTrash', '@react-icons/all-files/io/IoMdClose', 'react-textarea-autosize', '@react-icons/all-files/hi/HiUser', '@react-icons/all-files/gr/GrMail', '@react-icons/all-files/fi/FiCheckCircle', '@react-icons/all-files/bi/BiPhone', 'react-accessible-accordion', '@react-icons/all-files/bs/BsChevronLeft', '@react-icons/all-files/bs/BsChevronRight', '@react-icons/all-files/ri/RiArrowUpSLine', '@react-icons/all-files/ri/RiArrowDownSLine', 'react-router-dom', 'react-query', '@react-icons/all-files/io5/IoBagCheckOutline', '@react-icons/all-files/io5/IoBagRemoveOutline', 'react-bootstrap/Dropdown', '@react-icons/all-files/fi/FiLayers', '@react-icons/all-files/bi/BiLogOutCircle', '@react-icons/all-files/bi/BiChevronDown', '@react-icons/all-files/bi/BiUser', '@react-icons/all-files/ai/AiOutlineLogin', '@react-icons/all-files/ai/AiOutlineUserAdd', '@react-icons/all-files/ri/RiSearchLine', '@react-icons/all-files/cg/CgMenuLeft', '@react-icons/all-files/cg/CgMenuRight', '@react-icons/all-files/hi/HiOutlineShoppingBag', '@react-icons/all-files/ri/RiHandbagLine', '@react-icons/all-files/md/MdKeyboardArrowDown', '@react-icons/all-files/go/GoSearch', '@react-icons/all-files/fi/FiUser', '@react-icons/all-files/bi/BiSearch', '@react-icons/all-files/ai/AiOutlineHeart', '@react-icons/all-files/ai/AiOutlineMail', '@react-icons/all-files/fi/FiPhone', '@react-icons/all-files/hi/HiMenuAlt4', '@react-icons/all-files/fi/FiSearch', '@react-icons/all-files/bs/BsSearch', '@react-icons/all-files/ai/AiFillInstagram', '@react-icons/all-files/fa/FaWhatsapp', '@react-icons/all-files/ai/AiOutlineInstagram', '@react-icons/all-files/bs/BsInfoCircle', '@react-icons/all-files/ai/AiFillPhone', '@react-icons/all-files/ai/AiOutlineClockCircle', '@react-icons/all-files/io5/IoClose', '@react-icons/all-files/md/MdKeyboardArrowUp', '@react-icons/all-files/fa/FaPhoneAlt', '@react-icons/all-files/fa/FaPhone', '@react-icons/all-files/go/GoLocation', '@react-icons/all-files/ai/AiOutlinePhone', '@react-icons/all-files/hi/HiOutlineClock', '@react-icons/all-files/hi/HiOutlinePlus', '@react-icons/all-files/ai/AiOutlineMinus', 'react-intersection-observer', 'react-horizontal-scrolling-menu', '@react-icons/all-files/fa/FaArrowAltCircleRight', '@react-icons/all-files/fa/FaArrowAltCircleLeft', '@react-icons/all-files/fi/FiFilter', 'react-select', '@react-icons/all-files/io/IoIosArrowRoundForward', '@react-icons/all-files/io/IoIosArrowRoundBack', 'react-background-slideshow', '@babel/runtime/helpers/extends', 'react-slideshow-image', '@react-icons/all-files/bi/BiTimeFive', '@react-icons/all-files/bs/BsEye', '@react-icons/all-files/io/IoIosArrowUp', '@react-icons/all-files/fi/FiMinus', '@react-icons/all-files/fi/FiPlus'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.tabexseriescomponents = factory(global._slicedToArray, global.React, global._classCallCheck, global._createClass, global._assertThisInitialized, global._inherits, global._possibleConstructorReturn, global._getPrototypeOf, global._defineProperty, global.Cookies, global.reactCssfxLoading, global.glamor, global.google, global.jwtDecode, global.FacebookLogin, global.FaFacebookF, global.AiOutlineUser, global.ImageGallery, global.ShowMoreText, global.reactRouter, global.imagekitioReact, global.MdAddShoppingCart$1, global.IoBagHandleOutline, global.BsBag, global.CgShoppingBag, global.FaRegHeart, global.FaHeart, global.FiShoppingBag, global.FiShoppingCart, global.AiFillStar, global.AiOutlineStar, global.RiSecurePaymentLine, global.HiOutlinePhone, global.AiOutlineSecurityScan, global.FiMapPin, global.FaShippingFast, global._toConsumableArray, global.reactBootstrap, global.FaStar, null, global.IoLocationSharp, global.HiOutlineChevronRight, global.HiOutlineChevronLeft, global.GoGlobe, global.VscGlobe, global.HiOutlineTrash, global.IoMdClose, global.TextareaAutosize, global.HiUser, global.GrMail, global.FiCheckCircle, global.BiPhone, global.reactAccessibleAccordion, global.BsChevronLeft, global.BsChevronRight, global.RiArrowUpSLine, global.RiArrowDownSLine, null, null, global.IoBagCheckOutline, global.IoBagRemoveOutline, global.Dropdown, global.FiLayers, global.BiLogOutCircle, global.BiChevronDown, global.BiUser, global.AiOutlineLogin, global.AiOutlineUserAdd, global.RiSearchLine, global.CgMenuLeft, global.CgMenuRight, global.HiOutlineShoppingBag, global.RiHandbagLine, global.MdKeyboardArrowDown, global.GoSearch, global.FiUser, global.BiSearch, global.AiOutlineHeart, global.AiOutlineMail, global.FiPhone, global.HiMenuAlt4, global.FiSearch, global.BsSearch, global.AiFillInstagram, global.FaWhatsapp, global.AiOutlineInstagram, global.BsInfoCircle, global.AiFillPhone, global.AiOutlineClockCircle, global.IoClose, global.MdKeyboardArrowUp$1, global.FaPhoneAlt, global.FaPhone, global.GoLocation, global.AiOutlinePhone, global.HiOutlineClock, global.HiOutlinePlus, global.AiOutlineMinus, global.reactIntersectionObserver, global.reactHorizontalScrollingMenu, global.FaArrowAltCircleRight, global.FaArrowAltCircleLeft, global.FiFilter, global.Select$2, global.IoIosArrowRoundForward, global.IoIosArrowRoundBack, global.BackgroundSlideshow, global._extends, global.reactSlideshowImage, global.BiTimeFive, global.BsEye, global.IoIosArrowUp, global.FiMinus, global.FiPlus));
+})(this, (function (_slicedToArray, React, _classCallCheck, _createClass, _assertThisInitialized, _inherits, _possibleConstructorReturn, _getPrototypeOf, _defineProperty, Cookies, reactCssfxLoading, glamor, google, jwtDecode, FacebookLogin, FaFacebookF, AiOutlineUser, ImageGallery, ShowMoreText, reactRouter, imagekitioReact, MdAddShoppingCart$1, IoBagHandleOutline, BsBag, CgShoppingBag, FaRegHeart, FaHeart, FiShoppingBag, FiShoppingCart, AiFillStar, AiOutlineStar, RiSecurePaymentLine, HiOutlinePhone, AiOutlineSecurityScan, FiMapPin, FaShippingFast, _toConsumableArray, reactBootstrap, FaStar, AiOutlineLogout, IoLocationSharp, HiOutlineChevronRight, HiOutlineChevronLeft, GoGlobe, VscGlobe, HiOutlineTrash, IoMdClose, TextareaAutosize, HiUser, GrMail, FiCheckCircle, BiPhone, reactAccessibleAccordion, BsChevronLeft, BsChevronRight, RiArrowUpSLine, RiArrowDownSLine, reactRouterDom, reactQuery, IoBagCheckOutline, IoBagRemoveOutline, Dropdown, FiLayers, BiLogOutCircle, BiChevronDown, BiUser, AiOutlineLogin, AiOutlineUserAdd, RiSearchLine, CgMenuLeft, CgMenuRight, HiOutlineShoppingBag, RiHandbagLine, MdKeyboardArrowDown, GoSearch, FiUser, BiSearch, AiOutlineHeart, AiOutlineMail, FiPhone, HiMenuAlt4, FiSearch, BsSearch, AiFillInstagram, FaWhatsapp, AiOutlineInstagram, BsInfoCircle, AiFillPhone, AiOutlineClockCircle, IoClose, MdKeyboardArrowUp$1, FaPhoneAlt, FaPhone, GoLocation, AiOutlinePhone, HiOutlineClock, HiOutlinePlus, AiOutlineMinus, reactIntersectionObserver, reactHorizontalScrollingMenu, FaArrowAltCircleRight, FaArrowAltCircleLeft, FiFilter, Select$2, IoIosArrowRoundForward, IoIosArrowRoundBack, BackgroundSlideshow, _extends, reactSlideshowImage, BiTimeFive, BsEye, IoIosArrowUp, FiMinus, FiPlus) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -19,6 +19,7 @@
     var jwtDecode__default = /*#__PURE__*/_interopDefaultLegacy(jwtDecode);
     var FacebookLogin__default = /*#__PURE__*/_interopDefaultLegacy(FacebookLogin);
     var ImageGallery__default = /*#__PURE__*/_interopDefaultLegacy(ImageGallery);
+    var ShowMoreText__default = /*#__PURE__*/_interopDefaultLegacy(ShowMoreText);
     var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
     var TextareaAutosize__default = /*#__PURE__*/_interopDefaultLegacy(TextareaAutosize);
     var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
@@ -1347,7 +1348,22 @@
         className: "row m-0 w-100 d-flex flex-column"
       }, /*#__PURE__*/React__default["default"].createElement("p", {
         className: "m-0 p-0 text-light font-15 d-flex justify-content-start"
-      }, lang.description, ":"))), langdetect == 'ar' && fetchProductInfoQueryContext.data.data.productinfo.description_ar != '' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, lang.description, ":"), /*#__PURE__*/React__default["default"].createElement(ShowMoreText__default["default"], {
+        lines: 5,
+        more: lang.showmore,
+        less: lang.showless,
+        anchorClass: "my-anchor-css-className",
+        expanded: false,
+        truncatedEndingComponent: '... '
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        className: 'text-black text-capitalize m-0 p-0 wordbreak',
+        style: {
+          textAlign: langdetect == 'en' ? 'left' : 'right'
+        },
+        dangerouslySetInnerHTML: {
+          __html: langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.description_en : fetchProductInfoQueryContext.data.data.productinfo.description_ar
+        }
+      })))), langdetect == 'ar' && fetchProductInfoQueryContext.data.data.productinfo.description_ar != '' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 p-0 mb-5 d-flex justify-content-center",
         style: {
           minHeight: '15vh'
@@ -1356,7 +1372,22 @@
         className: "row m-0 w-100 d-flex flex-column"
       }, /*#__PURE__*/React__default["default"].createElement("p", {
         className: "m-0 p-0 text-light font-15 d-flex justify-content-start"
-      }, lang.description, ":"))), fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, lang.description, ":"), /*#__PURE__*/React__default["default"].createElement(ShowMoreText__default["default"], {
+        lines: 5,
+        more: lang.showmore,
+        less: lang.showless,
+        anchorClass: "my-anchor-css-className",
+        expanded: false,
+        truncatedEndingComponent: '... '
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        className: 'text-black text-capitalize m-0 p-0 wordbreak',
+        style: {
+          textAlign: langdetect == 'en' ? 'left' : 'right'
+        },
+        dangerouslySetInnerHTML: {
+          __html: langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.description_en : fetchProductInfoQueryContext.data.data.productinfo.description_ar
+        }
+      })))), fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "row m-0 w-100 d-flex align-items-start"
       }, fetchProductInfoQueryContext.data.data.productinfo.productoptions.map(function (item, index) {
         return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -1451,7 +1482,7 @@
           }
         }))));
       })), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-lg-12 p-0 mb-3"
+        className: "col-lg-12 p-0 mb-3 mt-4"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         style: {
           width: sectionproperties.availability_width + 'px',

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "tabexseriescomponents",
-	"version": "0.0.104",
+	"version": "0.0.105",
 	"description": "your description",
 	"main": "dist/index.cjs.js",
 	"scripts": {