tabexseriescomponents 0.0.665 → 0.0.667

package/dist/index.cjs.js

@@ -18223,7 +18223,7 @@ var CardsSection = function CardsSection(props) {
         background: sectionproperties.linebgcolor,
         height: 3,
         borderRadius: 10,
-        marginTop: 15
+        marginTop: 5
       }
     }));
   };
@@ -59630,7 +59630,7 @@ var Freetextsection = function Freetextsection(props) {
         background: sectionproperties.linebgcolor,
         height: 3,
         borderRadius: 10,
-        marginTop: 15
+        marginTop: 5
       }
     }));
   };
@@ -60296,6 +60296,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
     style: {
       position: 'relative',
       justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+      textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
       fontSize: sectionproperties.sectionTitleFontSize + 'px',
       backgroundColor: sectionproperties.sectiontitlebgcolor,
       borderRadius: sectionproperties.sectiontitleborderradius + 'px',
@@ -61204,7 +61205,7 @@ var Servicesection = function Servicesection(props) {
     }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr);
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": ' row ml-0 mr-0 align-items-center w-md-100 ',
+    "class": ' row ml-0 mr-0 align-items-center ',
     style: {
       width: sectionproperties.width + 'vw',
       marginTop: sectionproperties.marginTop + 'px',
@@ -61310,7 +61311,7 @@ var Servicesection = function Servicesection(props) {
     "class": "row m-0 w-100 d-flex justify-content-center justify-content-md-start"
   }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start"
+      "class": "col-lg-6 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       // class="m-lg-auto d-flex justify-content-center"
       "class": sectionproperties.innersectionbordertype != 'All' ? 'm-sm-auto d-flex justify-content-center border-md-none w-100' : 'm-lg-auto d-flex justify-content-center',
@@ -61684,7 +61685,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       background: sectionproperties.linebgcolor,
       height: 3,
       borderRadius: 10,
-      marginTop: 15
+      marginTop: 5
     }
   })))), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' col-lg-12 col-md-12 col-sm-12 d-flex align-items-center px-sm-3',
@@ -61700,7 +61701,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
   }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), sectionproperties.showcountdown == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 allcentered"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-3 col-sm-6 allcentered mb-md-2"
+    className: "col-3 col-sm-6 allcentered mb-md-3"
   }, /*#__PURE__*/React__default["default"].createElement(reactCountdownCircleTimer.CountdownCircleTimer, _extends__default["default"]({}, timerProps, {
     colors: "#013c48",
     duration: daysDuration,
@@ -61717,7 +61718,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       "class": "allcentered"
     }, renderTime('يوم', getTimeDays(daysDuration - elapsedTime)));
   })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-3 col-sm-6 allcentered mb-md-2"
+    className: "col-3 col-sm-6 allcentered mb-md-3"
   }, /*#__PURE__*/React__default["default"].createElement(reactCountdownCircleTimer.CountdownCircleTimer, _extends__default["default"]({}, timerProps, {
     colors: "#013c48",
     duration: daySeconds,
@@ -61739,7 +61740,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       "class": "allcentered"
     }, renderTime('ساعة', getTimeHours(daySeconds - elapsedTime)));
   })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-3 col-sm-6 allcentered mb-md-2"
+    className: "col-3 col-sm-6 allcentered mb-md-3"
   }, /*#__PURE__*/React__default["default"].createElement(reactCountdownCircleTimer.CountdownCircleTimer, _extends__default["default"]({}, timerProps, {
     colors: "#013c48",
     duration: hourSeconds,
@@ -61761,7 +61762,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       "class": "allcentered"
     }, renderTime('دقيقة', getTimeMinutes(hourSeconds - elapsedTime)));
   })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-3 col-sm-6 allcentered mb-md-2"
+    className: "col-3 col-sm-6 allcentered mb-md-3"
   }, /*#__PURE__*/React__default["default"].createElement(reactCountdownCircleTimer.CountdownCircleTimer, _extends__default["default"]({}, timerProps, {
     colors: "#013c48",
     duration: minuteSeconds,

package/dist/index.esm.js

@@ -18174,7 +18174,7 @@ var CardsSection = function CardsSection(props) {
         background: sectionproperties.linebgcolor,
         height: 3,
         borderRadius: 10,
-        marginTop: 15
+        marginTop: 5
       }
     }));
   };
