tabexseriescomponents 0.0.63 → 0.0.65

package/package.json

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

package/srcOLD/Contexts/LanguageContext.jsx

@@ -0,0 +1,347 @@
+import React, { Component } from 'react';
+import Cookies from 'universal-cookie';
+export const LanguageContext = React.createContext();
+export class LanguageProvider extends Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            lang: {
+                en: {
+                    workinghours: 'Working Hours',
+                    english: 'English',
+                    arabic: 'Arabic',
+
+                    hello: 'Hello',
+
+                    // Static Pages
+                    orderhistory: 'Previous orders',
+                    policies: 'Policies',
+                    wishlist: 'Wishlist',
+                    mywishlist: 'My wishlist',
+                    accountinformation: 'Account information',
+                    account: 'Account',
+                    viewcart: 'View cart',
+                    cart: 'Cart',
+                    myshoppingcart: 'My shopping cart',
+                    previousorders: 'Previous orders',
+                    checkout: 'Checkout',
+                    mycart: 'My cart',
+                    login: 'Login',
+                    signup: 'Signup',
+
+                    // General
+                    inprogress: 'In progress',
+                    status: 'Status',
+                    excludingdelivery: 'Excluding delivery',
+                    stayconnected: 'Stay connected',
+                    availability: 'Availability',
+                    available: 'Available',
+                    limitedquantity: 'Limited quantity',
+                    securepayment: 'Secure payment',
+                    trustedshipping: 'Trusted shipping',
+                    callus: 'CALL US',
+                    returnpolicy: 'Return policy',
+                    shippingpolicy: 'Shipping policy',
+                    deliverto: 'Deliver to',
+                    support247: 'Support 24/7',
+                    select: 'Select',
+                    usefullinks: 'Useful links',
+                    helpcenter: 'Help center',
+                    loggedinas: 'Logged in as',
+
+                    // Buttons
+                    logout: 'Logout',
+                    addtocart: 'Add to cart',
+                    addtofavorites: 'Add to favorites',
+                    removefromfav: 'Remove from favorites',
+                    description: 'Description',
+                    showmore: 'Show more',
+                    remove: 'Remove',
+                    shopbycategory: 'shop by category',
+                    confirmorder: 'Confirm Order',
+                    continuetopayment: 'Continue To Payment',
+                    doyouhavepromocode: 'Do you have a promo code?',
+                    loginwithfacebook: 'Sign in with facebook',
+                    orsigninwith: 'Or Sign in with',
+                    orsignupwith: 'Or Sign up with',
+
+                    // Products
+                    price: 'Price',
+                    relatedproducts: 'Related products',
+                    qty: 'QTY',
+                    emptyshoppingcart: 'Your shopping cart is empty',
+                    shopnow: 'Shop now',
+                    total: 'Total',
+                    otherinformation: 'Other information',
+                    productname: 'Product name',
+                    quantity: 'Quantity',
+
+                    // Orders
+                    orderid: 'Order ID',
+                    numberofproducts: 'Number of products',
+                    checkyourorder: 'Check your order',
+
+                    // Placeholders
+                    searchproducts: 'Search for products...',
+                    choosecity: 'Choose city',
+                    choosestategov: 'Choose state/governorate',
+                    choosecountry: 'Choose country',
+                    giftcarddicountcode: 'Gift Card Or Discount Code...',
+                    nosearchresults: 'No search results',
+                    sale: 'Sale',
+
+                    //
+                    nofavoriteproducts: 'Your wishlist is empty',
+
+                    // Notifications
+                    loggedoutsuccess: 'Logged out successfully',
+                    addedtocartsuccess: 'Cart is updated successfully',
+                    promocodeapplied: 'Promo code is applied.',
+                    promocoderemoved: 'Promo code is removed',
+                    countryandstateupdatedsuccess: 'Country and state are updated successfully',
+                    orderaddedsuccess: 'Order is added successfully',
+                    addedtowishlist: 'Product is added to your wishlist',
+                    productrmovedfromwishlist: 'Product is removed from your wishlist',
+                    fillthemissingfields: 'Please complete the missing fields',
+                    passwordsdontmatch: "Passwords don't match",
+                    loggedinsuccess: 'Logged in successfully',
+
+                    // Checkout
+                    subtotal: 'Sub total',
+                    discount: 'Discount',
+                    outofzone: 'Out of zone',
+                    total: 'Total',
+                    cod: 'Cash on Delivery',
+                    cardondelivery: 'Credit Card On Delivery',
+                    onlinepayment: 'Online Payment',
+                    paymentcardinformation: 'Payment Card Information',
+                    shippingfees: 'Shipping fees',
+                    shippingaddress: 'Shipping address',
+                    cardnumber: 'Card number',
+                    year: 'Year',
+                    month: 'Month',
+                    cvv: 'CVV',
+                    nameoncard: 'Name On Card',
+                    country: 'Country',
+                    addressdetails: 'ِAddress details',
+                    stategov: 'State/Governorate',
+                    city: 'City',
+                    paymentmethod: 'Payment method',
+                    productimage: 'Product image',
+                    orderdetails: 'Order details',
+                    orderinvoice: 'Order invoice',
+                    promocodediscount: 'Promo code discount',
+                    address: 'Address',
+                    signup: 'Signup',
+                    update: 'Update',
+                    phonenumber: 'Mobile number',
+                    completerequiredfields: 'Please complete all required fields',
+                    name: 'Name',
+                    email: 'Email',
+                    password: 'Password',
+                    confirmpassword: 'Confirm password',
+                    showmore: 'Show more',
+                    showless: 'Show less',
+                    contactdetails: 'Contact Information',
+                    asaguest: 'As a guest',
+                    choosecountryfirst: 'Please choose country first',
+                    security: 'Security',
+                    personalinformation: 'Personal Information',
+                    // Website design
+                    contactus: 'Contact us',
+                    slogan: 'Your website & mobile application in one place',
+                },
+
+                ar: {
+                    workinghours: 'مواعيد العمل',
+                    english: 'لغه إنجليزيه',
+                    arabic: 'لغه عربيه',
+                    hello: 'مرحبا',
+
+                    // Static Pages
+                    orderhistory: 'الطلبات السابقة',
+                    policies: 'السياسات',
+                    wishlist: 'المفضلات',
+                    mywishlist: 'مفضلاتى',
+                    accountinformation: 'الملف الشخصي',
+                    account: 'الملف الشخصي',
+                    viewcart: 'حقيبة التسوق',
+                    cart: 'حقيبة التسوق',
+                    myshoppingcart: 'حقيبة التسوق',
+                    previousorders: 'الطلبات السابقة',
+                    checkout: 'الدفع',
+                    mycart: 'عربة التسوق',
+                    login: 'تسجيل الدخول',
+                    signup: 'إنشاء الحساب',
+
+                    // General
+                    inprogress: 'جارى',
+                    status: 'الحالة',
+                    excludingdelivery: 'غير شامل سعر الشحن',
+                    stayconnected: 'ابق على اتصال بنا',
+                    availability: 'توافر المنتج',
+                    available: 'متوافر',
+                    limitedquantity: 'كمية محدودة',
+                    securepayment: 'دفع امن',
+                    trustedshipping: 'شحن امن',
+                    callus: 'إتصل بنا',
+                    returnpolicy: 'سياسة الإستبدال و الإسترجاع',
+                    shippingpolicy: 'سياسة الشحن',
+                    deliverto: 'التوصيل إلى',
+                    support247: 'متواجدون 24/7',
+                    select: 'إختر',
+                    usefullinks: 'روابط هامة',
+                    helpcenter: 'مركز الخدمات',
+                    loggedinas: 'البيانات المسجلة',
+
+                    // Buttons
+                    logout: 'تسجيل الخروج',
+                    addtocart: 'اضف لسلة التسوق',
+                    addtofavorites: 'اضف إلى المفضلات',
+                    removefromfav: 'حذف من المفضلات',
+                    description: 'التفاصيل',
+                    showmore: 'تفاصيل اخري',
+                    remove: 'حذف',
+                    shopbycategory: 'تسوق بالمجموعات',
+                    confirmorder: 'تأكيد الطلب',
+                    continuetopayment: 'الدفع',
+                    doyouhavepromocode: 'هل لديك كود خصم',
+                    loginwithfacebook: 'تسجيل الدخول عن طريق فيسبوك',
+                    orsigninwith: 'او تسجيل الدخول عن طريق',
+                    orsignupwith: 'او انشاء حساب عن طريق',
+
+                    // Products
+                    price: 'السعر',
+                    relatedproducts: 'منتجات ذات صلة',
+                    qty: 'الكمية',
+                    emptyshoppingcart: 'حقيبة التسوق فارغة',
+                    shopnow: 'تسوق الان',
+                    total: 'الإجمالى',
+                    otherinformation: 'معلومات اخرى',
+                    productname: 'إسم المنتج',
+                    quantity: 'الكمية',
+
+                    // Orders
+                    orderid: 'رقم الطلب',
+                    numberofproducts: 'عدد المنتجات',
+                    checkyourorder: 'الذهاب إلى طلبك',
+
+                    // Placeholders
+                    searchproducts: 'ابحث...',
+                    choosecity: 'إختر المدينة',
+                    choosestategov: 'إختر المحافظة/الولاية',
+                    choosecountry: 'إختر البلد',
+                    giftcarddicountcode: 'كود خصم',
+                    nosearchresults: 'لا توجد نتائج',
+                    sale: 'خصم',
+                    //
+                    nofavoriteproducts: 'لا توجد منتجات مفضلة',
+
+                    // Notifications
+                    loggedoutsuccess: 'تم تسجيل الخروج',
+                    addedtocartsuccess: 'تم إضافة المنتج لعربة التسوق',
+                    promocodeapplied: 'تم تطبيق كود الخصم',
+                    promocoderemoved: 'تم حذف كود الخصم',
+                    countryandstateupdatedsuccess: 'تم تحديث البلد و المدينة',
+                    orderaddedsuccess: 'تم إضافة الطلب',
+                    addedtowishlist: 'تم إضافة المنتج فى المفضلات',
+                    productrmovedfromwishlist: 'تم حذف المنتج من المفضلات',
+                    fillthemissingfields: 'من فضلك اكمل باقى البيانات',
+                    passwordsdontmatch: 'كلمات السر لا تتطابق',
+                    loggedinsuccess: 'تم تسجيل الدخول',
+
+                    // Checkout
+                    subtotal: 'إجمالي المبلغ',
+                    discount: 'الخصم',
+                    outofzone: 'خارج نطاق الشحن',
+                    total: 'المبلغ الكلي',
+                    cod: 'الدفع عند الإستلام',
+                    cardondelivery: 'الدفع بالطاقة الائتمانية عند الإستلام',
+                    onlinepayment: 'الدفع الإلكترونى',
+                    paymentcardinformation: 'بيانات البطاقة',
+                    shippingfees: 'مصاريف الشحن',
+                    shippingaddress: 'عنوان الشحن',
+                    cardnumber: 'رقم البطاقة',
+                    year: 'السنة',
+                    month: 'الشهر',
+                    cvv: 'رقم البطاقة',
+                    nameoncard: 'الإسم على البطاقة',
+                    country: 'البلد',
+                    addressdetails: 'العنوان',
+                    stategov: 'المحافظة/الولاية',
+                    city: 'المدينة',
+                    paymentmethod: 'طريقة الدفع',
+                    productimage: 'صورة المنتج',
+                    orderdetails: 'تفاصيل الطلب',
+                    orderinvoice: 'فاتورة الطلب',
+                    promocodediscount: 'كود الخصم',
+                    address: 'العنوان',
+                    signup: 'إنشاء الحساب',
+                    update: 'تحديث',
+                    phonenumber: 'الهاتف',
+                    completerequiredfields: 'من فضلك اكمل البيانات الإجبارية',
+                    name: 'الإسم',
+                    email: 'البريد الإلكترونى',
+                    password: 'كلمة السر',
+                    confirmpassword: 'تأكيد كلمة السر',
+                    showless: 'اعرض اقل',
+                    showmore: 'اعرض المزيد',
+                    contactdetails: 'معلومات التواصل',
+                    asaguest: 'كزائر',
+                    choosecountryfirst: 'من فضلك اختر البلد اولاً',
+                    security: 'الخصوصية و الأمان',
+                    personalinformation: 'البيانات الشخصية',
+                    // Website design
+                    contactus: 'تواصل معنا',
+                    slogan: 'موقعك و تطبيقك فى مكان واحد',
+                },
+            },
+            langdetect: 'en',
+            setlang: this.setlang,
+        };
+    }
+
+    setlang = (key) => {
+        const cookies = new Cookies();
+        cookies.set('sitelang', key, { path: '/' });
+        this.setState({
+            langdetect: key,
+        });
+        window.location.reload();
+    };
+
+    componentDidMount() {
+        const cookies = new Cookies();
+        var lastlangselected = cookies.get('sitelang');
+        if (lastlangselected == 'en') {
+            this.setState({
+                langdetect: 'en',
+            });
+        } else if (lastlangselected == 'ar') {
+            this.setState({
+                langdetect: 'ar',
+            });
+        } else {
+            this.setState({
+                langdetect: 'en',
+            });
+        }
+    }
+
+    render() {
+        var setlang = this.state.setlang;
+        var lang = '';
+
+        if (this.state.langdetect == 'en') {
+            lang = this.state.lang.en;
+            // window.document.body.setAttribute('dir', 'ltr');
+        } else if (this.state.langdetect == 'ar') {
+            lang = this.state.lang.ar;
+            // window.document.body.setAttribute('dir', 'rtl');
+        }
+        var langdetect = this.state.langdetect;
+        return <LanguageContext.Provider value={{ lang, setlang, langdetect }}>{this.props.children}</LanguageContext.Provider>;
+    }
+}
+
+export const LanguageContextConsumer = LanguageContext.Consumer;

