tabexseriescomponents 0.0.64 → 0.0.66

package/src1-10/TabexComponents/StaticPages/Login/Login.jsx

@@ -0,0 +1,299 @@
+import React, { useEffect, useState, useContext } from 'react';
+// import { useHistory } from 'react-router-dom';
+
+import loginstyles from '../../../styles/staticpages/login.module.css';
+import { AiOutlineUser } from 'react-icons/ai';
+// import { IoLockClosedOutline } from 'react-icons/io5';
+// import { useMutation, useQuery, useQueryClient } from 'react-query';
+// import { LanguageContext } from '../../../../../../../Contexts/LanguageContext';
+// import { FetchingContext } from '../../../../../../../Contexts/FetchingContext';
+// import { WebsiteDesignWorkPlaceContext } from '../../../../../../../Contexts/WebsiteDesignWorkPlaceContext';
+// import { TemplateRoutingContext } from '../../../../../../../Contexts/TemplateRoutingContext';
+// import { serverbaselink, instapikey } from '../../../../../../../Env_Variables';
+// import { Login_API } from '../../../../../../../components/API/API';
+import { CircularProgress } from 'react-cssfx-loading';
+// import { NotificationManager } from 'react-notifications';
+
+import { css } from 'glamor';
+// import { Page_Template_Fetch_API } from '../../../../../../../components/API/WebsiteDesign_API';
+import GoogleLogin from './GoogleLoginButton.jsx';
+import FacebookLoginButton from './FacebookLoginButton.jsx';
+const Login = (props) => {
+    const StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
+    const lang = props.actions.lang;
+    const templatepropcontext = props.actions.templatepropcontext;
+    const langdetect = props.actions.langdetect;
+    const routingcountext = props.actions.routingcountext;
+    const StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
+    const SocialLoginMutationContext = props.actions.SocialLoginMutationContext;
+    const authdetailsContext = props.actions.authdetailsContext;
+    const LoginMutation = props.actions.LoginMutationContext;
+    const instapikey = props.actions.instapikey;
+    const actions = props.actions;
+    const [CurrentPageId, setCurrentPageId] = useState('');
+
+    const [sectionproperties, setsectionproperties] = useState('');
+    useEffect(() => {
+        // if (fetchAuthorizationQueryContext.data.data.loggedin) {
+        //     routingcountext('');
+        // }
+    }, []);
+    useEffect(() => {
+        var cartindex = templatepropcontext.pagesnprop.findIndex((x) => x.staticpageid == '6218bccb77283');
+        if (cartindex >= 0) {
+            setCurrentPageId(templatepropcontext.pagesnprop[cartindex].pageid);
+        }
+    }, []);
+
+    useEffect(() => {
+        if (StatePagePropertiesContext != null && StatePagePropertiesContext != undefined && StatePagePropertiesContext.length != 0) {
+            var secpropobj = {};
+            StatePagePropertiesContext?.pageobj?.pageproperties?.forEach(function (arrayItem, arrayindex) {
+                secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
+            });
+            setsectionproperties({ ...secpropobj });
+        }
+    }, [StatePagePropertiesContext]);
+    const [statusreason, setstatusreason] = useState('');
+    const [payloadobj, setpayloadobj] = useState({
+        instapikey: instapikey,
+        email: '',
+        password: '',
+    });
+
+    const loginstyles2 = {
+        loginbtn: css({
+            background: sectionproperties.login_btn_backgroundtransparent == 'Transparent' ? 'transparent' : sectionproperties.login_btn_background,
+            color: sectionproperties.login_btn_color,
+            // borderTopRightRadius: sectionproperties.login_btn_borderTopRightRadius + 'px',
+            // borderTopLeftRadius: sectionproperties.login_btn_borderTopLeftRadius + 'px',
+            // borderBottomRightRadius: sectionproperties.login_btn_borderBottomRightRadius + 'px',
+            borderRadius: sectionproperties.login_btn_borderBottomLeftRadius + 'px',
+            fontSize: sectionproperties.login_btn_fontSize + 'px',
+            lineHeight: sectionproperties.login_btn_fontSize + 'px',
+            width: sectionproperties.login_btn_width + 'px',
+            height: sectionproperties.login_btn_height + 'px',
+            fontWeight: sectionproperties.login_btn_fontweight,
+            transition: '.3s',
+            border: sectionproperties.login_btn_borderwidth + 'px solid ' + sectionproperties.login_btn_bordercolor,
+            ':hover': {
+                background: sectionproperties.login_btn_backgroundonhover,
+                color: sectionproperties.login_btn_coloronhover,
+            },
+        }),
+        logininputLabel: css({
+            color: sectionproperties.form_labelcolor,
+            textTransform: sectionproperties.form_labeltexttransform,
+            fontWeight: sectionproperties.form_labelfontweight,
+            fontSize: sectionproperties.form_labelfontsize + 'px',
+        }),
+        signupbtn: css({
+            background: sectionproperties.signup_btnbgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.signup_btnbgcolor,
+            width: sectionproperties.signup_btn_width + 'px',
+            height: sectionproperties.signup_btn_height + 'px',
+            // borderTopRightRadius: sectionproperties.signup_btn_borderTopRightRadius + 'px',
+            // borderTopLeftRadius: sectionproperties.signup_btn_borderTopLeftRadius + 'px',
+            // borderBottomRightRadius: sectionproperties.signup_btn_borderBottomRightRadius + 'px',
+            borderRadius: sectionproperties.signup_btn_borderBottomLeftRadius + 'px',
+            color: sectionproperties.signup_btn_color,
+            fontSize: sectionproperties.signup_btn_fontSize + 'px',
+            textTransform: sectionproperties.signup_btn_texttransform,
+            fontWeight: sectionproperties.signup_btn_fontweight,
+            boxShadow: sectionproperties.signup_btn_showshadow == 'Show' ? '0 0 10px ' + sectionproperties.signup_btn_shadowcolor : '',
+            border: sectionproperties.signup_btn_borderwidth + 'px solid ' + sectionproperties.signup_btn_bordercolor,
+            opacity: sectionproperties.signup_btn_opacity,
+            transition: '.3s',
+            ':hover': {
+                color: sectionproperties.signup_btn_coloronhover,
+                background: sectionproperties.signup_btnbgcoloroonhover,
+                opacity: sectionproperties.signup_btn_opacityonhover,
+            },
+        }),
+        form_control: css({
+            backgroundImage: 'linear-gradient(to top, #eac435 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px)',
+        }),
+    };
+
+    return (
+        <div className="col-lg-12 d-flex align-items-center justify-content-center pt-md-3 mb-5 pb-5">
+            {sectionproperties.length != 0 && (
+                <div className={'row m-0 w-100 pl-5 pr-5 d-flex align-items-center justify-content-center pl-md-3 pr-md-3 p-sm-0'}>
+                    <div className="col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center">
+                        <p
+                            className="text-md-center"
+                            style={{
+                                fontSize: sectionproperties.sectionTitleFontSize + 'px',
+                                color: sectionproperties.sectionTitleColor,
+                                marginTop: sectionproperties.sectionTitleMarginTop + 'px',
+                                marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
+                                marginLeft: sectionproperties.sectionTitleMarginLeft + 'px',
+                                marginRight: sectionproperties.sectionTitleMarginRight + 'px',
+                                textTransform: sectionproperties.sectionTitleTextTransform,
+                                fontWeight: sectionproperties.sectionTitleFontWeight,
+                            }}
+                        >
+                            {langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar}
+                        </p>
+                    </div>
+                    <div className="col-lg-12 col-md-12 col-sm-12 p-sm-0 d-flex justify-content-center">
+                        <div className={' col-lg-10 col-md-12 col-sm-12 p-sm-0 '}>
+                            <div className=" row m-0 w-100 ">
+                                <form
+                                    className={`${loginstyles.leftcontainer}` + ' col-lg-6 col-md-12 col-sm-12 pt-4 pb-4 d-flex align-items-stretch p-0 '}
+                                    style={{
+                                        background: sectionproperties.formLeftbgColor,
+                                        borderTopRightRadius: langdetect == 'en' ? sectionproperties.formLeft_bordertoprightradius + 'px' : sectionproperties.formLeft_bordertopleftradius + 'px',
+                                        borderTopLeftRadius: langdetect == 'en' ? sectionproperties.formLeft_bordertopleftradius + 'px' : sectionproperties.formLeft_bordertoprightradius + 'px',
+                                        borderBottomRightRadius:
+                                            langdetect == 'en' ? sectionproperties.formLeft_borderbottomrightadius + 'px' : sectionproperties.formLeft_borderbottomleftadius + 'px',
+                                        borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.formLeft_borderbottomleftadius + 'px' : sectionproperties.formLeft_borderbottomrightadius + 'px',
+                                    }}
+                                >
+                                    <div className="row m-0 w-100 d-block p-2 pl-sm-3 pr-sm-3">
+                                        <div className="col-lg-12 col-md-12 col-sm-12 mb-5 p-sm-0">
+                                            <label className={`${loginstyles2.logininputLabel}` + ' m-0 text-transform-none d-flex justify-content-start '}>
+                                                {langdetect == 'en' ? 'E-mail' : 'البريد الإلكترونى'}
+                                            </label>
+                                            <input
+                                                type="text"
+                                                className={`${loginstyles.form_control} ${loginstyles2.form_control}`}
+                                                value={payloadobj.email}
+                                                onChange={(event) => {
+                                                    var temppayloadobj = { ...payloadobj };
+                                                    temppayloadobj.email = event.target.value;
+                                                    setpayloadobj({ ...temppayloadobj });
+                                                }}
+                                            />
+                                            <span className={langdetect == 'en' ? loginstyles.login_input_icon : loginstyles.login_input_icontrans}>
+                                                <i className="h-100 d-flex align-items-center justify-content-center">
+                                                    <AiOutlineUser size={18} />
+                                                </i>
+                                            </span>
+                                        </div>
+                                        <div className="col-lg-12 col-md-12 col-sm-12 p-sm-0">
+                                            <label className={`${loginstyles2.logininputLabel}` + ' m-0 d-flex justify-content-start '}>{langdetect == 'en' ? 'Password' : 'كلمة السر'}</label>
+                                            <input
+                                                className={`${loginstyles.form_control} ${loginstyles2.form_control}`}
+                                                type="password"
+                                                textplaceholder=""
+                                                value={payloadobj.password}
+                                                onChange={(event) => {
+                                                    var temppayloadobj = { ...payloadobj };
+                                                    temppayloadobj.password = event.target.value;
+                                                    setpayloadobj({ ...temppayloadobj });
+                                                }}
+                                            />
+                                            <span className={langdetect == 'en' ? loginstyles.login_input_icon : loginstyles.login_input_icontrans}>
+                                                <i className=" fa fa-at h-100 d-flex align-items-center justify-content-center"></i>
+                                            </span>
+                                        </div>
+                                        <div className="col-lg-12 col-md-12 col-sm-12  mb-3 d-flex justify-content-end mt-1 cursor-pointer text-light text-lighthover font-13 ">
+                                            <p className={'m-0 p-0 '}>{langdetect == 'en' ? 'Forgot Password?' : 'هل نسيت كلمة السر؟'}</p>
+                                        </div>
+                                        <div className="col-lg-12 col-md-12 col-sm-12  d-flex justify-content-center font-13 mb-2">
+                                            <p style={{ color: 'red' }} className="m-0 p-0">
+                                                {statusreason}
+                                            </p>
+                                        </div>
+                                        <div className="col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-3">
+                                            <button
+                                                className={` ${loginstyles2.loginbtn}` + ' d-flex align-items-center justify-content-center '}
+                                                onClick={() => {
+                                                    if (payloadobj.email.length != 0 && payloadobj.password.length != 0) {
+                                                        LoginMutation.mutate(payloadobj);
+                                                    }
+                                                }}
+                                                disabled={LoginMutation.isLoading == true ? true : false}
+                                            >
+                                                {!SocialLoginMutationContext.isLoading && (
+                                                    <>
+                                                        {LoginMutation.isLoading && <CircularProgress color="#fff" width="20px" height="20px" duration="1s" />}
+
+                                                        {!LoginMutation.isLoading && (
+                                                            <span style={{ letterSpacing: langdetect == 'en' ? '1px' : '', textTransform: sectionproperties.login_btn_texttransform }}>
+                                                                {lang.login}
+                                                            </span>
+                                                        )}
+                                                    </>
+                                                )}
+                                                {SocialLoginMutationContext.isLoading && <CircularProgress color="#fff" width="20px" height="20px" duration="1s" />}
+                                            </button>
+                                        </div>
+                                        {/* <div className="col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mt-3 mb-3">
+                                            <p className="m-0 p-0 text-black font-weight-600">{lang.orsigninwith}</p>
+                                        </div> */}
+                                        <div className="col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-2">
+                                            <FacebookLoginButton actions={actions} />
+                                        </div>
+                                        <div className="col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center">
+                                            <GoogleLogin actions={actions} />
+                                        </div>
+                                    </div>
+                                </form>
+                                <div className={' col-lg-6 col-md-12 col-sm-12 d-flex align-items-stretch p-0 '}>
+                                    <div
+                                        className={`${loginstyles.rightContainer}` + ' p-2 row m-0 w-100 d-flex align-items-center justify-content-center pt-md-4 pb-md-4 '}
+                                        style={{
+                                            background: sectionproperties.formRightbgColor,
+                                            borderTopRightRadius: langdetect == 'en' ? sectionproperties.formRight_bordertoprightradius + 'px' : sectionproperties.formRight_bordertopleftradius + 'px',
+                                            borderTopLeftRadius: langdetect == 'en' ? sectionproperties.formRight_bordertopleftradius + 'px' : sectionproperties.formRight_bordertoprightradius + 'px',
+                                            borderBottomRightRadius:
+                                                langdetect == 'en' ? sectionproperties.formRight_borderbottomrightadius + 'px' : sectionproperties.formRight_borderbottomleftadius + 'px',
+                                            borderBottomLeftRadius:
+                                                langdetect == 'en' ? sectionproperties.formRight_borderbottomleftadius + 'px' : sectionproperties.formRight_borderbottomrightadius + 'px',
+                                        }}
+                                    >
+                                        <div className="row m-0 w-100">
+                                            <div className="col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-md-2">
+                                                <p
+                                                    className={` ${loginstyles.rightContainerText}`}
+                                                    style={{
+                                                        color: sectionproperties.formRightTextColor1,
+                                                        fontSize: sectionproperties.formRightTextFontSize1 + 'px',
+                                                        fontWeight: sectionproperties.formRightTextFontWeight1,
+                                                        marginBottom: sectionproperties.formRightTextMarginBottom1 + 'px',
+                                                    }}
+                                                >
+                                                    {langdetect == 'en' ? sectionproperties.formRightText1 : sectionproperties.formRightText1_ar}
+                                                </p>
+                                            </div>
+                                            <div className="col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-md-2">
+                                                <p
+                                                    className={` ${loginstyles.rightContainerText}`}
+                                                    style={{
+                                                        color: sectionproperties.formRightTextColor2,
+                                                        fontSize: sectionproperties.formRightTextFontSize2 + 'px',
+                                                        fontWeight: sectionproperties.formRightTextFontWeight2,
+                                                        marginBottom: sectionproperties.formRightTextMarginBottom2 + 'px',
+                                                    }}
+                                                >
+                                                    {langdetect == 'en' ? sectionproperties.formRightText2 : sectionproperties.formRightText2_ar}
+                                                </p>
+                                            </div>
+
+                                            <div className="col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center">
+                                                <button
+                                                    className={`${loginstyles2.signupbtn} ` + '  pl-4 pr-4 '}
+                                                    onClick={() => {
+                                                        routingcountext(StaticPagesLinksContext.Signup);
+                                                    }}
+                                                >
+                                                    {lang.signup}
+                                                </button>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <form method="POST" action={'/surfer/login'} className="" id={'loginform'} style={{ display: 'none' }}>
+                        <input type="hidden" name="email" value={payloadobj.email} />
+                        <input type="hidden" name="password" value={payloadobj.password} />
+                    </form>
+                </div>
+            )}
+        </div>
+    );
+};
+export default Login;