@@ -59581,7 +59581,7 @@ var Freetextsection = function Freetextsection(props) {
         background: sectionproperties.linebgcolor,
         height: 3,
         borderRadius: 10,
-        marginTop: 15
+        marginTop: 5
       }
     }));
   };
@@ -60247,6 +60247,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
     style: {
       position: 'relative',
       justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+      textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
       fontSize: sectionproperties.sectionTitleFontSize + 'px',
       backgroundColor: sectionproperties.sectiontitlebgcolor,
       borderRadius: sectionproperties.sectiontitleborderradius + 'px',
@@ -61155,7 +61156,7 @@ var Servicesection = function Servicesection(props) {
     }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr);
   };
   return /*#__PURE__*/React.createElement("div", {
-    "class": ' row ml-0 mr-0 align-items-center w-md-100 ',
+    "class": ' row ml-0 mr-0 align-items-center ',
     style: {
       width: sectionproperties.width + 'vw',
       marginTop: sectionproperties.marginTop + 'px',
@@ -61261,7 +61262,7 @@ var Servicesection = function Servicesection(props) {
     "class": "row m-0 w-100 d-flex justify-content-center justify-content-md-start"
   }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
     return /*#__PURE__*/React.createElement("div", {
-      "class": "col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start"
+      "class": "col-lg-6 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start"
     }, /*#__PURE__*/React.createElement("div", {
       // class="m-lg-auto d-flex justify-content-center"
       "class": sectionproperties.innersectionbordertype != 'All' ? 'm-sm-auto d-flex justify-content-center border-md-none w-100' : 'm-lg-auto d-flex justify-content-center',
@@ -61635,7 +61636,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       background: sectionproperties.linebgcolor,
       height: 3,
       borderRadius: 10,
-      marginTop: 15
+      marginTop: 5
     }
   })))), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": ' col-lg-12 col-md-12 col-sm-12 d-flex align-items-center px-sm-3',
@@ -61651,7 +61652,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
   }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), sectionproperties.showcountdown == 'Yes' && /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 allcentered"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "col-3 col-sm-6 allcentered mb-md-2"
+    className: "col-3 col-sm-6 allcentered mb-md-3"
   }, /*#__PURE__*/React.createElement(CountdownCircleTimer, _extends({}, timerProps, {
     colors: "#013c48",
     duration: daysDuration,
@@ -61668,7 +61669,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       "class": "allcentered"
     }, renderTime('يوم', getTimeDays(daysDuration - elapsedTime)));
   })), /*#__PURE__*/React.createElement("div", {
-    className: "col-3 col-sm-6 allcentered mb-md-2"
+    className: "col-3 col-sm-6 allcentered mb-md-3"
   }, /*#__PURE__*/React.createElement(CountdownCircleTimer, _extends({}, timerProps, {
     colors: "#013c48",
     duration: daySeconds,
@@ -61690,7 +61691,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       "class": "allcentered"
     }, renderTime('ساعة', getTimeHours(daySeconds - elapsedTime)));
   })), /*#__PURE__*/React.createElement("div", {
-    className: "col-3 col-sm-6 allcentered mb-md-2"
+    className: "col-3 col-sm-6 allcentered mb-md-3"
   }, /*#__PURE__*/React.createElement(CountdownCircleTimer, _extends({}, timerProps, {
     colors: "#013c48",
     duration: hourSeconds,
@@ -61712,7 +61713,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       "class": "allcentered"
     }, renderTime('دقيقة', getTimeMinutes(hourSeconds - elapsedTime)));
   })), /*#__PURE__*/React.createElement("div", {
-    className: "col-3 col-sm-6 allcentered mb-md-2"
+    className: "col-3 col-sm-6 allcentered mb-md-3"
   }, /*#__PURE__*/React.createElement(CountdownCircleTimer, _extends({}, timerProps, {
     colors: "#013c48",
     duration: minuteSeconds,

package/dist/index.umd.js

@@ -18046,7 +18046,7 @@
             background: sectionproperties.linebgcolor,
             height: 3,
             borderRadius: 10,
-            marginTop: 15
+            marginTop: 5
           }
         }));
       };