package/srcOLD/Contexts/ProductsCardsSectionContext.jsx

@@ -0,0 +1,28 @@
+import React, { useEffect, useState } from 'react';
+
+export const ProductsCardsSectionContext = React.createContext();
+export const ProductsCardsSectionContext_Provider = (props) => {
+    // let history = useHistory();
+
+    const [ParentCollectionsForCollectionQueryArrContext, setParentCollectionsForCollectionQueryArrContext] = useState('');
+
+    const [ProductFilterObjContext, setProductFilterObjContext] = useState({
+        Isfiltercollections: 0,
+        isfilter: 0,
+        ProductFetchingType: '',
+        collections: [],
+        FilterOptions: [],
+    });
+    return (
+        <ProductsCardsSectionContext.Provider
+            value={{
+                ProductFilterObjContext,
+                setProductFilterObjContext,
+                ParentCollectionsForCollectionQueryArrContext,
+                setParentCollectionsForCollectionQueryArrContext,
+            }}
+        >
+            {props.children}
+        </ProductsCardsSectionContext.Provider>
+    );
+};

package/srcOLD/StylesJS/Customstyles.js

@@ -0,0 +1,235 @@
+export const selectcustomStyles = {
+    option: (provided, state) => ({
+        ...provided,
+        borderBottom: '1px solid #e6e6e6',
+        backgroundColor: state.isSelected ? '' : '',
+        padding: 5,
+        textTransform: 'capitalize',
+        color: state.isSelected ? '#eac435' : '#022648',
+        transition: '.3s',
+        '&:hover': {
+            color: '#eac435',
+            cursor: 'pointer',
+        },
+    }),
+    control: () => ({
+        border: '2px solid #e6e6e6',
+        boxShadow: '0 0 10px #e6e6e6',
+        borderRadius: '10px',
+        display: 'flex',
+        cursor: 'pointer',
+        transition: '.3s',
+        '&:hover': {
+            boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
+        },
+    }),
+};
+export const selectcustomStylesTranslated = {
+    option: (provided, state) => ({
+        ...provided,
+        borderBottom: '1px solid #e6e6e6',
+        backgroundColor: state.isSelected ? '' : '',
+        padding: 5,
+        textTransform: 'capitalize',
+        color: state.isSelected ? '#eac435' : '#022648',
+        transition: '.3s',
+        textAlign: 'right',
+        '&:hover': {
+            color: '#eac435',
+            cursor: 'pointer',
+        },
+    }),
+    control: () => ({
+        border: '2px solid #e6e6e6',
+        boxShadow: '0 0 10px #e6e6e6',
+        borderRadius: '10px',
+        display: 'flex',
+        cursor: 'pointer',
+        transition: '.3s',
+        textAlign: 'right',
+        '&:hover': {
+            boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
+        },
+    }),
+    placeholder: (provided, state) => ({
+        ...provided,
+        textAlign: 'right',
+    }),
+};
+export const tabexselect = {
+    option: (provided, state) => ({
+        ...provided,
+        borderBottom: '1px solid #e6e6e6',
+        backgroundColor: state.isSelected ? '' : '',
+        padding: 5,
+        textTransform: 'capitalize',
+        color: state.isSelected ? '#eac435' : '#022648',
+        transition: '.3s',
+        '&:hover': {
+            color: '#eac435',
+            cursor: 'pointer',
+        },
+    }),
+    control: () => ({
+        borderBottom: '2px solid #e6e6e6',
+        display: 'flex',
+        cursor: 'pointer',
+        padding: 0,
+        height: '30px',
+        transition: '.3s',
+        fontSize: '13px',
+        fontWeight: 600,
+        '&:hover': {
+            boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
+            borderRadius: '10px',
+        },
+    }),
+    dropdownIndicator: (provided) => ({
+        ...provided,
+        '&:hover': {
+            color: '#eac435',
+        },
+    }),
+};
+export const selectcustomStylesfromSelect = {
+    option: (provided, state) => ({
+        ...provided,
+        borderBottom: '1px solid #e6e6e6',
+        backgroundColor: state.isSelected ? '' : '',
+        padding: 5,
+        textTransform: 'capitalize',
+        color: state.isSelected ? '#eac435' : '#022648',
+        transition: '.3s',
+        '&:hover': {
+            color: '#eac435',
+            cursor: 'pointer',
+        },
+    }),
+    control: () => ({
+        borderBottom: '2px solid #e6e6e6',
+        display: 'flex',
+        cursor: 'pointer',
+        padding: 0,
+        transition: '.3s',
+        '&:hover': {
+            boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
+            borderRadius: '10px',
+        },
+    }),
+    dropdownIndicator: (provided) => ({
+        ...provided,
+        '&:hover': {
+            color: '#eac435',
+        },
+    }),
+};
+export const selectcustomStylesfromSelectTranslated = {
+    option: (provided, state) => ({
+        ...provided,
+        borderBottom: '1px solid #e6e6e6',
+        backgroundColor: state.isSelected ? '' : '',
+        padding: 5,
+        textTransform: 'capitalize',
+        color: state.isSelected ? '#eac435' : '#022648',
+        transition: '.3s',
+        textAlign: 'right',
+        '&:hover': {
+            color: '#eac435',
+            cursor: 'pointer',
+        },
+    }),
+    control: () => ({
+        borderBottom: '2px solid #e6e6e6',
+        display: 'flex',
+        cursor: 'pointer',
+        padding: 0,
+        transition: '.3s',
+        textAlign: 'right',
+        '&:hover': {
+            boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
+        },
+    }),
+    placeholder: (provided, state) => ({
+        ...provided,
+        textAlign: 'right',
+    }),
+    dropdownIndicator: (provided) => ({
+        ...provided,
+        '&:hover': {
+            color: '#eac435',
+        },
+    }),
+};
+export const defaultstyles = {
+    option: (provided, state) => ({
+        ...provided,
+        borderBottom: '1px solid #e6e6e6',
+        backgroundColor: state.isSelected ? '' : '',
+        padding: 5,
+        textTransform: 'capitalize',
+        color: state.isSelected ? '#eac435' : '#022648',
+        transition: '.3s',
+        '&:hover': {
+            // color: '#eac435',
+            cursor: 'pointer',
+        },
+    }),
+    control: () => ({
+        borderBottom: '1px solid #ccc',
+        backgroundColor: 'white',
+        display: 'flex',
+        cursor: 'pointer',
+        padding: 0,
+        transition: '.3s',
+        '&:hover': {
+            // boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
+            // borderRadius: '10px',
+        },
+    }),
+    dropdownIndicator: (provided) => ({
+        ...provided,
+        '&:hover': {
+            // color: '#eac435',
+        },
+    }),
+};
+
+export const defaultstylestranslated = {
+    option: (provided, state) => ({
+        ...provided,
+        borderBottom: '1px solid #e6e6e6',
+        backgroundColor: state.isSelected ? '' : '',
+        padding: 5,
+        textTransform: 'capitalize',
+        // color: state.isSelected ? '#eac435' : '#022648',
+        transition: '.3s',
+        textAlign: 'right',
+        '&:hover': {
+            // color: '#eac435',
+            cursor: 'pointer',
+        },
+    }),
+    control: () => ({
+        borderBottom: '1px solid #ccc',
+        backgroundColor: 'white',
+        display: 'flex',
+        cursor: 'pointer',
+        padding: 0,
+        transition: '.3s',
+        textAlign: 'right',
+        '&:hover': {
+            // boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
+            // borderRadius: '10px',
+        },
+    }),
+    dropdownIndicator: (provided) => ({
+        ...provided,
+        '&:hover': {
+            // color: '#eac435',
+        },
+    }),
+    placeholder: (provided, state) => ({
+        ...provided,
+        textAlign: 'right',
+    }),
+};