tabexseriescomponents 0.2.1280 → 0.2.1281

package/srcbefore27-11/TabexComponents/StaticPages/Compare/Compare.jsx

@@ -1,79 +0,0 @@
-// import React, { useEffect, useState, useContext } from 'react';
-// import CustomerInformationForm from '../Signup/CustomerInformationForm.jsx';
-// import { css } from 'glamor';
-// import Staticpagesrouter from '../Staticpagesrouter/Staticpagesrouter.jsx';
-// import { Imagekitimagecomp } from '../../../Imagekitconfig.jsx';
-// import axios from 'axios';
-
-// const Compare = (props) => {
-//     const lang = props.actions.lang;
-//     const langdetect = props.actions.langdetect;
-//     const templatepropcontext = props.actions.templatepropcontext;
-//     const StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
-//     const ikimagecredcontext = props.actions.ikimagecredcontext;
-//     const actions = props.actions;
-//     const [CurrentPageId, setCurrentPageId] = useState('');
-//     const [sectionproperties, setsectionproperties] = useState('');
-// const [productDataList, setProductDataList] = useState([]);
-
-//  const fetchComparedProducts = async () => {
-//         const key = 'comparedProducts';
-//         const instapikey = '67d6bda66e98d';
-//         const baseUrl = 'https://api.tabexseries.com/customerapi/customer/webapp/fetchproductinfo';
-
-//         const productIds = JSON.parse(localStorage.getItem(key)) || [];
-
-//         const requests = productIds.map((productId) => {
-//             const url = `${baseUrl}?productid=${productId}&instapikey=${instapikey}&cdata=%7B%7D&lang=en`;
-//             return axios
-//                 .get(url)
-//                 .then((response) => response.data?.data?.productinfo || null)
-//                 .catch((error) => {
-//                     console.error(`Failed to fetch product ${productId}:`, error.message);
-//                     return null;
-//                 });
-//         });
-
-//         const results = await Promise.all(requests);
-//         const validResults = results.filter((product) => product !== null);
-
-//         setProductDataList(validResults);
-//     };
-//     useEffect(() => {
-
-//         var secpropobj = {};
-//         props?.actions?.StatePagePropertiesContext?.pageobj?.pageproperties?.forEach(function (arrayItem, arrayindex) {
-//             secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
-//         });
-//         setsectionproperties({ ...secpropobj });
-//     }, [props.actions.StatePagePropertiesContext]);
-//     useEffect(() => {
-// fetchComparedProducts();
-//         var cartindex = templatepropcontext.pagesnprop.findIndex((x) => x.staticpageid == '6218bccb83d53');
-//         if (cartindex >= 0) {
-//             setCurrentPageId(cartindex);
-//         }
-//     }, []);
-
-//     const sectionstyles = {
-//         containerstyle: css({
-//             paddingTop: sectionproperties.marginTop + 'px',
-//             paddingBottom: sectionproperties.marginBottom + 'px',
-//             '@media (max-width: 800px)': {
-//                 paddingTop: sectionproperties.marginTopResp + 'px',
-//             },
-//         }),
-//     };
-
-//     return (
-//         <div
-//             className={sectionstyles.containerstyle + ' row ml-0 mr-0 w-100 '}
-//             style={{
-//                 marginTop: 200,
-//             }}
-//         >
-//             <p>asdasd</p>
-//         </div>
-//     );
-// };
-// export default Compare;

package/srcbefore27-11/TabexComponents/StaticPages/Filter/CollectionsFilterHorizontal.jsx