@@ -59453,7 +59453,7 @@
             background: sectionproperties.linebgcolor,
             height: 3,
             borderRadius: 10,
-            marginTop: 15
+            marginTop: 5
           }
         }));
       };
@@ -60119,6 +60119,7 @@
         style: {
           position: 'relative',
           justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+          textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
           fontSize: sectionproperties.sectionTitleFontSize + 'px',
           backgroundColor: sectionproperties.sectiontitlebgcolor,
           borderRadius: sectionproperties.sectiontitleborderradius + 'px',
@@ -61027,7 +61028,7 @@
         }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr);
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": ' row ml-0 mr-0 align-items-center w-md-100 ',
+        "class": ' row ml-0 mr-0 align-items-center ',
         style: {
           width: sectionproperties.width + 'vw',
           marginTop: sectionproperties.marginTop + 'px',
@@ -61133,7 +61134,7 @@
         "class": "row m-0 w-100 d-flex justify-content-center justify-content-md-start"
       }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
         return /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start"
+          "class": "col-lg-6 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start"
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           // class="m-lg-auto d-flex justify-content-center"
           "class": sectionproperties.innersectionbordertype != 'All' ? 'm-sm-auto d-flex justify-content-center border-md-none w-100' : 'm-lg-auto d-flex justify-content-center',
@@ -61507,7 +61508,7 @@
           background: sectionproperties.linebgcolor,
           height: 3,
           borderRadius: 10,
-          marginTop: 15
+          marginTop: 5
         }
       })))), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": ' col-lg-12 col-md-12 col-sm-12 d-flex align-items-center px-sm-3',
@@ -61523,7 +61524,7 @@
       }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), sectionproperties.showcountdown == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100 allcentered"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-3 col-sm-6 allcentered mb-md-2"
+        className: "col-3 col-sm-6 allcentered mb-md-3"
       }, /*#__PURE__*/React__default["default"].createElement(reactCountdownCircleTimer.CountdownCircleTimer, _extends__default["default"]({}, timerProps, {
         colors: "#013c48",
         duration: daysDuration,
@@ -61540,7 +61541,7 @@
           "class": "allcentered"
         }, renderTime('يوم', getTimeDays(daysDuration - elapsedTime)));
       })), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-3 col-sm-6 allcentered mb-md-2"
+        className: "col-3 col-sm-6 allcentered mb-md-3"
       }, /*#__PURE__*/React__default["default"].createElement(reactCountdownCircleTimer.CountdownCircleTimer, _extends__default["default"]({}, timerProps, {
         colors: "#013c48",
         duration: daySeconds,
@@ -61562,7 +61563,7 @@
           "class": "allcentered"
         }, renderTime('ساعة', getTimeHours(daySeconds - elapsedTime)));
       })), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-3 col-sm-6 allcentered mb-md-2"
+        className: "col-3 col-sm-6 allcentered mb-md-3"
       }, /*#__PURE__*/React__default["default"].createElement(reactCountdownCircleTimer.CountdownCircleTimer, _extends__default["default"]({}, timerProps, {
         colors: "#013c48",
         duration: hourSeconds,
@@ -61584,7 +61585,7 @@
           "class": "allcentered"
         }, renderTime('دقيقة', getTimeMinutes(hourSeconds - elapsedTime)));
       })), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-3 col-sm-6 allcentered mb-md-2"
