tabexseriescomponents 0.0.684 → 0.0.685

package/package.json

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

package/{srcoman → srcoriginal}/TabexComponents/Cards/Card23/Card23.jsx

@@ -544,7 +544,7 @@ const Card23 = (props) => {
                         >
                             {Image('normal')}
                         </div>
-                        {/* <div
+                        <div
                             class={cardsstyles2.imageContainer + ' d-none d-md-flex '}
                             style={{
                                 height: sectionproperties.height_responsive + 'px',
@@ -552,7 +552,7 @@ const Card23 = (props) => {
                             }}
                         >
                             {Image('responsive')}
-                        </div> */}
+                        </div>
                         <div
                             class={sectionproperties.innersectionpaddinghorizontal == 0 ? 'row m-0 w-100' : 'row m-0 w-100 pl-sm-2 pr-sm-2'}
                             style={{

package/{srcoman → srcoriginal}/TabexComponents/Cards/Categorycard_withtext/Categorycard_withtext.jsx

@@ -103,7 +103,7 @@ const Categorycard_withtext = (props) => {
             fontWeight: sectionproperties.generaltext_fontWeight,
             transition: '.3s',
             cursor: 'pointer',
-            zIndex: 1000,
+            zIndex: 100,
             ':hover': {
                 color: sectionproperties.text_secondarycolor,
             },
@@ -122,7 +122,7 @@ const Categorycard_withtext = (props) => {
             textTransform: sectionproperties.generalbtn_texttransform,
             opacity: sectionproperties.generalbtn_showonhover == 'Show On Hover' ? 0 : 1,
             top: sectionproperties.generalbtn_showonhover == 'Show On Hover' ? '100px' : 0,
-            zIndex: 1000,
+            zIndex: 100,
             ':hover': {
                 backgroundColor: sectionproperties.generalbtn_bgColoronhover,
                 color: sectionproperties.generalbtn_textColoronhover,

package/{srcoman → srcoriginal}/TabexComponents/Cards/Classiccategorycard/Classiccategorycard.jsx

@@ -126,6 +126,7 @@ const Classiccategorycard = (props) => {
                     bottom: sectionproperties.generaltext_position == 'Centered' ? '50%' : '7%',
                     paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
                     paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
+                    left: 0,
                 }}
             >
                 <div class={`${card_cssstyles.textContainer} ` + ' allcentered pl-2 pr-2 '}>

package/{srcoman → srcoriginal}/TabexComponents/Cards/MenuCard/MenuCard.jsx

@@ -327,7 +327,7 @@ const MenuCard = (props) => {
             }}
         >
             {sectionproperties.length != 0 && (
-                <div class={`${card_cssstyles.productcard}` + ' w-100 pl-sm-0 pr-sm-0 '}>
+                <div class={`${card_cssstyles.productcard}` + ' w-100 pl-sm-0 pr-sm-0 px-sm-2 '}>
                     <div class="row w-100 m-0 d-flex">
                         {sectionproperties.image_show == 'show' && (
                             <div
@@ -340,8 +340,8 @@ const MenuCard = (props) => {
                                 }}
                                 class={
                                     langdetect == 'en'
-                                        ? `${card_cssstyles.productcardimagecont}` + ' d-flex justify-content-start mr-2 '
-                                        : `${card_cssstyles.productcardimagecont}` + ' d-flex justify-content-start ml-2 '
+                                        ? `${card_cssstyles.productcardimagecont}` + ' d-flex justify-content-start mr-2 m-sm-0 '
+                                        : `${card_cssstyles.productcardimagecont}` + ' d-flex justify-content-start ml-2 m-sm-0 '
                                 }
                                 style={{}}
                             >
@@ -382,19 +382,32 @@ const MenuCard = (props) => {
                                             </div>
                                         )}
                                         {sectionproperties.prodCatShow == 'Show' && (
+                                            // <p
+                                            // //     class={`${card_cssstyles.productDescStyles}` + ' col-lg-12 mt-2 mb-1 wordbreak wordbreak2 p-0 '}
+                                            // //     style={{
+                                            // //         textAlign: langdetect == 'en' ? 'left' : 'right',
+                                            // //     }}
+                                            // // >
+                                            // //     {plainString(langdetect == 'en' ? item.description_en : item.description_ar)}
+                                            // // </p>
                                             <p
-                                                class={`${card_cssstyles.productDescStyles}` + ' col-lg-12 mt-2 mb-1 wordbreak wordbreak2 p-0 '}
+                                                class={
+                                                    sectionproperties.descriptionwordbreak == 'None'
+                                                        ? `${card_cssstyles.productDescStyles}` + ' col-lg-12 p-0   mt-1 '
+                                                        : `${card_cssstyles.productDescStyles}` + ' col-lg-12 p-0 wordbreak wordbreak4 mt-1 '
+                                                }
                                                 style={{
-                                                    textAlign: langdetect == 'en' ? 'left' : 'right',
+                                                    textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
                                                 }}
+                                                dangerouslySetInnerHTML={{ __html: item.shortdescription }}
                                             >
-                                                {plainString(langdetect == 'en' ? item.description_en : item.description_ar)}
+                                                {/* {plainString(langdetect == 'en' ? item.description_en : item.description_ar)} */}
                                             </p>
                                         )}
                                     </div>
                                 </div>
                                 <div style={{ display: 'flex', flexDirection: 'column', alignContent: 'space-between' }} class="col-lg-3 col-md-3 col-sm-12 mt-2 p-0">
-                                    <div class="row m-0 w-100 d-flex flex-column flex-sm-row justify-content-end justify-content-sm-start">
+                                    <div class="row m-0 w-100 d-flex flex-column flex-sm-column justify-content-end justify-content-sm-start">
                                         {sectionproperties.prodPriceShow == 'Show' && sectionproperties.removedecimals == 'Show' && (
                                             <p
                                                 class={
@@ -424,9 +437,9 @@ const MenuCard = (props) => {
                                                 class={
                                                     langdetect == 'en'
                                                         ? `${card_cssstyles.productSalePricestyles}` +
-                                                          ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-right text-sm-left ml-sm-3 mr-sm-3 '
+                                                          ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-right text-sm-left ml-sm-3 mr-sm-3 m-sm-0 '
                                                         : `${card_cssstyles.productSalePricestyles}` +
-                                                          ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-left text-sm-right ml-sm-3 mr-sm-3 '
+                                                          ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-left text-sm-right ml-sm-3 mr-sm-3 m-sm-0 '
                                                 }
                                             >
                                                 {langdetect == 'en' ? 'EGP' : ''} {item.defaultprice} {langdetect == 'en' ? '' : 'ج.م'}
@@ -437,13 +450,12 @@ const MenuCard = (props) => {
                                                 class={
                                                     langdetect == 'en'
                                                         ? `${card_cssstyles.productSalePricestyles}` +
-                                                          ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-right text-sm-left ml-sm-3 mr-sm-3 '
+                                                          ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-right text-sm-left ml-sm-3 mr-sm-3 m-sm-0 '
                                                         : `${card_cssstyles.productSalePricestyles}` +
-                                                          ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-left text-sm-right ml-sm-3 mr-sm-3 '
+                                                          ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-left text-sm-right ml-sm-3 mr-sm-3 m-sm-0 '
                                                 }
                                             >
-                                                {langdetect == 'en' ? 'EGP' : ''}
-                                                {parseFloat(Number(item.defaultprice).toFixed(2))} {langdetect == 'en' ? '' : 'ج.م'}
+                                                {langdetect == 'en' ? 'EGP' : ''} {parseFloat(Number(item.defaultprice).toFixed(2))} {langdetect == 'en' ? '' : 'ج.م'}
                                             </p>
                                         )}
                                     </div>

package/{srcoman → srcoriginal}/TabexComponents/Cards/QuantityButtonBasedProductCard/QuantityButtonBasedProductCard.jsx

@@ -285,8 +285,6 @@ const QuantityButtonBasedProductCard = (props) => {
             style={{
                 paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
                 paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
-                minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
-                maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
             }}
         >
             {sectionproperties.length != 0 && (

package/{srcoman → srcoriginal}/TabexComponents/Cards/Simpleproductcard/Simpleproductcard.jsx

@@ -29,7 +29,7 @@ const Simpleproductcard = (props) => {
     const ikimagecredcontext = props.actions.ikimagecredcontext;
     const NotificationManager = props.actions.NotificationManager;
     const AddtoCartContext = props.actions.AddtoCartContext;
-    const AddtoCartMutationContext = props.AddtoCartMutationContext;
+    const AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
     const [addtocardpayloadobj, setaddtocardpayloadobj] = useState('');
 
     const plainString = (html) => {
@@ -718,7 +718,7 @@ const Simpleproductcard = (props) => {
                                         textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
                                     }}
                                 >
-                                    {plainString(item.shortdescription)}
+                                    {plainString(item.description)}
                                 </p>
                             )}