@@ -1,245 +0,0 @@
-import React, { useEffect, useState, useContext } from 'react';
-import { Accordion, AccordionItem, AccordionItemHeading, AccordionItemButton, AccordionItemPanel, AccordionItemState } from 'react-accessible-accordion';
-import filterstyles from '../../../styles/staticpages/filter.module.css';
-import { css } from 'glamor';
-import Dropdown from 'react-bootstrap/Dropdown';
-import { IoMdClose } from '@react-icons/all-files/io/IoMdClose';
-import { FiChevronDown } from '@react-icons/all-files/fi/FiChevronDown';
-import { FiChevronUp } from '@react-icons/all-files/fi/FiChevronUp';
-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.js';
-import { CircularProgress, Messaging } from 'react-cssfx-loading';
-
-const Select = React.lazy(() => import('react-select'));
-
-const CollectionsFilterHorizontal = (props) => {
-    const lang = props.actions.lang;
-    const langdetect = props.actions.langdetect;
-    const productfiltercontext = props.actions.productfiltercontext;
-    const setproductfiltercontext = props.actions.setproductfiltercontext;
-    const ProductFilterObjContext = props.actions.ProductFilterObjContext;
-    const setProductFilterObjContext = props.actions.setProductFilterObjContext;
-    const authdetailsContext = props.actions.authdetailsContext;
-    const routingcountext = props.actions.routingcountext;
-    const StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
-    const ikimagecredcontext = props.actions.ikimagecredcontext;
-
-    const FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
-    const setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
-    const fetchcollectionsQueryContext = props.actions.fetchcollectionsQueryContext;
-    const fetchCategoriesQueryContext = props.actions.fetchCategoriesQueryContext;
-    const [sectionproperties, setsectionproperties] = useState('');
-    const [collectionstobevisible, setcollectionstobevisible] = useState([]);
-    // const [instcollections, setinstcollections] = useState([...fetchcollectionsQueryContext?.data?.data?.collections]);
-    const [instcategories, setinstcategories] = useState([]);
-    const [checked, setChecked] = useState(false);
-
-    useEffect(() => {
-        // filterupdater();
-    }, []);
-    useEffect(() => {
-        if (fetchCategoriesQueryContext.isSuccess) {
-            setinstcategories([...fetchCategoriesQueryContext?.data?.data?.categories]);
-        }
-    }, [fetchCategoriesQueryContext.isSuccess]);
-    useEffect(() => {
-        if (props.sectionpropertiesprops != undefined && props.sectionpropertiesprops.length != 0) {
-            setsectionproperties(props.sectionpropertiesprops);
-        }
-    }, [props.sectionpropertiesprops]);
-    useEffect(() => {
-        // filterupdater();
-    }, [ProductFilterObjContext]);
-
-    // useEffect(() => {
-    //     if (sectionproperties?.filterretreivetype == 'Depend on chosen parent group') {
-    //         if (ProductFilterObjContext?.collections != undefined && ProductFilterObjContext?.collections != null && Array.isArray(ProductFilterObjContext?.collections)) {
-    //             var collectiontobevisible = [];
-    //             var parentidsfound = [];
-    //             if (ProductFilterObjContext.ProductFetchingType == 'Parent Collection') {
-    //                 parentidsfound = ProductFilterObjContext?.collections;
-    //             } else if (ProductFilterObjContext.ProductFetchingType == 'Category') {
-    //                 instcategories?.forEach(function (catitem, catindex) {
-    //                     ProductFilterObjContext?.collections?.forEach(function (colitem2, colindex2) {
-    //                         if (catitem.categoryid == colitem2) {
-    //                             catitem?.parentcolletions?.forEach(function (parentcolitem, parentcolindex) {
-    //                                 parentidsfound.push(parentcolitem.parentcollectionid);
-    //                             });
-    //                         }
-    //                     });
-    //                 });
-    //             } else {
-    //                 instcategories?.forEach(function (catitem, catindex) {
-    //                     catitem?.parentcolletions?.forEach(function (parentcolitem, parentcolindex) {
-    //                         parentcolitem?.collections?.forEach(function (colitem, colindex) {
-    //                             ProductFilterObjContext?.collections?.forEach(function (colitem2, colindex2) {
-    //                                 if (colitem.collectionid == colitem2) {
-    //                                     parentidsfound.push(parentcolitem.parentcollectionid);
-    //                                 }
-    //                             });
-    //                         });
-    //                     });
-    //                 });
-    //             }
-
-    //             parentidsfound = parentidsfound.filter((val, id, array) => array.indexOf(val) == id);
-
-    //             if (parentidsfound?.length != 0) {
-    //                 instcategories?.forEach(function (catitem, catindex) {
-    //                     catitem?.parentcolletions?.forEach(function (parentcolitem, parentcolindex) {
-    //                         parentidsfound?.forEach(function (parentidfounditem, parentidfoundindex) {
-    //                             if (parentidfounditem == parentcolitem?.parentcollectionid) {
-    //                                 parentcolitem?.collections?.forEach(function (colitem, colindex) {
-    //                                     var iscolexists = false;
-    //                                     collectiontobevisible?.forEach(function (colitemex, colindexex) {
-    //                                         if (colitemex.collectionid == colitem.collectionid) {
-    //                                             iscolexists = true;
-    //                                         }
-    //                                     });
-    //                                     if (iscolexists == false) {
-    //                                         collectiontobevisible.push(colitem);
-    //                                     }
-    //                                 });
-    //                             }
-    //                         });
-    //                     });
-    //                 });
-
-    //                 if (collectiontobevisible?.length != 0) {
-    //                     setcollectionstobevisible(collectiontobevisible);
-    //                 } else {
-    //                     setcollectionstobevisible(instcollections);
-    //                 }
-    //             } else {
-    //                 setcollectionstobevisible(instcollections);
-    //             }
-    //         } else {
-    //             setcollectionstobevisible(instcollections);
-    //         }
-    //     } else {
-    //         setcollectionstobevisible(instcollections);
-    //     }
-    // }, [ProductFilterObjContext]);
-
-    // const filterupdater = () => {
-    //     if (instcategories.length != 0) {
-    //         var tempInstcategories = [...instcategories];
-    //         tempInstcategories.forEach(function (catitem, catindex) {
-    //             catitem.parentcolletions.forEach(function (parentcolitem, parentcolindex) {
-    //                 parentcolitem.collections.forEach(function (colitem, colindex) {
-    //                     colitem.isfilterselected = false;
-    //                 });
-    //             });
-    //         });
-
-    //         ProductFilterObjContext?.collections?.forEach(function (filteritem, filterindex) {
-    //             tempInstcategories.forEach(function (catitem, catindex) {
-    //                 catitem.parentcolletions.forEach(function (parentcolitem, parentcolindex) {
-    //                     parentcolitem.collections.forEach(function (colitem, colindex) {
-    //                         if (colitem.collectionid == filteritem) {
-    //                             colitem.isfilterselected = true;
-    //                         }
-    //                     });
-    //                 });
-    //             });
-    //         });
-
-    //         setinstcategories([...tempInstcategories]);
-    //     }
-    //     // if (instcollections.length != 0) {
-    //     //     var tempInstcollections = [...instcollections];
-    //     //     tempInstcollections.forEach(function (instfilteritem, valefilteritemindex) {
-    //     //         instfilteritem.isfilterselected = false;
-    //     //     });
-    //     //     ProductFilterObjContext?.collections?.forEach(function (filteritem, filterindex) {
-    //     //         tempInstcollections?.forEach(function (instfilteritem, instfilterindex) {
-    //     //             if (instfilteritem.collectionid == filteritem) {
-    //     //                 instfilteritem.isfilterselected = true;
-    //     //             }
-    //     //         });
-    //     //     });
-    //     //     setinstcollections([...tempInstcollections]);
-    //     // }
-    // };
-    const setCollectionFilterFunc = (collectionid) => {
-        var tempfetchproductsfilerobjcontext = { ...ProductFilterObjContext };
-        var CollectionExists = false;
-        tempfetchproductsfilerobjcontext?.categories?.forEach(function (filteritem, filterindex) {
-            if (filteritem == collectionid) {
-                CollectionExists = true;
-                tempfetchproductsfilerobjcontext.categories.splice(filterindex, 1);
-            }
-        });
-        if (!CollectionExists) {
-            if (tempfetchproductsfilerobjcontext.categories != undefined && Array.isArray(tempfetchproductsfilerobjcontext.categories)) {
-                tempfetchproductsfilerobjcontext.categories = [collectionid];
-            } else {
-                tempfetchproductsfilerobjcontext.categories = [collectionid];
-            }
-        }
-
-        tempfetchproductsfilerobjcontext.page = 0;
-        tempfetchproductsfilerobjcontext.ProductFetchingType = 'Random';
-        setProductFilterObjContext({ ...tempfetchproductsfilerobjcontext });
-        filterrouting(tempfetchproductsfilerobjcontext);
-        // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
-    };
-
-    const CollectionsFilter = () => {
-        return (
-            <div class="col-lg-12 p-0 scrollhorixontalcontainer text-center px-sm-3">
-                {instcategories.map((item, index) => {
-                    return (
-                        <p
-                            class={filter_cssstyles.filteritem + ' m-0 p-0 cursor-pointer scrollhorixontaldiv mx-4 mx-sm-2 '}
-                            onClick={() => {
-                                setCollectionFilterFunc(item.categoryid);
-                            }}
-                            style={{
-                                color: item.isfilterselected ? sectionproperties.activecat_color : '',
-                            }}
-                        >
-                            {langdetect == 'en' ? item.title_en : item.title_ar}
-                        </p>
-                    );
-                })}
-            </div>
-        );
-    };
-
-    const filter_cssstyles = {
-        filteritem: css({
-            fontSize: sectionproperties.timeline_text_fontsize + 'px',
-            fontWeight: sectionproperties.timeline_text_fontweight,
-            textTransform: sectionproperties.timeline_text_texttransform,
-            color: sectionproperties.timeline_text_color,
-            transition: '.3s',
-            ':hover': {
-                color: sectionproperties.timeline_text_coloronhover,
-            },
-        }),
-    };
-    const filterrouting = (tempfetchproductsfilerobjcontext) => {
-        const path = window.location.pathname.split('/');
-        var currentpagepath = path[1];
-        var pagenamepathinstaticpagelinkcont = '';
-        for (const key in StaticPagesLinksContext) {
-            if (StaticPagesLinksContext[key] == currentpagepath) {
-                pagenamepathinstaticpagelinkcont = key;
-            }
-        }
-        if (pagenamepathinstaticpagelinkcont != undefined && pagenamepathinstaticpagelinkcont != '') {
-            routingcountext(StaticPagesLinksContext[pagenamepathinstaticpagelinkcont], true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
-        }
-    };
-
-    return (
-        <div className={'col-lg-12 p-0 w-100 allcentered  mt-md-2 '} style={{ marginTop: sectionproperties.filtersection_mt + 'px' }}>
-            <div class="row m-0 w-100">{CollectionsFilter()}</div>
-        </div>
-    );
-};
-export default CollectionsFilterHorizontal;