+        className: "col-3 col-sm-6 allcentered mb-md-3"
       }, /*#__PURE__*/React__default["default"].createElement(reactCountdownCircleTimer.CountdownCircleTimer, _extends__default["default"]({}, timerProps, {
         colors: "#013c48",
         duration: minuteSeconds,

package/package.json

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

package/srcoriginal/TabexComponents/Footer/ModernFooter/ModernFooter.jsx

@@ -346,6 +346,25 @@ const ModernFooter = (props) => {
                                     </p>
                                 </div>
                             )}
+                            {authdetailsContext?.instinfo?.twitterlink != null && (
+                                <div
+                                    className={langdetect == 'en' ? `${footerStyles.youtube_btn}` + ' allcentered mr-3 mr-sm-4 ' : `${footerStyles.youtube_btn}` + ' allcentered ml-3 ml-sm-4'}
+                                    onClick={() => {
+                                        if (authdetailsContext?.instinfo?.twitterlink != null) {
+                                            window.open(authdetailsContext?.instinfo?.twitterlink, '_blank');
+                                        }
+                                    }}
+                                >
+                                    <i
+                                        className="h-100 allcentered"
+                                        style={{
+                                            fontSize: 20,
+                                        }}
+                                    >
+                                        x
+                                    </i>
+                                </div>
+                            )}
                             {sectionproperties.linkedinbtnshow == 'Show' && authdetailsContext?.instinfo?.linkedinlink != null && (
                                 <div class="col-lg-12 d-flex justify-content-start align-items-center p-0 mb-1">
                                     <p

package/srcoriginal/TabexComponents/Footer/Newsletterfooter/Newsletterfooter.jsx

@@ -667,6 +667,25 @@ const Newsletterfooter = (props) => {
                                         <AiFillYoutube size={sectionproperties.instgrambtniconfontsize} />
                                     </p>
                                 )}
+                                {authdetailsContext?.instinfo?.twitterlink != null && (
+                                    <div
+                                        className={langdetect == 'en' ? `${footerStyles.youtube_btn}` + ' allcentered mr-3 mr-sm-4 ' : `${footerStyles.youtube_btn}` + ' allcentered ml-3 ml-sm-4'}
+                                        onClick={() => {
+                                            if (authdetailsContext?.instinfo?.twitterlink != null) {
+                                                window.open(authdetailsContext?.instinfo?.twitterlink, '_blank');
+                                            }
+                                        }}
+                                    >
+                                        <i
+                                            className="h-100 allcentered"
+                                            style={{
+                                                fontSize: 20,
+                                            }}
+                                        >
+                                            x
+                                        </i>
+                                    </div>
+                                )}
                                 {authdetailsContext?.instinfo?.tiktoklink != null && (
                                     <p
                                         class={footerStyles.instgram_btn + ' m-0 p-0 allcentered mx-2 '}

package/srcoriginal/TabexComponents/Sections/BackgroundImages/BackgroundImageWithTopContent/BackgroundImageWithTopContent.jsx

@@ -2,7 +2,7 @@ import React, { useEffect, useState, useContext } from 'react';
 import { css } from 'glamor';
 import '../../../../styles/sections/BackgroundImageWithTopContent.css';
 import Select from 'react-select';
-import { defaultstyles, defaultstylestranslated, selectcustomStyles, selectcustomStylesTranslated } from '../../../../StylesJS/Customstyles';
+import { defaultstyles, defaultstylestranslated, selectcustomStyles, selectcustomStylesTranslated } from '../../../../StylesJS/Customstyles.js';
 import { Imagekitimagecomp } from '../../../../Imagekitconfig.jsx';
 import InputRange from 'react-input-range';
 import CustomerAddressForm from '../../../StaticPages/Signup/CustomerAddressForm.jsx';

package/srcoriginal/TabexComponents/Sections/BackgroundImages/Backgroundimage_with_toppill/Backgroundimage_with_toppill.jsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState, useContext } from 'react';
 import { css } from 'glamor';
-import { serverbaselink } from '../../../../../Env';
+import { serverbaselink } from '../../../../../Env.js';
 import { Imagekitimagecomp } from '../../../../Imagekitconfig.jsx';
 
 const Backgroundimage_with_toppill = (props) => {

package/srcoriginal/TabexComponents/Sections/BackgroundImages/BackgroundimageandTextsection/BackgroundimageandTextsection.jsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState, useContext } from 'react';
 import { css } from 'glamor';
-import { serverbaselink } from '../../../../../Env';
+import { serverbaselink } from '../../../../../Env.js';
 import { Imagekitimagecomp } from '../../../../Imagekitconfig.jsx';
 
 const BackgroundimageandTextsection = (props) => {

package/srcoriginal/TabexComponents/Sections/BackgroundImages/CollapsableSection/CollapsableSection.jsx

@@ -2,7 +2,7 @@ import React, { useEffect, useState, useContext } from 'react';
 import { css } from 'glamor';
 import { Imagekitimagecomp } from '../../../../Imagekitconfig.jsx';
 
-import generalstyles from '../../../../styles/general//general.module.css';
+import generalstyles from '../../../../styles/general/general.module.css';
 import { Accordion, AccordionItem, AccordionItemHeading, AccordionItemButton, AccordionItemPanel, AccordionItemState } from 'react-accessible-accordion';
 import { HiOutlinePlus } from '@react-icons/all-files/hi/HiOutlinePlus';
 import { AiOutlineMinus } from '@react-icons/all-files/ai/AiOutlineMinus';

package/srcoriginal/TabexComponents/Sections/BackgroundImages/Filterwithcategoriespcoll/Filterwithcategoriespcoll.jsx

@@ -2,7 +2,7 @@ import React, { useEffect, useState, useContext } from 'react';
 import { css } from 'glamor';
 import '../../../../styles/sections/BackgroundImageWithTopContent.css';
 import Select from 'react-select';
-import { defaultstyles, defaultstylestranslated } from '../../../../StylesJS/Customstyles';
+import { defaultstyles, defaultstylestranslated } from '../../../../StylesJS/Customstyles.js';
 import { Imagekitimagecomp } from '../../../../Imagekitconfig.jsx';
 import InputRange from 'react-input-range';
 import CustomerAddressForm from '../../../StaticPages/Signup/CustomerAddressForm.jsx';

package/srcoriginal/TabexComponents/Sections/BackgroundImages/Section_with_rightbgcont/Section_with_rightbgcont.jsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState, useContext } from 'react';
 import { css } from 'glamor';
-import { serverbaselink } from '../../../../../Env';
+import { serverbaselink } from '../../../../../Env.js';
 import { Imagekitimagecomp } from '../../../../Imagekitconfig.jsx';
 
 const Section_with_rightbgcont = (props) => {

package/srcoriginal/TabexComponents/Sections/BackgroundImages/Twobgimages/Twobgimages.jsx

@@ -1,7 +1,7 @@
 import Categoriesdropdown from '../../../StaticPages/Categoriesdropdown/Categoriesdropdown.jsx';
 import React, { useEffect, useState, useContext } from 'react';
 import { css } from 'glamor';
-import { serverbaselink } from '../../../../../Env';
+import { serverbaselink } from '../../../../../Env.js';
 import { Imagekitimagecomp } from '../../../../Imagekitconfig.jsx';
 
 import { IoIosArrowRoundForward } from '@react-icons/all-files/io/IoIosArrowRoundForward';

package/srcoriginal/TabexComponents/Sections/Slideshow/Freetextsection/Freetextsection.jsx

@@ -383,7 +383,7 @@ import generalstyles from '../../../../styles/general/general.module.css';
 import sectionstyles from '../../../../styles/sections/Freetext.module.css';
 
 import { Imagekitimagecomp } from '../../../../Imagekitconfig.jsx';
-import { serverbaselink } from '../../../../../Env';
+import { serverbaselink } from '../../../../../Env.js';
 const Freetextsection = (props) => {
     const [sectionproperties, setsectionproperties] = useState('');
     const StatePagePropertiesContext = props.actions.StatePagePropertiesContext;

package/srcoriginal/TabexComponents/Sections/Slideshow/Servicesection/Servicesection.jsx

@@ -2,7 +2,7 @@ import React, { useEffect, useState, useContext } from 'react';
 import { css } from 'glamor';
 import { Imagekitimagecomp } from '../../../../Imagekitconfig.jsx';
 
-import generalstyles from '../../../../styles/general//general.module.css';
+import generalstyles from '../../../../styles/general/general.module.css';
 
 const Servicesection = (props) => {
     const [sectionproperties, setsectionproperties] = useState('');

package/srcoriginal/TabexComponents/Sections/Slideshow/Slideshowdifferentanimations/Slideshowdifferentanimations.jsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState, useContext } from 'react';
 import BackgroundSlideshow from 'react-background-slideshow';
 import { css } from 'glamor';
-import { serverbaselink } from '../../../../../Env';
+import { serverbaselink } from '../../../../../Env.js';
 import { Imagekitimagecomp } from '../../../../Imagekitconfig.jsx';
 
 const Slideshowdifferentanimations = (props) => {

package/srcoriginal/TabexComponents/StaticPages/Checkout/Checkout.jsx

@@ -4,7 +4,7 @@ import TextareaAutosize from 'react-textarea-autosize';
 import generalstyles from '../../../styles/general/general.module.css';
 import { CircularProgress, Messaging } from 'react-cssfx-loading';
 import { css } from 'glamor';
-import { defaultstyles, defaultstylestranslated } from '../../../StylesJS/Customstyles';
+import { defaultstyles, defaultstylestranslated } from '../../../StylesJS/Customstyles.js';
 import { HiUser } from '@react-icons/all-files/hi/HiUser';
 import { GrMail } from '@react-icons/all-files/gr/GrMail';
 import { FiCheckCircle } from '@react-icons/all-files/fi/FiCheckCircle';

package/srcoriginal/TabexComponents/StaticPages/Filter/CollectionsFilterHorizontal.jsx

@@ -10,7 +10,7 @@ import { Offcanvas } from 'react-bootstrap';
 import InputRange from 'react-input-range';
 import { Imagekitimagecomp } from '../../../Imagekitconfig.jsx';
 import { ScrollMenu, VisibilityContext } from 'react-horizontal-scrolling-menu';
-import { defaultstyles, defaultstylestranslated } from '../../../StylesJS/Customstyles';
+import { defaultstyles, defaultstylestranslated } from '../../../StylesJS/Customstyles.js';
 import { CircularProgress, Messaging } from 'react-cssfx-loading';
 
 const Select = React.lazy(() => import('react-select'));

package/srcoriginal/TabexComponents/StaticPages/Filter/Filter.jsx

@@ -10,7 +10,7 @@ import { Offcanvas } from 'react-bootstrap';
 import InputRange from 'react-input-range';
 import { Imagekitimagecomp } from '../../../Imagekitconfig.jsx';
 import { ScrollMenu, VisibilityContext } from 'react-horizontal-scrolling-menu';
-import { defaultstyles, defaultstylestranslated, selectcustomStyles, selectcustomStylesTranslated } from '../../../StylesJS/Customstyles';
+import { defaultstyles, defaultstylestranslated, selectcustomStyles, selectcustomStylesTranslated } from '../../../StylesJS/Customstyles.js';
 import { CircularProgress, Messaging } from 'react-cssfx-loading';
 import formstyles from '../../../styles/general/form.module.css';
 import { BsChevronLeft } from '@react-icons/all-files/bs/BsChevronLeft';

package/srcoriginal/TabexComponents/StaticPages/Filter/VariantFilter.jsx

@@ -10,7 +10,7 @@ import { Offcanvas } from 'react-bootstrap';
 import InputRange from 'react-input-range';
 import { Imagekitimagecomp } from '../../../Imagekitconfig.jsx';
 import { ScrollMenu, VisibilityContext } from 'react-horizontal-scrolling-menu';
-import { defaultstyles, defaultstylestranslated, selectcustomStyles, selectcustomStylesTranslated } from '../../../StylesJS/Customstyles';
+import { defaultstyles, defaultstylestranslated, selectcustomStyles, selectcustomStylesTranslated } from '../../../StylesJS/Customstyles.js';
 import { CircularProgress, Messaging } from 'react-cssfx-loading';
 import formstyles from '../../../styles/general/form.module.css';
 

package/srcoriginal/TabexComponents/StaticPages/Signup/CustomerInformationForm.jsx

@@ -3,7 +3,7 @@ import loginstyles from '../../../styles/staticpages/signup.module.css';
 import { CircularProgress } from 'react-cssfx-loading';
 import TextareaAutosize from 'react-textarea-autosize';
 import { css } from 'glamor';
-import { defaultstyles, defaultstylestranslated, selectcustomStyles, selectcustomStylesTranslated } from '../../../StylesJS/Customstyles';
+import { defaultstyles, defaultstylestranslated, selectcustomStyles, selectcustomStylesTranslated } from '../../../StylesJS/Customstyles.js';
 import GoogleLogin from '../Login/GoogleLoginButton.jsx';
 import FacebookLoginButton from '../Login/FacebookLoginButton.jsx';
 import PhoneInput from 'react-phone-input-2';