package/src1-10/TabexComponents/StaticPages/OrderSuccess/OrderSuccess.js

@@ -0,0 +1,192 @@
+import React, { useEffect, useState, useContext } from 'react';
+import { LanguageContext } from '../../../../../../../Contexts/LanguageContext';
+import { FetchingContext } from '../../../../../../../Contexts/FetchingContext';
+import { WebsiteDesignWorkPlaceContext } from '../../../../../../../Contexts/WebsiteDesignWorkPlaceContext';
+import { TemplateRoutingContext } from '../../../../../../../Contexts/TemplateRoutingContext';
+import { BrowserRouter as Router, Switch, Route, Redirect, useParams, useHistory, useLocation } from 'react-router-dom';
+import { useQuery, useQueryClient, useMutation } from 'react-query';
+import { css } from 'glamor';
+import { Page_Template_Fetch_API } from '../../../../../../../components/API/WebsiteDesign_API';
+import { BsBagCheck, BsBagX } from 'react-icons/bs';
+
+const OrderSuccess = (props) => {
+    let history = useHistory();
+    let location = useLocation();
+    const queryClient = useQueryClient();
+    const { lang, langdetect } = useContext(LanguageContext);
+    const { routingcountext, StaticPagesLinksContext } = useContext(TemplateRoutingContext);
+    const { setShowPaymentOnlineModalContext, ApplyPromoCodeMutationContext } = useContext(FetchingContext);
+    const [timer, settimer] = useState(null);
+    const [IsOrderSuccess, setIsOrderSuccess] = useState(false);
+    const [ReasonFail, setReasonFail] = useState('');
+    const { fetch_inst_tabex_websitetemplatesQueryContext, sectionindexcontext, pageindexcontext, ProjectOpenrcTypeContext, TemplateIdContext, INSTAPIKEYCONTEXT } =
+        useContext(WebsiteDesignWorkPlaceContext);
+    const [sectionproperties, setsectionproperties] = useState('');
+    const [CurrentPageId, setCurrentPageId] = useState('');
+    const PageTemplateFetcherQuery = useQuery(
+        [ProjectOpenrcTypeContext == 'workplace' ? 'FetchPages_API' + TemplateIdContext + CurrentPageId : 'FetchPages_API' + INSTAPIKEYCONTEXT + CurrentPageId],
+        () =>
+            Page_Template_Fetch_API(
+                ProjectOpenrcTypeContext == 'workplace'
+                    ? { templateid: TemplateIdContext, pageid: CurrentPageId }
+                    : { INSTAPIKEYCONTEXT: INSTAPIKEYCONTEXT, srctypefrom: 'subdomain', pageid: CurrentPageId },
+            ),
+        {
+            keepPreviousData: true,
+            staleTime: Infinity,
+            enabled: CurrentPageId.length != 0 ? true : false,
+        },
+    );
+    useEffect(() => {
+        const query = new URLSearchParams(location.search);
+        var issuccess = query.get('status');
+
+        if (issuccess == true || issuccess == 1 || issuccess == 'true') {
+            setIsOrderSuccess(true);
+        } else {
+            setIsOrderSuccess(false);
+            setReasonFail(query.get('reason'));
+        }
+    }, []);
+    useEffect(() => {
+        var cartindex = fetch_inst_tabex_websitetemplatesQueryContext.data.data.template.pages.findIndex((x) => x.staticpageid == '62af2f545cebb');
+        if (cartindex >= 0) {
+            setCurrentPageId(fetch_inst_tabex_websitetemplatesQueryContext.data.data.template.pages[cartindex].pageid);
+        }
+    }, [fetch_inst_tabex_websitetemplatesQueryContext.dataUpdatedAt]);
+    useEffect(() => {
+        if (PageTemplateFetcherQuery.isSuccess) {
+            var secpropobj = {};
+            PageTemplateFetcherQuery.data.data.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
+                secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
+            });
+            setsectionproperties({ ...secpropobj });
+        }
+    }, [PageTemplateFetcherQuery.dataUpdatedAt, PageTemplateFetcherQuery.isSuccess]);
+    const {
+        fetchcustomercartQueryContext,
+        FetchQueriesEngineContext,
+        setFetchQueriesEngineContext,
+        fetchTabexCountriesQueryContext,
+        fetchTabexStatesQueryContext,
+        FetchTabexStatesPayloadobjContext,
+        setFetchTabexStatesPayloadobjContext,
+        FetchInstituteZoneDetailsQueryContext,
+        setFetchInstituteZoneDetailsPayloadobj,
+        ChooseState_CountryMutationContext,
+        FetchInstituteZoneDetailsPayloadobj,
+        fetchTabexCitiesQueryContext,
+        AddOrderMutationContext,
+        fetchAuthorizationQueryContext,
+    } = useContext(FetchingContext);
+    const ordersuccessstyle = {
+        ordersuccessbtn: css({
+            background: sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColor,
+            color: sectionproperties.generalbtn_textColor,
+            borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
+            borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
+            borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
+            borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
+            fontSize: sectionproperties.generalbtn_fontsize + 'px',
+            textTransform: sectionproperties.generalbtn_texttransform,
+            width: sectionproperties.generalbtn_width + 'px',
+            height: sectionproperties.generalbtn_height + 'px',
+            fontWeight: sectionproperties.generalbtn_fontweight,
+            transition: '.3s',
+            border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
+            ':hover': {
+                background: sectionproperties.generalbtn_bgColoronhover,
+                color: sectionproperties.generalbtn_textColoronhover,
+            },
+        }),
+    };
+    return (
+        <div
+            className={'row m-0 w-100 justify-content-center mt-4 mb-4 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2'}
+            style={{
+                paddingLeft: sectionproperties.paddingLeft + 'px',
+                paddingRight: sectionproperties.paddingRight + 'px',
+                paddingTop: sectionproperties.paddingTop + 'px',
+                paddingBottom: sectionproperties.paddingBottom + 'px',
+            }}
+        >
+            {IsOrderSuccess && (
+                <div
+                    className="col-lg-12 allcentered flex-column d-none"
+                    style={{
+                        minHeight: '50vh',
+                        background: 'white',
+                        borderRadius: '10px',
+                    }}
+                >
+                    <BsBagCheck size={sectionproperties.icontextfontsize} color={sectionproperties.iconcontainercolor} className="mb-2" />
+                    <p
+                        className="m-0 p-0 wordbreak"
+                        style={{
+                            color: sectionproperties.slideshowText1ContentColor,
+                            fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
+                            fontWeight: sectionproperties.slideshowText1ContentFontWeight,
+                        }}
+                        dangerouslySetInnerHTML={{ __html: langdetect == 'en' ? sectionproperties.text1editortexten : sectionproperties.text1editortextar }}
+                    >
+                        {/* {lang.ordersuccess1} */}
+                    </p>
+                    {/* <p
+                        className="m-0 p-0 wordbreak"
+                        style={{
+                            color: sectionproperties.slideshowText1ContentColor,
+                            fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
+                            fontWeight: sectionproperties.slideshowText1ContentFontWeight,
+                        }}
+                    >
+                        {lang.ordersuccess2}
+                    </p> */}
+                    {fetchAuthorizationQueryContext.data.data.loggedin && (
+                        <button
+                            className={`${ordersuccessstyle.ordersuccessbtn} ` + ' mt-3 d-flex align-items-center justify-content-center '}
+                            onClick={() => {
+                                routingcountext(StaticPagesLinksContext.Ordershistory);
+                            }}
+                        >
+                            {lang.checkyourorder}
+                        </button>
+                    )}
+                </div>
+            )}
+            {!IsOrderSuccess && (
+                <div
+                    className="col-lg-12 allcentered flex-column"
+                    style={{
+                        minHeight: '50vh',
+                        background: 'white',
+                        borderRadius: '10px',
+                    }}
+                >
+                    <BsBagX size={sectionproperties.icontextfontsize} color={sectionproperties.iconcontainercolor} className="mb-2" />
+                    <p
+                        className="m-0 p-0 wordbreak"
+                        style={{
+                            color: sectionproperties.slideshowText2ContentColor,
+                            fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
+                            fontWeight: sectionproperties.slideshowText2ContentFontWeight,
+                        }}
+                        dangerouslySetInnerHTML={{ __html: langdetect == 'en' ? sectionproperties.contenteditor : sectionproperties.text2editortextar }}
+                    >
+                        {/* {lang.ordererror1} */}
+                    </p>
+                    <p
+                        className="m-0 p-0 wordbreak"
+                        style={{
+                            color: sectionproperties.slideshowText2ContentColor,
+                            fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
+                            fontWeight: sectionproperties.slideshowText2ContentFontWeight,
+                        }}
+                    >
+                        {ReasonFail}
+                    </p>
+                </div>
+            )}
+        </div>
+    );
+};
+export default OrderSuccess;