Something went wrong!
\n \n \n )\n}\n\nexport default ErrorFallbackComponent;","import React, { Suspense, lazy } from \"react\";\nimport { Redirect, Switch, Route } from \"react-router-dom\";\nimport { LayoutSplashScreen, ContentRoute } from \"../_metronic/layout\";\nimport { ErrorBoundary } from 'react-error-boundary';\nimport ErrorFallbackComponent from \"./pages/Components/ErrorBoundaryFallbackComponent/ErrorFallbackComponent\";\n\nconst MyPage = lazy(() =>\n import(\"./pages/MyPage\")\n);\nconst DashboardPage = lazy(() =>\n import(\"./pages/DashboardPage\")\n);\nconst CustomersPage = lazy(() =>\n import(\"./pages/CustomersPage\")\n);\nconst VendorsPage = lazy(() =>\n import(\"./pages/VendorsPage\")\n);\nconst VendorsCategoryPage = lazy(() =>\n import(\"./pages/VendorsCategoryPage\")\n);\nconst VendorsSubscriptionPlansPage = lazy(() =>\n import(\"./pages/VendorsSubscriptionPlansPage\")\n);\nconst PaymentMethodMainPage = lazy(() =>\n import(\"./pages/PaymentMethodMainPage\")\n);\nconst AdminBlogs = lazy(() =>\n import(\"./pages/adminBlog/AdminBlogs\")\n);\nconst AdminSettings = lazy(() =>\n import(\"./pages/AdminSettings\")\n);\nconst UserProfilepage = lazy(() =>\n import(\"./modules/UserProfile/UserProfilePage\")\n);\nconst VendorProfile = lazy(() =>\n import(\"./pages/userPages/wedding/VendorProfile\")\n);\nconst VendorPurchaseSubscription= lazy(() =>\n import(\"././modules/Auth/userAuthPages/VendorPurchaseSubscription\")\n);\n\nconst VendorLeads = lazy(() =>\n import(\"./pages/userPages/VendorLeads\")\n);\n\nconst VendorForumSingle = lazy(() =>\n import(\"./pages/userPages/VendorForumSingle\")\n); \n\nexport default function BasePage() {\n // useEffect(() => {\n // console.log('Base page');\n // }, []) // [] - is required if you need only one call\n // https://reactjs.org/docs/hooks-reference.html#useeffect\n\n const errorHandler = (error, errorInfo) => {\n //console.log({error, errorInfo});\n }\n\n return (\n\n
\n \n )\n}\n\nexport default MainScreen;","import * as API from \"../General/api\";\r\n\r\nexport function contactUs(payload) {\r\n return API.postRequest(API.apiUrls.contact.contactUs, payload);\r\n}","import React from 'react';\r\nimport { Card, Form } from 'react-bootstrap';\r\nimport * as Yup from \"yup\"\r\nimport { useFormik } from 'formik';\r\nimport { ApiBaseUrl, apiUrls } from '../../../constants/endpoints';\r\nimport axios from \"axios\"\r\nimport Swal from 'sweetalert2';\r\nimport Spinner from 'react-bootstrap/Spinner';\r\nimport { useState } from 'react';\r\nimport { contactUs } from '../../../services/contactService';\r\n\r\nfunction ContactUs(){\r\n\r\n const [loading, setLoading] = useState(false)\r\n\r\n const validationSchema = Yup.object().shape({\r\n userType: Yup.string()\r\n .required(\"User Type is Required\"),\r\n firstName: Yup.string()\r\n .required(\"First Name is Required\"),\r\n lastName: Yup.string()\r\n .required(\"Last Name is Required\"),\r\n email: Yup.string()\r\n .email(\"Invalid Email\")\r\n .required(\"Email is Required\"),\r\n phone: Yup.number(\"Enter Numbers\")\r\n .required(\"Phone Number is Required\"),\r\n message: Yup.string()\r\n .required(\"Message is Required\"),\r\n })\r\n\r\n const formik = useFormik({\r\n initialValues: {\r\n userType: \"\",\r\n firstName: \"\",\r\n lastName: \"\",\r\n email: \"\",\r\n phone: \"\",\r\n message: \"\"\r\n },\r\n validationSchema: validationSchema,\r\n onSubmit: async (values) => {\r\n try {\r\n setLoading(true)\r\n const payload = {\r\n user_type: values.userType,\r\n email: values.email,\r\n first_name: values.firstName,\r\n last_name: values.lastName,\r\n phone: values.phone,\r\n message: values.message\r\n }\r\n const response = await contactUs(payload)\r\n if(response.data.success == true){\r\n Swal.fire({\r\n icon: \"success\",\r\n title: \"Thank You\",\r\n showConfirmButton: false,\r\n text: \"For contacting us, We'll be in touch soon.\"\r\n })\r\n formik.handleReset()\r\n setLoading(false)\r\n }else{\r\n Swal.fire({\r\n icon: \"error\",\r\n text: response.data.message\r\n })\r\n setLoading(false)\r\n }\r\n } catch (error) {\r\n Swal.fire({\r\n icon: \"error\",\r\n text: error.message\r\n })\r\n setLoading(false)\r\n }\r\n }\r\n })\r\n\r\n return(\r\n <>\r\n \n
\n \n
\n \n \n Welcome to
\n
\n \n Welcome to
Wedding Match!\n
\n \n
\n \n
\n WHO ARE YOU?
\n\n \n \n
\n \r\n
\r\n\r\n Contact Us
\r\nWe would love to hear from you!
\r\n\r\n
\r\n {\r\n formik.touched.userType && formik.errors.userType &&\r\n \r\n
\r\n }\r\n {formik.errors.userType}
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n }\r\n {formik.errors.firstName}
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n }\r\n {formik.errors.lastName}
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n }\r\n {formik.errors.email}
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n }\r\n {formik.errors.phone}
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n }\r\n {formik.errors.message}
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default ContactUs;","\nimport React, { Suspense, lazy, useEffect, useState } from \"react\";\nimport { useParams, useHistory } from \"react-router-dom\";\nimport { useSelector } from \"react-redux\";\nimport { getAllVendorsLeadsCall, getVendorsSingleLeadCall, addVendorsSingleLeadCall, updateVendorsSingleLeadCall, deleteVendorsSingleLeadCall } from '../../services/vendorleads';\nimport { Card, Table, Modal, Button, Form } from 'react-bootstrap';\nimport { useFormik } from \"formik\";\nimport * as Yup from \"yup\";\nimport ComingSoon from '../Components/ComingSoon';\nimport * as Common from \"../../General/common\";\n\nfunction VendorSingleLead() {\n const loggedInUser = useSelector((store) => store.UserLoggedIn.loggedInUser);\n\n const leadTypeMapping = {\n 1: 'Lead',\n 2: 'Qualified Lead',\n 3: 'Customer',\n 4: 'Partner'\n };\n const leadPriorityMapping = {\n 1: 'High',\n 2: 'Medium',\n 3: 'Low'\n }\n\n const optionsLeads = [\n { value: '', label: 'Select an option' },\n { value: 1, label: leadTypeMapping[1] },\n { value: 2, label: leadTypeMapping[2] },\n { value: 3, label: leadTypeMapping[3] },\n { value: 4, label: leadTypeMapping[4] }\n ];\n const optionsPriority = [\n { value: '', label: 'Select an option' },\n { value: 1, label: leadPriorityMapping[1] },\n { value: 2, label: leadPriorityMapping[2] },\n { value: 3, label: leadPriorityMapping[3] }\n ];\n\n const getLeadTypeLabel = (leadTypeValue) => {\n return leadTypeMapping[leadTypeValue] || 'Unknown';\n };\n\n const getLeadPriority = (leadTypeValue) => {\n return leadPriorityMapping[leadTypeValue] || 'Unknown';\n };\n\n\n const [show, setShow] = useState(false);\n const handleClose = () => setShow(false);\n const handleShow = () => setShow(true);\n\n const [initialValues, setInitialValues] = useState({\n vendor_id: 0, // Default value, will be replaced by fetched data\n lead_id: 0,\n email: \"\",\n first_name: \"\",\n last_name: \"\",\n phone_number: \"\",\n lead_type: 0,\n lead_deal: \"\",\n lead_title: \"\",\n lead_priority: 0,\n lead_comment: \"\"\n });\n\n const Schema = Yup.object().shape({\n email: Yup.string()\n .email(\"Invalid email format\")\n .required(\"Email is required\"),\n first_name: Yup.string()\n .required(\"First name is required\"),\n last_name: Yup.string()\n .required(\"Last name is required\"),\n phone_number: Yup.string()\n .required(\"Phone number is required\"),\n lead_type: Yup.string()\n .oneOf(Object.keys(leadTypeMapping), \"Invalid lead type\")\n .required(\"Lead type is required\"),\n lead_title: Yup.string()\n .required(\"Lead title is required\"),\n lead_priority: Yup.string()\n .oneOf(Object.keys(leadPriorityMapping), \"Invalid lead priority\")\n .required(\"Lead priority is required\"),\n\n });\n const history = useHistory();\n\n const { leadId } = useParams();\n const [vendorLeadsResponse, setLeadsResponse] = useState([]);\n const [gettingVendorLeads, setGettingVendorLeads] = useState(false);\n\n\n const formik = useFormik({\n enableReinitialize: true,\n initialValues,\n validationSchema: Schema,\n onSubmit: (values, { setStatus, setSubmitting }) => {\n updateVendorLead(values);\n setSubmitting(false);\n },\n });\n\n\n /// Updating Lead \n const [updatingLead, setUpdatingLead] = useState(false);\n\n const [deletingLead, setDeletingLead] = useState(false);\n\n const updateVendorLead = async (values) => {\n setUpdatingLead(true);\n try {\n const { data } = await updateVendorsSingleLeadCall(values);\n if (data.success) {\n // success scenario\n Common.showSuccessAlertAutoClose(\n data.message,\n \"success\",\n \"Success!\",\n 3000\n );\n formik.resetForm();\n handleClose();\n getVendorLeads();\n } else {\n Common.showSuccessAlertAutoClose(\n data.message,\n \"warning\",\n \"Failed!\",\n 3000\n );\n }\n } catch (err) {\n Common.showSuccessAlertAutoClose(\n \"Some error occured while processing your request!\",\n \"warning\",\n \"Failed!\",\n 3000\n );\n } finally {\n setUpdatingLead(false);\n }\n };\n\n const getVendorLeads = async () => {\n setGettingVendorLeads(true);\n try {\n const values = {\n vendor_id: loggedInUser.vendor_id,\n lead_id: leadId\n };\n const { data } = await getVendorsSingleLeadCall(values);\n if (data.success) {\n setLeadsResponse(data.data);\n setInitialValues({\n lead_id: data.data.lead_id,\n vendor_id: data.data.vendor_id,\n email: data.data.email,\n first_name: data.data.first_name,\n last_name: data.data.last_name,\n phone_number: data.data.phone_number,\n lead_type: data.data.lead_type,\n lead_deal: data.data.lead_deal,\n lead_title: data.data.lead_title,\n lead_priority: data.data.lead_priority,\n lead_comment: data.data.lead_comments[0].lead_comment\n });\n } else {\n setLeadsResponse([])\n }\n } catch {\n setLeadsResponse([])\n } finally {\n setGettingVendorLeads(false);\n }\n };\n\n const deleteVendorLead = async () => {\n setDeletingLead(true);\n try {\n const values = {\n vendor_id: loggedInUser.vendor_id,\n lead_id: leadId\n };\n const { data } = await deleteVendorsSingleLeadCall(values);\n if (data.success) {\n history.push(\n `/vendor-leads`\n );\n } else {\n setLeadsResponse([])\n }\n } catch {\n setLeadsResponse([])\n } finally {\n setDeletingLead(false);\n }\n };\n\n\n useEffect(() => {\n getVendorLeads();\n }, []);\n return (\n <>\n \n
\n\n\n \n
\n \n DELETE LEAD\n
\n \n
\n history.push(`/vendor-lead-activity/${leadId}`)}\n className=\"text-uppercase border-0 btn-primary-product-detail\"\n style={{ backgroundColor: \"#EFD7CE\", color: '#000000', width: '220px', textAlign: 'center', marginTop: '20px' }}\n >\n LEAD ACTIVITY\n
\n \n\n
\n \n
\n \n );\n\n\n}\n\n\nexport default VendorSingleLead;","\nimport React, { Suspense, lazy, useEffect, useState } from \"react\";\nimport { useParams, useHistory } from \"react-router-dom\";\nimport { useSelector } from \"react-redux\";\nimport { getAllVendorsLeadsCall, getVendorsSingleLeadCall, addVendorsSingleLeadCall, updateVendorsSingleLeadCall, deleteVendorsSingleLeadCall, getVendorsSingleLeadActivityCall } from '../../services/vendorleads';\nimport { Card, Table, Modal, Button, Form } from 'react-bootstrap';\nimport { useFormik } from \"formik\";\nimport * as Yup from \"yup\";\nimport ComingSoon from '../Components/ComingSoon';\nimport * as Common from \"../../General/common\";\n\nfunction VendorActivityLead() {\n const loggedInUser = useSelector((store) => store.UserLoggedIn.loggedInUser);\n\n const leadTypeMapping = {\n 1: 'Lead',\n 2: 'Qualified Lead',\n 3: 'Customer',\n 4: 'Partner'\n };\n const leadPriorityMapping = {\n 1: 'High',\n 2: 'Medium',\n 3: 'Low'\n };\n\n const optionsLeads = [\n { value: '', label: 'Select an option' },\n { value: 1, label: leadTypeMapping[1] },\n { value: 2, label: leadTypeMapping[2] },\n { value: 3, label: leadTypeMapping[3] },\n { value: 4, label: leadTypeMapping[4] }\n ];\n const optionsPriority = [\n { value: '', label: 'Select an option' },\n { value: 1, label: leadPriorityMapping[1] },\n { value: 2, label: leadPriorityMapping[2] },\n { value: 3, label: leadPriorityMapping[3] }\n ];\n\n const getLeadTypeLabel = (leadTypeValue) => {\n return leadTypeMapping[leadTypeValue] || 'Unknown';\n };\n\n const getLeadPriority = (leadTypeValue) => {\n return leadPriorityMapping[leadTypeValue] || 'Unknown';\n };\n\n const history = useHistory();\n const { leadId } = useParams();\n const [filter, setFilter] = useState('');\n const [vendorLeadsResponse, setLeadsResponse] = useState([]);\n const [gettingVendorLeads, setGettingVendorLeads] = useState(false);\n\n const getVendorActivityLeads = async () => {\n setGettingVendorLeads(true);\n try {\n const values = {\n vendor_id: loggedInUser.vendor_id,\n lead_id: Number(leadId)\n };\n const { data } = await getVendorsSingleLeadActivityCall(values);\n if (data.success) {\n // Sort by created_at in descending order\n const sortedData = data.data.sort((a, b) => new Date(b.created_at) - new Date(a.created_at));\n setLeadsResponse(sortedData);\n } else {\n setLeadsResponse([]);\n }\n } catch {\n setLeadsResponse([]);\n } finally {\n setGettingVendorLeads(false);\n }\n };\n\n useEffect(() => {\n getVendorActivityLeads();\n }, []);\n\n // Handle filtering based on the search input\n const filteredLeads = vendorLeadsResponse.filter((activity) =>\n activity.activity_details.toLowerCase().includes(filter.toLowerCase())\n );\n\n const formatDate = (dateString) => {\n const date = new Date(dateString);\n const year = date.getFullYear();\n const month = String(date.getMonth() + 1).padStart(2, '0'); // Months are zero-indexed\n const day = String(date.getDate()).padStart(2, '0');\n const hours = String(date.getHours()).padStart(2, '0');\n const minutes = String(date.getMinutes()).padStart(2, '0');\n\n return `${year}-${month}-${day} ${hours}:${minutes}`;\n };\n\n return (\n <>\n \n \n First Name \n \n
\n \n
\n ) : null}\n {formik.errors.first_name}
\n \n \n Last Name \n \n
\n\n \n
\n ) : null}\n {formik.errors.last_name}
\n \n \n Email \n \n
\n\n \n
\n ) : null}\n {formik.errors.email}
\n \n \n Phone Number \n \n
\n\n \n
\n ) : null}\n {formik.errors.phone_number}
\n \n \n Type \n \n {optionsLeads.map((option) => (\n \n ))}\n \n {formik.touched.lead_type && formik.errors.lead_type ? (\n \n
\n\n \n
\n ) : null}\n {formik.errors.lead_type}
\n \n \n Priority \n \n {optionsPriority.map((option) => (\n \n ))}\n \n {formik.touched.lead_priority && formik.errors.lead_priority ? (\n \n
\n\n \n
\n ) : null}\n {formik.errors.lead_priority}
\n \n \n Title \n \n
\n\n \n
\n ) : null}\n {formik.errors.lead_title}
\n \n \n Deal \n \n
\n\n \n
\n ) : null}\n {formik.errors.lead_deal}
\n \n \n Comment \n \n
\n\n \n
\n ) : null}\n {formik.errors.lead_comment}
\n \n
\n\n\n \n {/* Other elements here */}\n {\n formik.handleSubmit();\n }}\n >\n Update Lead\n {\n (formik.isSubmitting || updatingLead) && \n }\n \n
\n LEAD ACTIVITY
\n \n \n \n
\n
\n \n );\n}\n\nexport default VendorActivityLead;","import React, { Suspense, lazy, useEffect, useState } from \"react\";\nimport { Switch, Route, Redirect } from \"react-router-dom\";\nimport { LayoutSplashScreen } from \"../_metronic/layout\";\nimport { useSelector } from \"react-redux\";\nimport { FaRegTimesCircle } from \"react-icons/fa\";\nimport { useDispatch } from \"react-redux\";\nimport { setShowMenu } from \"../store/showMenu/actions\";\nimport { ErrorBoundary } from 'react-error-boundary';\nimport ErrorFallbackComponent from \"./pages/Components/ErrorBoundaryFallbackComponent/ErrorFallbackComponent\";\nimport ContactUs from \"./pages/userPages/footerPages/ContactUs\";\nimport VendorForumSingle from \"./pages/userPages/VendorForumSingle\";\nimport VendorSingleLead from \"./pages/userPages/VendorSingleLead\";\nimport VendorActivityLead from \"./pages/userPages/VendorActivityLead\";\n\n\nconst Dashboard = lazy(() =>\n import(\"./pages/userPages/Dashboard\")\n);\nconst Events = lazy(() =>\nimport(\"./pages/userPages/EventsPages\")\n);\n\nconst Inquiries = lazy(() =>\n import(\"./pages/userPages/Inquiries\")\n);\nconst AsideMenu = lazy(() =>\n import(\"./pages/Components/AsideMenu\")\n);\nconst Settings = lazy(() =>\n import(\"./pages/userPages/Settings\")\n);\nconst Subscription = lazy(() =>\n import(\"./pages/userPages/Subscription\")\n);\nconst VendorForum = lazy(() =>\n import(\"./pages/userPages/VendorForum\")\n);\nconst GuestList = lazy(() =>\nimport(\"./pages/userPages/planning/GuestList\")\n);\nconst WeddingPage = lazy(() =>\n import(\"./pages/userPages/wedding/WeddingPage\")\n);\nconst WeddingRituals = lazy(() =>\nimport(\"./pages/userPages/wedding/WeddingRituals\")\n);\nconst PlanningMain = lazy(() =>\n import(\"./pages/userPages/planning/PlanningMain\")\n);\nconst SeatingChart = lazy(() =>\nimport(\"./pages/userPages/planning/SeatingChart\")\n);\nconst BudgetTool = lazy(() =>\n import(\"./pages/userPages/planning/BudgetTool\")\n);\nconst VendorProfile = lazy(() =>\nimport(\"./pages/userPages/wedding/VendorProfile\")\n);\nconst EngagementPage = lazy(() =>\n import(\"./pages/userPages/engagement/EngagementPage\")\n);\nconst ColorInspiration = lazy(() =>\nimport(\"./pages/userPages/planning/ColorInspiration\")\n);\nconst HashtagGenerator = lazy(() =>\n import(\"./pages/userPages/planning/HashtagGenerator\")\n);\nconst AdvertiseWithUs = lazy(() =>\nimport(\"./pages/userPages/footerPages/AdvertiseWithUs\")\n);\nconst AboutUs = lazy(() =>\n import(\"./pages/userPages/footerPages/AboutUs\")\n);\nconst FAQ = lazy(() =>\nimport(\"./pages/userPages/footerPages/FAQ\")\n);\nconst PrivacyPolicy = lazy(() =>\nimport(\"./pages/userPages/footerPages/privacyPolicy\")\n);\nconst TermsAndConditions = lazy(() =>\nimport(\"./pages/userPages/footerPages/TermsAndConditions\")\n);\nconst VendorSupport = lazy(() =>\nimport(\"./pages/userPages/footerPages/VendorSupport\")\n);\nconst HoneymoonPage = lazy(() =>\nimport(\"./pages/userPages/honeymoon/HoneymoonPage\")\n);\nconst HoneymoonSections = lazy(() =>\nimport(\"./pages/userPages/honeymoon/HoneymoonSections\")\n);\nconst InspoBlog = lazy(() =>\nimport(\"./pages/userPages/inspo/InspoBlog\")\n);\nconst BlogDetail = lazy(() =>\nimport(\"./pages/userPages/inspo/BlogDetail\")\n);\nconst CheckList = lazy(() =>\nimport(\"./pages/userPages/planning/CheckList\")\n);\nconst Messages = lazy(() =>\nimport(\"./pages/userPages/Messages\")\n);\nconst Sweepstakes = lazy(() =>\nimport(\"./pages/userPages/sweepstakes/SweepstakesForm\")\n);\nconst WebsiteCatalogMain = lazy(() =>\nimport(\"./pages/userPages/website/WebsiteCatalogMain\")\n);\nconst CreateWebsiteAllDesigns = lazy(() =>\nimport(\"./pages/userPages/website/createWebsite/CreateWebsiteAllDesigns\")\n);\nconst SelectedTheme = lazy(() =>\nimport(\"./pages/userPages/website/createWebsite/SelectedTheme\")\n);\n\nconst VendorLeads = lazy(() =>\n import(\"./pages/userPages/VendorLeads\")\n );\nconst VendorList = lazy(() =>\nimport(\"./pages/userPages/VendorList\")\n);\nconst Registry = lazy(() =>\nimport(\"./pages/userPages/Registry\")\n);\nconst Website = lazy(() =>\nimport(\"./pages/userPages/Website\")\n);\nconst SiteHomePage = lazy(() =>\nimport(\"./pages/userPages/website/createWebsite/SiteHomePage\")\n);\nconst SiteSchedulePage = lazy(() =>\nimport(\"./pages/userPages/website/createWebsite/SiteSchedulePage\")\n);\nconst SiteTravelPage = lazy(() =>\nimport(\"./pages/userPages/website/createWebsite/SiteTravelPage\")\n);\nconst SiteWeddingPartyPage = lazy(() =>\nimport(\"./pages/userPages/website/createWebsite/SiteWeddingPartyPage\")\n);\nconst SiteThingsToDoPage = lazy(() =>\nimport(\"./pages/userPages/website/createWebsite/SiteThingsToDoPage\")\n);\nconst SiteFAQsPage = lazy(() =>\nimport(\"./pages/userPages/website/createWebsite/SiteFAQsPage\")\n);\nconst Reviews = lazy(() =>\nimport(\"./pages/userPages/Reviews\")\n);\nconst SiteUsPage = lazy(() =>\nimport(\"./pages/userPages/website/createWebsite/SiteUsPage\")\n);\nconst SiteRsvpPage = lazy(() =>\nimport(\"./pages/userPages/website/createWebsite/SiteRsvpPage\")\n);\nconst SiteHomePreviewPage = lazy(() =>\nimport(\"./pages/userPages/website/createWebsite/previewPages/SiteHomePreviewPage\")\n);\nconst SiteSchedulePreviewPage = lazy(() =>\nimport(\"./pages/userPages/website/createWebsite/previewPages/SiteSchedulePreviewPage\")\n);\nconst SiteTravelPreviewPage = lazy(() =>\nimport(\"./pages/userPages/website/createWebsite/previewPages/SiteTravelPreviewPage\")\n);\nconst SiteFAQsPreviewPage = lazy(() =>\nimport(\"./pages/userPages/website/createWebsite/previewPages/SiteFAQsPreviewPage\")\n);\nconst SiteUsPreviewPage = lazy(() =>\nimport(\"./pages/userPages/website/createWebsite/previewPages/SiteUsPreviewPage\")\n);\nconst SiteThingsToDoPreviewPage = lazy(() =>\nimport(\"./pages/userPages/website/createWebsite/previewPages/SiteThingsToDoPreviewPage\")\n);\nconst SiteRsvpPreviewPage = lazy(() =>\nimport(\"./pages/userPages/website/createWebsite/previewPages/SiteRsvpPreviewPage\")\n);\nconst SiteWeddingPartyPreviewPage = lazy(() =>\nimport(\"./pages/userPages/website/createWebsite/previewPages/SiteWeddingPartyPreviewPage\")\n);\nconst SweepstakesMainPage = lazy(() =>\nimport(\"./pages/userPages/sweepstakes/SweepstakesMainPage\")\n);\nconst SweepstakesSuccess = lazy(() =>\nimport(\"./pages/userPages/sweepstakes/SweepstakesSuccess\")\n);\nconst Paymentslist = lazy(() =>\nimport(\"./pages/userPages/vendorpayments/Paymentslist\")\n);\nconst SeatingChartGuestQuest = lazy(() =>\nimport(\"./pages/userPages/planning/SeatingChartGuestQuest\")\n);\nconst ComingSoon = lazy(() =>\nimport(\"./pages/Components/ComingSoon\")\n);\nconst NotFound404Page = lazy(() =>\nimport(\"./pages/404/NotFound404Page\")\n);\nconst Site404Page = lazy(() =>\nimport(\"./pages/userPages/website/createWebsite/previewPages/Site404Page\")\n);\nconst RegistryMain = lazy(() =>\nimport(\"./pages/userPages/registry/RegistryMain\")\n);\nconst SiteRegistryPage = lazy(() =>\nimport(\"./pages/userPages/website/createWebsite/SiteRegistryPage\")\n);\nconst SiteRegistryPreviewPage = lazy(() =>\nimport(\"./pages/userPages/website/createWebsite/previewPages/SiteRegistryPreviewPage\")\n);\nconst VendorPurchaseSubscription= lazy(() =>\nimport(\"././modules/Auth/userAuthPages/VendorPurchaseSubscription\")\n);\n\nconst SubscriptionPlans = lazy(() =>\nimport(\"./pages/SubscriptionPlans\")\n);\n\nconst SubscriptionViewPlan = lazy(() =>\nimport(\"./pages/SubscriptionViewPlan\")\n);\n\nconst HoneymoonQuizPage = lazy(() => \nimport(\"./pages/userPages/honeymoon/honeymoonQuiz/HoneymoonQuizPage\")\n);\n\nconst HoneymoonQuizResult = lazy(() =>\nimport(\"./pages/userPages/honeymoon/honeymoonQuiz/HoneymoonQuizResult\")\n);\n\nfunction RoutesMain() {\n\n const [profileImage, setProfileImage] = useState(null);\n // const [show_menu, setshow_menu] = useState(false);\n const dispatch = useDispatch();\n const show_menu = useSelector((store) => store.ShowMenu.show_menu);\n const loggedInUser = useSelector((store) => store.UserLoggedIn.loggedInUser);\n\n \n\n useEffect(() => {\n if (\n loggedInUser?.profile_image !== null ||\n loggedInUser?.profile_image !== undefined ||\n loggedInUser?.profile_image !== \"\"\n ) {\n setProfileImage(loggedInUser?.profile_image);\n }\n }, [loggedInUser?.profile_image]);\n\n const handleShowMenu = () => {\n dispatch(setShowMenu(true));\n setSidebarBtn(true);\n };\n\n const handleHideMenu = () => {\n dispatch(setShowMenu(false));\n };\n\n const [sidebarBtn, setSidebarBtn] = useState(false);\n\n useEffect(() => {\n function handleResize() {\n if (window.innerWidth < \"992\") {\n setSidebarBtn(false);\n } else {\n setSidebarBtn(false);\n }\n //console.log('resized to: ', window.innerWidth, 'x', window.innerHeight)\n }\n\n window.addEventListener(\"resize\", handleResize);\n \n return () => {\n window.removeEventListener(\"resize\", handleResize);\n };\n }, []);\n\n const errorHandler = (error, errorInfo) => {\n //console.log({error, errorInfo});\n }\n\n \n\n return (\n \n <>\n \n | Activity Type | \nActivity Details | \nCreated At | \n
|---|---|---|
| {activity.activity_type} | \n{activity.activity_details} | \n{formatDate(activity.created_at)} | \n
\n \n \n \n
*/}\n \n \n {sidebarBtn && (\n \n \n
\n )}\n {/*\n \n Menu\n
\n\n
\n \n
\n \n
\n \n {loggedInUser?.name}\n
\n\n {loggedInUser?.email}\n
\n\n
\n \n \n
\n \n \n \n \n \n \n );\n}\n\nexport default RoutesMain;\n","import React, { Suspense, lazy } from 'react';\nimport {\n Switch,\n Route,\n Redirect\n} from 'react-router-dom';\nimport { LayoutSplashScreen } from \"../../../../_metronic/layout\";\nimport { ErrorBoundary } from 'react-error-boundary';\nimport ErrorFallbackComponent from '../../../pages/Components/ErrorBoundaryFallbackComponent/ErrorFallbackComponent';\nimport ContactUs from '../../../pages/userPages/footerPages/ContactUs';\n\n\n\nconst EventsPage = lazy(() =>\n import(\"../../../pages/userPages/EventsPages\")\n);\n\nconst SignUp = lazy(() =>\n import(\"./SignUp\")\n);\nconst Login = lazy(() =>\n import(\"./Login\")\n);\nconst SignUpForm = lazy(() =>\n import(\"./SignUpForm\")\n);\nconst WeddingPage = lazy(() =>\n import(\"../../../pages/userPages/wedding/WeddingPage\")\n);\nconst WeddingRituals = lazy(() =>\n import(\"../../../pages/userPages/wedding/WeddingRituals\")\n);\nconst PlanningMain = lazy(() =>\n import(\"../../../pages/userPages/planning/PlanningMain\")\n);\nconst SeatingChart = lazy(() =>\n import(\"../../../pages/userPages/planning/SeatingChart\")\n);\nconst BudgetTool = lazy(() =>\n import(\"../../../pages/userPages/planning/BudgetTool\")\n);\nconst GetStarted = lazy(() =>\n import(\"./GetStarted\")\n);\nconst VendorProfile = lazy(() =>\n import(\"../../../pages/userPages/wedding/VendorProfile\")\n);\nconst SignUpCouple = lazy(() =>\n import(\"./SignUpCouple\")\n);\nconst SignUpVendor = lazy(() =>\n import(\"./SignUpVendor\")\n);\nconst SignUpVendorCustom = lazy(() =>\n import(\"./SignUpVendorCustom\")\n);\nconst VendorChoosePlan = lazy(() =>\n import(\"./VendorChoosePlan\")\n);\n\nconst VendorChoosePlanCustom = lazy(() =>\n import(\"./VendorChoosePlanCustom\")\n);\nconst VendorPlanCustomization = lazy(() =>\n import(\"./VendorPlanCustomization\")\n);\nconst VendorPurchaseSubscription = lazy(() =>\n import(\"./VendorPurchaseSubscription\")\n);\n\nconst VendorPurchaseSubscriptionCustom = lazy(() =>\n import(\"./VendorPurchaseSubscriptionCustom\")\n);\nconst VendorPurchaseSuccess = lazy(() =>\n import(\"./VendorPurchaseSuccess\")\n);\nconst VendorAccountCreate = lazy(() =>\n import(\"./VendorAccountCreate\")\n);\nconst EngagementPage = lazy(() =>\n import(\"../../../pages/userPages/engagement/EngagementPage\")\n);\nconst ColorInspiration = lazy(() =>\n import(\"../../../pages/userPages/planning/ColorInspiration\")\n);\nconst HashtagGenerator = lazy(() =>\n import(\"../../../pages/userPages/planning/HashtagGenerator\")\n);\nconst AdvertiseWithUs = lazy(() =>\n import(\"../../../pages/userPages/footerPages/AdvertiseWithUs\")\n);\nconst AboutUs = lazy(() =>\n import(\"../../../pages/userPages/footerPages/AboutUs\")\n);\nconst FAQ = lazy(() =>\n import(\"../../../pages/userPages/footerPages/FAQ\")\n);\nconst PrivacyPolicy = lazy(() =>\n import(\"../../../pages/userPages/footerPages/privacyPolicy\")\n);\nconst TermsAndConditions = lazy(() =>\n import(\"../../../pages/userPages/footerPages/TermsAndConditions\")\n);\nconst VendorSupport = lazy(() =>\n import(\"../../../pages/userPages/footerPages/VendorSupport\")\n);\nconst HoneymoonPage = lazy(() =>\n import(\"../../../pages/userPages/honeymoon/HoneymoonPage\")\n);\nconst HoneymoonSections = lazy(() =>\n import(\"../../../pages/userPages/honeymoon/HoneymoonSections\")\n);\nconst InspoBlog = lazy(() =>\n import(\"../../../pages/userPages/inspo/InspoBlog\")\n);\nconst BlogDetail = lazy(() =>\n import(\"../../../pages/userPages/inspo/BlogDetail\")\n);\nconst CheckList = lazy(() =>\n import(\"../../../pages/userPages/planning/CheckList\")\n);\nconst Sweepstakes = lazy(() =>\n import(\"../../../pages/userPages/sweepstakes/SweepstakesForm\")\n);\nconst WebsiteCatalogMain = lazy(() =>\n import(\"../../../pages/userPages/website/WebsiteCatalogMain\")\n);\nconst CreateWebsiteAllDesigns = lazy(() =>\n import(\"../../../pages/userPages/website/createWebsite/CreateWebsiteAllDesigns\")\n);\nconst SelectedTheme = lazy(() =>\n import(\"../../../pages/userPages/website/createWebsite/SelectedTheme\")\n);\nconst SweepstakesMainPage = lazy(() =>\n import(\"../../../pages/userPages/sweepstakes/SweepstakesMainPage\")\n);\nconst SweepstakesSuccess = lazy(() =>\n import(\"../../../pages/userPages/sweepstakes/SweepstakesSuccess\")\n);\nconst SiteHomePreviewPage = lazy(() =>\n import(\"../../../pages/userPages/website/createWebsite/previewPages/SiteHomePreviewPage\")\n);\nconst SiteSchedulePreviewPage = lazy(() =>\n import(\"../../../pages/userPages/website/createWebsite/previewPages/SiteSchedulePreviewPage\")\n);\nconst SiteTravelPreviewPage = lazy(() =>\n import(\"../../../pages/userPages/website/createWebsite/previewPages/SiteTravelPreviewPage\")\n);\nconst SiteWeddingPartyPreviewPage = lazy(() =>\n import(\"../../../pages/userPages/website/createWebsite/previewPages/SiteWeddingPartyPreviewPage\")\n);\nconst SiteThingsToDoPreviewPage = lazy(() =>\n import(\"../../../pages/userPages/website/createWebsite/previewPages/SiteThingsToDoPreviewPage\")\n);\nconst SiteFAQsPreviewPage = lazy(() =>\n import(\"../../../pages/userPages/website/createWebsite/previewPages/SiteFAQsPreviewPage\")\n);\nconst SiteUsPreviewPage = lazy(() =>\n import(\"../../../pages/userPages/website/createWebsite/previewPages/SiteUsPreviewPage\")\n);\nconst SiteRsvpPreviewPage = lazy(() =>\n import(\"../../../pages/userPages/website/createWebsite/previewPages/SiteRsvpPreviewPage\")\n);\nconst SiteRegistryPreviewPage = lazy(() =>\n import(\"../../../pages/userPages/website/createWebsite/previewPages/SiteRegistryPreviewPage\")\n);\nconst NotFound404Page = lazy(() =>\n import(\"../../../pages/404/NotFound404Page\")\n);\nconst EnterEmail = lazy(() =>\n import(\"./EnterEmail\")\n);\nconst RecoverPassword = lazy(() =>\n import(\"./RecoverPassword\")\n);\nconst Site404Page = lazy(() =>\n import(\"../../../pages/userPages/website/createWebsite/previewPages/Site404Page\")\n);\nconst ComingSoon = lazy(() =>\n import(\"../../../pages/Components/ComingSoon\")\n);\nconst RegistryMain = lazy(() =>\n import(\"../../../pages/userPages/registry/RegistryMain\")\n);\nconst SubscriptionPlans = lazy(() =>\n import(\"../../../pages/SubscriptionPlans\")\n);\nconst SubscriptionViewPlan = lazy(() =>\n import(\"../../../pages/SubscriptionViewPlan\")\n);\n\nconst HoneymoonQuizPage = lazy(() => \nimport(\"../../../pages/userPages/honeymoon/honeymoonQuiz/HoneymoonQuizPage\")\n);\n\nconst HoneymoonQuizResult = lazy(() =>\nimport(\"../../../pages/userPages/honeymoon/honeymoonQuiz/HoneymoonQuizResult\")\n);\n\n\nconst AuthPage = () => {\n\n const errorHandler = (error, errorInfo) => {\n // console.log({error, errorInfo});\n }\n\n return(\n \n \n \n \n \n \n
\n )\n}\n\nexport default AuthPage;","import React from 'react';\nimport { Skeleton } from 'antd';\n\nfunction EngagementMenuSkeletonLoader(){\n return(\n <>\n \n {\n new Array(5).fill().map((x) => {\n return(\n
\n \n )\n}\n\nexport default EngagementMenuSkeletonLoader;","import React, { useEffect, useState } from \"react\";\r\nimport { Link, useHistory } from \"react-router-dom\";\r\nimport { setUserRole } from \"../../../store/userRole/actions\";\r\nimport { setLoggedInUser } from \"../../../store/userLoggedIn/actions\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { setHowToDecideClicked } from \"../../../store/howToDecideClicked/actions\";\r\nimport { toast } from \"../../General/common\";\r\nimport { getGlobalEventFiltersCall } from \"../../services/user-services/vendorSignUpService\";\r\nimport { CustomLoader } from \"./customLoader\";\r\nimport { getHoneymoonLocationsCall } from \"../../services/user-services/honeymoonLocationsService\";\r\nimport { setHoneymoonLocationSelected } from \"../../../store/honeymoonLocationSelected/actions\";\r\nimport { setSignupIncompleteUser } from \"../../../store/signupIncompleteUser/actions\";\r\nimport { getBlogCategoriesCall, getPublicBlogCategoriesCall } from \"../../services/adminBlogService\";\r\nimport MenuSkeletonLoader from \"./SkeletonLoaders/MenuSkeletonLoader\";\r\nimport EngagementMenuSkeletonLoader from \"./SkeletonLoaders/EngagementMenuSkeletonLoader\";\r\nimport DataNotFoundEmpty from \"./DataNotFound/DataNotFoundEmpty\";\r\nimport { Dropdown } from 'react-bootstrap';\r\nimport { FaBars, FaRegTimesCircle } from \"react-icons/fa\";\r\n\r\nfunction Header() {\r\n const [profileImage, setProfileImage] = useState(null);\r\n const [showDropdown, setShowDropdown] = useState(false);\r\n const [showPlanningDropdown, setShowPlanningDropdown] = useState(false);\r\n const [showEngagementDropdown, setShowEngagementDropdown] = useState(false);\r\n const [showWeddingDropdown, setShowWeddingDropdown] = useState(false);\r\n const [showHoneyMoonDropdown, setShowHoneyMoonDropdown] = useState(false);\r\n const [showInspoDropdown, setShowInspoDropdown] = useState(false);\r\n const [showTopMenu, setShowTopMenu] = useState(false);\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n const loggedInUser = useSelector((store) => store.UserLoggedIn.loggedInUser);\r\n const signup_incomplete_user = useSelector(\r\n (store) => store.SignupIncompleteUser.signup_incomplete_user\r\n );\r\n\r\n const admin_settings = useSelector((store) => store.AdminSettings.admin_settings);\r\n\r\n const [weddingFiltersLoading, setWeddingFiltersLoading] = useState(false);\r\n const [weddingFiltersList, setWeddingFiltersList] = useState([]);\r\n\r\n const [engagementFiltersLoading, setEngagementFiltersLoading] = useState(\r\n false\r\n );\r\n const [engagementFiltersList, setEngagementFiltersList] = useState([]);\r\n\r\n const [honeymoonLocationsLoading, setHoneymoonLocationsLoading] = useState(\r\n false\r\n );\r\n const [honeymoonLocationsList, setHoneymoonLocationsList] = useState([]);\r\n\r\n const [inspoCategoriesLoading, setInspoCategoriesLoading] = useState(\r\n false\r\n );\r\n const [inspoCategoriesList, setInspoCategoriesList] = useState([]);\r\n\r\n /* GET inspo categories FUNCTION STARTS */\r\n\r\n // function which fetches the inspo categories\r\n const getInspoCategories = async () => {\r\n setInspoCategoriesLoading(true);\r\n try {\r\n const { data } = await getPublicBlogCategoriesCall();\r\n //console.log(\"InspoCategoriesResponse\", data);\r\n if (data.success) {\r\n // success scenario\r\n if (data?.data?.length > 0) {\r\n setInspoCategoriesList(data.data);\r\n } else {\r\n setInspoCategoriesList([]);\r\n }\r\n } else {\r\n setInspoCategoriesList([]);\r\n }\r\n } catch {\r\n setInspoCategoriesList([]);\r\n } finally {\r\n setInspoCategoriesLoading(false);\r\n }\r\n };\r\n\r\n /* GET inspo categories FUNCTION ENDS */\r\n\r\n\r\n /* GET wedding filters FUNCTION STARTS */\r\n\r\n // function which fetches the wedding filters\r\n const getWeddingFilters = async () => {\r\n setWeddingFiltersLoading(true);\r\n try {\r\n const { data } = await getGlobalEventFiltersCall(\"wedding\");\r\n //console.log(\"WeddingFiltersResponse\", data);\r\n if (data.success) {\r\n // success scenario\r\n if (data?.data?.categories?.length > 0) {\r\n setWeddingFiltersList(data.data?.categories);\r\n } else {\r\n setWeddingFiltersList([]);\r\n }\r\n } else {\r\n setWeddingFiltersList([]);\r\n }\r\n } catch {\r\n setWeddingFiltersList([]);\r\n } finally {\r\n setWeddingFiltersLoading(false);\r\n }\r\n };\r\n\r\n /* GET wedding filters FUNCTION ENDS */\r\n\r\n /* GET honeymoon locations FUNCTION STARTS */\r\n\r\n // function which fetches the honeymoon locations\r\n const getHoneymoonLocations = async () => {\r\n setHoneymoonLocationsLoading(true);\r\n try {\r\n const { data } = await getHoneymoonLocationsCall();\r\n //console.log(\"HoneymoonLocationsResponse\", data);\r\n if (data.success) {\r\n // success scenario\r\n //setHoneymoonLocationsLoading(false);\r\n if (data.data.length > 0) {\r\n setHoneymoonLocationsList(data.data);\r\n } else {\r\n setHoneymoonLocationsList([]);\r\n }\r\n } else {\r\n //setHoneymoonLocationsLoading(false);\r\n setHoneymoonLocationsList([]);\r\n }\r\n } catch {\r\n //setHoneymoonLocationsLoading(false);\r\n setHoneymoonLocationsList([]);\r\n } finally {\r\n setHoneymoonLocationsLoading(false);\r\n }\r\n };\r\n\r\n // function which fetches the engagement filters\r\n const getEngagementFilters = async () => {\r\n setEngagementFiltersLoading(true);\r\n try {\r\n const { data } = await getGlobalEventFiltersCall(\"engagement\");\r\n //console.log(\"EngagementFiltersResponse\", data);\r\n if (data.success) {\r\n // success scenario\r\n if (data?.data?.sub_events?.length > 0) {\r\n setEngagementFiltersList(data.data?.sub_events);\r\n } else {\r\n setEngagementFiltersList([]);\r\n }\r\n } else {\r\n setEngagementFiltersList([]);\r\n }\r\n } catch {\r\n setEngagementFiltersList([]);\r\n } finally {\r\n setEngagementFiltersLoading(false);\r\n }\r\n };\r\n\r\n /* GET Engagement filters FUNCTION ENDS */\r\n\r\n useEffect(() => {\r\n getWeddingFilters();\r\n getEngagementFilters();\r\n getHoneymoonLocations();\r\n getInspoCategories();\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (\r\n loggedInUser?.profile_image !== null ||\r\n loggedInUser?.profile_image !== undefined ||\r\n loggedInUser?.profile_image !== \"\"\r\n ) {\r\n setProfileImage(loggedInUser?.profile_image);\r\n }\r\n }, [loggedInUser?.profile_image]);\r\n\r\n const handleDropdownToggle = () => {\r\n setShowPlanningDropdown(!showPlanningDropdown);\r\n };\r\n const handleEngagementDropdownToggle = () => {\r\n setShowEngagementDropdown(!showEngagementDropdown);\r\n };\r\n const handleWeddingDropdownToggle = () => {\r\n setShowWeddingDropdown(!showWeddingDropdown);\r\n };\r\n const handleHoneyMoonDropdownToggle = () => {\r\n setShowHoneyMoonDropdown(!showHoneyMoonDropdown);\r\n };\r\n const handleInspoDropdownToggle = () => {\r\n setShowInspoDropdown(!showInspoDropdown);\r\n };\r\n \r\n return (\r\n <>\r\n {/* Header for large screen */}\r\n \r\n ![\"The]({\"/media/svgs/logo_2.svg\"})
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n ![\"Wedding]({\"/media/svgs/logo_1.svg\"})
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {/* */}\r\n \r\n\r\n {/* WEDDING HOVER DROPDOWN BELOW */}\r\n - \r\n {loggedInUser?.role === \"vendor\" ||\r\n signup_incomplete_user?.role === \"vendor\" ? null : (\r\n
- \r\n
- \r\n
- \r\n
- \r\n
- \r\n
- \r\n
- \r\n
\r\n
\r\n \r\n {/* PLANNING HOVER DROPDOWN BELOW */}\r\n VENDORS
\r\n\r\n {weddingFiltersLoading ? (\r\n \r\n (document.getElementById(\r\n \"wedding-hover-dropdown\"\r\n ).style.display = \"none\")\r\n }\r\n >\r\n {el?.name === \"Bands and DJs\" ? (\r\n ![](\"/media/svgs/band-DJ.svg\")
\r\n ) : el?.name === \"Catering\" ? (\r\n ![](\"/media/svgs/catering.svg\")
\r\n ) : el?.name === \"Favors and Gifts\" ? (\r\n ![](\"/media/svgs/gifts.svg\")
\r\n ) : el?.name === \"Photography\" ? (\r\n ![](\"/media/svgs/photography.svg\")
\r\n ) : el?.name === \"Transportation\" ? (\r\n ![](\"/media/svgs/transportation.svg\")
\r\n ) : el?.name === \"Videography\" ? (\r\n ![](\"/media/svgs/videography.svg\")
\r\n ) : el?.name === \"Bartenders\" ? (\r\n ![](\"/media/svgs/bartenders.svg\")
\r\n ) : el?.name === \"Ceremony Music\" ? (\r\n ![](\"/media/svgs/ceremony-music.svg\")
\r\n ) : el?.name === \"Flowers\" ? (\r\n ![](\"/media/svgs/flowers.svg\")
\r\n ) : el?.name === \"Photobooths\" ? (\r\n ![](\"/media/svgs/photobooths.svg\")
\r\n ) : el?.name === \"Travel Agents\" ? (\r\n ![](\"/media/svgs/travel-agents.svg\")
\r\n ) : el?.name === \"Wedding Planners\" ? (\r\n ![](\"/media/svgs/wedding-planners.svg\")
\r\n ) : el?.name === \"Beauty and Wellness\" ? (\r\n ![](\"/media/svgs/beauty-wellness.svg\")
\r\n ) : el?.name === \"Dress and Attire\" ? (\r\n ![](\"/media/svgs/dress-attire.svg\")
\r\n ) : el?.name === \"Jewelry\" ? (\r\n ![](\"/media/svgs/jewelry.svg\")
\r\n ) : el?.name === \"Rehearsal Dinner\" ? (\r\n ![](\"/media/svgs/dinner.svg\")
\r\n ) : el?.name === \"Unique Vendors\" ? (\r\n ![](\"/media/svgs/unique-vendors.svg\")
\r\n ) : el?.name === \"Cakes and Desserts\" ? (\r\n ![](\"/media/svgs/cakes.svg\")
\r\n ) : el?.name === \"Event Rentals\" ? (\r\n ![](\"/media/svgs/event-rentals.svg\")
\r\n ) : el?.name === \"Officiants\" ? (\r\n ![](\"/media/svgs/officiants.svg\")
\r\n ) : el?.name === \"Stationery and Invites\" ? (\r\n ![](\"/media/svgs/stationery.svg\")
\r\n ) : el?.name === \"Venues\" ? (\r\n ![](\"/media/svgs/venues.svg\")
\r\n ) : (\r\n <>\r\n )}\r\n {el?.name}\r\n \r\n );\r\n })\r\n )}\r\n
\r\n \r\n
\r\n ) : !weddingFiltersLoading && weddingFiltersList?.length === 0 ? (\r\n \r\n
\r\n ) : (\r\n weddingFiltersList?.map((el, idx) => {\r\n return (\r\n \r\n ) : el?.name === \"Catering\" ? (\r\n \r\n ) : el?.name === \"Favors and Gifts\" ? (\r\n \r\n ) : el?.name === \"Photography\" ? (\r\n \r\n ) : el?.name === \"Transportation\" ? (\r\n \r\n ) : el?.name === \"Videography\" ? (\r\n \r\n ) : el?.name === \"Bartenders\" ? (\r\n \r\n ) : el?.name === \"Ceremony Music\" ? (\r\n \r\n ) : el?.name === \"Flowers\" ? (\r\n \r\n ) : el?.name === \"Photobooths\" ? (\r\n \r\n ) : el?.name === \"Travel Agents\" ? (\r\n \r\n ) : el?.name === \"Wedding Planners\" ? (\r\n \r\n ) : el?.name === \"Beauty and Wellness\" ? (\r\n \r\n ) : el?.name === \"Dress and Attire\" ? (\r\n \r\n ) : el?.name === \"Jewelry\" ? (\r\n \r\n ) : el?.name === \"Rehearsal Dinner\" ? (\r\n \r\n ) : el?.name === \"Unique Vendors\" ? (\r\n \r\n ) : el?.name === \"Cakes and Desserts\" ? (\r\n \r\n ) : el?.name === \"Event Rentals\" ? (\r\n \r\n ) : el?.name === \"Officiants\" ? (\r\n \r\n ) : el?.name === \"Stationery and Invites\" ? (\r\n \r\n ) : el?.name === \"Venues\" ? (\r\n \r\n ) : (\r\n <>\r\n )}\r\n {el?.name}\r\n \r\n );\r\n })\r\n )}\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n ORGANIZATION
\r\n\r\n
\r\n \r\n \r\n {\r\n document.getElementById(\r\n \"planning-hover-dropdown\"\r\n ).style.display = \"none\";\r\n if (loggedInUser === null) {\r\n toast(\"info\", \"Please login first to see this page\", 5);\r\n }\r\n }}\r\n >\r\n Checklist\r\n \r\n \r\n
\r\n \r\n {\r\n document.getElementById(\r\n \"planning-hover-dropdown\"\r\n ).style.display = \"none\";\r\n dispatch(setHowToDecideClicked(false));\r\n if (loggedInUser === null) {\r\n toast(\"info\", \"Please login first to see this page\", 5);\r\n }\r\n }}\r\n >\r\n Seating Chart\r\n \r\n
\r\n \r\n \r\n (document.getElementById(\r\n \"planning-hover-dropdown\"\r\n ).style.display = \"none\")\r\n }\r\n >\r\n Budget Tool\r\n \r\n
\r\n \r\n {\r\n document.getElementById(\r\n \"planning-hover-dropdown\"\r\n ).style.display = \"none\";\r\n if (loggedInUser === null) {\r\n toast(\"info\", \"Please login first to see this page\", 5);\r\n }\r\n }}\r\n >\r\n Hashtag Generator\r\n \r\n
\r\n \r\n {\r\n document.getElementById(\r\n \"planning-hover-dropdown\"\r\n ).style.display = \"none\";\r\n if (loggedInUser === null) {\r\n toast(\"info\", \"Please login first to see this page\", 5);\r\n }\r\n }}\r\n >\r\n Guest List\r\n \r\n
\r\n \r\n \r\n (document.getElementById(\r\n \"planning-hover-dropdown\"\r\n ).style.display = \"none\")\r\n }\r\n >\r\n Color Inspiration\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n\r\n\r\n\r\n \r\n \r\n STATIONERY + INVITES\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n\r\n \r\n < h6 className=\"fw-800\">COMING SOON!\r\n
\r\n \r\n \r\n \r\n\r\n {/* ENGAGEMENT HOVER DROPDOWN BELOW */}\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n VENDORS
\r\n\r\n {engagementFiltersLoading ? (\r\n
\r\n \r\n
\r\n ) : !engagementFiltersLoading &&\r\n engagementFiltersList?.length === 0 ? (\r\n \r\n
\r\n ) : (\r\n engagementFiltersList?.map((el, idx) => {\r\n return (\r\n \r\n {\r\n el?.slug === \"bachelorette-party\" ?\r\n \r\n {el?.name}\r\n \r\n
\r\n );\r\n })\r\n )}\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n STATIONERY + INVITES\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n < h6 className=\"fw-800\">COMING SOON!\r\n
\r\n \r\n \r\n \r\n {/* HONEYMOON HOVER DROPDOWN BELOW */}\r\n \r\n
\r\n \r\n\r\n {/* INSPO HOVER DROPDOWN BELOW */}\r\n DESTINATIONS
\r\n\r\n {honeymoonLocationsLoading ? (\r\n {\r\n document.getElementById(\r\n \"honeymoon-hover-dropdown\"\r\n ).style.display = \"none\";\r\n dispatch(\r\n setHoneymoonLocationSelected({\r\n honeymoonLocationID: el?.id,\r\n honeymonnLocationName: el?.name,\r\n })\r\n );\r\n }}\r\n >\r\n {el?.name}\r\n \r\n );\r\n })\r\n )}\r\n
\r\n \r\n
\r\n ) : !honeymoonLocationsLoading &&\r\n honeymoonLocationsList?.length === 0 ? (\r\n \r\n
\r\n \r\n \r\n\r\n {/* Header for medium and small screens */}\r\n INSPIRATION
\r\n\r\n {inspoCategoriesLoading ? (\r\n {\r\n document.getElementById(\r\n \"inspo-hover-dropdown\"\r\n ).style.display = \"none\";\r\n }}\r\n >\r\n {el?.name}\r\n \r\n );\r\n })\r\n )}\r\n
\r\n \r\n
\r\n ) : !inspoCategoriesLoading &&\r\n inspoCategoriesList?.length === 0 ? (\r\n \r\n
\r\n\r\n {/* Top Menu for small and medium screens */}\r\n {\r\n showTopMenu && \r\n \r\n {/* show below logo container when screen is large or medium */}\r\n \r\n {/* show below logo container when screen is small */}\r\n \r\n \r\n\r\n \r\n\r\n { setShowTopMenu(true); }} />\r\n
\r\n \r\n\r\n \r\n\r\n \r\n {\r\n setShowTopMenu(false);\r\n }} />\r\n
\r\n\r\n - \r\n
\r\n {loggedInUser?.role === \"vendor\" || signup_incomplete_user?.role === \"vendor\" ? null : (\r\n <>\r\n
\r\n */}\r\n \r\n \r\n )}\r\n \r\n )}\r\n\r\n {loggedInUser?.role === \"vendor\" ||\r\n signup_incomplete_user?.role === \"vendor\" ? null : (\r\n \r\n
\r\n\r\n {showPlanningDropdown && (\r\n \r\n {\r\n setShowPlanningDropdown(false);\r\n setShowTopMenu(false);\r\n }}\r\n >\r\n PLANNING\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {/*
\r\n \r\n {/* \r\n
*/}\r\n ORGANIZATION
\r\n\r\n
\r\n \r\n \r\n {\r\n if (loggedInUser === null) {\r\n toast(\"info\", \"Please login first to see this page\", 5);\r\n }else{\r\n setShowPlanningDropdown(false);\r\n setShowTopMenu(false);\r\n }\r\n }}\r\n >\r\n Checklist\r\n \r\n \r\n
\r\n \r\n {\r\n \r\n dispatch(setHowToDecideClicked(false));\r\n if (loggedInUser === null) {\r\n toast(\"info\", \"Please login first to see this page\", 5);\r\n }else{\r\n setShowPlanningDropdown(false);\r\n setShowTopMenu(false);\r\n }\r\n }}\r\n >\r\n Seating Chart\r\n \r\n
\r\n \r\n {\r\n setShowPlanningDropdown(false);\r\n setShowTopMenu(false);\r\n }}\r\n >\r\n Budget Tool\r\n \r\n
\r\n \r\n {\r\n if (loggedInUser === null) {\r\n toast(\"info\", \"Please login first to see this page\", 5);\r\n }else{\r\n setShowPlanningDropdown(false);\r\n setShowTopMenu(false);\r\n }\r\n }}\r\n >\r\n Hashtag Generator\r\n \r\n
\r\n \r\n {\r\n if (loggedInUser === null) {\r\n toast(\"info\", \"Please login first to see this page\", 5);\r\n }else{\r\n setShowPlanningDropdown(false);\r\n setShowTopMenu(false);\r\n }\r\n }}\r\n >\r\n Guest List\r\n \r\n
\r\n \r\n {\r\n setShowPlanningDropdown(false);\r\n setShowTopMenu(false);\r\n }}\r\n >\r\n Color Inspiration\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n STATIONERY + INVITES\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n )}\r\n {(loggedInUser == null ||\r\n loggedInUser?.role === \"vendor\" ||\r\n loggedInUser?.role === \"customer\") && (\r\n <>\r\n \r\n {\r\n setShowTopMenu(false);\r\n }}\r\n >\r\n REGISTRY\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {showEngagementDropdown && (\r\n \r\n {\r\n setShowEngagementDropdown(false);\r\n setShowTopMenu(false);\r\n }}\r\n >\r\n ENGAGEMENT\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {/*
\r\n \r\n {/* \r\n
*/}\r\n VENDORS
\r\n\r\n {engagementFiltersLoading ? (\r\n
\r\n \r\n
\r\n ) : !engagementFiltersLoading &&\r\n engagementFiltersList?.length === 0 ? (\r\n \r\n
\r\n ) : (\r\n engagementFiltersList?.map((el, idx) => {\r\n return (\r\n \r\n {\r\n el?.slug === \"bachelorette-party\" ?\r\n {\r\n setShowEngagementDropdown(false);\r\n setShowTopMenu(false);\r\n }}\r\n >\r\n {el?.name}\r\n \r\n
\r\n );\r\n })\r\n )}\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n STATIONERY + INVITES\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n */}\r\n \r\n \r\n )}\r\n\r\n)}\r\n\r\n {(loggedInUser == null ||\r\n loggedInUser?.role === \"vendor\" ||\r\n loggedInUser?.role === \"customer\") && (\r\n <>\r\n \r\n
\r\n {showWeddingDropdown && (\r\n \r\n {\r\n setShowWeddingDropdown(false);\r\n setShowTopMenu(false);\r\n }}\r\n >\r\n WEDDING\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {/*
\r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n )}\r\n\r\n {(loggedInUser == null ||\r\n loggedInUser?.role === \"vendor\" ||\r\n loggedInUser?.role === \"customer\") && (\r\n <>\r\n VENDORS
*/}\r\n\r\n {weddingFiltersLoading ? (\r\n {\r\n setShowWeddingDropdown(false);\r\n setShowTopMenu(false);\r\n }}\r\n >\r\n {el?.name === \"Bands and DJs\" ? (\r\n \r\n ) : el?.name === \"Catering\" ? (\r\n \r\n ) : el?.name === \"Favors and Gifts\" ? (\r\n \r\n ) : el?.name === \"Photography\" ? (\r\n \r\n ) : el?.name === \"Transportation\" ? (\r\n \r\n ) : el?.name === \"Videography\" ? (\r\n \r\n ) : el?.name === \"Bartenders\" ? (\r\n \r\n ) : el?.name === \"Ceremony Music\" ? (\r\n \r\n ) : el?.name === \"Flowers\" ? (\r\n \r\n ) : el?.name === \"Photobooths\" ? (\r\n \r\n ) : el?.name === \"Travel Agents\" ? (\r\n \r\n ) : el?.name === \"Wedding Planners\" ? (\r\n \r\n ) : el?.name === \"Beauty and Wellness\" ? (\r\n \r\n ) : el?.name === \"Dress and Attire\" ? (\r\n \r\n ) : el?.name === \"Jewelry\" ? (\r\n \r\n ) : el?.name === \"Rehearsal Dinner\" ? (\r\n \r\n ) : el?.name === \"Unique Vendors\" ? (\r\n \r\n ) : el?.name === \"Cakes and Desserts\" ? (\r\n \r\n ) : el?.name === \"Event Rentals\" ? (\r\n \r\n ) : el?.name === \"Officiants\" ? (\r\n \r\n ) : el?.name === \"Stationery and Invites\" ? (\r\n \r\n ) : el?.name === \"Venues\" ? (\r\n \r\n ) : (\r\n <>\r\n )}\r\n {el?.name}\r\n \r\n );\r\n })\r\n )}\r\n
\r\n \r\n
\r\n ) : !weddingFiltersLoading && weddingFiltersList?.length === 0 ? (\r\n \r\n
\r\n ) : (\r\n weddingFiltersList?.map((el, idx) => {\r\n return (\r\n \r\n ) : el?.name === \"Catering\" ? (\r\n \r\n ) : el?.name === \"Favors and Gifts\" ? (\r\n \r\n ) : el?.name === \"Photography\" ? (\r\n \r\n ) : el?.name === \"Transportation\" ? (\r\n \r\n ) : el?.name === \"Videography\" ? (\r\n \r\n ) : el?.name === \"Bartenders\" ? (\r\n \r\n ) : el?.name === \"Ceremony Music\" ? (\r\n \r\n ) : el?.name === \"Flowers\" ? (\r\n \r\n ) : el?.name === \"Photobooths\" ? (\r\n \r\n ) : el?.name === \"Travel Agents\" ? (\r\n \r\n ) : el?.name === \"Wedding Planners\" ? (\r\n \r\n ) : el?.name === \"Beauty and Wellness\" ? (\r\n \r\n ) : el?.name === \"Dress and Attire\" ? (\r\n \r\n ) : el?.name === \"Jewelry\" ? (\r\n \r\n ) : el?.name === \"Rehearsal Dinner\" ? (\r\n \r\n ) : el?.name === \"Unique Vendors\" ? (\r\n \r\n ) : el?.name === \"Cakes and Desserts\" ? (\r\n \r\n ) : el?.name === \"Event Rentals\" ? (\r\n \r\n ) : el?.name === \"Officiants\" ? (\r\n \r\n ) : el?.name === \"Stationery and Invites\" ? (\r\n \r\n ) : el?.name === \"Venues\" ? (\r\n \r\n ) : (\r\n <>\r\n )}\r\n {el?.name}\r\n \r\n );\r\n })\r\n )}\r\n \r\n
\r\n {showHoneyMoonDropdown && (\r\n \r\n {\r\n setShowHoneyMoonDropdown(false);\r\n setShowTopMenu(false);\r\n }}\r\n >\r\n HONEYMOON\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {/*
\r\n \r\n )}\r\n \r\n )}\r\n {(loggedInUser == null ||\r\n loggedInUser?.role === \"vendor\" ||\r\n loggedInUser?.role === \"customer\") && (\r\n <>\r\n DESTINATIONS
*/}\r\n\r\n {honeymoonLocationsLoading ? (\r\n {\r\n setShowTopMenu(false);\r\n setShowHoneyMoonDropdown(false);\r\n dispatch(\r\n setHoneymoonLocationSelected({\r\n honeymoonLocationID: el?.id,\r\n honeymonnLocationName: el?.name,\r\n })\r\n );\r\n }}\r\n >\r\n {el?.name}\r\n \r\n );\r\n })\r\n )}\r\n
\r\n \r\n
\r\n ) : !honeymoonLocationsLoading &&\r\n honeymoonLocationsList?.length === 0 ? (\r\n \r\n
\r\n\r\n {showInspoDropdown && (\r\n \r\n {\r\n setShowInspoDropdown(false);\r\n setShowTopMenu(false);\r\n }}\r\n >\r\n INSPO\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n )}\r\n {(loggedInUser == null ||\r\n loggedInUser?.role === \"vendor\" ||\r\n loggedInUser?.role === \"customer\") && (\r\n \r\n {/*
\r\n INSPIRATION
*/}\r\n\r\n {inspoCategoriesLoading ? (\r\n {\r\n setShowInspoDropdown(false);\r\n setShowTopMenu(false);\r\n }}\r\n >\r\n {el?.name}\r\n \r\n );\r\n })\r\n )}\r\n
\r\n \r\n
\r\n ) : !inspoCategoriesLoading &&\r\n inspoCategoriesList?.length === 0 ? (\r\n \r\n
\r\n )}\r\n \r\n \r\n }\r\n \r\n );\r\n}\r\n\r\nexport default Header;","import React from 'react';\nimport { Link } from \"react-router-dom\";\n\nfunction Footer(){\n return(\n <>\n \r\n {\r\n setShowTopMenu(false);\r\n }}\r\n >\r\n EVENTS\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \n
\n \n )\n}\n\nexport default Footer;","import React, { useEffect } from 'react';\nimport UserBasePage from \"./UserBasePage\";\nimport AuthPageUser from './modules/Auth/userAuthPages/AuthPage';\nimport { CustomLoader } from './pages/Components/customLoader';\nimport { useState } from 'react';\nimport Header from './pages/Components/Header';\nimport SmallScreenHeader from './pages/Components/SmallScreenHeader';\nimport Footer from './pages/Components/Footer';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { Layout } from \"../_metronic/layout\";\nimport BasePage from \"./BasePage\";\nimport { setHasAccessToSite } from '../store/hasAccessToSite/actions';\nimport moment from 'moment';\nimport { setIsSitePasswordProtected } from '../store/isSitePasswordProtected/actions';\n\nfunction UserRoutes() {\n\n const dispatch = useDispatch();\n\n //const [isLoggedIn, setIsLoggedIn] = useState(false);\n //const isLoggedIn = useSelector((store) => store.User.isLoggedIn);\n const loggedInUser = useSelector((store) => store.UserLoggedIn.loggedInUser);\n const [isLoading, setIsLoading] = useState(false);\n\n const has_access_to_site = useSelector((store) => store.HasAccessToSite.has_access_to_site);\n\n useEffect(() => {\n if(has_access_to_site?.tokenExpiryTime !== null){\n if(moment.utc().isSameOrAfter(moment.utc(has_access_to_site?.tokenExpiryTime))){\n setHasAccessToSite({\n tokenExpiryTime: null,\n pages: []\n });\n }\n }\n });\n\n return (\n \n
\n \n
\n \n \n ![\"Wedding]({\"/media/svgs/logo_3.svg\"})
\n \n\n
\n \n \n\n \n
\n WEDDING MATCH
\n- \n
- \n Home\n \n
- \n Subscription Plans\n \n
- \n Term and conditions\n \n
- \n Privacy Policy\n \n
- \n Contact Us\n \n
\n {/*
\n \n {/* CATEGORY
*/}\n- \n
- \n FAQ\n \n
- \n Advertise with Us\n \n
- \n About Us\n \n
- \n Vendor Support\n \n
![\"Facebook\"]({\"/media/icons/facebook.png\"}){kind=icon}
\n ![\"Instagram\"]({\"/media/icons/Insta.png\"}){kind=icon}
\n ![\"Pinterest\"]({\"/media/icons/pin.png\"}){kind=icon}
\n \n
*/}\n CATEGORY
\n- \n
- \n TBA\n \n
- \n TBA\n \n
- \n TBA\n \n
- \n TBA\n \n
\n {\n isLoading ? \n \n \n :\n
\n );\n}\n\nexport default UserRoutes;\n","import { useEffect } from \"react\";\nimport { withRouter } from \"react-router-dom\";\n\nconst ScrollToTop = ({ children, location: { pathname } }) => {\n useEffect(() => {\n window.scrollTo({\n top: 0,\n left: 0,\n });\n }, [pathname]);\n\n return children || null;\n};\n\nexport default withRouter(ScrollToTop);","import React, { useState, useEffect} from 'react';\nimport MainScreen from './MainScreen';\nimport { Routes } from \"./Routes\";\nimport UserRoutes from \"./UserRoutes\";\nimport { Switch, Route, Redirect, useHistory } from 'react-router-dom';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { getSettingsCall } from './services/adminSettingsService';\nimport { setAdminSettings } from \"../store/adminSettings/actions\";\nimport ScrollToTop from './pages/Components/ScrollToTop/ScrollToTop';\nimport { setLoggedInUser } from \"../store/userLoggedIn/actions\";\nimport { setSignupIncompleteUser } from \"../store/signupIncompleteUser/actions\";\nimport moment from 'moment';\nimport * as Common from \"./General/common\";\n\nfunction RoutesMain(){\n\n const userRole = useSelector((store) => store.UserRole.userRole);\n const loggedInUser = useSelector((store) => store.UserLoggedIn.loggedInUser);\n const signup_incomplete_user = useSelector(\n (store) => store.SignupIncompleteUser.signup_incomplete_user\n );\n \n const dispatch = useDispatch();\n const history = useHistory();\n\n // function which fetches the admin settings\n const getAdminSettings = async () => {\n let settingsData = {};\n try {\n const { data } = await getSettingsCall();\n //console.log(\"settingsResponse\", data);\n if (data.success) {\n // success scenario\n if (data.data.length > 0) {\n for(let i = 0; i < data?.data?.length; i++){\n settingsData = {\n ...settingsData,\n [data?.data?.[i]?.key] : data?.data?.[i]?.value\n }\n }\n }else{\n \n }\n } else {\n \n }\n } catch {\n \n } finally {\n dispatch(setAdminSettings(settingsData));\n }\n };\n\n /* GET ADMIN SETTINGS FUNCTION ENDS */\n\n useEffect(() => {\n getAdminSettings();\n }, []);\n\n useEffect(() => {\n if(loggedInUser?.id > 0){\n if(moment.utc().isSameOrAfter(moment.utc(loggedInUser?.tokenExpiryTime))){\n dispatch(setLoggedInUser(null));\n dispatch(setSignupIncompleteUser(null));\n localStorage.clear();\n history.push(\"/\");\n Common.showSuccessAlertAutoClose(\n \"Please Login again.\",\n \"info\",\n \"Session Expired!\",\n 3000\n );\n }\n }\n });\n\n useEffect(() => {\n if(signup_incomplete_user?.id > 0){\n if(moment.utc().isSameOrAfter(moment.utc(signup_incomplete_user?.tokenExpiryTime))){\n dispatch(setLoggedInUser(null));\n dispatch(setSignupIncompleteUser(null));\n localStorage.clear();\n history.push(\"/\");\n Common.showSuccessAlertAutoClose(\n \"Please Login again.\",\n \"info\",\n \"Session Expired!\",\n 3000\n );\n }\n }\n });\n \n return(\n <>\n {\n \n
\n :\n (loggedInUser !== null && loggedInUser?.role === \"superadmin\") ?\n \n
\n }\n \n
*/}\n {/* Header for medium and small screens */}\n {/* \n
*/}\n {\n loggedInUser === null &&\n \n {\n new Array(10).fill().map((x) => {\n return(\n
\n \n )\n}\n\nexport default MenuSkeletonLoader;","import * as API from \"../General/api\";\n\n// vendors leads calls starts\n\n\nexport function getAllVendorsLeadsCall(values) {\n return API.postRequest(API.apiUrls.vendors.vendorLeads.getAllLeads, values);\n}\n\nexport function getVendorsSingleLeadCall(values) {\n return API.postRequest(API.apiUrls.vendors.vendorLeads.getLead, values);\n}\n\nexport function getVendorsSingleLeadActivityCall(values) {\n return API.postRequest(API.apiUrls.vendors.vendorLeads.getLeadActivity, values);\n}\n\nexport function addVendorsSingleLeadCall(values) {\n return API.postRequest(API.apiUrls.vendors.vendorLeads.addLead, values);\n}\n\nexport function updateVendorsSingleLeadCall(values) {\n return API.putRequest(API.apiUrls.vendors.vendorLeads.updateLead, values);\n}\n\nexport function deleteVendorsSingleLeadCall(values) {\n return API.putRequest(API.apiUrls.vendors.vendorLeads.deleteLead, values);\n}\n\n// vendors leads calls ends","import React, { useState } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { useFormik } from \"formik\";\nimport * as Yup from \"yup\";\nimport { connect } from \"react-redux\";\nimport { FormattedMessage, injectIntl } from \"react-intl\";\nimport * as auth from \"../_redux/authRedux\";\nimport { login } from \"../_redux/authCrud\";\n\n/*\n INTL (i18n) docs:\n https://github.com/formatjs/react-intl/blob/master/docs/Components.md#formattedmessage\n*/\n\n/*\n Formik+YUP:\n https://jaredpalmer.com/formik/docs/tutorial#getfieldprops\n*/\n\nconst initialValues = {\n email: \"admin@weddingmatch.com\",\n password: \"demo\",\n};\n\nfunction Login(props) {\n const { intl } = props;\n const [loading, setLoading] = useState(false);\n const LoginSchema = Yup.object().shape({\n email: Yup.string()\n .email(\"Wrong email format\")\n .min(3, \"Minimum 3 symbols\")\n .max(50, \"Maximum 50 symbols\")\n .required(\"Email is required\"),\n password: Yup.string()\n .min(3, \"Minimum 3 symbols\")\n .max(50, \"Maximum 50 symbols\")\n .required(\"Password is required\"),\n });\n\n const enableLoading = () => {\n setLoading(true);\n };\n\n const disableLoading = () => {\n setLoading(false);\n };\n\n const getInputClasses = (fieldname) => {\n if (formik.touched[fieldname] && formik.errors[fieldname]) {\n return \"is-invalid\";\n }\n\n if (formik.touched[fieldname] && !formik.errors[fieldname]) {\n return \"is-valid\";\n }\n\n return \"\";\n };\n\n const formik = useFormik({\n initialValues,\n validationSchema: LoginSchema,\n onSubmit: (values, { setStatus, setSubmitting }) => {\n enableLoading();\n setTimeout(() => {\n login(values.email, values.password)\n .then(({ data: { authToken } }) => {\n disableLoading();\n\n props.login(authToken);\n const fakeuser = {\n id: 1,\n username: 'admin',\n email: 'admin@weddingmatch.com',\n authToken: 'auth-token-8f3ae836da744329a6f93bf20594b5cc',\n refreshToken: 'auth-token-f8c137a2c98743f48b643e71161d90aa',\n roles: [\n 1\n ],\n pic: '/media/users/300_21.jpg',\n fullname: 'Sean S',\n firstname: 'Sean',\n lastname: 'Stark',\n };\n props.setUser(fakeuser);\n props.requestUser(fakeuser);\n props.fulfillUser(fakeuser);\n })\n .catch(() => {\n setStatus(\n intl.formatMessage({\n id: \"AUTH.VALIDATION.INVALID_LOGIN\",\n })\n );\n })\n .finally(() => {\n disableLoading();\n setSubmitting(false);\n });\n }, 1000);\n },\n });\n\n return (\n \n {/* begin::Head */}\n \n {formik.status ? (\n
\n );\n}\n\nexport default injectIntl(connect(null, auth.actions)(Login));\n","import React, { useState } from \"react\";\nimport { useFormik } from \"formik\";\nimport { connect } from \"react-redux\";\nimport * as Yup from \"yup\";\nimport { Link } from \"react-router-dom\";\nimport { FormattedMessage, injectIntl } from \"react-intl\";\nimport * as auth from \"../_redux/authRedux\";\nimport { register } from \"../_redux/authCrud\";\n\nconst initialValues = {\n fullname: \"\",\n email: \"\",\n username: \"\",\n password: \"\",\n changepassword: \"\",\n acceptTerms: false,\n};\n\nfunction Registration(props) {\n const { intl } = props;\n const [loading, setLoading] = useState(false);\n const RegistrationSchema = Yup.object().shape({\n fullname: Yup.string()\n .min(3, \"Minimum 3 symbols\")\n .max(50, \"Maximum 50 symbols\")\n .required(\n intl.formatMessage({\n id: \"AUTH.VALIDATION.REQUIRED_FIELD\",\n })\n ),\n email: Yup.string()\n .email(\"Wrong email format\")\n .min(3, \"Minimum 3 symbols\")\n .max(50, \"Maximum 50 symbols\")\n .required(\n intl.formatMessage({\n id: \"AUTH.VALIDATION.REQUIRED_FIELD\",\n })\n ),\n username: Yup.string()\n .min(3, \"Minimum 3 symbols\")\n .max(50, \"Maximum 50 symbols\")\n .required(\n intl.formatMessage({\n id: \"AUTH.VALIDATION.REQUIRED_FIELD\",\n })\n ),\n password: Yup.string()\n .min(3, \"Minimum 3 symbols\")\n .max(50, \"Maximum 50 symbols\")\n .required(\n intl.formatMessage({\n id: \"AUTH.VALIDATION.REQUIRED_FIELD\",\n })\n ),\n changepassword: Yup.string()\n .required(\n intl.formatMessage({\n id: \"AUTH.VALIDATION.REQUIRED_FIELD\",\n })\n )\n .when(\"password\", {\n is: (val) => (val && val.length > 0 ? true : false),\n then: Yup.string().oneOf(\n [Yup.ref(\"password\")],\n \"Password and Confirm Password didn't match\"\n ),\n }),\n acceptTerms: Yup.bool().required(\n \"You must accept the terms and conditions\"\n ),\n });\n\n const enableLoading = () => {\n setLoading(true);\n };\n\n const disableLoading = () => {\n setLoading(false);\n };\n\n const getInputClasses = (fieldname) => {\n if (formik.touched[fieldname] && formik.errors[fieldname]) {\n return \"is-invalid\";\n }\n\n if (formik.touched[fieldname] && !formik.errors[fieldname]) {\n return \"is-valid\";\n }\n\n return \"\";\n };\n\n const formik = useFormik({\n initialValues,\n validationSchema: RegistrationSchema,\n onSubmit: (values, { setStatus, setSubmitting }) => {\n setSubmitting(true);\n enableLoading();\n register(values.email, values.fullname, values.username, values.password)\n .then(({ data: { authToken } }) => {\n props.register(authToken);\n disableLoading();\n setSubmitting(false);\n })\n .catch(() => {\n setSubmitting(false);\n setStatus(\n intl.formatMessage({\n id: \"AUTH.VALIDATION.INVALID_LOGIN\",\n })\n );\n disableLoading();\n });\n },\n });\n\n return (\n \n \n
\n
\n {/* end::Head */}\n\n {/*begin::Form*/}\n \n
\n \n Enter your username and password\n
\n\n
\n ) : (\n {formik.status}
\n \n
\n )}\n\n \n Use account admin@weddingmatch.com and password{\" \"}\n demo to continue.\n
\n \n
\n \n
\n ) : null}\n {formik.errors.email}
\n \n
\n \n
\n ) : null}\n {formik.errors.password}
\n \n \n \n Sign In\n {loading && }\n \n
\n \n {/*end::Form*/}\n \n \n {/* begin: Alert */}\n {formik.status && (\n
\n );\n}\n\nexport default injectIntl(connect(null, auth.actions)(Registration));\n","import React, { useState } from \"react\";\nimport { useFormik } from \"formik\";\nimport { connect } from \"react-redux\";\nimport { Link, Redirect } from \"react-router-dom\";\nimport * as Yup from \"yup\";\nimport { injectIntl } from \"react-intl\";\nimport * as auth from \"../_redux/authRedux\";\nimport { requestPassword } from \"../_redux/authCrud\";\n\nconst initialValues = {\n email: \"\",\n};\n\nfunction ForgotPassword(props) {\n const { intl } = props;\n const [isRequested, setIsRequested] = useState(false);\n const ForgotPasswordSchema = Yup.object().shape({\n email: Yup.string()\n .email(\"Wrong email format\")\n .min(3, \"Minimum 3 symbols\")\n .max(50, \"Maximum 50 symbols\")\n .required(\n intl.formatMessage({\n id: \"AUTH.VALIDATION.REQUIRED_FIELD\",\n })\n ),\n });\n\n const getInputClasses = (fieldname) => {\n if (formik.touched[fieldname] && formik.errors[fieldname]) {\n return \"is-invalid\";\n }\n\n if (formik.touched[fieldname] && !formik.errors[fieldname]) {\n return \"is-valid\";\n }\n\n return \"\";\n };\n\n const formik = useFormik({\n initialValues,\n validationSchema: ForgotPasswordSchema,\n onSubmit: (values, { setStatus, setSubmitting }) => {\n requestPassword(values.email)\n .then(() => setIsRequested(true))\n .catch(() => {\n setIsRequested(false);\n setSubmitting(false);\n setStatus(\n intl.formatMessage(\n { id: \"AUTH.VALIDATION.NOT_FOUND\" },\n { name: values.email }\n )\n );\n });\n },\n });\n\n return (\n <>\n {isRequested && \n \n
\n
\n\n \n
\n \n Enter your details to create your account\n
\n\n
\n )}\n {/* end: Alert */}\n\n {/* begin: Fullname */}\n {formik.status}
\n \n
\n {/* end: Fullname */}\n\n {/* begin: Email */}\n \n
\n ) : null}\n {formik.errors.fullname}
\n \n
\n {/* end: Email */}\n\n {/* begin: Username */}\n \n
\n ) : null}\n {formik.errors.email}
\n \n
\n {/* end: Username */}\n\n {/* begin: Password */}\n \n
\n ) : null}\n {formik.errors.username}
\n \n
\n {/* end: Password */}\n\n {/* begin: Confirm Password */}\n \n
\n ) : null}\n {formik.errors.password}
\n \n
\n {/* end: Confirm Password */}\n\n {/* begin: Terms and Conditions */}\n \n
\n ) : null}\n \n {formik.errors.changepassword}\n
\n \n \n {formik.touched.acceptTerms && formik.errors.acceptTerms ? (\n
\n {/* end: Terms and Conditions */}\n \n
\n ) : null}\n {formik.errors.acceptTerms}
\n \n \n Submit\n {loading && }\n \n\n \n \n Cancel\n \n \n
\n \n \n \n {formik.status && (\n
\n )}\n \n );\n}\n\nexport default injectIntl(connect(null, auth.actions)(ForgotPassword));\n","/* eslint-disable jsx-a11y/anchor-is-valid */\nimport React from \"react\";\nimport { Link, Switch, Redirect } from \"react-router-dom\";\nimport { toAbsoluteUrl } from \"../../../../_metronic/_helpers\";\nimport { ContentRoute } from \"../../../../_metronic/layout\";\nimport Login from \"./Login\";\nimport Registration from \"./Registration\";\nimport ForgotPassword from \"./ForgotPassword\";\nimport \"../../../../_metronic/_assets/sass/pages/login/classic/login-1.scss\";\nimport { setUserRole } from \"../../../../store/userRole/actions\";\nimport { useDispatch } from \"react-redux\";\nimport { useHistory } from \"react-router-dom\";\n\nexport function AuthPage() {\n const today = new Date().getFullYear();\n const dispatch = useDispatch();\n const history = useHistory();\n return (\n <>\n \n
\n Forgotten Password ?
\n\n Enter your email to reset your password\n
\n \n
\n )}\n \n {formik.status}\n
\n \n
\n \n
\n ) : null}\n {formik.errors.email}
\n \n \n Submit\n \n \n \n Cancel\n \n \n
\n \n \n {/*begin::Login*/}\n \n {/*begin::Aside*/}\n \n {/*begin: Aside Container*/}\n
\n {/*begin::Aside*/}\n\n {/*begin::Content*/}\n \n {/* start:: Aside header */}\n \n
\n {/*end: Aside Container*/}\n \n \n Welcome to
\n
\n {/* end:: Aside content */}\n\n {/* start:: Aside footer for desktop */}\n \n Welcome to
Wedding Match!\n
\n \n
\n {/* end:: Aside footer for desktop */}\n \n © {today.toString()} Wedding Match\n
\n \n {/*begin::Content header*/}\n {/*
\n {/*end::Content*/}\n \n {/*end::Login*/}\n \n \n );\n}\n","import React, {Component} from \"react\";\nimport {connect} from \"react-redux\";\nimport {Redirect} from \"react-router-dom\";\nimport {LayoutSplashScreen} from \"../../../../_metronic/layout\";\nimport * as auth from \"../_redux/authRedux\";\n\nclass Logout extends Component {\n componentDidMount() {\n this.props.logout();\n }\n\n render() {\n const { hasAuthToken } = this.props;\n return hasAuthToken ? \n \n Don't have an account yet?\n \n \n Sign Up!\n \n
*/}\n {/*end::Content header*/}\n\n {/* begin::Content body */}\n \n \n \n
\n {/*end::Content body*/}\n \n\n {/* begin::Mobile footer */}\n \n {/* end::Mobile footer */}\n \n value = parseInt(KTUtil.css(el, 'z-index'));\n\n if (!isNaN(value) && value !== 0) {\n return value;\n }\n }\n\n el = el.parentNode;\n }\n\n return null;\n },\n\n /**\n * Checks whether the element has any parent with fixed positionfreg\n * @param {object} el jQuery element object\n * @returns {boolean}\n */\n hasFixedPositionedParent: function(el) {\n var position;\n\n while (el && el !== document) {\n position = KTUtil.css(el, 'position');\n\n if (position === \"fixed\") {\n return true;\n }\n\n el = el.parentNode;\n }\n\n return false;\n },\n\n /**\n * Simulates delay\n */\n sleep: function(milliseconds) {\n var start = new Date().getTime();\n for (var i = 0; i < 1e7; i++) {\n if ((new Date().getTime() - start) > milliseconds) {\n break;\n }\n }\n },\n\n /**\n * Gets randomly generated integer value within given min and max range\n * @param {number} min Range start value\n * @param {number} max Range end value\n * @returns {number}\n */\n getRandomInt: function(min, max) {\n return Math.floor(Math.random() * (max - min + 1)) + min;\n },\n\n /**\n * Checks whether Angular library is included\n * @returns {boolean}\n */\n isAngularVersion: function() {\n return window.Zone !== undefined ? true : false;\n },\n\n // Deep extend: $.extend(true, {}, objA, objB);\n deepExtend: function(out) {\n out = out || {};\n\n for (var i = 1; i < arguments.length; i++) {\n var obj = arguments[i];\n if (!obj) continue;\n\n for (var key in obj) {\n if (!obj.hasOwnProperty(key)) {\n continue;\n }\n\n // based on https://javascriptweblog.wordpress.com/2011/08/08/fixing-the-javascript-typeof-operator/\n if ( Object.prototype.toString.call(obj[key]) === '[object Object]' ) {\n out[key] = KTUtil.deepExtend(out[key], obj[key]);\n continue;\n }\n\n out[key] = obj[key];\n }\n }\n\n return out;\n },\n\n // extend: $.extend({}, objA, objB);\n extend: function(out) {\n out = out || {};\n\n for (var i = 1; i < arguments.length; i++) {\n if (!arguments[i])\n continue;\n\n for (var key in arguments[i]) {\n if (arguments[i].hasOwnProperty(key))\n out[key] = arguments[i][key];\n }\n }\n\n return out;\n },\n\n getById: function(el) {\n if (typeof el === 'string') {\n return document.getElementById(el);\n } else {\n return el;\n }\n },\n\n getByTag: function(query) {\n return document.getElementsByTagName(query);\n },\n\n getByTagName: function(query) {\n return document.getElementsByTagName(query);\n },\n\n getByClass: function(query) {\n return document.getElementsByClassName(query);\n },\n\n getBody: function() {\n return document.getElementsByTagName('body')[0];\n },\n\n /**\n * Checks whether the element has given classes\n * @param {object} el jQuery element object\n * @param {string} Classes string\n * @returns {boolean}\n */\n hasClasses: function(el, classes) {\n if (!el) {\n return;\n }\n\n var classesArr = classes.split(\" \");\n\n for (var i = 0; i < classesArr.length; i++) {\n if (KTUtil.hasClass(el, KTUtil.trim(classesArr[i])) == false) {\n return false;\n }\n }\n\n return true;\n },\n\n hasClass: function(el, className) {\n if (!el) {\n return;\n }\n\n return el.classList ? el.classList.contains(className) : new RegExp('\\\\b' + className + '\\\\b').test(el.className);\n },\n\n addClass: function(el, className) {\n if (!el || typeof className === 'undefined') {\n return;\n }\n\n var classNames = className.split(' ');\n\n if (el.classList) {\n for (var i = 0; i < classNames.length; i++) {\n if (classNames[i] && classNames[i].length > 0) {\n el.classList.add(KTUtil.trim(classNames[i]));\n }\n }\n } else if (!KTUtil.hasClass(el, className)) {\n for (var x = 0; x < classNames.length; x++) {\n el.className += ' ' + KTUtil.trim(classNames[x]);\n }\n }\n },\n\n removeClass: function(el, className) {\n if (!el || typeof className === 'undefined') {\n return;\n }\n\n var classNames = className.split(' ');\n\n if (el.classList) {\n for (var i = 0; i < classNames.length; i++) {\n el.classList.remove(KTUtil.trim(classNames[i]));\n }\n } else if (KTUtil.hasClass(el, className)) {\n for (var x = 0; x < classNames.length; x++) {\n el.className = el.className.replace(new RegExp('\\\\b' + KTUtil.trim(classNames[x]) + '\\\\b', 'g'), '');\n }\n }\n },\n\n triggerCustomEvent: function(el, eventName, data) {\n var event;\n if (window.CustomEvent) {\n event = new CustomEvent(eventName, {\n detail: data\n });\n } else {\n event = document.createEvent('CustomEvent');\n event.initCustomEvent(eventName, true, true, data);\n }\n\n el.dispatchEvent(event);\n },\n\n triggerEvent: function(node, eventName) {\n // Make sure we use the ownerDocument from the provided node to avoid cross-window problems\n var doc;\n if (node.ownerDocument) {\n doc = node.ownerDocument;\n } else if (node.nodeType == 9) {\n // the node may be the document itself, nodeType 9 = DOCUMENT_NODE\n doc = node;\n } else {\n throw new Error(\"Invalid node passed to fireEvent: \" + node.id);\n }\n\n if (node.dispatchEvent) {\n // Gecko-style approach (now the standard) takes more work\n var eventClass = \"\";\n\n // Different events have different event classes.\n // If this switch statement can't map an eventName to an eventClass,\n // the event firing is going to fail.\n switch (eventName) {\n case \"click\": // Dispatching of 'click' appears to not work correctly in Safari. Use 'mousedown' or 'mouseup' instead.\n case \"mouseenter\":\n case \"mouseleave\":\n case \"mousedown\":\n case \"mouseup\":\n eventClass = \"MouseEvents\";\n break;\n\n case \"focus\":\n case \"change\":\n case \"blur\":\n case \"select\":\n eventClass = \"HTMLEvents\";\n break;\n\n default:\n throw \"fireEvent: Couldn't find an event class for event '\" + eventName + \"'.\";\n break;\n }\n var event = doc.createEvent(eventClass);\n\n var bubbles = eventName == \"change\" ? false : true;\n event.initEvent(eventName, bubbles, true); // All events created as bubbling and cancelable.\n\n event.synthetic = true; // allow detection of synthetic events\n // The second parameter says go ahead with the default action\n node.dispatchEvent(event, true);\n } else if (node.fireEvent) {\n // IE-old school style\n var event = doc.createEventObject();\n event.synthetic = true; // allow detection of synthetic events\n node.fireEvent(\"on\" + eventName, event);\n }\n },\n\n index: function( el ){\n var c = el.parentNode.children, i = 0;\n for(; i < c.length; i++ )\n if( c[i] == el ) return i;\n },\n\n trim: function(string) {\n return string.trim();\n },\n\n eventTriggered: function(e) {\n if (e.currentTarget.dataset.triggered) {\n return true;\n } else {\n e.currentTarget.dataset.triggered = true;\n\n return false;\n }\n },\n\n remove: function(el) {\n if (el && el.parentNode) {\n el.parentNode.removeChild(el);\n }\n },\n\n find: function(parent, query) {\n parent = KTUtil.getById(parent);\n if (parent) {\n return parent.querySelector(query);\n }\n },\n\n findAll: function(parent, query) {\n parent = KTUtil.getById(parent);\n if (parent) {\n return parent.querySelectorAll(query);\n }\n },\n\n insertAfter: function(el, referenceNode) {\n return referenceNode.parentNode.insertBefore(el, referenceNode.nextSibling);\n },\n\n parents: function(elem, selector) {\n // Element.matches() polyfill\n if (!Element.prototype.matches) {\n Element.prototype.matches =\n Element.prototype.matchesSelector ||\n Element.prototype.mozMatchesSelector ||\n Element.prototype.msMatchesSelector ||\n Element.prototype.oMatchesSelector ||\n Element.prototype.webkitMatchesSelector ||\n function(s) {\n var matches = (this.document || this.ownerDocument).querySelectorAll(s),\n i = matches.length;\n while (--i >= 0 && matches.item(i) !== this) {}\n return i > -1;\n };\n }\n\n // Set up a parent array\n var parents = [];\n\n // Push each parent element to the array\n for ( ; elem && elem !== document; elem = elem.parentNode ) {\n if (selector) {\n if (elem.matches(selector)) {\n parents.push(elem);\n }\n continue;\n }\n parents.push(elem);\n }\n\n // Return our parent array\n return parents;\n },\n\n children: function(el, selector, log) {\n if (!el || !el.childNodes) {\n return;\n }\n\n var result = [],\n i = 0,\n l = el.childNodes.length;\n\n for (var i; i < l; ++i) {\n if (el.childNodes[i].nodeType == 1 && KTUtil.matches(el.childNodes[i], selector, log)) {\n result.push(el.childNodes[i]);\n }\n }\n\n return result;\n },\n\n child: function(el, selector, log) {\n var children = KTUtil.children(el, selector, log);\n\n return children ? children[0] : null;\n },\n\n matches: function(el, selector, log) {\n var p = Element.prototype;\n var f = p.matches || p.webkitMatchesSelector || p.mozMatchesSelector || p.msMatchesSelector || function(s) {\n return [].indexOf.call(document.querySelectorAll(s), this) !== -1;\n };\n\n if (el && el.tagName) {\n return f.call(el, selector);\n } else {\n return false;\n }\n },\n\n data: function(el) {\n return {\n set: function(name, data) {\n if (!el) {\n return;\n }\n\n if (el.customDataTag === undefined) {\n window.KTUtilElementDataStoreID++;\n el.customDataTag = window.KTUtilElementDataStoreID;\n }\n\n if (window.KTUtilElementDataStore[el.customDataTag] === undefined) {\n window.KTUtilElementDataStore[el.customDataTag] = {};\n }\n\n window.KTUtilElementDataStore[el.customDataTag][name] = data;\n },\n\n get: function(name) {\n if (!el) {\n return;\n }\n\n if (el.customDataTag === undefined) {\n return null;\n }\n\n return this.has(name) ? window.KTUtilElementDataStore[el.customDataTag][name] : null;\n },\n\n has: function(name) {\n if (!el) {\n return false;\n }\n\n if (el.customDataTag === undefined) {\n return false;\n }\n\n return (window.KTUtilElementDataStore[el.customDataTag] && window.KTUtilElementDataStore[el.customDataTag][name]) ? true : false;\n },\n\n remove: function(name) {\n if (el && this.has(name)) {\n delete window.KTUtilElementDataStore[el.customDataTag][name];\n }\n }\n };\n },\n\n outerWidth: function(el, margin) {\n var width;\n\n if (margin === true) {\n width = parseFloat(el.offsetWidth);\n width += parseFloat(KTUtil.css(el, 'margin-left')) + parseFloat(KTUtil.css(el, 'margin-right'));\n\n return parseFloat(width);\n } else {\n width = parseFloat(el.offsetWidth);\n\n return width;\n }\n },\n\n offset: function(el) {\n var rect, win;\n\n if ( !el ) {\n return;\n }\n\n // Return zeros for disconnected and hidden (display: none) elements (gh-2310)\n // Support: IE <=11 only\n // Running getBoundingClientRect on a\n // disconnected node in IE throws an error\n\n if ( !el.getClientRects().length ) {\n return { top: 0, left: 0 };\n }\n\n // Get document-relative position by adding viewport scroll to viewport-relative gBCR\n rect = el.getBoundingClientRect();\n win = el.ownerDocument.defaultView;\n\n return {\n top: rect.top + win.pageYOffset,\n left: rect.left + win.pageXOffset\n };\n },\n\n height: function(el) {\n return KTUtil.css(el, 'height');\n },\n\n outerHeight: function(el, withMargin) {\n var height = el.offsetHeight;\n var style;\n\n if (typeof withMargin !== 'undefined' && withMargin === true) {\n style = getComputedStyle(el);\n height += parseInt(style.marginTop) + parseInt(style.marginBottom);\n\n return height;\n } else {\n return height;\n }\n },\n\n visible: function(el) {\n return !(el.offsetWidth === 0 && el.offsetHeight === 0);\n },\n\n attr: function(el, name, value) {\n if (el == undefined) {\n return;\n }\n\n if (value !== undefined) {\n el.setAttribute(name, value);\n } else {\n return el.getAttribute(name);\n }\n },\n\n hasAttr: function(el, name) {\n if (el == undefined) {\n return;\n }\n\n return el.getAttribute(name) ? true : false;\n },\n\n removeAttr: function(el, name) {\n if (el == undefined) {\n return;\n }\n\n el.removeAttribute(name);\n },\n\n animate: function(from, to, duration, update, easing, done) {\n /**\n * TinyAnimate.easings\n * Adapted from jQuery Easing\n */\n var easings = {};\n var easing;\n\n easings.linear = function(t, b, c, d) {\n return c * t / d + b;\n };\n\n easing = easings.linear;\n\n // Early bail out if called incorrectly\n if (typeof from !== 'number' ||\n typeof to !== 'number' ||\n typeof duration !== 'number' ||\n typeof update !== 'function') {\n return;\n }\n\n // Create mock done() function if necessary\n if (typeof done !== 'function') {\n done = function() {};\n }\n\n // Pick implementation (requestAnimationFrame | setTimeout)\n var rAF = window.requestAnimationFrame || function(callback) {\n window.setTimeout(callback, 1000 / 50);\n };\n\n // Animation loop\n var canceled = false;\n var change = to - from;\n\n function loop(timestamp) {\n var time = (timestamp || +new Date()) - start;\n\n if (time >= 0) {\n update(easing(time, from, change, duration));\n }\n if (time >= 0 && time >= duration) {\n update(to);\n done();\n } else {\n rAF(loop);\n }\n }\n\n update(from);\n\n // Start animation loop\n var start = window.performance && window.performance.now ? window.performance.now() : +new Date();\n\n rAF(loop);\n },\n\n actualCss: function(el, prop, cache) {\n var css = '';\n\n if (el instanceof HTMLElement === false) {\n return;\n }\n\n if (!el.getAttribute('kt-hidden-' + prop) || cache === false) {\n var value;\n\n // the element is hidden so:\n // making the el block so we can meassure its height but still be hidden\n css = el.style.cssText;\n el.style.cssText = 'position: absolute; visibility: hidden; display: block;';\n\n if (prop == 'width') {\n value = el.offsetWidth;\n } else if (prop == 'height') {\n value = el.offsetHeight;\n }\n\n el.style.cssText = css;\n\n // store it in cache\n el.setAttribute('kt-hidden-' + prop, value);\n\n return parseFloat(value);\n } else {\n // store it in cache\n return parseFloat(el.getAttribute('kt-hidden-' + prop));\n }\n },\n\n actualHeight: function(el, cache) {\n return KTUtil.actualCss(el, 'height', cache);\n },\n\n actualWidth: function(el, cache) {\n return KTUtil.actualCss(el, 'width', cache);\n },\n\n getScroll: function(element, method) {\n // The passed in `method` value should be 'Top' or 'Left'\n method = 'scroll' + method;\n return (element == window || element == document) ? (\n self[(method == 'scrollTop') ? 'pageYOffset' : 'pageXOffset'] ||\n (browserSupportsBoxModel && document.documentElement[method]) ||\n document.body[method]\n ) : element[method];\n },\n\n css: function(el, styleProp, value) {\n if (!el) {\n return;\n }\n\n if (value !== undefined) {\n el.style[styleProp] = value;\n } else {\n var defaultView = (el.ownerDocument || document).defaultView;\n // W3C standard way:\n if (defaultView && defaultView.getComputedStyle) {\n // sanitize property name to css notation\n // (hyphen separated words eg. font-Size)\n styleProp = styleProp.replace(/([A-Z])/g, \"-$1\").toLowerCase();\n return defaultView.getComputedStyle(el, null).getPropertyValue(styleProp);\n } else if (el.currentStyle) { // IE\n // sanitize property name to camelCase\n styleProp = styleProp.replace(/\\-(\\w)/g, function(str, letter) {\n return letter.toUpperCase();\n });\n value = el.currentStyle[styleProp];\n // convert other units to pixels on IE\n if (/^\\d+(em|pt|%|ex)?$/i.test(value)) {\n return (function(value) {\n var oldLeft = el.style.left,\n oldRsLeft = el.runtimeStyle.left;\n el.runtimeStyle.left = el.currentStyle.left;\n el.style.left = value || 0;\n value = el.style.pixelLeft + \"px\";\n el.style.left = oldLeft;\n el.runtimeStyle.left = oldRsLeft;\n return value;\n })(value);\n }\n return value;\n }\n }\n },\n\n slide: function(el, dir, speed, callback, recalcMaxHeight) {\n if (!el || (dir == 'up' && KTUtil.visible(el) === false) || (dir == 'down' && KTUtil.visible(el) === true)) {\n return;\n }\n\n speed = (speed ? speed : 600);\n var calcHeight = KTUtil.actualHeight(el);\n var calcPaddingTop = false;\n var calcPaddingBottom = false;\n\n if (KTUtil.css(el, 'padding-top') && KTUtil.data(el).has('slide-padding-top') !== true) {\n KTUtil.data(el).set('slide-padding-top', KTUtil.css(el, 'padding-top'));\n }\n\n if (KTUtil.css(el, 'padding-bottom') && KTUtil.data(el).has('slide-padding-bottom') !== true) {\n KTUtil.data(el).set('slide-padding-bottom', KTUtil.css(el, 'padding-bottom'));\n }\n\n if (KTUtil.data(el).has('slide-padding-top')) {\n calcPaddingTop = parseInt(KTUtil.data(el).get('slide-padding-top'));\n }\n\n if (KTUtil.data(el).has('slide-padding-bottom')) {\n calcPaddingBottom = parseInt(KTUtil.data(el).get('slide-padding-bottom'));\n }\n\n if (dir == 'up') { // up\n el.style.cssText = 'display: block; overflow: hidden;';\n\n if (calcPaddingTop) {\n KTUtil.animate(0, calcPaddingTop, speed, function(value) {\n el.style.paddingTop = (calcPaddingTop - value) + 'px';\n }, 'linear');\n }\n\n if (calcPaddingBottom) {\n KTUtil.animate(0, calcPaddingBottom, speed, function(value) {\n el.style.paddingBottom = (calcPaddingBottom - value) + 'px';\n }, 'linear');\n }\n\n KTUtil.animate(0, calcHeight, speed, function(value) {\n el.style.height = (calcHeight - value) + 'px';\n }, 'linear', function() {\n el.style.height = '';\n el.style.display = 'none';\n\n if (typeof callback === 'function') {\n callback();\n }\n });\n\n\n } else if (dir == 'down') { // down\n el.style.cssText = 'display: block; overflow: hidden;';\n\n if (calcPaddingTop) {\n KTUtil.animate(0, calcPaddingTop, speed, function(value) {//\n el.style.paddingTop = value + 'px';\n }, 'linear', function() {\n el.style.paddingTop = '';\n });\n }\n\n if (calcPaddingBottom) {\n KTUtil.animate(0, calcPaddingBottom, speed, function(value) {\n el.style.paddingBottom = value + 'px';\n }, 'linear', function() {\n el.style.paddingBottom = '';\n });\n }\n\n KTUtil.animate(0, calcHeight, speed, function(value) {\n el.style.height = value + 'px';\n }, 'linear', function() {\n el.style.height = '';\n el.style.display = '';\n el.style.overflow = '';\n\n if (typeof callback === 'function') {\n callback();\n }\n });\n }\n },\n\n slideUp: function(el, speed, callback) {\n KTUtil.slide(el, 'up', speed, callback);\n },\n\n slideDown: function(el, speed, callback) {\n KTUtil.slide(el, 'down', speed, callback);\n },\n\n show: function(el, display) {\n if (typeof el !== 'undefined') {\n el.style.display = (display ? display : 'block');\n }\n },\n\n hide: function(el) {\n if (typeof el !== 'undefined') {\n el.style.display = 'none';\n }\n },\n\n addEvent: function(el, type, handler, one) {\n if (typeof el !== 'undefined' && el !== null) {\n el.addEventListener(type, handler);\n }\n },\n\n removeEvent: function(el, type, handler) {\n if (el !== null) {\n el.removeEventListener(type, handler);\n }\n },\n\n on: function(element, selector, event, handler) {\n if (!selector) {\n return;\n }\n\n var eventId = KTUtil.getUniqueID('event');\n\n window.KTUtilDelegatedEventHandlers[eventId] = function(e) {\n var targets = element.querySelectorAll(selector);\n var target = e.target;\n\n while (target && target !== element) {\n for (var i = 0, j = targets.length; i < j; i++) {\n if (target === targets[i]) {\n handler.call(target, e);\n }\n }\n\n target = target.parentNode;\n }\n }\n\n KTUtil.addEvent(element, event, window.KTUtilDelegatedEventHandlers[eventId]);\n\n return eventId;\n },\n\n off: function(element, event, eventId) {\n if (!element || !window.KTUtilDelegatedEventHandlers[eventId]) {\n return;\n }\n\n KTUtil.removeEvent(element, event, window.KTUtilDelegatedEventHandlers[eventId]);\n\n delete window.KTUtilDelegatedEventHandlers[eventId];\n },\n\n one: function onetime(el, type, callback) {\n el.addEventListener(type, function callee(e) {\n // remove event\n if (e.target && e.target.removeEventListener) {\n e.target.removeEventListener(e.type, callee);\n }\n\n // need to verify from https://themeforest.net/author_dashboard#comment_23615588\n if (el && el.removeEventListener) {\n\t\t\t\t e.currentTarget.removeEventListener(e.type, callee);\n\t\t\t }\n\n // call handler\n return callback(e);\n });\n },\n\n hash: function(str) {\n var hash = 0,\n i, chr;\n\n if (str.length === 0) return hash;\n for (i = 0; i < str.length; i++) {\n chr = str.charCodeAt(i);\n hash = ((hash << 5) - hash) + chr;\n hash |= 0; // Convert to 32bit integer\n }\n\n return hash;\n },\n\n animateClass: function(el, animationName, callback) {\n var animation;\n var animations = {\n animation: 'animationend',\n OAnimation: 'oAnimationEnd',\n MozAnimation: 'mozAnimationEnd',\n WebkitAnimation: 'webkitAnimationEnd',\n msAnimation: 'msAnimationEnd',\n };\n\n for (var t in animations) {\n if (el.style[t] !== undefined) {\n animation = animations[t];\n }\n }\n\n KTUtil.addClass(el, 'animated ' + animationName);\n\n KTUtil.one(el, animation, function() {\n KTUtil.removeClass(el, 'animated ' + animationName);\n });\n\n if (callback) {\n KTUtil.one(el, animation, callback);\n }\n },\n\n transitionEnd: function(el, callback) {\n var transition;\n var transitions = {\n transition: 'transitionend',\n OTransition: 'oTransitionEnd',\n MozTransition: 'mozTransitionEnd',\n WebkitTransition: 'webkitTransitionEnd',\n msTransition: 'msTransitionEnd'\n };\n\n for (var t in transitions) {\n if (el.style[t] !== undefined) {\n transition = transitions[t];\n }\n }\n\n KTUtil.one(el, transition, callback);\n },\n\n animationEnd: function(el, callback) {\n var animation;\n var animations = {\n animation: 'animationend',\n OAnimation: 'oAnimationEnd',\n MozAnimation: 'mozAnimationEnd',\n WebkitAnimation: 'webkitAnimationEnd',\n msAnimation: 'msAnimationEnd'\n };\n\n for (var t in animations) {\n if (el.style[t] !== undefined) {\n animation = animations[t];\n }\n }\n\n KTUtil.one(el, animation, callback);\n },\n\n animateDelay: function(el, value) {\n var vendors = ['webkit-', 'moz-', 'ms-', 'o-', ''];\n for (var i = 0; i < vendors.length; i++) {\n KTUtil.css(el, vendors[i] + 'animation-delay', value);\n }\n },\n\n animateDuration: function(el, value) {\n var vendors = ['webkit-', 'moz-', 'ms-', 'o-', ''];\n for (var i = 0; i < vendors.length; i++) {\n KTUtil.css(el, vendors[i] + 'animation-duration', value);\n }\n },\n\n scrollTo: function(target, offset, duration) {\n var duration = duration ? duration : 500;\n var targetPos = target ? KTUtil.offset(target).top : 0;\n var scrollPos = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;\n var from, to;\n\n if (offset) {\n scrollPos += offset;\n }\n\n from = scrollPos;\n to = targetPos;\n\n KTUtil.animate(from, to, duration, function(value) {\n document.documentElement.scrollTop = value;\n document.body.parentNode.scrollTop = value;\n document.body.scrollTop = value;\n }); //, easing, done\n },\n\n scrollTop: function(offset, duration) {\n KTUtil.scrollTo(null, offset, duration);\n },\n\n isArray: function(obj) {\n return obj && Array.isArray(obj);\n },\n\n ready: function(callback) {\n if (document.attachEvent ? document.readyState === \"complete\" : document.readyState !== \"loading\") {\n callback();\n } else {\n document.addEventListener('DOMContentLoaded', callback);\n }\n },\n\n isEmpty: function(obj) {\n for (var prop in obj) {\n if (obj.hasOwnProperty(prop)) {\n return false;\n }\n }\n\n return true;\n },\n\n numberString: function(nStr) {\n nStr += '';\n var x = nStr.split('.');\n var x1 = x[0];\n var x2 = x.length > 1 ? '.' + x[1] : '';\n var rgx = /(\\d+)(\\d{3})/;\n while (rgx.test(x1)) {\n x1 = x1.replace(rgx, '$1' + ',' + '$2');\n }\n return x1 + x2;\n },\n\n detectIE: function() {\n var ua = window.navigator.userAgent;\n\n // Test values; Uncomment to check result …\n\n // IE 10\n // ua = 'Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)';\n\n // IE 11\n // ua = 'Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko';\n\n // Edge 12 (Spartan)\n // ua = 'Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.71 Safari/537.36 Edge/12.0';\n\n // Edge 13\n // ua = 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2486.0 Safari/537.36 Edge/13.10586';\n\n var msie = ua.indexOf('MSIE ');\n if (msie > 0) {\n // IE 10 or older => return version number\n return parseInt(ua.substring(msie + 5, ua.indexOf('.', msie)), 10);\n }\n\n var trident = ua.indexOf('Trident/');\n if (trident > 0) {\n // IE 11 => return version number\n var rv = ua.indexOf('rv:');\n return parseInt(ua.substring(rv + 3, ua.indexOf('.', rv)), 10);\n }\n\n var edge = ua.indexOf('Edge/');\n if (edge > 0) {\n // Edge (IE 12+) => return version number\n return parseInt(ua.substring(edge + 5, ua.indexOf('.', edge)), 10);\n }\n\n // other browser\n return false;\n },\n\n isRTL: function() {\n var html = KTUtil.getByTagName('html')[0];\n\n if (html) {\n return (KTUtil.attr(html, 'direction') == 'rtl');\n }\n },\n\n // Scroller\n scrollInit: function(element, options) {\n if (!element) {\n return;\n }\n\n // Learn more: https://github.com/mdbootstrap/perfect-scrollbar#options\n var pluginDefOptions = {\n wheelSpeed: 0.5,\n swipeEasing: true,\n wheelPropagation: false,\n minScrollbarLength: 40,\n maxScrollbarLength: 300,\n suppressScrollX: true\n };\n\n options = KTUtil.deepExtend({}, pluginDefOptions, options);\n\n // Define init function\n function init() {\n var ps;\n var height;\n\n // Get extra options via data attributes\n var attrs = element.getAttributeNames();\n if (attrs.length > 0) {\n attrs.forEach(function(attrName) {\n \t\t\t// more options; https://github.com/ganlanyuan/tiny-slider#options\n \t\t\tif ((/^data-.*/g).test(attrName)) {\n if (['scroll', 'height', 'mobile-height'].includes(optionName) == false) {\n var optionName = attrName.replace('data-', '').toLowerCase().replace(/(?:[\\s-])\\w/g, function(match) {\n \t\t\t\t\treturn match.replace('-', '').toUpperCase();\n \t\t\t\t});\n\n options[optionName] = KTUtil.filterBoolean(element.getAttribute(attrName));\n }\n \t\t\t}\n \t\t});\n }\n\n if (options.height instanceof Function) {\n height = options.height.call();\n } else {\n if (KTUtil.isMobileDevice() === true && options.mobileHeight) {\n height = parseInt(options.mobileHeight);\n } else if (options.height) {\n height = parseInt(options.height);\n } else {\n height = parseInt(KTUtil.css(element, 'height'));\n }\n }\n\n if (height === false) {\n KTUtil.scrollDestroy(element, true);\n\n return;\n }\n\n height = parseInt(height);\n\n // Destroy scroll on table and mobile modes\n if ((options.mobileNativeScroll || options.disableForMobile) && KTUtil.isMobileDevice() === true) {\n ps = KTUtil.data(element).get('ps');\n if (ps) {\n if (options.resetHeightOnDestroy) {\n KTUtil.css(element, 'height', 'auto');\n } else {\n KTUtil.css(element, 'overflow', 'auto');\n if (height > 0) {\n KTUtil.css(element, 'height', height + 'px');\n }\n }\n\n ps.destroy();\n ps = KTUtil.data(element).remove('ps');\n } else if (height > 0){\n KTUtil.css(element, 'overflow', 'auto');\n KTUtil.css(element, 'height', height + 'px');\n }\n\n return;\n }\n\n if (height > 0) {\n KTUtil.css(element, 'height', height + 'px');\n }\n\n if (options.desktopNativeScroll) {\n KTUtil.css(element, 'overflow', 'auto');\n return;\n }\n\n // Pass options via HTML Attributes\n if (KTUtil.attr(element, 'data-window-scroll') == 'true') {\n options.windowScroll = true;\n }\n\n // Init scroll\n ps = KTUtil.data(element).get('ps');\n\n if (ps) {\n ps.update();\n } else {\n KTUtil.css(element, 'overflow', 'hidden');\n KTUtil.addClass(element, 'scroll');\n\n ps = new PerfectScrollbar(element, options);\n\n KTUtil.data(element).set('ps', ps);\n }\n\n // Remember scroll position in cookie\n var uid = KTUtil.attr(element, 'id');\n try {\n if (uid) {\n var cookie = KTCookie.getCookie(uid);\n if (options.rememberPosition === true && cookie) {\n var pos = parseInt(cookie);\n if (pos > 0) {\n element.scrollTop = pos;\n }\n element.addEventListener('ps-scroll-y', function() {\n KTCookie.setCookie(uid, element.scrollTop, {});\n });\n }\n }\n }\n catch (e) {\n console.error(e);\n }\n\n // Todo:Consider using Localstorage\n if (options.rememberPosition === true && KTCookie && uid) {\n if (KTCookie.getCookie(uid)) {\n var pos = parseInt(KTCookie.getCookie(uid));\n\n if (pos > 0) {\n element.scrollTop = pos;\n }\n }\n\n element.addEventListener('ps-scroll-y', function() {\n KTCookie.setCookie(uid, element.scrollTop);\n });\n }\n }\n\n // Init\n init();\n\n // Handle window resize\n if (options.handleWindowResize) {\n KTUtil.addResizeHandler(function() {\n init();\n });\n }\n },\n\n scrollUpdate: function(element) {\n var ps = KTUtil.data(element).get('ps');\n if (ps) {\n ps.update();\n }\n },\n\n scrollUpdateAll: function(parent) {\n var scrollers = KTUtil.findAll(parent, '.ps');\n for (var i = 0, len = scrollers.length; i < len; i++) {\n KTUtil.scrollUpdate(scrollers[i]);\n }\n },\n\n scrollDestroy: function(element, resetAll) {\n var ps = KTUtil.data(element).get('ps');\n\n if (ps) {\n ps.destroy();\n ps = KTUtil.data(element).remove('ps');\n }\n\n if (element && resetAll) {\n element.style.setProperty('overflow', '');\n element.style.setProperty('height', '');\n }\n },\n\n filterBoolean: function(val) {\n // Convert string boolean\n\t\t\tif (val === true || val === 'true') {\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\tif (val === false || val === 'false') {\n\t\t\t\treturn false;\n\t\t\t}\n\n return val;\n },\n\n setHTML: function(el, html) {\n el.innerHTML = html;\n },\n\n getHTML: function(el) {\n if (el) {\n return el.innerHTML;\n }\n },\n\n getDocumentHeight: function() {\n var body = document.body;\n var html = document.documentElement;\n\n return Math.max( body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight );\n },\n\n getScrollTop: function() {\n return (document.scrollingElement || document.documentElement).scrollTop;\n },\n\n changeColor: function(col, amt) {\n\n var usePound = false;\n\n if (col[0] == \"#\") {\n col = col.slice(1);\n usePound = true;\n }\n\n var num = parseInt(col,16);\n\n var r = (num >> 16) + amt;\n\n if (r > 255) r = 255;\n else if (r < 0) r = 0;\n\n var b = ((num >> 8) & 0x00FF) + amt;\n\n if (b > 255) b = 255;\n else if (b < 0) b = 0;\n\n var g = (num & 0x0000FF) + amt;\n\n if (g > 255) g = 255;\n else if (g < 0) g = 0;\n\n return (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n\n },\n\n // Throttle function: Input as function which needs to be throttled and delay is the time interval in milliseconds\n throttle: function (timer, func, delay) {\n \t// If setTimeout is already scheduled, no need to do anything\n \tif (timer) {\n \t\treturn;\n \t}\n\n \t// Schedule a setTimeout after delay seconds\n \ttimer = setTimeout(function () {\n \t\tfunc();\n\n \t\t// Once setTimeout function execution is finished, timerId = undefined so that in
\n \t\t// the next scroll event function execution can be scheduled by the setTimeout\n \t\ttimer = undefined;\n \t}, delay);\n },\n\n // Debounce function: Input as function which needs to be debounced and delay is the debounced time in milliseconds\n debounce: function (timer, func, delay) {\n \t// Cancels the setTimeout method execution\n \tclearTimeout(timer)\n\n \t// Executes the func after delay time.\n \ttimer = setTimeout(func, delay);\n },\n\n btnWait: function(el, cls, message, disable) {\n if (!el) {\n return;\n }\n\n if (typeof disable !== 'undefined' && disable === true) {\n KTUtil.attr(el, \"disabled\", true);\n }\n\n if (cls) {\n KTUtil.addClass(el, cls);\n KTUtil.attr(el, \"wait-class\", cls);\n }\n\n if (message) {\n var caption = KTUtil.find(el, '.btn-caption');\n\n if (caption) {\n KTUtil.data(caption).set('caption', KTUtil.getHTML(caption));\n KTUtil.setHTML(caption, message);\n } else {\n KTUtil.data(el).set('caption', KTUtil.getHTML(el));\n KTUtil.setHTML(el, message);\n }\n }\n },\n\n btnRelease: function(el) {\n if (!el) {\n return;\n }\n\n /// Show loading state on button\n KTUtil.removeAttr(el, \"disabled\");\n\n if (KTUtil.hasAttr(el, \"wait-class\")) {\n KTUtil.removeClass(el, KTUtil.attr(el, \"wait-class\"));\n }\n\n var caption = KTUtil.find(el, '.btn-caption');\n\n if (caption && KTUtil.data(caption).has('caption')) {\n KTUtil.setHTML(caption, KTUtil.data(caption).get('caption'));\n } else if (KTUtil.data(el).has('caption')) {\n KTUtil.setHTML(el, KTUtil.data(el).get('caption'));\n }\n },\n\n isOffscreen: function(el, direction, offset) {\n offset = offset || 0;\n\n var windowWidth = KTUtil.getViewPort().width;\n var windowHeight = KTUtil.getViewPort().height;\n\n var top = KTUtil.offset(el).top;\n var height = KTUtil.outerHeight(el) + offset;\n var left = KTUtil.offset(el).left;\n var width = KTUtil.outerWidth(el) + offset;\n\n if (direction == 'bottom') {\n if (windowHeight < top + height) {\n return true;\n } else if (windowHeight > top + height * 1.5) {\n return true;\n }\n }\n\n if (direction == 'top') {\n if (top < 0) {\n return true;\n } else if (top > height) {\n return true;\n }\n }\n\n if (direction == 'left') {\n if (left < 0) {\n return true;\n } else if (left * 2 > width) {\n //console.log('left 2');\n //return true;\n }\n }\n\n if (direction == 'right') {\n if (windowWidth < left + width) {\n return true;\n } else {\n //console.log('right 2');\n //return true;\n }\n }\n\n return false;\n }\n }\n}();\n\n// webpack support\nif (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {\n // module.exports = KTUtil;\n}\n\n// Initialize KTUtil class on document ready\nKTUtil.ready(function() {\n\tif (typeof KTAppSettings !== 'undefined') {\n\t\tKTUtil.init(KTAppSettings);\n\t} else {\n\t\tKTUtil.init();\n\t}\n});\n","export const SET_USER_ROLE = \"SET_USER_ROLE\";","export const SET_LOGGED_IN_USER = \"SET_LOGGED_IN_USER\";","export const SET_SIGNUP_INCOMPLETE_USER = \"SET_SIGNUP_INCOMPLETE_USER\";","export const SET_HOW_TO_DECIDE_CLICKED = \"SET_HOW_TO_DECIDE_CLICKED\";","export const SET_HONEYMOON_LOCATION_SELECTED = \"SET_HONEYMOON_LOCATION_SELECTED\";","export const SET_IS_SITE_PASSWORD_PROTECTED = \"SET_IS_SITE_PASSWORD_PROTECTED\";","export const SET_HAS_ACCESS_TO_SITE = \"SET_HAS_ACCESS_TO_SITE\";","export const SET_SHOW_MENU = \"SET_SHOW_MENU\";","export const SET_ADMIN_SETTINGS = \"SET_ADMIN_SETTINGS\";","/* eslint-disable */\n\"use strict\";\n\nimport { KTUtil } from \"./util\";\n\n// Component Definition\nvar KTMenu = function(elementId, options) {\n // Main object\n var the = this;\n var init = false;\n\n // Get element object\n var element = KTUtil.getById(elementId);\n var body = KTUtil.getBody();\n\n if (!element) {\n return;\n }\n\n // Default options\n var defaultOptions = {\n // scrollable area with Perfect Scroll\n scroll: {\n rememberPosition: false\n },\n\n // accordion submenu mode\n accordion: {\n slideSpeed: 200, // accordion toggle slide speed in milliseconds\n autoScroll: false, // enable auto scrolling(focus) to the clicked menu item\n autoScrollSpeed: 1200,\n expandAll: true // allow having multiple expanded accordions in the menu\n },\n\n // dropdown submenu mode\n dropdown: {\n timeout: 500 // timeout in milliseconds to show and hide the hoverable submenu dropdown\n }\n };\n\n ////////////////////////////\n // ** Private Methods ** //\n ////////////////////////////\n\n var Plugin = {\n /**\n * Run plugin\n * @returns {KTMenu}\n */\n construct: function(options) {\n if (KTUtil.data(element).has('menu')) {\n the = KTUtil.data(element).get('menu');\n } else {\n // reset menu\n Plugin.init(options);\n\n // reset menu\n Plugin.reset();\n\n // build menu\n Plugin.build();\n\n KTUtil.data(element).set('menu', the);\n }\n\n return the;\n },\n\n /**\n * Handles submenu click toggle\n * @returns {KTMenu}\n */\n init: function(options) {\n the.events = [];\n\n the.eventHandlers = {};\n\n // merge default and user defined options\n the.options = KTUtil.deepExtend({}, defaultOptions, options);\n\n // pause menu\n the.pauseDropdownHoverTime = 0;\n\n the.uid = KTUtil.getUniqueID();\n },\n\n update: function(options) {\n // merge default and user defined options\n the.options = KTUtil.deepExtend({}, defaultOptions, options);\n\n // pause menu\n the.pauseDropdownHoverTime = 0;\n\n // reset menu\n Plugin.reset();\n\n the.eventHandlers = {};\n\n // build menu\n Plugin.build();\n\n KTUtil.data(element).set('menu', the);\n },\n\n reload: function() {\n // reset menu\n Plugin.reset();\n\n // build menu\n Plugin.build();\n\n // reset submenu props\n Plugin.resetSubmenuProps();\n },\n\n /**\n * Reset menu\n * @returns {KTMenu}\n */\n build: function() {\n // General accordion submenu toggle\n the.eventHandlers['event_1'] = KTUtil.on( element, '.menu-toggle', 'click', Plugin.handleSubmenuAccordion);\n\n // Dropdown mode(hoverable)\n if (Plugin.getSubmenuMode() === 'dropdown' || Plugin.isConditionalSubmenuDropdown()) {\n // dropdown submenu - hover toggle\n the.eventHandlers['event_2'] = KTUtil.on( element, '[data-menu-toggle=\"hover\"]', 'mouseover', Plugin.handleSubmenuDrodownHoverEnter);\n the.eventHandlers['event_3'] = KTUtil.on( element, '[data-menu-toggle=\"hover\"]', 'mouseout', Plugin.handleSubmenuDrodownHoverExit);\n\n // dropdown submenu - click toggle\n the.eventHandlers['event_4'] = KTUtil.on( element, '[data-menu-toggle=\"click\"] > .menu-toggle, [data-menu-toggle=\"click\"] > .menu-link .menu-toggle', 'click', Plugin.handleSubmenuDropdownClick);\n the.eventHandlers['event_5'] = KTUtil.on( element, '[data-menu-toggle=\"tab\"] > .menu-toggle, [data-menu-toggle=\"tab\"] > .menu-link .menu-toggle', 'click', Plugin.handleSubmenuDropdownTabClick);\n }\n\n // Handle general link click\n the.eventHandlers['event_6'] = KTUtil.on(element, '.menu-item > .menu-link:not(.menu-toggle):not(.menu-link-toggle-skip)', 'click', Plugin.handleLinkClick);\n\n // Init scrollable menu\n if (the.options.scroll && the.options.scroll.height) {\n Plugin.scrollInit();\n }\n },\n\n /**\n * Reset menu\n * @returns {KTMenu}\n */\n reset: function() {\n KTUtil.off( element, 'click', the.eventHandlers['event_1']);\n\n // dropdown submenu - hover toggle\n KTUtil.off( element, 'mouseover', the.eventHandlers['event_2']);\n KTUtil.off( element, 'mouseout', the.eventHandlers['event_3']);\n\n // dropdown submenu - click toggle\n KTUtil.off( element, 'click', the.eventHandlers['event_4']);\n KTUtil.off( element, 'click', the.eventHandlers['event_5']);\n\n // handle link click\n KTUtil.off(element, 'click', the.eventHandlers['event_6']);\n },\n\n /**\n * Init scroll menu\n *\n */\n scrollInit: function() {\n if ( the.options.scroll && the.options.scroll.height ) {\n KTUtil.scrollDestroy(element, true);\n KTUtil.scrollInit(element, {mobileNativeScroll: true, windowScroll: false, resetHeightOnDestroy: true, handleWindowResize: true, height: the.options.scroll.height, rememberPosition: the.options.scroll.rememberPosition});\n } else {\n KTUtil.scrollDestroy(element, true);\n }\n },\n\n /**\n * Update scroll menu\n */\n scrollUpdate: function() {\n if ( the.options.scroll && the.options.scroll.height ) {\n KTUtil.scrollUpdate(element);\n }\n },\n\n /**\n * Scroll top\n */\n scrollTop: function() {\n if ( the.options.scroll && the.options.scroll.height ) {\n KTUtil.scrollTop(element);\n }\n },\n\n /**\n * Get submenu mode for current breakpoint and menu state\n * @returns {KTMenu}\n */\n getSubmenuMode: function(el) {\n if ( KTUtil.isBreakpointUp('lg') ) {\n if (el && KTUtil.hasAttr(el, 'data-menu-toggle') && KTUtil.attr(el, 'data-menu-toggle') == 'hover') {\n return 'dropdown';\n }\n\n if ( KTUtil.isset(the.options.submenu, 'desktop.state.body') ) {\n if ( KTUtil.hasClasses(body, the.options.submenu.desktop.state.body) ) {\n return the.options.submenu.desktop.state.mode;\n } else {\n return the.options.submenu.desktop.default;\n }\n } else if ( KTUtil.isset(the.options.submenu, 'desktop') ) {\n return the.options.submenu.desktop;\n }\n } else if ( KTUtil.isBreakpointUp('md') && KTUtil.isBreakpointDown('lg') && KTUtil.isset(the.options.submenu, 'tablet') ) {\n return the.options.submenu.tablet;\n } else if ( KTUtil.isBreakpointDown('md') && KTUtil.isset(the.options.submenu, 'mobile') ) {\n return the.options.submenu.mobile;\n } else {\n return false;\n }\n },\n\n /**\n * Get submenu mode for current breakpoint and menu state\n * @returns {KTMenu}\n */\n isConditionalSubmenuDropdown: function() {\n if ( KTUtil.isBreakpointUp('lg') && KTUtil.isset(the.options.submenu, 'desktop.state.body') ) {\n return true;\n } else {\n return false;\n }\n },\n\n\n /**\n * Reset submenu attributes\n * @returns {KTMenu}\n */\n resetSubmenuProps: function(e) {\n var submenus = KTUtil.findAll(element, '.menu-submenu');\n if ( submenus ) {\n for (var i = 0, len = submenus.length; i < len; i++) {\n var submenu = submenus[0];\n\n KTUtil.css(submenu, 'display', '');\n KTUtil.css(submenu, 'overflow', '');\n\n if (submenu.hasAttribute('data-hor-direction')) {\n KTUtil.removeClass(submenu, 'menu-submenu-left');\n KTUtil.removeClass(submenu, 'menu-submenu-right');\n KTUtil.addClass(submenu, submenu.getAttribute('data-hor-direction'));\n }\n }\n }\n },\n\n /**\n * Handles submenu hover toggle\n * @returns {KTMenu}\n */\n handleSubmenuDrodownHoverEnter: function(e) {\n if ( Plugin.getSubmenuMode(this) === 'accordion' ) {\n return;\n }\n\n if ( the.resumeDropdownHover() === false ) {\n return;\n }\n\n var item = this;\n\n if ( item.getAttribute('data-hover') == '1' ) {\n item.removeAttribute('data-hover');\n clearTimeout( item.getAttribute('data-timeout') );\n item.removeAttribute('data-timeout');\n }\n\n Plugin.showSubmenuDropdown(item);\n },\n\n /**\n * Handles submenu hover toggle\n * @returns {KTMenu}\n */\n handleSubmenuDrodownHoverExit: function(e) {\n if ( the.resumeDropdownHover() === false ) {\n return;\n }\n\n if ( Plugin.getSubmenuMode(this) === 'accordion' ) {\n return;\n }\n\n var item = this;\n var time = the.options.dropdown.timeout;\n\n var timeout = setTimeout(function() {\n if ( item.getAttribute('data-hover') == '1' ) {\n Plugin.hideSubmenuDropdown(item, true);\n }\n }, time);\n\n item.setAttribute('data-hover', '1');\n item.setAttribute('data-timeout', timeout);\n },\n\n /**\n * Handles submenu click toggle\n * @returns {KTMenu}\n */\n handleSubmenuDropdownClick: function(e) {\n if ( Plugin.getSubmenuMode(this) === 'accordion' ) {\n return;\n }\n\n var item = this.closest('.menu-item');\n\n // Trigger click event handlers\n var result = Plugin.eventTrigger('submenuToggle', this, e);\n if (result === false) {\n return;\n }\n\n if ( item.getAttribute('data-menu-submenu-mode') == 'accordion' ) {\n return;\n }\n\n if ( KTUtil.hasClass(item, 'menu-item-hover') === false ) {\n KTUtil.addClass(item, 'menu-item-open-dropdown');\n Plugin.showSubmenuDropdown(item);\n } else {\n KTUtil.removeClass(item, 'menu-item-open-dropdown' );\n Plugin.hideSubmenuDropdown(item, true);\n }\n\n e.preventDefault();\n },\n\n /**\n * Handles tab click toggle\n * @returns {KTMenu}\n */\n handleSubmenuDropdownTabClick: function(e) {\n if (Plugin.getSubmenuMode(this) === 'accordion') {\n return;\n }\n var item = this.closest('.menu-item');\n\n // Trigger click event handlers\n var result = Plugin.eventTrigger('submenuToggle', this, e);\n if (result === false) {\n return;\n }\n\n if (item.getAttribute('data-menu-submenu-mode') == 'accordion') {\n return;\n }\n\n if (KTUtil.hasClass(item, 'menu-item-hover') == false) {\n KTUtil.addClass(item, 'menu-item-open-dropdown');\n Plugin.showSubmenuDropdown(item);\n }\n\n e.preventDefault();\n },\n\n /**\n * Handles link click\n * @returns {KTMenu}\n */\n handleLinkClick: function(e) {\n var submenu = this.closest('.menu-item.menu-item-submenu');\n\n // Trigger click event handlers\n var result = Plugin.eventTrigger('linkClick', this, e);\n if (result === false) {\n return;\n }\n\n if ( submenu && Plugin.getSubmenuMode(submenu) === 'dropdown' ) {\n Plugin.hideSubmenuDropdowns();\n }\n },\n\n /**\n * Handles submenu dropdown close on link click\n * @returns {KTMenu}\n */\n handleSubmenuDropdownClose: function(e, el) {\n // exit if its not submenu dropdown mode\n if (Plugin.getSubmenuMode(el) === 'accordion') {\n return;\n }\n\n var shown = element.querySelectorAll('.menu-item.menu-item-submenu.menu-item-hover:not(.menu-item-tabs)');\n\n // check if currently clicked link's parent item ha\n if (shown.length > 0 && KTUtil.hasClass(el, 'menu-toggle') === false && el.querySelectorAll('.menu-toggle').length === 0) {\n // close opened dropdown menus\n for (var i = 0, len = shown.length; i < len; i++) {\n Plugin.hideSubmenuDropdown(shown[0], true);\n }\n }\n },\n\n /**\n * helper functions\n * @returns {KTMenu}\n */\n handleSubmenuAccordion: function(e, el) {\n var query;\n var item = el ? el : this;\n\n // Trigger click event handlers\n var result = Plugin.eventTrigger('submenuToggle', this, e);\n if (result === false) {\n return;\n }\n\n if ( Plugin.getSubmenuMode(el) === 'dropdown' && (query = item.closest('.menu-item') ) ) {\n if (query.getAttribute('data-menu-submenu-mode') != 'accordion' ) {\n e.preventDefault();\n return;\n }\n }\n\n var li = item.closest('.menu-item');\n var submenu = KTUtil.child(li, '.menu-submenu, .menu-inner');\n\n if (KTUtil.hasClass(item.closest('.menu-item'), 'menu-item-open-always')) {\n return;\n }\n\n if ( li && submenu ) {\n e.preventDefault();\n var speed = the.options.accordion.slideSpeed;\n var hasClosables = false;\n\n if ( KTUtil.hasClass(li, 'menu-item-open') === false ) {\n // hide other accordions\n if ( the.options.accordion.expandAll === false ) {\n var subnav = item.closest('.menu-nav, .menu-subnav');\n var closables = KTUtil.children(subnav, '.menu-item.menu-item-open.menu-item-submenu:not(.menu-item-here):not(.menu-item-open-always)');\n\n if ( subnav && closables ) {\n for (var i = 0, len = closables.length; i < len; i++) {\n var el_ = closables[0];\n var submenu_ = KTUtil.child(el_, '.menu-submenu');\n if ( submenu_ ) {\n KTUtil.slideUp(submenu_, speed, function() {\n Plugin.scrollUpdate();\n KTUtil.removeClass(el_, 'menu-item-open');\n });\n }\n }\n }\n }\n\n KTUtil.slideDown(submenu, speed, function() {\n Plugin.scrollToItem(item);\n Plugin.scrollUpdate();\n\n Plugin.eventTrigger('submenuToggle', submenu, e);\n });\n\n KTUtil.addClass(li, 'menu-item-open');\n\n } else {\n KTUtil.slideUp(submenu, speed, function() {\n Plugin.scrollToItem(item);\n Plugin.scrollUpdate();\n Plugin.eventTrigger('submenuToggle', submenu, e);\n });\n\n KTUtil.removeClass(li, 'menu-item-open');\n }\n }\n },\n\n /**\n * scroll to item function\n * @returns {KTMenu}\n */\n scrollToItem: function(item) {\n // handle auto scroll for accordion submenus\n if ( KTUtil.isBreakpointUp('lg') && the.options.accordion.autoScroll && element.getAttribute('data-menu-scroll') !== '1' ) {\n KTUtil.scrollTo(item, the.options.accordion.autoScrollSpeed);\n }\n },\n\n /**\n * Hide submenu dropdown\n * @returns {KTMenu}\n */\n hideSubmenuDropdown: function(item, classAlso) {\n // remove submenu activation class\n if ( classAlso ) {\n KTUtil.removeClass(item, 'menu-item-hover');\n KTUtil.removeClass(item, 'menu-item-active-tab');\n }\n\n // clear timeout\n item.removeAttribute('data-hover');\n\n if ( item.getAttribute('data-menu-toggle-class') ) {\n KTUtil.removeClass(body, item.getAttribute('data-menu-toggle-class'));\n }\n\n var timeout = item.getAttribute('data-timeout');\n item.removeAttribute('data-timeout');\n clearTimeout(timeout);\n },\n\n /**\n * Hide submenu dropdowns\n * @returns {KTMenu}\n */\n hideSubmenuDropdowns: function() {\n var items;\n if ( items = element.querySelectorAll('.menu-item-submenu.menu-item-hover:not(.menu-item-tabs):not([data-menu-toggle=\"tab\"])') ) {\n for (var j = 0, cnt = items.length; j < cnt; j++) {\n Plugin.hideSubmenuDropdown(items[j], true);\n }\n }\n },\n\n /**\n * helper functions\n * @returns {KTMenu}\n */\n showSubmenuDropdown: function(item) {\n // close active submenus\n var list = element.querySelectorAll('.menu-item-submenu.menu-item-hover, .menu-item-submenu.menu-item-active-tab');\n\n if ( list ) {\n for (var i = 0, len = list.length; i < len; i++) {\n var el = list[i];\n if ( item !== el && el.contains(item) === false && item.contains(el) === false ) {\n Plugin.hideSubmenuDropdown(el, true);\n }\n }\n }\n\n // add submenu activation class\n KTUtil.addClass(item, 'menu-item-hover');\n\n // Change the alignment of submenu is offscreen.\n var submenu = KTUtil.find(item, '.menu-submenu');\n\n if (submenu && submenu.hasAttribute('data-hor-direction') === false) {\n if (KTUtil.hasClass(submenu, 'menu-submenu-left')) {\n submenu.setAttribute('data-hor-direction', 'menu-submenu-left');\n } else if (KTUtil.hasClass(submenu, 'menu-submenu-right')) {\n submenu.setAttribute('data-hor-direction', 'menu-submenu-right');\n }\n }\n\n if ( submenu && KTUtil.isOffscreen(submenu, 'left', 15) === true ) {\n KTUtil.removeClass(submenu, 'menu-submenu-left');\n KTUtil.addClass(submenu, 'menu-submenu-right');\n } else if ( submenu && KTUtil.isOffscreen(submenu, 'right', 15) === true ) {\n KTUtil.removeClass(submenu, 'menu-submenu-right');\n KTUtil.addClass(submenu, 'menu-submenu-left');\n }\n\n if ( item.getAttribute('data-menu-toggle-class') ) {\n KTUtil.addClass(body, item.getAttribute('data-menu-toggle-class'));\n }\n },\n\n /**\n * Handles submenu slide toggle\n * @returns {KTMenu}\n */\n createSubmenuDropdownClickDropoff: function(el) {\n var query;\n var zIndex = (query = KTUtil.child(el, '.menu-submenu') ? KTUtil.css(query, 'z-index') : 0) - 1;\n\n var dropoff = document.createElement('');\n\n body.appendChild(dropoff);\n\n KTUtil.addEvent(dropoff, 'click', function(e) {\n e.stopPropagation();\n e.preventDefault();\n KTUtil.remove(this);\n Plugin.hideSubmenuDropdown(el, true);\n });\n },\n\n /**\n * Handles submenu hover toggle\n * @returns {KTMenu}\n */\n pauseDropdownHover: function(time) {\n var date = new Date();\n\n the.pauseDropdownHoverTime = date.getTime() + time;\n },\n\n /**\n * Handles submenu hover toggle\n * @returns {KTMenu}\n */\n resumeDropdownHover: function() {\n var date = new Date();\n\n return (date.getTime() > the.pauseDropdownHoverTime ? true : false);\n },\n\n /**\n * Reset menu's current active item\n * @returns {KTMenu}\n */\n resetActiveItem: function(item) {\n var list;\n var parents;\n\n list = element.querySelectorAll('.menu-item-active');\n\n for (var i = 0, len = list.length; i < len; i++) {\n var el = list[0];\n KTUtil.removeClass(el, 'menu-item-active');\n KTUtil.hide( KTUtil.child(el, '.menu-submenu') );\n parents = KTUtil.parents(el, '.menu-item-submenu') || [];\n\n for (var i_ = 0, len_ = parents.length; i_ < len_; i_++) {\n var el_ = parents[i];\n KTUtil.removeClass(el_, 'menu-item-open');\n KTUtil.hide( KTUtil.child(el_, '.menu-submenu') );\n }\n }\n\n // close open submenus\n if ( the.options.accordion.expandAll === false ) {\n if ( list = element.querySelectorAll('.menu-item-open') ) {\n for (var i = 0, len = list.length; i < len; i++) {\n KTUtil.removeClass(parents[0], 'menu-item-open');\n }\n }\n }\n },\n\n /**\n * Sets menu's active item\n * @returns {KTMenu}\n */\n setActiveItem: function(item) {\n // reset current active item\n Plugin.resetActiveItem();\n\n var parents = KTUtil.parents(item, '.menu-item-submenu') || [];\n for (var i = 0, len = parents.length; i < len; i++) {\n KTUtil.addClass(parents[i], 'menu-item-open');\n }\n\n KTUtil.addClass(item, 'menu-item-active');\n },\n\n /**\n * Returns page breadcrumbs for the menu's active item\n * @returns {KTMenu}\n */\n getBreadcrumbs: function(item) {\n var query;\n var breadcrumbs = [];\n var link = KTUtil.child(item, '.menu-link');\n\n breadcrumbs.push({\n text: (query = KTUtil.child(link, '.menu-text') ? query.innerHTML : ''),\n title: link.getAttribute('title'),\n href: link.getAttribute('href')\n });\n\n var parents = KTUtil.parents(item, '.menu-item-submenu');\n for (var i = 0, len = parents.length; i < len; i++) {\n var submenuLink = KTUtil.child(parents[i], '.menu-link');\n\n breadcrumbs.push({\n text: (query = KTUtil.child(submenuLink, '.menu-text') ? query.innerHTML : ''),\n title: submenuLink.getAttribute('title'),\n href: submenuLink.getAttribute('href')\n });\n }\n\n return breadcrumbs.reverse();\n },\n\n /**\n * Returns page title for the menu's active item\n * @returns {KTMenu}\n */\n getPageTitle: function(item) {\n var query;\n\n return (query = KTUtil.child(item, '.menu-text') ? query.innerHTML : '');\n },\n\n /**\n * Trigger events\n */\n eventTrigger: function(name, target, e) {\n for (var i = 0; i < the.events.length; i++ ) {\n var event = the.events[i];\n if ( event.name == name ) {\n if ( event.one == true ) {\n if ( event.fired == false ) {\n the.events[i].fired = true;\n return event.handler.call(this, target, e);\n }\n } else {\n return event.handler.call(this, target, e);\n }\n }\n }\n },\n\n addEvent: function(name, handler, one) {\n the.events.push({\n name: name,\n handler: handler,\n one: one,\n fired: false\n });\n },\n\n removeEvent: function(name) {\n if (the.events[name]) {\n delete the.events[name];\n }\n }\n };\n\n //////////////////////////\n // ** Public Methods ** //\n //////////////////////////\n\n /**\n * Set default options\n */\n\n the.setDefaults = function(options) {\n defaultOptions = options;\n };\n\n /**\n * Update scroll\n */\n the.scrollUpdate = function() {\n return Plugin.scrollUpdate();\n };\n\n /**\n * Re-init scroll\n */\n the.scrollReInit = function() {\n return Plugin.scrollInit();\n };\n\n /**\n * Scroll top\n */\n the.scrollTop = function() {\n return Plugin.scrollTop();\n };\n\n /**\n * Set active menu item\n */\n the.setActiveItem = function(item) {\n return Plugin.setActiveItem(item);\n };\n\n the.reload = function() {\n return Plugin.reload();\n };\n\n the.update = function(options) {\n return Plugin.update(options);\n };\n\n /**\n * Set breadcrumb for menu item\n */\n the.getBreadcrumbs = function(item) {\n return Plugin.getBreadcrumbs(item);\n };\n\n /**\n * Set page title for menu item\n */\n the.getPageTitle = function(item) {\n return Plugin.getPageTitle(item);\n };\n\n /**\n * Get submenu mode\n */\n the.getSubmenuMode = function(el) {\n return Plugin.getSubmenuMode(el);\n };\n\n /**\n * Hide dropdown\n * @returns {Object}\n */\n the.hideDropdown = function(item) {\n Plugin.hideSubmenuDropdown(item, true);\n };\n\n /**\n * Hide dropdowns\n * @returns {Object}\n */\n the.hideDropdowns = function() {\n Plugin.hideSubmenuDropdowns();\n };\n\n /**\n * Disable menu for given time\n * @returns {Object}\n */\n the.pauseDropdownHover = function(time) {\n Plugin.pauseDropdownHover(time);\n };\n\n /**\n * Disable menu for given time\n * @returns {Object}\n */\n the.resumeDropdownHover = function() {\n return Plugin.resumeDropdownHover();\n };\n\n /**\n * Register event\n */\n the.on = function(name, handler) {\n return Plugin.addEvent(name, handler);\n };\n\n the.off = function(name) {\n return Plugin.removeEvent(name);\n };\n\n the.one = function(name, handler) {\n return Plugin.addEvent(name, handler, true);\n };\n\n ///////////////////////////////\n // ** Plugin Construction ** //\n ///////////////////////////////\n\n // Run plugin\n Plugin.construct.apply(the, [options]);\n\n // Handle plugin on window resize\n KTUtil.addResizeHandler(function() {\n if (init) {\n the.reload();\n }\n });\n\n // Init done\n init = true;\n\n // Return plugin instance\n return the;\n};\n\n// webpack support\nif (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {\n // module.exports = KTMenu;\n}\n\n// Plugin global lazy initialization\ndocument.addEventListener(\"click\", function (e) {\n var body = KTUtil.getByTagName('body')[0];\n var query;\n if ( query = body.querySelectorAll('.menu-nav .menu-item.menu-item-submenu.menu-item-hover:not(.menu-item-tabs)[data-menu-toggle=\"click\"]') ) {\n for (var i = 0, len = query.length; i < len; i++) {\n var element = query[i].closest('.menu-nav').parentNode;\n\n if ( element ) {\n var the = KTUtil.data(element).get('menu');\n\n if ( !the ) {\n break;\n }\n\n if ( !the || the.getSubmenuMode() !== 'dropdown' ) {\n break;\n }\n\n if ( e.target !== element && element.contains(e.target) === false ) {\n the.hideDropdowns();\n }\n }\n }\n }\n});\n\nexport default KTMenu;","import objectPath from \"object-path\";\nimport {toAbsoluteUrl} from \"../../_helpers\";\n\nexport class HtmlClassService {\n // Public properties\n config;\n classes;\n attributes;\n\n /**\n * Build html element classes from layout config\n * @param layoutConfig\n */\n setConfig(layoutConfig) {\n this.config = this.preInit(layoutConfig);\n\n // scope list of classes\n this.classes = {\n header: [],\n header_container: [],\n header_mobile: [],\n header_menu: [],\n aside: [],\n aside_menu: [],\n subheader: [],\n subheader_container: [],\n content: [],\n content_container: [],\n footer_container: []\n };\n\n this.attributes = {\n aside_menu: {},\n header_mobile: {},\n header_menu: {}\n };\n\n // init base layout\n this.initLayout();\n this.initLoader();\n\n // init header and subheader menu\n this.initHeader();\n this.initSubheader();\n\n this.initContent();\n // init aside and aside menu\n this.initAside();\n\n // init footer\n this.initFooter();\n\n // init theme\n this.initTheme();\n }\n\n preInit(layoutConfig) {\n const updatedConfig = Object.assign({}, layoutConfig);\n const headerSelfFixedDesktop = objectPath.get(updatedConfig, \"header.self.fixed.desktop\");\n const subheaderFixed = objectPath.get(updatedConfig, \"subheader.fixed\");\n if (subheaderFixed && headerSelfFixedDesktop) {\n // Page::setOption('layout', 'subheader/style', 'solid');\n updatedConfig.subheader.style = \"solid\"; \n } else {\n // Page::setOption('layout', 'subheader/fixed', false);\n updatedConfig.subheader.fixed = false;\n }\n return updatedConfig;\n }\n\n /**\n * Returns Classes\n *\n * @param path: string\n * @param toString boolean\n */\n getClasses(path, toString) {\n if (path) {\n const classes = objectPath.get(this.classes, path) || \"\";\n if (toString && Array.isArray(classes)) {\n return classes.join(\" \");\n }\n return classes.toString();\n }\n return this.classes;\n }\n\n getAttributes(path) {\n if (path) {\n const attributes = objectPath.get(this.attributes, path) || [];\n return attributes;\n }\n return [];\n }\n\n getLogo() {\n const brandSkin = objectPath.get(this.config, \"brand.self.theme\");\n if (brandSkin === \"light\") {\n return toAbsoluteUrl(\"/media/logos/logo-dark.png\");\n } else {\n return toAbsoluteUrl(\"/media/logos/logo-light.png\");\n }\n }\n\n getStickyLogo() {\n let logo = objectPath.get(this.config, \"self.logo.sticky\");\n if (typeof logo === \"undefined\") {\n logo = this.getLogo();\n }\n return logo + \"\";\n }\n\n /**\n * Init Layout\n */\n initLayout() {\n const selfBodyBackgroundImage = objectPath.get(this.config, \"self.body.background-image\");\n if (selfBodyBackgroundImage) {\n document.body.style.backgroundImage = `url(\"${selfBodyBackgroundImage}'\")`;\n }\n\n const _selfBodyClass = objectPath.get(this.config, \"self.body.class\");\n if (_selfBodyClass) {\n const bodyClasses = _selfBodyClass.toString().split(\" \");\n bodyClasses.forEach(cssClass => document.body.classList.add(cssClass));\n }\n\n // Offcanvas directions\n document.body.classList.add(\"quick-panel-right\");\n document.body.classList.add(\"demo-panel-right\");\n document.body.classList.add(\"offcanvas-right\");\n }\n\n /**\n * Init Loader\n */\n initLoader() {}\n\n /**\n * Init Header\n */\n initHeader() {\n // Fixed header\n const headerSelfFixedDesktop = objectPath.get(this.config, \"header.self.fixed.desktop\");\n if (headerSelfFixedDesktop) {\n document.body.classList.add(\"header-fixed\");\n objectPath.push(this.classes, \"header\", \"header-fixed\");\n } else {\n document.body.classList.add(\"header-static\");\n }\n\n const headerSelfFixedMobile = objectPath.get(this.config, \"header.self.fixed.mobile\");\n if (headerSelfFixedMobile) {\n document.body.classList.add(\"header-mobile-fixed\");\n objectPath.push(this.classes, \"header_mobile\", \"header-mobile-fixed\");\n }\n\n // Menu\n const headerMenuSelfDisplay = objectPath.get(this.config, \"header.menu.self.display\");\n if (headerMenuSelfDisplay) {\n const headerMenuSelfLayout = objectPath.get(this.config, \"header.menu.self.layout\");\n const headerMenuLayoutCssClass = `header-menu-layout-${headerMenuSelfLayout}`;\n objectPath.push(this.classes, \"header_menu\", headerMenuLayoutCssClass);\n\n if (objectPath.get(this.config, \"header.menu.self.root-arrow\")) {\n objectPath.push(this.classes, \"header_menu\", \"header-menu-root-arrow\");\n }\n }\n\n const headerSelfWidth = objectPath.get(this.config, \"header.self.width\");\n if (headerSelfWidth === \"fluid\") {\n objectPath.push(this.classes, \"header_container\", \"container-fluid\");\n } else {\n objectPath.push(this.classes, \"header_container\", \"container\");\n }\n }\n\n /**\n * Init Subheader\n */\n initSubheader() {\n const subheaderDisplay = objectPath.get(this.config, \"subheader.display\");\n if (subheaderDisplay) {\n document.body.classList.add(\"subheader-enabled\");\n } else {\n return;\n }\n\n // Fixed content head\n const subheaderFixed = objectPath.get(this.config, \"subheader.fixed\");\n const headerSelfFixedDesktop = objectPath.get(this.config, \"header.self.fixed.desktop\");\n if (subheaderFixed && headerSelfFixedDesktop) {\n document.body.classList.add(\"subheader-fixed\");\n // Page::setOption('layout', 'subheader/style', 'solid'); => See preInit()\n } else {\n // Page::setOption('layout', 'subheader/fixed', false); => See preInit()\n }\n\n const subheaderStyle = objectPath.get(this.config, \"subheader.style\");\n if (subheaderStyle) {\n const subheaderClass = `subheader-${subheaderStyle}`;\n objectPath.push(this.classes, \"subheader\", subheaderClass);\n }\n\n const subheaderWidth = objectPath.get(this.config, \"subheader.width\");\n if (subheaderWidth === \"fluid\") {\n objectPath.push(this.classes, \"subheader_container\", \"container-fluid\");\n } else {\n objectPath.push(this.classes, \"subheader_container\", \"container\");\n }\n\n if (objectPath.get(this.config, \"subheader.clear\")) {\n objectPath.push(this.classes, \"subheader\", \"mb-0\");\n }\n }\n\n /**\n * Init Content\n */\n initContent() {\n if (objectPath.get(this.config, \"content.fit-top\")) {\n objectPath.push(this.classes, \"content\", \"pt-0\");\n }\n\n if (objectPath.get(this.config, \"content.fit-bottom\")) {\n objectPath.push(this.classes, \"content\", \"pb-0\");\n }\n\n if (objectPath.get(this.config, \"content.width\") === \"fluid\") {\n objectPath.push(this.classes, \"content_container\", \"container-fluid\");\n } else {\n objectPath.push(this.classes, \"content_container\", \"container\");\n }\n }\n\n /**\n * Init Aside\n */\n initAside() {\n // Check Aside\n const asideSelfDisplay = objectPath.get(this.config, \"aside.self.display\");\n if (!asideSelfDisplay) {\n return;\n }\n\n // Enable Aside\n document.body.classList.add(\"aside-enabled\");\n\n // Fixed Aside\n const asideSelfFixed = objectPath.get(this.config, \"aside.self.fixed\");\n if (asideSelfFixed) {\n document.body.classList.add(\"aside-fixed\");\n objectPath.push(this.classes, \"aside\", \"aside-fixed\");\n } else {\n document.body.classList.add(\"aside-static\");\n }\n\n // Check Aside\n if (!asideSelfDisplay) {\n return;\n }\n\n // Default fixed\n if (objectPath.get(this.config, \"aside.self.minimize.default\")) {\n document.body.classList.add(\"aside-minimize\");\n }\n\n if (objectPath.get(this.config, \"aside.self.minimize.hoverable\")) {\n document.body.classList.add(\"aside-minimize-hoverable\");\n }\n\n // Menu\n // Dropdown Submenu\n const asideMenuDropdown = objectPath.get(this.config, \"aside.menu.dropdown\");\n if (asideMenuDropdown) {\n objectPath.push(this.classes, \"aside_menu\", \"aside-menu-dropdown\");\n this.attributes.aside_menu[\"data-menu-dropdown\"] = \"1\";\n }\n\n // Scrollable Menu\n this.attributes.aside_menu[\"data-menu-scroll\"] = asideMenuDropdown ? \"0\" : \"1\";\n\n const asideSubmenuDHoverTimeout = objectPath.get(\n this.config,\n \"aside.menu.submenu.dropdown.hover-timeout\"\n );\n if (asideSubmenuDHoverTimeout) {\n this.attributes.aside_menu[\n \"data-menu-dropdown-timeout\"\n ] = asideSubmenuDHoverTimeout;\n }\n }\n\n /**\n * Init Footer\n */\n initFooter() {\n // Fixed header\n if (objectPath.get(this.config, \"footer.fixed\")) {\n document.body.classList.add(\"footer-fixed\");\n }\n\n if (objectPath.get(this.config, \"footer.self.width\") === \"fluid\") {\n objectPath.push(this.classes, \"footer_container\", \"container-fluid\");\n } else {\n objectPath.push(this.classes, \"footer_container\", \"container\");\n }\n }\n\n /** Init Theme */\n initTheme() {\n const asideSelfDisplay = objectPath.get(this.config, \"aside.self.display\");\n if (!asideSelfDisplay) {\n const headerSelfTheme = objectPath.get(this.config, \"header.self.theme\");\n document.body.classList.add(`brand-${headerSelfTheme}`);\n } else {\n const brandSelfTheme = objectPath.get(this.config, \"brand.self.theme\");\n document.body.classList.add(`brand-${brandSelfTheme}`);\n }\n }\n}\n","import React, { createContext, useContext, useMemo } from \"react\";\nimport { getInitLayoutConfig } from \"./LayoutConfig\";\nimport { HtmlClassService } from \"./HTMLClassService\";\n\nconst LAYOUT_CONFIG_KEY =\n process.env.REACT_APP_LAYOUT_CONFIG_KEY || \"LayoutConfig\";\n\nfunction getConfig() {\n const ls = localStorage.getItem(LAYOUT_CONFIG_KEY);\n if (ls) {\n try {\n return JSON.parse(ls);\n } catch (er) {\n console.error(er);\n }\n }\n return getInitLayoutConfig();\n}\n\n// Side effect\nexport function setLayoutConfig(config) {\n localStorage.setItem(LAYOUT_CONFIG_KEY, JSON.stringify(config));\n window.location.reload();\n}\n\nconst HtmlClassServiceContext = createContext();\n\n/**\n *\n *\n * @export\n * @returns Layout context from 'localStorage'\n */\nexport function useHtmlClassService() {\n return useContext(HtmlClassServiceContext);\n}\n\nexport function withHtmlClassService(Component) {\n class WithHtmlClassService extends React.Component {\n static displayName = `WithHtmlClassService(${Component.displayName ||\n Component.name})`;\n\n static contextType = HtmlClassServiceContext;\n\n render() {\n return
\n
\n \n );\n }\n\n return (\n No record found
\n \n {/* begin: Section */}\n
\n \n \n );\n}\n","import React, { useEffect, useState, useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport { Dropdown, OverlayTrigger, Tooltip } from \"react-bootstrap\";\nimport SVG from \"react-inlinesvg\";\nimport objectPath from \"object-path\";\nimport { useHtmlClassService } from \"../../../../_core/MetronicLayout\";\nimport { SearchResult } from \"./SearchResult\";\nimport { toAbsoluteUrl } from \"../../../../../_helpers\";\nimport { DropdownTopbarItemToggler } from \"../../../../../_partials/dropdowns\";\nconst fakeData = [\n {\n type: 0,\n text: \"Reports\",\n },\n {\n type: 1,\n text: \"AirPlus Requirements\",\n description: \"by Grog John\",\n iconImage: toAbsoluteUrl(\"/media/files/doc.svg\"),\n },\n {\n type: 1,\n text: \"TechNav Documentation\",\n description: \"by Mary Brown\",\n iconImage: toAbsoluteUrl(\"/media/files/pdf.svg\"),\n },\n {\n type: 1,\n text: \"All Framework Docs\",\n description: \"by Grog John\",\n iconImage: toAbsoluteUrl(\"/media/files/zip.svg\"),\n },\n {\n type: 1,\n text: \"AirPlus Requirements\",\n description: \"by Tim Hardy\",\n iconImage: toAbsoluteUrl(\"/media/files/xml.svg\"),\n },\n {\n text: \"Customers\",\n type: 0,\n },\n {\n type: 1,\n text: \"Jimmy Curry\",\n description: \"Software Developer\",\n iconImage: toAbsoluteUrl(\"/media/users/300_11.jpg\"),\n },\n {\n type: 1,\n text: \"Milena Gibson\",\n description: \"UI Designer\",\n iconImage: toAbsoluteUrl(\"/media/users/300_16.jpg\"),\n },\n {\n type: 1,\n text: \"Stefan JohnStefan\",\n description: \"Marketing Manager\",\n iconImage: toAbsoluteUrl(\"/media/users/300_22.jpg\"),\n },\n {\n type: 1,\n text: \"Anna Strong\",\n description: \"Software Developer\",\n iconImage: toAbsoluteUrl(\"/media/users/300_5.jpg\"),\n },\n {\n type: 0,\n text: \"Files\",\n },\n {\n type: 1,\n text: \"2 New items submitted\",\n description: \"Marketing Manager\",\n iconClassName: \"flaticon2-box font-danger\",\n },\n {\n type: 1,\n text: \"79 PSD files generated\",\n description: \"by Grog John\",\n iconClassName: \"flaticon-psd font-brand\",\n },\n {\n type: 1,\n text: \"$2900 worth products sold\",\n description: \"Total 234 items\",\n iconClassName: \"flaticon2-supermarket font-warning\",\n },\n {\n type: 1,\n text: \"4 New items submitted\",\n description: \"Marketing Manager\",\n iconClassName: \"flaticon-safe-shield-protection font-info\",\n },\n];\n\nexport function SearchDropdown() {\n const [loading, setLoading] = useState(false);\n const [data, setData] = useState(null);\n const [searchValue, setSearchValue] = useState(\"\");\n let timeoutId;\n\n const clearTimeout = () => {\n if (timeoutId) {\n clearTimeout(timeoutId);\n timeoutId = undefined;\n }\n };\n\n const handleSearchChange = (event) => {\n setData(null);\n setSearchValue(event.target.value);\n\n if (event.target.value.length > 2) {\n clearTimeout();\n\n setLoading(true);\n\n // simulate getting search result\n timeoutId = setTimeout(() => {\n setData(fakeData);\n setLoading(false);\n }, 500);\n }\n };\n\n const clear = () => {\n setData(null);\n setSearchValue(\"\");\n };\n\n useEffect(() => {\n return () => {\n clearTimeout();\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const uiService = useHtmlClassService();\n const layoutProps = useMemo(() => {\n return {\n offcanvas:\n objectPath.get(uiService.config, \"extras.search.layout\") ===\n \"offcanvas\",\n };\n }, [uiService]);\n\n return (\n <>\n {layoutProps.offcanvas && (\n \n Documents\n
\n \n
\n {/* end: Section */}\n\n {/* begin: Section */}\n \n
\n\n \n \n
\n \n \n AirPlus Requirements\n \n \n by Grog John\n \n
\n \n
\n\n \n \n
\n \n \n TechNav Documentation\n \n \n by Mary Broun\n \n
\n \n
\n\n \n \n
\n \n \n All Framework Docs\n \n \n by Nick Stone\n \n
\n \n
\n \n \n
\n \n \n Finance & Accounting Reports\n \n \n by Jhon Larson\n \n
\n \n Members\n
\n \n
\n {/* end: Section */}\n\n {/* begin: Section */}\n \n
\n \n
\n \n \n Milena Gibson\n \n \n UI Designer\n \n
\n \n
\n \n
\n \n \n Stefan JohnStefan\n \n \n Marketing Manager\n \n
\n \n
\n \n
\n \n \n Anna Strong\n \n \n Software Developer\n \n
\n \n
\n \n
\n \n \n Nick Bold\n \n \n Project Coordinator\n \n
\n \n Files\n
\n \n
\n {/* end: Section */}\n \n
\n \n
\n \n \n
\n \n \n 79 PSD files generated\n \n \n by Grog John\n \n
\n \n
\n \n
\n \n \n
\n \n \n $2900 worth products sold\n \n \n Total 234 items\n \n
\n \n
\n \n
\n \n \n
\n \n \n 4 New items submitted\n \n \n Marketing Manager\n \n
\n \n
\n \n
\n \n \n
\n \n \n 4 New items submitted\n \n \n Marketing Manager\n \n
\n \n \n \n \n \n
\n \n )}\n {!layoutProps.offcanvas && (\n \n \n
\n \n \n \n \n \n \n \n
\n \n )}\n {!layoutProps.offcanvas && (\n \n \n \n
\n \n \n )}\n {!layoutProps.offcanvas && (\n \n \n
\n \n \n\n \n \n \n \n
\n \n \n \n
\n \n \n - \n {languages.map((language) => (\n
\n
\n \n \n )}\n\n {!layoutProps.light && (\n \n ![\"\"]({toAbsoluteUrl(\"/media/users/300_21.jpg\")})
\n
\n \n \n {loggedInUser?.name}\n
\n \n 3 messages\n \n \n \n {loggedInUser?.name[0]}\n \n {/*
*/}\n
\n \n {loggedInUser?.name}\n
\n {/* \n 3 messages\n */}\n \n )}\n \n\n \n {/* \n
\n \n
\n */}\n\n {/* \n \n \n
\n \n
\n \n My Profile\n
\n \n Account settings and more\n \n update\n \n
\n \n
\n \n\n \n \n \n
\n \n
\n My Messages
\n Inbox and tasks
\n \n
\n \n\n \n \n \n
\n \n
\n My Activities
\n Logs and notifications
\n \n
\n */}\n \n\n \n \n
\n \n
\n My Tasks
\n latest tasks and projects
\n \n {\n dispatch(setLoggedInUser(null));\n localStorage.clear();\n }}\n >\n Sign Out\n \n {/* \n Upgrade Plan\n */}\n
\n \n \n <>\n \n Hi,\n \n \n {loggedInUser?.name}\n \n \n \n {loggedInUser?.name[0]}\n \n \n \n
\n \n \n )}\n\n {!layoutProps.offcanvas && \n {layoutProps.viewSearchDisplay && Quick panel}\n >\n \n \n \n
\n \n \n )}\n\n {layoutProps.viewLanguagesDisplay && - \n {/*begin::1 Level*/}\n
- \n
\n Dashboard\n {layoutProps.rootArrowEnabled && ()}\n \n \n - \n
\n User\n {layoutProps.rootArrowEnabled && ()}\n \n \n {/*end::1 Level*/}\n
\n {layoutProps.disabledAsideSelfDisplay && (\n <>\n {/*begin::Header Logo*/}\n
\n {/*Header Menu Wrapper*/}\n \n}\n","import React, {useMemo} from \"react\";\nimport objectPath from \"object-path\";\nimport {useHtmlClassService} from \"../../_core/MetronicLayout\";\nimport {Topbar} from \"./Topbar\";\nimport {HeaderMenuWrapper} from \"./header-menu/HeaderMenuWrapper\";\nimport {AnimateLoading} from \"../../../_partials/controls\";\n\nexport function Header() {\n const uiService = useHtmlClassService();\n\n const layoutProps = useMemo(() => {\n return {\n headerClasses: uiService.getClasses(\"header\", true),\n headerAttributes: uiService.getAttributes(\"header\"),\n headerContainerClasses: uiService.getClasses(\"header_container\", true),\n menuHeaderDisplay: objectPath.get(\n uiService.config,\n \"header.menu.self.display\"\n )\n };\n }, [uiService]);\n\n return (\n <>\n {/*begin::Header*/}\n \n \n }/)
\n \n
\n {/*end::Header Logo*/}\n \n )}\n {/*begin::Header Menu*/}\n \n
\n {/*end::Container*/}\n \n {/*end::Header*/}\n \n );\n}\n","import React, {useMemo} from \"react\";\nimport {Link} from \"react-router-dom\";\nimport objectPath from \"object-path\";\nimport SVG from \"react-inlinesvg\";\nimport {toAbsoluteUrl} from \"../../../_helpers\";\nimport {useHtmlClassService} from \"../../_core/MetronicLayout\";\n\nexport function HeaderMobile() {\n const uiService = useHtmlClassService();\n\n const layoutProps = useMemo(() => {\n return {\n headerLogo: uiService.getStickyLogo(),\n asideDisplay: objectPath.get(uiService.config, \"aside.self.display\"),\n headerMenuSelfDisplay:\n objectPath.get(uiService.config, \"header.menu.self.display\") === true,\n headerMobileCssClasses: uiService.getClasses(\"header_mobile\", true),\n headerMobileAttributes: uiService.getAttributes(\"header_mobile\")\n };\n }, [uiService]);\n\n return (\n <>\n {/*begin::Header Mobile*/}\n \n {layoutProps.asideDisplay && (\n <>\n {/*begin::Aside Mobile Toggle*/}\n \n {/*end::Aside Mobile Toggle*/}\n \n )}\n\n {layoutProps.headerMenuSelfDisplay && (\n <>\n {/*begin::Header Menu Mobile Toggle*/}\n \n {/*end::Header Menu Mobile Toggle*/}\n \n )}\n\n {/*begin::Topbar Mobile Toggle*/}\n \n \n \n \n \n {/*end::Topbar Mobile Toggle*/}\n
\n {/*end::Toolbar*/}\n \n {/*end::Header Mobile*/}\n \n );\n}\n","import React, {useMemo} from \"react\";\nimport {Link} from \"react-router-dom\";\nimport objectPath from \"object-path\";\nimport SVG from \"react-inlinesvg\";\nimport {useHtmlClassService} from \"../../_core/MetronicLayout\";\nimport {toAbsoluteUrl} from \"../../../_helpers\";\n\nexport function Brand() {\n const uiService = useHtmlClassService();\n\n const layoutProps = useMemo(() => {\n return {\n brandClasses: uiService.getClasses(\"brand\", true),\n asideSelfMinimizeToggle: objectPath.get(\n uiService.config,\n \"aside.self.minimize.toggle\"\n ),\n headerLogo: uiService.getLogo(),\n headerStickyLogo: uiService.getStickyLogo()\n };\n }, [uiService]);\n\n return (\n <>\n {/* begin::Brand */}\n - \n {/*begin::1 Level*/}\n
- \n
Customers
\n \n \n {/* end:: section */}\n\n - \n
Vendors
\n \n \n {/* end:: section */}\n - \n
Payment Detail
\n \n */}\n \n\n {/* - \n
Blog
\n \n \n \n\n - \n
Settings
\n \n \n \n\n
\n
\n {/* end::Aside */}\n \n );\n}\n","import React, {useMemo} from \"react\";\nimport {useHtmlClassService} from \"../../_core/MetronicLayout\";\n\nexport function Footer() {\n const today = new Date().getFullYear();\n const uiService = useHtmlClassService();\n\n const layoutProps = useMemo(() => {\n return {\n footerClasses: uiService.getClasses(\"footer\", true),\n footerContainerClasses: uiService.getClasses(\"footer_container\", true)\n };\n }, [uiService]);\n\n return (\n \n {layoutProps.disableAsideSelfDisplay && (\n <>\n {/* begin::Header Logo */}\n {/* \n
\n {/* end::Aside Menu */}\n \n \n 
\n \n
*/}\n {/* end::Header Logo */}\n \n )}\n \n {today.toString()} ©{\" \"}\n \n Wedding Match\n \n
\n \n \n About\n \n \n Team\n \n \n Contact\n \n
\n \n \n );\n}\n","/* eslint-disable */\n\"use strict\";\n\nimport { KTUtil } from \"./../../components/util.js\";\n\nvar KTLayoutHeader = function() {\n // Private properties\n var _element;\n var _elementForMobile;\n var _object;\n\n\t// Private functions\n // Get Height\n var _getHeight = function() {\n var height = 0;\n\n if (_element) {\n height = KTUtil.actualHeight(_element) + 1;\n }\n\n return height;\n }\n\n // Get Height\n var _getHeightForMobile = function() {\n var height;\n\n height = KTUtil.actualHeight(_elementForMobile);\n\n return height;\n }\n\n // Public Methods\n\treturn {\n\t\tinit: function(id, idForMobile) {\n _element = KTUtil.getById(id);\n _elementForMobile = KTUtil.getById(idForMobile);\n\n if (!_element) {\n return;\n }\n\t\t},\n\n isFixed: function() {\n return KTUtil.hasClass(KTUtil.getBody(), 'header-fixed')\n },\n\n isFixedForMobile: function() {\n return KTUtil.hasClass(KTUtil.getBody(), 'header-mobile-fixed')\n },\n\n getElement: function() {\n return _element;\n },\n\n getElementForMobile: function() {\n return _elementForMobile;\n },\n\n getHeader: function() {\n return _object;\n },\n\n getHeight: function() {\n return _getHeight();\n },\n\n getHeightForMobile: function() {\n return _getHeightForMobile();\n }\n\t};\n}();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n\t// module.exports = KTLayoutHeader;\n}\n\nexport default KTLayoutHeader;","/* eslint-disable */\n\"use strict\";\n\nimport KTOffcanvas from \"./../../components/offcanvas.js\";\nimport KTMenu from \"./../../components/menu.js\";\nimport { KTUtil } from \"./../../components/util.js\";\n\nvar KTLayoutHeaderMenu = function() {\n // Private properties\n\tvar _menuElement;\n var _menuObject;\n var _offcanvasElement;\n var _offcanvasObject;\n\n // Private functions\n\tvar _init = function() {\n\t\t_offcanvasObject = new KTOffcanvas(_offcanvasElement, {\n\t\t\toverlay: true,\n\t\t\tbaseClass: 'header-menu-wrapper',\n\t\t\tcloseBy: 'kt_header_menu_mobile_close_btn',\n\t\t\ttoggleBy: {\n\t\t\t\ttarget: 'kt_header_mobile_toggle',\n\t\t\t\tstate: 'mobile-toggle-active'\n\t\t\t}\n\t\t});\n\t\t\n\t\t_menuObject = new KTMenu(_menuElement, {\n\t\t\tsubmenu: {\n\t\t\t\tdesktop: 'dropdown',\n\t\t\t\ttablet: 'accordion',\n\t\t\t\tmobile: 'accordion'\n\t\t\t},\n\t\t\taccordion: {\n\t\t\t\tslideSpeed: 200, // accordion toggle slide speed in milliseconds\n\t\t\t\texpandAll: false // allow having multiple expanded accordions in the menu\n\t\t\t}\n\t\t});\n\n\t\t// Close aside offcanvas panel before page reload On tablet and mobile\n _menuObject.on('linkClick', function(menu) {\n if (KTUtil.isBreakpointDown('lg')) { // Tablet and mobile mode\n _offcanvasObject.hide(); // Hide offcanvas after general link click\n }\n });\n\t}\n\n // Public methods\n\treturn {\n init: function(menuId, offcanvasId) {\n _menuElement = KTUtil.getById(menuId);\n _offcanvasElement = KTUtil.getById(offcanvasId);\n\n if (!_menuElement) {\n return;\n }\n\n // Initialize menu\n _init();\n\t\t},\n\n\t\tgetMenuElement: function() {\n\t\t\treturn _menuElement;\n\t\t},\n\n getOffcanvasElement: function() {\n\t\t\treturn _offcanvasElement;\n\t\t},\n\n getMenu: function() {\n\t\t\treturn _menuObject;\n\t\t},\n\n\t\tpauseDropdownHover: function(time) {\n\t\t\tif (_menuObject) {\n\t\t\t\t_menuObject.pauseDropdownHover(time);\n\t\t\t}\n\t\t},\n\n getOffcanvas: function() {\n\t\t\treturn _offcanvasObject;\n\t\t},\n\n\t\tcloseMobileOffcanvas: function() {\n\t\t\tif (_menuObject && KTUtil.isMobileDevice()) {\n\t\t\t\t_offcanvasObject.hide();\n\t\t\t}\n\t\t}\n\t};\n}();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n\t// module.exports = KTLayoutHeaderMenu;\n}\n\nexport default KTLayoutHeaderMenu;","/* eslint-disable */\n\"use strict\";\n\nimport KTToggle from \"./../../components/toggle.js\";\nimport { KTUtil } from \"./../../components/util.js\";\n\nvar KTLayoutHeaderTopbar = function() {\n // Private properties\n\tvar _toggleElement;\n var _toggleObject;\n\n // Private functions\n var _init = function() {\n _toggleObject = new KTToggle(_toggleElement, KTUtil.getBody(), {\n targetState: 'topbar-mobile-on',\n toggleState: 'active',\n });\n }\n\n // Public methods\n\treturn {\n\t\tinit: function(id) {\n _toggleElement = KTUtil.getById(id);\n\n\t\t\tif (!_toggleElement) {\n return;\n }\n\n // Initialize\n _init();\n\t\t},\n\n getToggleElement: function() {\n return _toggleElement;\n }\n\t};\n}();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n\t// module.exports = KTLayoutHeaderTopbar;\n}\n\nexport default KTLayoutHeaderTopbar;","/* eslint-disable */\n\"use strict\";\n\nimport { KTUtil } from \"./../../components/util.js\";\n\nvar KTLayoutBrand = function() {\n // Private properties\n var _element;\n\n // Private functions\n var _getHeight = function() {\n var height = 0;\n\n if (_element) {\n height = KTUtil.actualHeight(_element);\n }\n\n return height;\n }\n\n // Public methods\n\treturn {\n\t\tinit: function(id) {\n _element = KTUtil.getById(id);\n\n if (!_element) {\n return;\n }\n\t\t},\n\n getElement: function() {\n return _element;\n },\n\n getHeight: function() {\n return _getHeight();\n }\n\t};\n}();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n\t// module.exports = KTLayoutBrand;\n}\n\nexport default KTLayoutBrand;","/* eslint-disable */\n\"use strict\";\n\nimport { KTUtil } from \"./../../components/util.js\";\nimport KTOffcanvas from \"./../../components/offcanvas.js\";\n\nvar KTLayoutAside = function() {\n // Private properties\n var _body;\n var _element;\n var _offcanvasObject;\n\n // Private functions\n\t// Initialize\n\tvar _init = function() {\n\t\tvar offcanvasClass = KTUtil.hasClass(_element, 'aside-offcanvas-default') ? 'aside-offcanvas-default' : 'aside';\n\n // Initialize mobile aside offcanvas\n\t\t_offcanvasObject = new KTOffcanvas(_element, {\n\t\t\tbaseClass: offcanvasClass,\n\t\t\toverlay: true,\n\t\t\tcloseBy: 'kt_aside_close_btn',\n\t\t\ttoggleBy: {\n\t\t\t\ttarget: 'kt_aside_mobile_toggle',\n\t\t\t\tstate: 'mobile-toggle-active'\n\t\t\t}\n\t\t});\n\t}\n\n // Public methods\n\treturn {\n\t\tinit: function(id) {\n _element = KTUtil.getById(id);\n _body = KTUtil.getBody();\n\n if (!_element) {\n return;\n }\n\n // Initialize\n _init();\n },\n\n getElement: function() {\n return _element;\n },\n\n getOffcanvas: function() {\n return _offcanvasObject;\n },\n\n isFixed: function() {\n return KTUtil.hasClass(_body, 'aside-fixed');\n },\n\n isMinimized: function() {\n return (KTUtil.hasClass(_body, 'aside-fixed') && KTUtil.hasClass(_body, 'aside-minimize'));\n },\n\n isHoverable: function() {\n return (KTUtil.hasClass(_body, 'aside-fixed') && KTUtil.hasClass(_body, 'aside-minimize-hoverable'));\n }\n\t};\n}();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n\t// module.exports = KTLayoutAside;\n}\n\nexport default KTLayoutAside;","/* eslint-disable */\n\"use strict\";\n\nimport { KTUtil } from \"./../../components/util.js\";\n\nvar KTLayoutSubheader = function() {\n // Private properties\n var _element;\n\n // Private functions\n var _getHeight = function() {\n var height = 0;\n\n if (_element) {\n height = KTUtil.actualHeight(_element);\n }\n\n return height;\n }\n\n // Public methods\n\treturn {\n\t\tinit: function(id) {\n _element = KTUtil.getById(id);\n\n if (!_element) {\n return;\n }\n\t\t},\n\n isFixed: function() {\n return KTUtil.hasClass(KTUtil.getBody(), 'subheader-fixed');\n },\n\n getElement: function() {\n return _element;\n },\n\n getHeight: function() {\n return _getHeight();\n }\n\t};\n}();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n\t// module.exports = KTLayoutSubheader;\n}\n\nexport default KTLayoutSubheader;","/* eslint-disable */\n\"use strict\";\n\nimport KTLayoutHeader from \"./header.js\";\nimport KTCard from \"./../../components/card.js\";\nimport { KTUtil } from \"./../../components/util.js\";\nimport KTLayoutSubheader from \"./subheader.js\";\n\nvar KTLayoutStickyCard = function() {\n // Private properties\n\tvar _element;\n var _object;\n\n\t// Private functions\n\tvar _init = function() {\n\t\tvar offset = 300;\n\n\t\tif (typeof KTLayoutHeader !== 'undefined') {\n\t\t\toffset = KTLayoutHeader.getHeight();\n\t\t}\n\n _object = new KTCard(_element, {\n\t\t\tsticky: {\n\t\t\t\toffset: offset,\n\t\t\t\tzIndex: 90,\n\t\t\t\tposition: {\n\t\t\t\t\ttop: function() {\n\t\t\t\t\t\tvar pos = 0;\n var body = KTUtil.getBody();\n\n\t\t\t\t\t\tif (KTUtil.isBreakpointUp('lg')) {\n\t\t\t\t\t\t\tif (typeof KTLayoutHeader !== 'undefined' && KTLayoutHeader.isFixed()) {\n\t\t\t\t\t\t\t\tpos = pos + KTLayoutHeader.getHeight();\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif (typeof KTLayoutSubheader !== 'undefined' && KTLayoutSubheader.isFixed()) {\n\t\t\t\t\t\t\t\tpos = pos + KTLayoutSubheader.getHeight();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tif (typeof KTLayoutHeader !== 'undefined' && KTLayoutHeader.isFixedForMobile()) {\n\t\t\t\t\t\t\t\tpos = pos + KTLayoutHeader.getHeightForMobile();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tpos = pos - 1; // remove header border width\n\n\t\t\t\t\t\treturn pos;\n\t\t\t\t\t},\n\t\t\t\t\tleft: function(card) {\n\t\t\t\t\t\treturn KTUtil.offset(_element).left;\n\t\t\t\t\t},\n\t\t\t\t\tright: function(card) {\n\t\t\t\t\t\tvar body = KTUtil.getBody();\n\n\t\t\t\t\t\tvar cardWidth = parseInt(KTUtil.css(_element, 'width'));\n\t\t\t\t\t\tvar bodyWidth = parseInt(KTUtil.css(body, 'width'));\n\t\t\t\t\t\tvar cardOffsetLeft = KTUtil.offset(_element).left;\n\n\t\t\t\t\t\treturn bodyWidth - cardWidth - cardOffsetLeft;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\n\t\t_object.initSticky();\n\n\t\tKTUtil.addResizeHandler(function() {\n\t\t\t_object.updateSticky();\n\t\t});\n\t}\n\n // Public methods\n\treturn {\n\t\tinit: function(id) {\n _element = KTUtil.getById(id);\n\n if (!_element) {\n return;\n }\n\n // Initialize\n\t\t\t_init();\n\t\t},\n\n\t\tupdate: function() {\n\t\t\tif (_object) {\n\t\t\t\t_object.updateSticky();\n\t\t\t}\n\t\t}\n\t};\n}();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n\t// module.exports = KTLayoutStickyCard;\n}\n\nexport default KTLayoutStickyCard;","/* eslint-disable */\n\"use strict\";\n\nimport { KTUtil } from \"./../../components/util.js\";\nimport KTLayoutBrand from \"./brand.js\";\nimport KTMenu from \"./../../components/menu.js\";\nimport KTLayoutAside from \"./aside.js\";\n\nvar KTLayoutAsideMenu = function() {\n // Private properties\n var _body;\n var _element;\n var _menuObject;\n\n\t// Initialize\n\tvar _init = function() {\n\t\tvar menuDesktopMode = (KTUtil.attr(_element, 'data-menu-dropdown') === '1' ? 'dropdown' : 'accordion');\n var scroll;\n\n\t\tif (KTUtil.attr(_element, 'data-menu-scroll') === '1') {\n\t\t\tscroll = {\n\t\t\t\trememberPosition: true, // remember position on page reload\n\t\t\t\theight: function() { // calculate available scrollable area height\n\t\t\t\t\tvar height = parseInt(KTUtil.getViewPort().height);\n\n\t\t\t\t\tif (KTUtil.isBreakpointUp('lg')) {\n\t\t\t\t\t\theight = height - KTLayoutBrand.getHeight();\n\t\t\t\t\t}\n\n\t\t\t\t\theight = height - (parseInt(KTUtil.css(_element, 'marginBottom')) + parseInt(KTUtil.css(_element, 'marginTop')));\n\n\t\t\t\t\treturn height;\n\t\t\t\t}\n\t\t\t};\n\t\t}\n\n\t\t_menuObject = new KTMenu(_element, {\n\t\t\t// Vertical scroll\n\t\t\tscroll: scroll,\n\n\t\t\t// Submenu setup\n\t\t\tsubmenu: {\n\t\t\t\tdesktop: menuDesktopMode,\n\t\t\t\ttablet: 'accordion', // menu set to accordion in tablet mode\n\t\t\t\tmobile: 'accordion' // menu set to accordion in mobile mode\n\t\t\t},\n\n\t\t\t// Accordion setup\n\t\t\taccordion: {\n\t\t\t\texpandAll: false // allow having multiple expanded accordions in the menu\n\t\t\t}\n\t\t});\n\t}\n\n var _initHover = function() {\n // Handle Minimized Aside Hover\n\t\tif (KTUtil.hasClass(_body, 'aside-fixed') && KTUtil.hasClass(_body, 'aside-minimize-hoverable')) {\n\t\t\tvar insideTm;\n\t\t\tvar outsideTm;\n\n // Handle Aside Hover Mode\n\t\t\tKTUtil.addEvent(_element, 'mouseenter', function(e) {\n\t\t\t\te.preventDefault();\n\n\t\t\t\tif (KTUtil.isBreakpointUp('lg') === false) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif (outsideTm) {\n\t\t\t\t\tclearTimeout(outsideTm);\n\t\t\t\t\toutsideTm = null;\n\t\t\t\t}\n\n if (insideTm) {\n\t\t\t\t\tclearTimeout(insideTm);\n\t\t\t\t\tinsideTm = null;\n\t\t\t\t}\n\n\t\t\t\tinsideTm = setTimeout(function() {\n\t\t\t\t\tif (KTUtil.hasClass(_body, 'aside-minimize') && KTUtil.isBreakpointUp('lg')) {\n\t\t\t\t\t\t// Hover class\n\t\t\t\t\t\tKTUtil.addClass(_body, 'aside-minimize-hover');\n\n\t\t\t\t\t\tKTLayoutAsideMenu.getMenu().scrollUpdate();\n\t\t\t\t\t\tKTLayoutAsideMenu.getMenu().scrollTop();\n\t\t\t\t\t}\n\t\t\t\t}, 50);\n\t\t\t});\n\n\t\t\tKTUtil.addEvent(KTLayoutAside.getElement(), 'mouseleave', function(e) {\n\t\t\t\te.preventDefault();\n\n\t\t\t\tif (KTUtil.isBreakpointUp('lg') === false) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif (insideTm) {\n\t\t\t\t\tclearTimeout(insideTm);\n\t\t\t\t\tinsideTm = null;\n\t\t\t\t}\n\n if (outsideTm) {\n\t\t\t\t\tclearTimeout(outsideTm);\n\t\t\t\t\toutsideTm = null;\n\t\t\t\t}\n\n\t\t\t\toutsideTm = setTimeout(function() {\n\t\t\t\t if (KTUtil.hasClass(_body, 'aside-minimize-hover') && KTUtil.isBreakpointUp('lg')) {\n\t\t\t\t\t KTUtil.removeClass(_body, 'aside-minimize-hover');\n\n\t\t\t\t\t\t// Hover class\n KTLayoutAsideMenu.getMenu().scrollUpdate();\n\t\t\t\t\t\tKTLayoutAsideMenu.getMenu().scrollTop();\n\t\t\t\t\t}\n\t\t\t\t}, 100);\n\t\t\t});\n\t\t}\n\t}\n\n // Public methods\n\treturn {\n\t\tinit: function(id) {\n _body = KTUtil.getBody();\n _element = KTUtil.getById(id);\n\n if (!_element) {\n return;\n }\n\n // Initialize menu\n _init();\n _initHover();\n\t\t},\n\n\t\tgetElement: function() {\n\t\t\treturn _element;\n\t\t},\n\n getMenu: function() {\n\t\t\treturn _menuObject;\n\t\t},\n\n pauseDropdownHover: function(time) {\n\t\t\tif (_menuObject) {\n\t\t\t\t_menuObject.pauseDropdownHover(time);\n\t\t\t}\n\t\t},\n\n\t\tcloseMobileOffcanvas: function() {\n\t\t\tif (_menuObject && KTUtil.isMobileDevice()) {\n\t\t\t\t_menuObject.hide();\n\t\t\t}\n\t\t}\n\t};\n}();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n\t// module.exports = KTLayoutAsideMenu;\n}\n\nexport default KTLayoutAsideMenu;","/* eslint-disable */\n\"use strict\";\n\nimport KTToggle from \"./../../components/toggle.js\";\nimport KTLayoutStickyCard from \"./sticky-card.js\";\nimport KTLayoutHeaderMenu from \"./header-menu.js\";\nimport KTLayoutAsideMenu from \"./aside-menu.js\";\nimport { KTCookie } from \"./../../components/cookie.js\";\nimport { KTUtil } from \"./../../components/util.js\";\n\nvar KTLayoutAsideToggle = function() {\n // Private properties\n var _body;\n var _element;\n var _toggleObject;\n\n\t// Initialize\n\tvar _init = function() {\n\t\t_toggleObject = new KTToggle(_element, _body, {\n\t\t\ttargetState: 'aside-minimize',\n\t\t\ttoggleState: 'active'\n\t\t});\n\n\t\t_toggleObject.on('toggle', function(toggle) {\n // Update sticky card\n if (typeof KTLayoutStickyCard !== 'undefined') {\n KTLayoutStickyCard.update();\n }\n\n // Pause header menu dropdowns\n if (typeof KTLayoutHeaderMenu !== 'undefined') {\n KTLayoutHeaderMenu.pauseDropdownHover(800);\n }\n\n // Pause aside menu dropdowns\n if (typeof KTLayoutAsideMenu !== 'undefined') {\n KTLayoutAsideMenu.pauseDropdownHover(800);\n }\n\n // Remember state in cookie\n\t\t\tKTCookie.setCookie('kt_aside_toggle_state', toggle.getState());\n\t\t\t// to set default minimized left aside use this cookie value in your\n\t\t\t// server side code and add \"kt-primary--minimize aside-minimize\" classes to\n\t\t\t// the body tag in order to initialize the minimized left aside mode during page loading.\n\t\t});\n\n\t\t_toggleObject.on('beforeToggle', function(toggle) {\n\t\t\tif (KTUtil.hasClass(_body, 'aside-minimize') === false && KTUtil.hasClass(_body, 'aside-minimize-hover')) {\n\t\t\t\tKTUtil.removeClass(_body, 'aside-minimize-hover');\n\t\t\t}\n\t\t});\n\t}\n\n // Public methods\n\treturn {\n\t\tinit: function(id) {\n _element = KTUtil.getById(id);\n _body = KTUtil.getBody();\n\n if (!_element) {\n return;\n }\n\n // Initialize\n _init();\n\t\t},\n\n getElement: function() {\n return _element;\n },\n\n getToggle: function() {\n\t\t\treturn _toggleObject;\n\t\t},\n\n\t\tonToggle: function(handler) {\n\t\t\tif (typeof _toggleObject.element !== 'undefined') {\n\t\t\t\t_toggleObject.on('toggle', handler);\n\t\t\t}\n\t\t}\n\t};\n}();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n\t// module.exports = KTLayoutAsideToggle;\n}\n\nexport default KTLayoutAsideToggle;","/* eslint-disable */\n\"use strict\";\n\nimport { KTUtil } from \"./../../components/util.js\";\n\nvar KTLayoutFooter = function() {\n // Private properties\n var _element;\n\n\t// Private functions\n\tvar _getHeight = function() {\n\t\tvar height = 0;\n\n if (_element) {\n height = KTUtil.actualHeight(_element);\n }\n\n\t\treturn height;\n\t}\n\n // Public methods\n\treturn {\n\t\tinit: function(id) {\n _element = KTUtil.getById(id);\n\t\t},\n\n\t\tgetHeight: function() {\n\t\t\treturn _getHeight();\n\t\t},\n\n getElement: function() {\n return _element;\n }\n\t};\n}();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n\t// module.exports = KTLayoutFooter;\n}\n\nexport default KTLayoutFooter;","/* eslint-disable */\n\"use strict\";\n\nimport { KTUtil } from \"./../../components/util.js\";\nimport KTLayoutHeader from \"./header.js\";\nimport KTLayoutSubheader from \"./subheader.js\";\nimport KTLayoutFooter from \"./footer.js\";\n\nvar KTLayoutContent = function() {\n // Private properties\n var _element;\n\n\t// Private functions\n\tvar _getHeight = function() {\n\t\tvar height;\n\n\t\theight = KTUtil.getViewPort().height;\n\n if (_element) {\n height = height - parseInt(KTUtil.css(_element, 'paddingTop')) - parseInt(KTUtil.css(_element, 'paddingBottom'));\n }\n\n height = height - KTLayoutHeader.getHeight();\n height = height - KTLayoutSubheader.getHeight();\n height = height - KTLayoutFooter.getHeight();\n\n\t\treturn height;\n\t}\n\n // Public methods\n\treturn {\n\t\tinit: function(id) {\n _element = KTUtil.getById(id);\n\t\t},\n\n\t\tgetHeight: function() {\n\t\t\treturn _getHeight();\n\t\t},\n\n getElement: function() {\n return _element;\n }\n\t};\n}();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n\t// module.exports = KTLayoutContent;\n}\n\nexport default KTLayoutContent;","/* eslint-disable */\n\"use strict\";\n\nimport KTScrolltop from \"./../../components/scrolltop.js\";\nimport { KTUtil } from \"./../../components/util.js\";\n\nvar KTLayoutScrolltop = function() {\n // Private properties\n var _element;\n var _object;\n\n // Private functions\n var _init = function() {\n _object = new KTScrolltop(_element, {\n offset: 300,\n speed: 600,\n });\n }\n\n // Public methods\n\treturn {\n\t\tinit: function(id) {\n _element = KTUtil.getById(id);\n\n if (!_element) {\n return;\n }\n\n // Initialize\n _init();\n\t\t},\n\n getElement: function() {\n return _element;\n }\n\t};\n}();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n\t// module.exports = KTLayoutScrolltop;\n}\n\nexport default KTLayoutScrolltop;","/* eslint-disable */\n\"use strict\";\n\nimport { KTUtil } from \"./../../components/util.js\";\nimport KTLayoutContent from \"./content.js\";\n\nvar KTLayoutStretchedCard = function() {\n // Private properties\n\tvar _element;\n\n\t// Private functions\n\tvar _init = function() {\n\t\tvar scroll = KTUtil.find(_element, '.card-scroll');\n\t\tvar cardBody = KTUtil.find(_element, '.card-body');\n\t\tvar cardHeader = KTUtil.find(_element, '.card-header');\n\n\t\tvar height = KTLayoutContent.getHeight();\n\n\t\theight = height - parseInt(KTUtil.actualHeight(cardHeader));\n\n\t\theight = height - parseInt(KTUtil.css(_element, 'marginTop')) - parseInt(KTUtil.css(_element, 'marginBottom'));\n\t\theight = height - parseInt(KTUtil.css(_element, 'paddingTop')) - parseInt(KTUtil.css(_element, 'paddingBottom'));\n\n\t\theight = height - parseInt(KTUtil.css(cardBody, 'paddingTop')) - parseInt(KTUtil.css(cardBody, 'paddingBottom'));\n\t\theight = height - parseInt(KTUtil.css(cardBody, 'marginTop')) - parseInt(KTUtil.css(cardBody, 'marginBottom'));\n\n\t\theight = height - 3;\n\n\t\tKTUtil.css(scroll, 'height', height + 'px');\n\t}\n\n // Public methods\n\treturn {\n\t\tinit: function(id) {\n _element = KTUtil.getById(id);\n\n if (!_element) {\n return;\n }\n\n // Initialize\n\t\t\t_init();\n\n // Re-calculate on window resize\n KTUtil.addResizeHandler(function() {\n\t\t\t\t_init();\n\t\t\t});\n\t\t},\n\n\t\tupdate: function() {\n\t\t\t_init();\n\t\t}\n\t};\n}();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n\t// module.exports = KTLayoutStretchedCard;\n}\n\nexport default KTLayoutStretchedCard;","/* eslint-disable */\n\"use strict\";\n\nimport { KTUtil } from \"./../../components/util.js\";\nimport KTOffcanvas from \"./../../components/offcanvas.js\";\n\nvar KTLayoutQuickPanel = function() {\n // Private properties\n var _element;\n var _offcanvasObject;\n var _notificationsElement;\n var _logsElement;\n var _settingsElement;\n\n // Private functions\n var _getContentHeight = function() {\n var height;\n\n var header = KTUtil.find(_element, '.offcanvas-header');\n var content = KTUtil.find(_element, '.offcanvas-content');\n\n var height = parseInt(KTUtil.getViewPort().height);\n\n if (header) {\n height = height - parseInt(KTUtil.actualHeight(header));\n height = height - parseInt(KTUtil.css(header, 'marginTop'));\n height = height - parseInt(KTUtil.css(header, 'marginBottom'));\n }\n\n if (content) {\n height = height - parseInt(KTUtil.css(content, 'marginTop'));\n height = height - parseInt(KTUtil.css(content, 'marginBottom'));\n }\n\n height = height - parseInt(KTUtil.css(_element, 'paddingTop'));\n height = height - parseInt(KTUtil.css(_element, 'paddingBottom'));\n\n height = height - 2;\n\n return height;\n }\n\n var _init = function() {\n _offcanvasObject = new KTOffcanvas(_element, {\n overlay: true,\n baseClass: 'offcanvas',\n placement: 'right',\n closeBy: 'kt_quick_panel_close',\n toggleBy: 'kt_quick_panel_toggle'\n });\n }\n\n var _initNotifications = function() {\n KTUtil.scrollInit(_notificationsElement, {\n mobileNativeScroll: true,\n resetHeightOnDestroy: true,\n handleWindowResize: true,\n height: function() {\n return _getContentHeight();\n }\n });\n }\n\n var _initLogs = function() {\n KTUtil.scrollInit(_logsElement, {\n mobileNativeScroll: true,\n resetHeightOnDestroy: true,\n handleWindowResize: true,\n height: function() {\n return _getContentHeight();\n }\n });\n }\n\n var _initSettings = function() {\n KTUtil.scrollInit(_settingsElement, {\n mobileNativeScroll: true,\n resetHeightOnDestroy: true,\n handleWindowResize: true,\n height: function() {\n return _getContentHeight();\n }\n });\n }\n\n var _updateScrollbars = function() {\n $(_element).find('a[data-toggle=\"tab\"]').on('shown.bs.tab', function (e) {\n KTUtil.scrollUpdate(_notificationsElement);\n KTUtil.scrollUpdate(_logsElement);\n KTUtil.scrollUpdate(_settingsElement);\n });\n }\n\n // Public methods\n return {\n init: function(id) {\n _element = KTUtil.getById(id);\n _notificationsElement = KTUtil.getById('kt_quick_panel_notifications');\n _logsElement = KTUtil.getById('kt_quick_panel_logs');\n _settingsElement = KTUtil.getById('kt_quick_panel_settings');\n\n _init();\n _initNotifications();\n _initLogs();\n _initSettings();\n\n \n }\n };\n}();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n\t// module.exports = KTLayoutQuickPanel;\n}\n\nexport default KTLayoutQuickPanel;","/* eslint-disable */\n\"use strict\";\n\nimport { KTUtil } from \"./../../components/util.js\";\nimport KTOffcanvas from \"./../../components/offcanvas.js\";\n\nvar KTLayoutQuickUser = function() {\n // Private properties\n var _element;\n var _offcanvasObject;\n\n // Private functions\n var _init = function() {\n var header = KTUtil.find(_element, '.offcanvas-header');\n var content = KTUtil.find(_element, '.offcanvas-content');\n\n _offcanvasObject = new KTOffcanvas(_element, {\n overlay: true,\n baseClass: 'offcanvas',\n placement: 'right',\n closeBy: 'kt_quick_user_close',\n toggleBy: 'kt_quick_user_toggle'\n });\n\n KTUtil.scrollInit(content, {\n disableForMobile: true,\n resetHeightOnDestroy: true,\n handleWindowResize: true,\n height: function() {\n var height = parseInt(KTUtil.getViewPort().height);\n\n if (header) {\n height = height - parseInt(KTUtil.actualHeight(header));\n height = height - parseInt(KTUtil.css(header, 'marginTop'));\n height = height - parseInt(KTUtil.css(header, 'marginBottom'));\n }\n\n if (content) {\n height = height - parseInt(KTUtil.css(content, 'marginTop'));\n height = height - parseInt(KTUtil.css(content, 'marginBottom'));\n }\n\n height = height - parseInt(KTUtil.css(_element, 'paddingTop'));\n height = height - parseInt(KTUtil.css(_element, 'paddingBottom'));\n\n height = height - 2;\n\n return height;\n }\n });\n }\n\n // Public methods\n return {\n init: function(id) {\n _element = KTUtil.getById(id);\n\n if (!_element) {\n return;\n }\n\n // Initialize\n _init();\n },\n\n getElement: function() {\n return _element;\n }\n };\n}();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n\t// module.exports = KTLayoutQuickUser;\n}\n\nexport default KTLayoutQuickUser;","import React, {useLayoutEffect} from \"react\";\nimport {KTUtil} from \"../../_assets/js/components/util\";\nimport KTLayoutHeader from \"../../_assets/js/layout/base/header\";\nimport KTLayoutHeaderMenu from \"../../_assets/js/layout/base/header-menu\";\nimport KTLayoutHeaderTopbar from \"../../_assets/js/layout/base/header-topbar\";\nimport KTLayoutBrand from \"../../_assets/js/layout/base/brand\";\nimport KTLayoutAside from \"../../_assets/js/layout/base/aside\";\nimport KTLayoutAsideToggle from \"../../_assets/js/layout/base/aside-toggle\";\nimport KTLayoutAsideMenu from \"../../_assets/js/layout/base/aside-menu\";\nimport KTLayoutContent from \"../../_assets/js/layout/base/content\";\nimport KTLayoutFooter from \"../../_assets/js/layout/base/footer\";\nimport KTLayoutSubheader from \"../../_assets/js/layout/base/subheader\";\nimport KTLayoutScrolltop from \"../../_assets/js/layout/extended/scrolltop\";\nimport KTLayoutStickyCard from \"../../_assets/js/layout/base/sticky-card\";\nimport KTLayoutStretchedCard from \"../../_assets/js/layout/base/stretched-card\";\nimport KTLayoutQuickPanel from \"../../_assets/js/layout/extended/quick-panel\";\nimport KTLayoutQuickUser from \"../../_assets/js/layout/extended/quick-user\";\n\nexport function LayoutInit() {\n useLayoutEffect(() => {\n // Initialization\n KTUtil.ready(function () {\n ////////////////////////////////////////////////////\n // Layout Base Partials(mandatory for core layout)//\n ////////////////////////////////////////////////////\n // Init Desktop & Mobile Headers\n KTLayoutHeader.init('kt_header', 'kt_header_mobile');\n\n // Init Header Menu\n KTLayoutHeaderMenu.init('kt_header_menu', 'kt_header_menu_wrapper');\n // Init Header Topbar For Mobile Mode\n KTLayoutHeaderTopbar.init('kt_header_mobile_topbar_toggle');\n // Init Brand Panel For Logo\n KTLayoutBrand.init('kt_brand');\n // Init Aside\n KTLayoutAside.init('kt_aside');\n\n // Init Aside Menu Toggle\n KTLayoutAsideToggle.init('kt_aside_toggle');\n //\n // Init Aside Menu\n KTLayoutAsideMenu.init('kt_aside_menu');\n\n // Init Content\n KTLayoutContent.init('kt_content');\n\n // Init Footer\n KTLayoutFooter.init('kt_footer');\n\n\n //////////////////////////////////////////////\n // Layout Extended Partials(optional to use)//\n //////////////////////////////////////////////\n KTLayoutSubheader.init('kt_subheader');\n\n // Init Scrolltop\n KTLayoutScrolltop.init('kt_scrolltop');\n\n // Init Sticky Card\n KTLayoutStickyCard.init('kt_page_sticky_card');\n\n // Init Stretched Card\n KTLayoutStretchedCard.init('kt_page_stretched_card');\n\n // Init Quick Offcanvas Panel\n KTLayoutQuickPanel.init('kt_quick_panel');\n\n // Init Quick User Panel\n KTLayoutQuickUser.init('kt_quick_user');\n });\n }, []);\n return <>;\n}\n","/* eslint-disable jsx-a11y/anchor-is-valid */\nimport React from \"react\";\nimport { Link } from \"react-router-dom\";\n\nexport function BreadCrumbs({ items }) {\n if (!items || !items.length) {\n return \"\";\n }\n\n return (\n - \n
- \n \n \n \n \n {items.map((item, index) => (\n
- \n \n {item.title}\n \n \n ))}\n
\n {layoutProps.subheaderMobileToggle && (\n \n \n \n )}\n\n
\n\n {/* Toolbar */}\n {/* \n
\n\n\n \n <>\n {subheader.title}\n \n {/**/}\n
\n\n\n \n Today\n Aug 16\n \n
*/}\n \n \n );\n}\n","/* eslint-disable no-script-url,jsx-a11y/anchor-is-valid,no-undef */\nimport React, {useState} from \"react\";\nimport SVG from \"react-inlinesvg\";\nimport {Tab, Nav} from \"react-bootstrap\";\nimport {toAbsoluteUrl} from \"../../../../_helpers\";\n\nexport function QuickPanel() {\n const [selectedTab, setSelectedTab] = useState(\"AuditLogs\");\n\n const setTab = _tabName => {\n setSelectedTab(_tabName);\n };\n\n return (\n \n \n {/*begin::Header*/}\n \n \n \n \n Audit Logs\n \n \n \n \n Notifications\n \n \n \n \n Settings\n \n \n \n\n
\n {/*end::Header*/}\n\n {/*begin::Content*/}\n \n \n \n \n
\n \n \n
\n \n \n
\n \n
\n\n System Messages
\n\n
\n\n \n \n
\n \n \n Top Authors\n \n \n Most Successful Fellas\n \n
\n \n +82$\n \n \n
\n\n \n \n
\n \n \n Popular Authors\n \n \n Most Successful Fellas\n \n
\n \n +280$\n \n \n
\n\n \n \n
\n \n \n New Users\n \n \n Most Successful Fellas\n \n
\n \n +4500$\n \n \n
\n\n \n \n
\n \n \n Active Customers\n \n \n Most Successful Fellas\n \n
\n \n +4500$\n \n \n
\n \n \n
\n \n \n Bestseller Theme\n \n \n Most Successful Fellas\n \n
\n \n +4500$\n \n \n
\n Notifications
\n\n\n \n \n \n\n
\n\n \n \n Another purpose persuade\n \n \n Due in 2 Days\n \n
\n\n \n +28%\n \n \n \n \n \n
\n\n \n \n Would be to people\n \n \n Due in 2 Days\n \n
\n\n \n +50%\n \n \n \n \n \n
\n\n \n \n Purpose would be to persuade\n \n \n Due in 2 Days\n \n
\n\n \n -27%\n \n \n \n \n \n\n
\n \n \n The best product\n \n \n Due in 2 Days\n \n
\n\n \n +8%\n \n \n \n
\n \n
\n \n \n \n
\n \n \n
\n \n
\n \n 5 new user generated report\n
\n Reports based on sales
\n \n
\n \n\n \n \n
\n \n \n
\n \n
\n \n 2 new items submited\n
\n by Grog John
\n \n
\n \n\n \n \n
\n \n \n
\n \n
\n \n 79 PSD files generated\n
\n Reports based on sales
\n \n
\n \n\n \n \n
\n \n \n
\n \n
\n \n $2900 worth producucts sold\n
\n Total 234 items
\n \n
\n \n \n \n
\n \n \n
\n \n
\n \n 4.5h-avarage response time\n
\n Fostest is Barry
\n \n
\n \n \n \n
\n \n \n
\n \n
\n \n 3 Defence alerts\n
\n \n 40% less alerts thar last week\n
\n \n
\n \n \n \n
\n \n \n
\n \n
\n \n Avarage 4 blog posts per author\n
\n Most posted 12 time
\n \n
\n \n \n \n
\n \n \n
\n \n
\n \n 16 authors joined last week\n
\n \n 9 photodrapehrs, 7 designer\n
\n \n
\n \n \n \n
\n \n \n
\n \n
\n \n 2 new items have been submited\n
\n by Grog John
\n \n
\n \n \n \n
\n \n \n
\n \n
\n \n 2.8 GB-total downloads size\n
\n \n Mostly PSD end AL concepts\n
\n \n
\n \n \n \n
\n \n \n
\n \n
\n \n $2900 worth producucts sold\n
\n Total 234 items
\n \n
\n \n \n \n
\n \n \n
\n \n
\n \n 7 new user generated report\n
\n Reports based on sales
\n \n
\n \n \n
\n \n \n
\n \n
\n \n 4.5h-avarage response time\n
\n Fostest is Barry
\n \n \n \n \n
\n\n \n User Profile\n 12 messages\n
\n\n
\n \n );\n}\n","import React from \"react\";\nimport SVG from \"react-inlinesvg\";\nimport {toAbsoluteUrl} from \"../../../_helpers\";\n\nexport function ScrollTop() {\n return (\n \n
\n\n \n\n \n
\n \n \n {loggedInUser?.name}\n \n \n Sign out\n \n
\n {/*user.occupation*/}
\n \n {/* \n Sign Out\n */}\n \n \n
\n\n \n\n \n
\n \n\n \n \n
\n \n \n \n \n
\n \n
\n My Profile
\n \n Account settings and more{\" \"}\n \n update\n \n
\n \n
\n \n\n \n \n
\n \n \n \n \n
\n \n
\n My Messages
\n Inbox and tasks
\n \n
\n \n\n \n \n
\n \n \n \n \n
\n \n
\n My Activities
\n Logs and notifications
\n \n
\n \n \n
\n \n \n \n \n
\n \n
\n My Tasks
\n latest tasks and projects
\n \n
\n Recent Notifications
\n\n\n \n \n \n\n
\n\n \n \n Another purpose persuade\n \n Due in 2 Days\n
\n\n \n +28%\n \n \n \n \n \n
\n\n \n \n Would be to people\n \n Due in 2 Days\n
\n\n \n +50%\n \n \n \n \n \n
\n\n \n \n Purpose would be to persuade\n \n Due in 2 Days\n
\n\n \n -27%\n \n \n \n \n \n\n
\n \n \n The best product\n \n Due in 2 Days\n
\n\n \n +8%\n \n \n \n \n {\" \"}\n
\n );\n}\n","import React, {useMemo} from \"react\";\nimport objectPath from \"object-path\";\n// LayoutContext\nimport {useHtmlClassService} from \"../_core/MetronicLayout\";\n// Import Layout components\nimport {Header} from \"./header/Header\";\nimport {HeaderMobile} from \"./header-mobile/HeaderMobile\";\nimport {Aside} from \"./aside/Aside\";\nimport {Footer} from \"./footer/Footer\";\nimport {LayoutInit} from \"./LayoutInit\";\nimport {SubHeader} from \"./subheader/SubHeader\";\nimport {QuickPanel} from \"./extras/offcanvas/QuickPanel\";\nimport {QuickUser} from \"./extras/offcanvas/QuickUser\";\nimport {ScrollTop} from \"./extras/ScrollTop\";\n// import {StickyToolbar} from \"./extras/StickyToolbar\";\n\nexport function Layout({ children }) {\n const uiService = useHtmlClassService();\n // Layout settings (cssClasses/cssAttributes)\n const layoutProps = useMemo(() => {\n return {\n layoutConfig: uiService.config,\n selfLayout: objectPath.get(uiService.config, \"self.layout\"),\n asideDisplay: objectPath.get(uiService.config, \"aside.self.display\"),\n subheaderDisplay: objectPath.get(uiService.config, \"subheader.display\"),\n desktopHeaderDisplay: objectPath.get(\n uiService.config,\n \"header.self.fixed.desktop\"\n ),\n contentCssClasses: uiService.getClasses(\"content\", true),\n contentContainerClasses: uiService.getClasses(\"content_container\", true),\n contentExtended: objectPath.get(uiService.config, \"content.extended\")\n };\n }, [uiService]);\n\n return layoutProps.selfLayout !== \"blank\" ? (\n <>\n {/*begin::Main*/}\n \n {/*begin::Page*/}\n
\n {/*end::Page*/}\n \n \n {layoutProps.asideDisplay && ()}\n {/*begin::Wrapper*/}\n
\n {/*end::Wrapper*/}\n \n \n {layoutProps.subheaderDisplay &&
\n {/*end::Content*/}\n \n \n {/*begin::Container*/}\n
\n )}\n\n {layoutProps.contentExtended && {children}}\n {/*end::Entry*/}\n \n {children}\n
\n {/*end::Container*/}\n {children}
\n );\n}\n","import React, {useEffect, useState} from \"react\";\nimport {useRouteMatch} from \"react-router-dom\";\nimport KTLayoutAside from '../../../_assets/js/layout/base/aside';\n\nexport function Content({ children }) {\n const match = useRouteMatch() || {};\n const animationEndClass = \"grid-animateContent-finished\";\n const [cssClassesState, setCssClassesState] = useState([\n \"grid-animateContent\",\n animationEndClass\n ]);\n\n useEffect(() => {\n // for animation start should toggle 'grid-animateContent-finished' css class\n // TODO: change useMemo\n const fullClasses = [...cssClassesState];\n const startAnimation = fullClasses.filter(el => el !== animationEndClass);\n setCssClassesState(startAnimation);\n const timeOutId = setTimeout(() => {\n setCssClassesState(fullClasses);\n }, 200);\n\n const offCanvas = KTLayoutAside.getOffcanvas();\n if (offCanvas) {\n offCanvas.hide();\n }\n\n return () => {\n clearTimeout(timeOutId);\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [match.url]);\n\n return <>{children};\n}\n","import React from \"react\";\nimport {Route} from \"react-router-dom\";\nimport {Content} from \"./Content\";\n\nexport function ContentRoute({ children, component, render, ...props }) {\n return (\n \n \n \n
\n )\n}","import * as API from \"../../General/api\";\n\n// vendor sign up process calls starts\nexport function signUpVendorCall(vendorData) {\n return API.postRequest(API.apiUrls.user.vendorSignupProcess.signup, vendorData);\n}\nexport function getGlobalVendorEventsCall() {\n return API.getRequest(API.apiUrls.user.vendorSignupProcess.getGlobalVendorEvents);\n}\nexport function getGlobalVendorEventCategoriesCall(id) {\n return API.getRequest(`${API.apiUrls.user.vendorSignupProcess.getGlobalVendorEventCategories}/${id}`);\n}\nexport function getGlobalCompanyTypesCall() {\n return API.getRequest(API.apiUrls.user.vendorSignupProcess.getGlobalCompanyTypes);\n}\nexport function getGlobalEventFiltersCall(slug) {\n return API.getRequest(`${API.apiUrls.user.vendorSignupProcess.getGlobalEventFilters}/${slug}`);\n}\nexport function getGlobalVendorCategoryServicesCall(slug) {\n return API.getRequest(`${API.apiUrls.user.vendorSignupProcess.getGlobalVendorCategoryServices}/${slug}`);\n}\nexport function setupProfileCall(userData) {\n return API.postWithFilesRequest(API.apiUrls.user.vendorSignupProcess.setupProfile, userData);\n}\n// vendor sign up process calls ends","import {\n SET_HOW_TO_DECIDE_CLICKED\n } from \"./actionTypes\";\n\n \n export const setHowToDecideClicked = val => {\n return {\n type: SET_HOW_TO_DECIDE_CLICKED,\n payload: val,\n };\n };","import {\n SET_HONEYMOON_LOCATION_SELECTED\n } from \"./actionTypes\";\n\n \n export const setHoneymoonLocationSelected = val => {\n return {\n type: SET_HONEYMOON_LOCATION_SELECTED,\n payload: val,\n };\n };","import {\n SET_SHOW_MENU\n } from \"./actionTypes\";\n\n \n export const setShowMenu = val => {\n return {\n type: SET_SHOW_MENU,\n payload: val,\n };\n };","import {\n SET_HAS_ACCESS_TO_SITE\n } from \"./actionTypes\";\n\n \n export const setHasAccessToSite = val => {\n return {\n type: SET_HAS_ACCESS_TO_SITE,\n payload: val,\n };\n };","export const SET_DASHBOARD_COLOR = \"SET_DASHBOARD_COLOR\";","import React from 'react'\n\nfunction ComingSoon() {\n return (\n \n
\n )\n}\n\nexport default ComingSoon","import React, { forwardRef, useEffect, useState } from \"react\";\nimport clsx from \"clsx\";\nimport {isFragment} from \"react-is\";\n\nexport const CardHeaderIcon = forwardRef(({ className }, ref) => (\n \n));\n\nexport const CardHeaderTitle = forwardRef(({ className, ...props }, ref) => (\n // eslint-disable-next-line jsx-a11y/heading-has-content\n \n));\n\nexport const CardHeaderToolbar = forwardRef(\n ({ children, className, ...props }, ref) => (\n \n {/* 
*/}\n \n \n
\n */}\n \n \n Coming Soon!
\nWE ARE CURRENTLY UNDER CONSTRUCTION.
\n CONTACT US TO LEARN MORE:\n Support@Weddingmatch.com\n\n {children}\n
\n )\n);\n\nexport const CardHeader = forwardRef(\n (\n {\n children,\n icon,\n title,\n toolbar,\n className,\n sticky = false,\n labelRef,\n ...props\n },\n ref\n ) => {\n const [top, setTop] = useState(0);\n const [windowHeight, setWindowHeight] = useState(0);\n\n useEffect(() => {\n handleResize();\n\n function handleResize() {\n setWindowHeight(window.innerWidth);\n }\n\n window.addEventListener(\"resize\", handleResize);\n\n return () => {\n window.removeEventListener(\"resize\", handleResize);\n };\n });\n\n useEffect(() => {\n // Skip if sticky is disabled or on initial render when we don't know about window height.\n if (!sticky || windowHeight === 0) {\n return;\n }\n\n const headerElement = document.querySelector(\".header\");\n const subheaderElement = document.querySelector(\".subheader\");\n const headerMobileElement = document.querySelector(\".header-mobile\");\n\n let nextMarginTop = 0;\n\n // mobile header\n if (window.getComputedStyle(headerElement).height === \"0px\") {\n nextMarginTop = headerMobileElement.offsetHeight;\n } else {\n // desktop header\n if (document.body.classList.contains(\"header-minimize-topbar\")) {\n // hardcoded minimized header height\n nextMarginTop = 60;\n } else {\n // normal fixed header\n if (document.body.classList.contains(\"header-fixed\")) {\n nextMarginTop += headerElement.offsetHeight;\n }\n\n if (document.body.classList.contains(\"subheader-fixed\")) {\n nextMarginTop += subheaderElement.offsetHeight;\n }\n }\n }\n\n setTop(nextMarginTop);\n }, [sticky, windowHeight]);\n\n return (\n \n {icon}\n\n {/* Wrap string and fragments in CardHeaderTitle */\n typeof title === \"string\" || isFragment(title) ? (\n {title} \n ) : (\n title\n )}\n
\n )}\n\n {toolbar}\n {children}\n \n );\n }\n);\n\nexport const CardBody = forwardRef(\n ({ fit, fluid, className, ...props }, ref) => (\n \n \n \n \n
\n\n \n {children}\n
\n \n );\n }\n);\n\n// Set display name for debugging.\nif (process.env.NODE_ENV !== \"production\") {\n Notice.displayName = \"Notice\";\n}\n","import React from \"react\";\nimport { ProgressBar } from \"react-bootstrap\";\n\nexport function ModalProgressBar({variant = \"success\"}) {\n return (\n Please wait...
};\n}\n\nexport function NoRecordsFoundMessage({ entities }) {\n const customersList = entities === null ? [] : entities;\n return (\n <>\n {customersList.length === 0 && entities !== null && (\n No records found
\n )}\n \n );\n}\n","export * from \"./AssetsHelpers\";\nexport * from \"./LocalStorageHelpers\";\nexport * from \"./RouterHelpers\";\nexport * from \"./TablePaginationHelpers\";\nexport * from \"./TableRowSelectionHelpers\";\nexport * from \"./TableSortingHelpers\";","import $ from \"jquery\";\nimport _ from \"lodash\";\nimport React from \"react\";\nimport swal from \"sweetalert\";\nimport Swal2 from \"sweetalert2\";\nimport * as Api from \"./api\";\nimport html2canvas from 'html2canvas';\nimport { message } from \"antd\";\nimport { jsPDF } from \"jspdf\";\nimport { saveAs } from 'file-saver';\nimport html2PDF from 'jspdf-html2canvas';\n\nexport const versionNumber = 'TR 1.1.25';\nexport function updateInputValueInState(\n stateVariable,\n event,\n _that,\n state,\n ReactSelectOBJ\n) {\n if (ReactSelectOBJ != null && ReactSelectOBJ != undefined && ReactSelectOBJ) {\n if (event == undefined) {\n stateVariable[ReactSelectOBJ[\"NameProp\"]] = [];\n state[ReactSelectOBJ[\"ValidationState\"]] = false;\n } else {\n stateVariable[ReactSelectOBJ[\"NameProp\"]] = event.map((obj, index) => {\n return obj.value;\n });\n state[ReactSelectOBJ[\"ValidationState\"]] = true;\n }\n } else if (event.target.type == \"checkbox\") {\n stateVariable[event.target.name] = event.target.checked;\n } else {\n stateVariable[event.target.name] = event.target.value;\n }\n _that.setState(state);\n}\nexport function withOutEventUpdateInputValueInState(\n stateVariable,\n _that,\n state,\n value,\n name,\n ReactSelectOBJ\n) {\n if (ReactSelectOBJ != null && ReactSelectOBJ != undefined && ReactSelectOBJ) {\n\n // if (event == undefined) {\n // stateVariable[ReactSelectOBJ[\"NameProp\"]] = [];\n // state[ReactSelectOBJ[\"ValidationState\"]] = false;\n // } else {\n // stateVariable[ReactSelectOBJ[\"NameProp\"]] = event.map((obj, index) => {\n // return obj.value;\n // });\n // state[ReactSelectOBJ[\"ValidationState\"]] = true;\n // }\n // } \n // else if (event.target.type == \"checkbox\") {\n // stateVariable[event.target.name] = event.target.checked;\n // }\n }\n stateVariable[name] = value;\n\n _that.setState(state);\n}\nexport function objToQueryString(obj) {\n const keyValuePairs = [];\n for (const key in obj) {\n keyValuePairs.push(\n encodeURIComponent(key) + \"=\" + encodeURIComponent(obj[key])\n );\n }\n return \"?\" + keyValuePairs.join(\"&\");\n}\n\nexport function updateInputSelectValueInState(\n stateVariable,\n event,\n controlName,\n _that,\n state,\n ReactSelectOBJ\n) {\n if (ReactSelectOBJ != null && ReactSelectOBJ != undefined && ReactSelectOBJ) {\n if (event == undefined) {\n stateVariable[ReactSelectOBJ[\"NameProp\"]] = [];\n state[ReactSelectOBJ[\"ValidationState\"]] = false;\n } else {\n stateVariable[ReactSelectOBJ[\"NameProp\"]] = event.map((obj, index) => {\n return obj.value;\n });\n state[ReactSelectOBJ[\"ValidationState\"]] = true;\n }\n } else {\n stateVariable[controlName] = event.value;\n }\n _that.setState(state);\n}\n\nexport function updateEmailInputValueInState(\n stateVariable,\n event,\n _that,\n state,\n ReactSelectOBJ\n) {\n if (/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$/i.test(event.target.value)) {\n UpdateCustomElementValidation(event, true);\n } else {\n UpdateCustomElementValidation(event, false);\n }\n stateVariable[event.target.name] = event.target.value;\n _that.setState(state);\n}\nexport function getFormattedPhoneNum(input) {\n if (input == \"\" || input == null) {\n return \"\";\n }\n let output = \"(\";\n input.replace(/^\\D*(\\d{0,3})\\D*(\\d{0,3})\\D*(\\d{0,4})/, function (match, g1, g2, g3) {\n\n if (g1.length) {\n output += g1;\n if (g1.length == 3) {\n output += \")\";\n if (g2.length) {\n output += \" \" + g2;\n if (g2.length == 3) {\n output += \" - \";\n if (g3.length) {\n output += g3;\n }\n }\n }\n }\n }\n }\n );\n return output;\n}\nexport function showSuccessAlert(msg, type, title) {\n swal({\n title: title,\n text: msg,\n icon: type,\n });\n}\n\nexport function showSuccessAlertAutoClose(msg, type, title, timer) {\n swal({\n title: title,\n text: msg,\n icon: type,\n timer: timer,\n buttons: false,\n });\n}\n\nexport function showConfirmation(\n msg,\n title,\n confirmCallback,\n cancelCallback = null,\n obj,\n buttonText = \"OK\"\n) {\n Swal2.fire({\n title: title ? title : \"Are you sure?\",\n text: msg ? msg : \"\",\n icon: \"warning\",\n showCancelButton: true,\n confirmButtonColor: \"#3085d6\",\n cancelButtonColor: \"#d33\",\n confirmButtonText: buttonText,\n }).then((result) => {\n if (result.value) {\n if (_.isFunction(confirmCallback)) confirmCallback(obj);\n } else {\n if (_.isFunction(cancelCallback)) {\n if (cancelCallback != null) {\n }\n cancelCallback(obj);\n }\n }\n });\n}\n\nexport function GetBaseUrl() {\n var getUrl = window.location;\n var baseUrl = getUrl.protocol + \"//\" + getUrl.host;\n return baseUrl;\n}\n\nexport function GetDateTimeString(dateString) {\n var date = new Date(dateString);\n return (\n date.getFullYear() +\n \"-\" +\n (date.getMonth() + 1) +\n \"-\" +\n date.getDate() +\n \" \" +\n date.toLocaleTimeString()\n );\n}\nexport function GetDateString(dateString) {\n var date = new Date(dateString);\n return (\n minTwoDigit(date.getFullYear()) +\n \"-\" +\n minTwoDigit(date.getMonth() + 1) +\n \"-\" +\n minTwoDigit(date.getDate())\n );\n}\n\nfunction minTwoDigit(input) {\n if ((input + \"\").length == 1) return \"0\" + input;\n return input;\n}\n\nexport const BusEntityDetailType = {\n DescriptionHtml: \"DescriptionHtml\",\n LogoPath: \"LogoPath\",\n};\nexport function getCurrentDate(separator = \"\") {\n let newDate = new Date();\n let date = newDate.getDate();\n let month = newDate.getMonth() + 1;\n let year = newDate.getFullYear();\n\n return `${year}${separator}${month < 10 ? `0${month}` : `${month}`\n }${separator}${date}`;\n}\nexport function UpdateCustomElementValidation(event, isValid) {\n if (isValid) {\n event.currentTarget.nextElementSibling.style.display = \"\";\n event.target.setCustomValidity(\"\");\n } else {\n event.currentTarget.nextElementSibling.style.display = \"block\";\n event.target.setCustomValidity(\"Invalid field.\");\n }\n}\n\nexport function prependZeroIfLessThanTen(item) {\n if (item.toString().length === 1) {\n return \"0\" + item.toString();\n } else {\n return item;\n }\n}\n\nexport function LoadDataTable(tableId) {\n if ($.fn.dataTable.isDataTable(\"#\" + tableId)) {\n $(\"#\" + tableId).DataTable = $(\"#\" + tableId).DataTable();\n } else {\n $(\"#\" + tableId).DataTable({\n responsive: true,\n pageLength: 25,\n lengthMenu: [\n [25, 50, 100, -1],\n [25, 50, 100, \"All\"],\n ],\n });\n }\n}\n\n\nexport function replaceNullWithString(value, replaceValue) {\n if (value == null) {\n value = replaceValue != null ? replaceValue : \"\";\n }\n return value;\n}\nexport function replaceNullOrEmptyWithString(targetString, replaceValue) {\n targetString = targetString?.trim();\n if (targetString == null || targetString == \"\") {\n targetString = replaceValue;\n }\n return targetString;\n}\n\nexport function getInputStringDate(date) {\n\n //date= new Date();\n let dt = \"\";\n try {\n const month =\n date.getMonth() + 1 < 10\n ? \"0\" + (date.getMonth() + 1)\n : date.getMonth() + 1;\n const _date = date.getDate() < 10 ? \"0\" + date.getDate() : date.getDate();\n dt = date.getFullYear() + \"-\" + month + \"-\" + _date;\n } catch (ex) {\n }\n return dt;\n}\nexport function getInputStringDateUsingMoment(date) {\n //date= new Date();\n let dt = \"\";\n try {\n const month =\n date._d.getMonth() + 1 < 10\n ? \"0\" + (date._d.getMonth() + 1)\n : date._d.getMonth() + 1;\n const _date = date._d.getDate() < 10 ? \"0\" + date._d.getDate() : date._d.getDate();\n dt = date._d.getFullYear() + \"-\" + month + \"-\" + _date;\n } catch (ex) {\n }\n return dt;\n}\nexport function getInputStringDateFormat(date) {\n\n //date= new Date();\n let dt = \"\";\n try {\n const month =\n date.getMonth() + 1 < 10\n ? \"0\" + (date.getMonth() + 1)\n : date.getMonth() + 1;\n const _date = date.getDate() < 10 ? \"0\" + date.getDate() : date.getDate();\n dt = month + \"/\" + _date + \"/\" + date.getFullYear();\n } catch (ex) {\n }\n return dt;\n}\nexport function getInputStringDate2(date) {\n\n date = new Date();\n let dt = \"\";\n try {\n const month =\n date.getMonth() + 1 < 10\n ? \"0\" + (date.getMonth() + 1)\n : date.getMonth() + 1;\n const _date = date.getDate() < 10 ? \"0\" + date.getDate() : date.getDate();\n dt = date.getFullYear() + \"-\" + month + \"-\" + _date;\n } catch (ex) {\n }\n return dt;\n}\n\nexport function getDifferenceInDays(date1, date2) {\n\n const oneDay = 1000 * 60 * 60 * 24;\n\n // A day in UTC always lasts 24 hours (unlike in other time formats)\n const start = Date.UTC(date2.getFullYear(), date2.getMonth(), date2.getDate());\n const end = Date.UTC(date1.getFullYear(), date1.getMonth(), date1.getDate());\n\n // so it's safe to divide by 24 hours\n return (start - end) / oneDay;\n\n}\n\n\n// Download the file\nexport const download = async (imageUrl) => {\n const originalImage = imageUrl;\n const image = await fetch(originalImage);\n\n //Split image name\n const nameSplit = originalImage.split(\"/\");\n const duplicateName = nameSplit.pop();\n\n const imageBlog = await image.blob()\n const imageURL = URL.createObjectURL(imageBlog)\n const link = document.createElement('a')\n link.href = imageURL;\n link.download = \"\" + duplicateName + \"\";\n document.body.appendChild(link)\n link.click()\n document.body.removeChild(link)\n};\n\n// DOWNLOAD FILE AS PDF\n\nexport const downloadFileAsPDF = async (url) => {\n saveAs(\n url,\n \"file.pdf\"\n );\n}\n\n// Download React JSX part as Image\nexport const downloadReactJSXPartAsImage = async (printRef) => {\n const element = printRef.current;\n const canvas = await html2canvas(element);\n\n const data = canvas.toDataURL('image/jpg');\n const link = document.createElement('a');\n\n if (typeof link.download === 'string') {\n link.href = data;\n link.download = 'image.jpg';\n\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n } else {\n window.open(data);\n }\n};\n\n// Download React JSX part as PDF\nexport const downloadReactJSXPartAsPDF = async (printRef) => {\n\n const element = printRef.current\n const element2 = document.getElementById(\"print-div\")\n\n html2PDF(element, {\n jsPDF: {\n format: 'a4',\n },\n imageType: 'image/jpeg',\n output: '.report.pdf'\n });\n\n\n // const canvas = await html2canvas(element);\n // const data = canvas.toDataURL('image/png');\n // const doc = new jsPDF('p', 'mm')\n // const width = doc.internal.pageSize.getWidth();\n // const height = doc.internal.pageSize.getHeight();\n // if(window.screen.width > 300 && window.screen.width < 600){\n // doc.addImage(data, \"png\", 60, 0, 90, 220)\n // doc.save('sample-file.pdf');\n // }else{\n // doc.addImage(data, \"png\", 0, 0, width, height)\n // doc.save('sample-file.pdf');\n // }\n\n // const link = document.createElement('a');\n\n // if (typeof link.download === 'string') {\n // link.href = doc;\n // link.download = 'file.pdf';\n\n // document.body.appendChild(link);\n // link.click();\n // document.body.removeChild(link);\n // } else {\n // window.open(data);\n // }\n};\n\n// Toast\n\nexport const toast = (status, messageTxt, duration) => {\n if (status === \"success\") {\n message.success(messageTxt, duration);\n } else if (status === \"error\") {\n message.error(messageTxt, duration);\n } else if (status === \"info\") {\n message.info(messageTxt, duration);\n } else if (status === \"loading\") {\n message.loading(messageTxt, duration);\n } else if (status === \"warning\") {\n message.warning(messageTxt, duration);\n } else if (status === \"warn\") {\n message.warn(messageTxt, duration);\n }\n}\n\n// //Here is the code for converting \"image source\" (url) to \"Base64\".***\n\n// //https://cors-anywhere.herokuapp.com/\n\n// export const toDataURL = url => fetch(`https://cors-anywhere.herokuapp.com/${url}`)\n// .then(response => response.blob())\n// .then(blob => new Promise((resolve, reject) => {\n// const reader = new FileReader()\n// reader.onloadend = () => resolve(reader.result)\n// reader.onerror = reject\n// reader.readAsDataURL(blob)\n// }))\n\n\n//Here is code for converting \"Base64\" to javascript \"File Object\".***\n\nexport function dataURLtoFile(dataurl, filename) {\n var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],\n bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);\n while (n--) {\n u8arr[n] = bstr.charCodeAt(n);\n }\n return new File([u8arr], filename, { type: mime });\n}\n\n\n// check if two objects are equal\n\nexport function checkObjEqual(obj1, obj2) {\n for (let key in obj1) {\n if (!(key in obj2)) return false;\n if (obj1[key] !== obj2[key]) return false;\n }\n return true;\n}\n\nexport function isEven(num) {\n return num % 2 === 0;\n}\n\nexport function isOdd(num) {\n return num % 2 !== 0;\n}\nexport function isLast(arr, index){\n return index === arr.length - 1;\n}\n\n\n// Prevent Input field to accept minus value\n\nexport const preventMinus = (e) => {\n if (e.key === '-') {\n e.preventDefault();\n }\n if (e.key.toLowerCase() === 'e') {\n e.preventDefault();\n }\n};\n\n// Prevent Input field to accept pasted minus value\n\nexport const preventPasteNegative = (e) => {\n const clipboardData = e.clipboardData || window.clipboardData;\n const pastedData = parseFloat(clipboardData.getData('text'));\n\n if (pastedData < 0) {\n e.preventDefault();\n }\n};","/* eslint-disable */\n\"use strict\";\n\nimport { KTUtil } from \"./util\";\n\n// Component Definition\nvar KTCard = function(elementId, options) {\n // Main object\n var the = this;\n var init = false;\n\n // Get element object\n var element = KTUtil.getById(elementId);\n var body = KTUtil.getBody();\n\n if (!element) {\n return;\n }\n\n // Default options\n var defaultOptions = {\n toggleSpeed: 400,\n sticky: {\n releseOnReverse: false,\n offset: 300,\n zIndex: 101\n }\n };\n\n ////////////////////////////\n // ** Private Methods ** //\n ////////////////////////////\n\n var Plugin = {\n /**\n * Construct\n */\n\n construct: function(options) {\n if (KTUtil.data(element).has('card')) {\n the = KTUtil.data(element).get('card');\n } else {\n // reset menu\n Plugin.init(options);\n\n // build menu\n Plugin.build();\n\n KTUtil.data(element).set('card', the);\n }\n\n return the;\n },\n\n /**\n * Init card\n */\n init: function(options) {\n the.element = element;\n the.events = [];\n\n // merge default and user defined options\n the.options = KTUtil.deepExtend({}, defaultOptions, options);\n the.header = KTUtil.child(element, '.card-header');\n the.footer = KTUtil.child(element, '.card-footer');\n\n if (KTUtil.child(element, '.card-body')) {\n the.body = KTUtil.child(element, '.card-body');\n } else if (KTUtil.child(element, '.form')) {\n the.body = KTUtil.child(element, '.form');\n }\n },\n\n /**\n * Build Form Wizard\n */\n build: function() {\n // Remove\n var remove = KTUtil.find(the.header, '[data-card-tool=remove]');\n if (remove) {\n KTUtil.addEvent(remove, 'click', function(e) {\n e.preventDefault();\n Plugin.remove();\n });\n }\n\n // Reload\n var reload = KTUtil.find(the.header, '[data-card-tool=reload]');\n if (reload) {\n KTUtil.addEvent(reload, 'click', function(e) {\n e.preventDefault();\n Plugin.reload();\n });\n }\n\n // Toggle\n var toggle = KTUtil.find(the.header, '[data-card-tool=toggle]');\n if (toggle) {\n KTUtil.addEvent(toggle, 'click', function(e) {\n e.preventDefault();\n Plugin.toggle();\n });\n }\n },\n\n /**\n * Enable stickt mode\n */\n initSticky: function() {\n var lastScrollTop = 0;\n var offset = the.options.sticky.offset;\n\n if (!the.header) {\n return;\n }\n\n\t window.addEventListener('scroll', Plugin.onScrollSticky);\n\t \n\t return () => {\n window.removeEventListener(\"resize\", handleResize);\n };\n },\n\n\t /**\n\t * Window scroll handle event for sticky card\n\t */\n\t onScrollSticky: function(e) {\n\t\t var offset = the.options.sticky.offset;\n\n\t\t if(isNaN(offset)) return;\n\n\t\t var st = KTUtil.getScrollTop();\n\n\t\t if (st >= offset && KTUtil.hasClass(body, 'card-sticky-on') === false) {\n\t\t\t Plugin.eventTrigger('stickyOn');\n\n\t\t\t KTUtil.addClass(body, 'card-sticky-on');\n\n\t\t\t Plugin.updateSticky();\n\n\t\t } else if ((st*1.5) <= offset && KTUtil.hasClass(body, 'card-sticky-on')) {\n\t\t\t // Back scroll mode\n\t\t\t Plugin.eventTrigger('stickyOff');\n\n\t\t\t KTUtil.removeClass(body, 'card-sticky-on');\n\n\t\t\t Plugin.resetSticky();\n\t\t }\n\t },\n\n updateSticky: function() {\n if (!the.header) {\n return;\n }\n\n var top;\n\n if (KTUtil.hasClass(body, 'card-sticky-on')) {\n if (the.options.sticky.position.top instanceof Function) {\n top = parseInt(the.options.sticky.position.top.call(this, the));\n } else {\n top = parseInt(the.options.sticky.position.top);\n }\n\n var left;\n if (the.options.sticky.position.left instanceof Function) {\n left = parseInt(the.options.sticky.position.left.call(this, the));\n } else {\n left = parseInt(the.options.sticky.position.left);\n }\n\n var right;\n if (the.options.sticky.position.right instanceof Function) {\n right = parseInt(the.options.sticky.position.right.call(this, the));\n } else {\n right = parseInt(the.options.sticky.position.right);\n }\n\n KTUtil.css(the.header, 'z-index', the.options.sticky.zIndex);\n KTUtil.css(the.header, 'top', top + 'px');\n KTUtil.css(the.header, 'left', left + 'px');\n KTUtil.css(the.header, 'right', right + 'px');\n }\n },\n\n resetSticky: function() {\n if (!the.header) {\n return;\n }\n\n if (KTUtil.hasClass(body, 'card-sticky-on') === false) {\n KTUtil.css(the.header, 'z-index', '');\n KTUtil.css(the.header, 'top', '');\n KTUtil.css(the.header, 'left', '');\n KTUtil.css(the.header, 'right', '');\n }\n },\n\n /**\n * Remove card\n */\n remove: function() {\n if (Plugin.eventTrigger('beforeRemove') === false) {\n return;\n }\n\n // Remove tooltips\n var tooltips;\n if ( tooltips = document.querySelectorAll('.tooltip.show') ) {\n $(tooltips).tooltip('dispose');\n }\n\n KTUtil.remove(element);\n\n Plugin.eventTrigger('afterRemove');\n },\n\n /**\n * Set content\n */\n setContent: function(html) {\n if (html) {\n the.body.innerHTML = html;\n }\n },\n\n /**\n * Get body\n */\n getBody: function() {\n return the.body;\n },\n\n /**\n * Get self\n */\n getSelf: function() {\n return element;\n },\n\n /**\n * Reload\n */\n reload: function() {\n Plugin.eventTrigger('reload');\n },\n\n /**\n * Toggle\n */\n toggle: function() {\n if (KTUtil.hasClass(element, 'card-collapse') || KTUtil.hasClass(element, 'card-collapsed')) {\n Plugin.expand();\n } else {\n Plugin.collapse();\n }\n },\n\n /**\n * Collapse\n */\n collapse: function() {\n if (Plugin.eventTrigger('beforeCollapse') === false) {\n return;\n }\n\n KTUtil.slideUp(the.body, the.options.toggleSpeed, function() {\n Plugin.eventTrigger('afterCollapse');\n });\n\n KTUtil.addClass(element, 'card-collapse');\n },\n\n /**\n * Expand\n */\n expand: function() {\n if (Plugin.eventTrigger('beforeExpand') === false) {\n return;\n }\n\n KTUtil.slideDown(the.body, the.options.toggleSpeed, function() {\n Plugin.eventTrigger('afterExpand');\n });\n\n KTUtil.removeClass(element, 'card-collapse');\n KTUtil.removeClass(element, 'card-collapsed');\n },\n\n /**\n * Trigger events\n */\n eventTrigger: function(name) {\n //KTUtil.triggerCustomEvent(name);\n for (var i = 0; i < the.events.length; i++) {\n var event = the.events[i];\n if (event.name == name) {\n if (event.one == true) {\n if (event.fired == false) {\n the.events[i].fired = true;\n return event.handler.call(this, the);\n }\n } else {\n return event.handler.call(this, the);\n }\n }\n }\n },\n\n addEvent: function(name, handler, one) {\n the.events.push({\n name: name,\n handler: handler,\n one: one,\n fired: false\n });\n\n return the;\n }\n };\n\n //////////////////////////\n // ** Public Methods ** //\n //////////////////////////\n\n /**\n * Set default options\n */\n\n the.setDefaults = function(options) {\n defaultOptions = options;\n };\n\n /**\n * Remove card\n */\n the.remove = function() {\n return Plugin.remove(html);\n };\n\n /**\n * Init sticky card\n */\n the.initSticky = function() {\n return Plugin.initSticky();\n };\n\n /**\n * Rerender sticky layout\n */\n the.updateSticky = function() {\n return Plugin.updateSticky();\n };\n\n /**\n * Reset the sticky\n */\n the.resetSticky = function() {\n return Plugin.resetSticky();\n };\n\n\t/**\n\t * Destroy sticky card\n\t */\n\tthe.destroySticky = function() {\n\t\tPlugin.resetSticky();\n\t\twindow.removeEventListener('scroll', Plugin.onScrollSticky);\n\t\t \n\t\treturn () => {\n window.removeEventListener(\"resize\", handleResize);\n };\n\t};\n\n /**\n * Reload card\n */\n the.reload = function() {\n return Plugin.reload();\n };\n\n /**\n * Set card content\n */\n the.setContent = function(html) {\n return Plugin.setContent(html);\n };\n\n /**\n * Toggle card\n */\n the.toggle = function() {\n return Plugin.toggle();\n };\n\n /**\n * Collapse card\n */\n the.collapse = function() {\n return Plugin.collapse();\n };\n\n /**\n * Expand card\n */\n the.expand = function() {\n return Plugin.expand();\n };\n\n /**\n * Get cardbody\n * @returns {jQuery}\n */\n the.getBody = function() {\n return Plugin.getBody();\n };\n\n /**\n * Get cardbody\n * @returns {jQuery}\n */\n the.getSelf = function() {\n return Plugin.getSelf();\n };\n\n /**\n * Attach event\n */\n the.on = function(name, handler) {\n return Plugin.addEvent(name, handler);\n };\n\n /**\n * Attach event that will be fired once\n */\n the.one = function(name, handler) {\n return Plugin.addEvent(name, handler, true);\n };\n\n // Construct plugin\n Plugin.construct.apply(the, [options]);\n\n return the;\n};\n\n// webpack support\nif (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {\n // module.exports = KTCard;\n}\n\nexport default KTCard;","/* eslint-disable */\n\"use strict\";\n\nimport { KTUtil } from \"./util\";\n\n// Component Definition\nvar KTScrolltop = function(elementId, options) {\n // Main object\n var the = this;\n var init = false;\n\n // Get element object\n var element = KTUtil.getById(elementId);\n var body = KTUtil.getBody();\n\n if (!element) {\n return;\n }\n\n // Default options\n var defaultOptions = {\n offset: 300,\n speed: 6000\n };\n\n ////////////////////////////\n // ** Private Methods ** //\n ////////////////////////////\n\n var Plugin = {\n /**\n * Run plugin\n * @returns {mscrolltop}\n */\n construct: function(options) {\n if (KTUtil.data(element).has('scrolltop')) {\n the = KTUtil.data(element).get('scrolltop');\n } else {\n // reset scrolltop\n Plugin.init(options);\n\n // build scrolltop\n Plugin.build();\n\n KTUtil.data(element).set('scrolltop', the);\n }\n\n return the;\n },\n\n /**\n * Handles subscrolltop click toggle\n * @returns {mscrolltop}\n */\n init: function(options) {\n the.events = [];\n\n // merge default and user defined options\n the.options = KTUtil.deepExtend({}, defaultOptions, options);\n },\n\n build: function() {\n var timer;\n\n window.addEventListener('scroll', function() {\n KTUtil.throttle(timer, function() {\n Plugin.handle();\n }, 200);\n \n return () => {\n window.removeEventListener(\"resize\", handleResize);\n };\n });\n\n // handle button click\n KTUtil.addEvent(element, 'click', Plugin.scroll);\n },\n\n /**\n * Handles scrolltop click scrollTop\n */\n handle: function() {\n var pos = KTUtil.getScrollTop(); // current vertical position\n\n if (pos > the.options.offset) {\n if (body.hasAttribute('data-scrolltop') === false) {\n body.setAttribute('data-scrolltop', 'on');\n }\n } else {\n if (body.hasAttribute('data-scrolltop') === true) {\n body.removeAttribute('data-scrolltop');\n }\n }\n },\n\n /**\n * Handles scrolltop click scrollTop\n */\n scroll: function(e) {\n e.preventDefault();\n\n KTUtil.scrollTop(0, the.options.speed);\n },\n\n\n /**\n * Trigger events\n */\n eventTrigger: function(name, args) {\n for (var i = 0; i < the.events.length; i++) {\n var event = the.events[i];\n if (event.name == name) {\n if (event.one == true) {\n if (event.fired == false) {\n the.events[i].fired = true;\n return event.handler.call(this, the, args);\n }\n } else {\n return event.handler.call(this, the, args);\n }\n }\n }\n },\n\n addEvent: function(name, handler, one) {\n the.events.push({\n name: name,\n handler: handler,\n one: one,\n fired: false\n });\n }\n };\n\n //////////////////////////\n // ** Public Methods ** //\n //////////////////////////\n\n /**\n * Set default options\n */\n\n the.setDefaults = function(options) {\n defaultOptions = options;\n };\n\n /**\n * Get subscrolltop mode\n */\n the.on = function(name, handler) {\n return Plugin.addEvent(name, handler);\n };\n\n /**\n * Set scrolltop content\n * @returns {mscrolltop}\n */\n the.one = function(name, handler) {\n return Plugin.addEvent(name, handler, true);\n };\n\n ///////////////////////////////\n // ** Plugin Construction ** //\n ///////////////////////////////\n\n // Run plugin\n Plugin.construct.apply(the, [options]);\n\n // Init done\n init = true;\n\n // Return plugin instance\n return the;\n};\n\n// webpack support\nif (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {\n // module.exports = KTScrolltop;\n}\n\nexport default KTScrolltop;","module.exports = __webpack_public_path__ + \"static/media/something-went-wrong.c14c3974.jpg\";"," /* eslint-disable jsx-a11y/alt-text */\n import React, { useEffect, useState } from \"react\";\n import { useParams, useHistory } from \"react-router-dom\";\n import { useSelector } from \"react-redux\"; \n import { getVendorDetailsById , postVendorForumCommentsCall, postaddForumLikeCall , postremoveForumLikeCall } from '../../services/user-services/vendorForumService';\n import { Card, Table, Modal, Button, Form } from 'react-bootstrap';\n import TagsInput from \"react-tagsinput\";\n import 'react-tagsinput/react-tagsinput.css'\n import { useFormik } from \"formik\";\n import * as Yup from \"yup\";\n import * as Common from \"../../General/common\";\n import { AiFillLike } from \"react-icons/ai\";\n import { AiOutlineLike } from \"react-icons/ai\";\n import { AiFillMessage } from \"react-icons/ai\";\n\n\n function VendorForumSingle() {\n const history = useHistory();\n\n const { forumId } = useParams();\n const [vendorDetailsById, setVendorDetailsById] = useState([]);\n const [isLiked, setIsLiked] = useState(false);\n \n const loggedInUser = useSelector((store) => store.UserLoggedIn.loggedInUser);\n\n const [isMobile, setIsMobile] = useState(window.innerWidth < 768);\n\n const [show, setShow] = useState(false);\n\n const handleClose = () => setShow(false);\n const handleShow = () => setShow(true);\n\n const [postingVendorForumComment, setPostingVendorForumComment] = useState(false);\n\n\n let fd = new FormData();\n\n const initialValues = {\n comment: '',\n forum_id: forumId,\n user_id: loggedInUser.id\n };\n\n const Schema = Yup.object().shape({\n comment: Yup.string()\n .required(\"Comment is required\"),\n });\n\n \n\n const getVendorForumId = async (id) => {\n try{\n const { data } = await getVendorDetailsById(id);\n \n if(data.success){\n setVendorDetailsById(data.data);\n // Check if the logged-in user has liked the forum\n const userHasLiked = data.data.likes.some(like => like.user_id === loggedInUser.id);\n setIsLiked(userHasLiked);\n }else{\n setVendorDetailsById([]);\n }\n }catch(error){\n \n setVendorDetailsById([]);\n }\n }\n\n\n const formik = useFormik({\n initialValues,\n validationSchema: Schema,\n onSubmit: (values, { setStatus, setSubmitting }) => {\n \n if(values.comment !== ''){\n postVendorForumComment(values)\n }\n\n setSubmitting(false);\n },\n });\n\n\n const postVendorForumComment = async (values) => {\n setPostingVendorForumComment(true);\n try {\n const { data } = await postVendorForumCommentsCall(values);\n if (data.success) {\n // success scenario\n Common.showSuccessAlertAutoClose(\n data.message,\n \"success\",\n \"Success!\",\n 3000\n );\n formik.resetForm();\n handleClose();\n getVendorForumId(forumId);\n } else {\n Common.showSuccessAlertAutoClose(\n data.message,\n \"warning\",\n \"Failed!\",\n 3000\n );\n }\n } catch (err) {\n if(err?.response?.data?.message){\n Common.showSuccessAlertAutoClose(\n err?.response?.data?.message,\n \"warning\",\n \"Failed!\",\n 3000\n );\n }else{\n Common.showSuccessAlertAutoClose(\n \"Some error occured while processing your request!\",\n \"warning\",\n \"Failed!\",\n 3000\n );\n }\n } finally {\n setPostingVendorForumComment(false);\n }\n };\n\n const postaddForumLike = async (values) =>{\n try{\n \n const { data } = await postaddForumLikeCall(values);\n \n if(data.success) \n {\n getVendorForumId(forumId);\n \n }\n else{\n \n \n }\n \n }catch(error){\n\n \n }\n }\n\n const postremoveForumLike = async (values) =>{\n try{\n \n const { data } = await postremoveForumLikeCall(values);\n \n if(data.success) \n {\n getVendorForumId(forumId);\n \n }\n else{\n \n \n }\n \n }catch(error){\n \n \n }\n }\n\n useEffect(() => {\n fd.append(\"comment\", formik.values.comment);\n fd.append(\"forum_Id\", formik.values.forum_id);\n fd.append(\"user_id\", formik.user_id)\n }, [formik.values.comment, formik.values.forum_id, formik.values.user_id]);\n\n useEffect(() => {\n getVendorForumId(forumId);\n }, [forumId]);\n\n useEffect(() => {\n const handleResize = () => {\n setIsMobile(window.innerWidth < 768);\n };\n \n window.addEventListener('resize', handleResize);\n \n // Cleanup function to remove the event listener when component unmounts\n return () => {\n window.removeEventListener('resize', handleResize);\n };\n }, []);\n\n\n return (\n isMobile ?\n <>\n {vendorDetailsById && vendorDetailsById.title && (\n \n
\n \n \n \n \n \n
\n )} \n \n
\n\n {vendorDetailsById.image && (\n \n
\n {vendorDetailsById.title}
\n\n
\n POSTED: {new Date(vendorDetailsById.created_at).toLocaleDateString()}
\n\n
\n {vendorDetailsById.description}
\n\n
\n \n \n
\n\n {\n const isLiked = vendorDetailsById.likes.some(like => like.user_id === loggedInUser.id);\n if (isLiked) {\n const likeToRemoveId = vendorDetailsById.likes.find(like => like.user_id === loggedInUser.id).id;\n postremoveForumLike(likeToRemoveId);\n } else { \n postaddForumLike({\n 'forums_id': vendorDetailsById.id,\n 'user_id': loggedInUser.id\n });\n }\n }}\n style={{ display: 'flex', alignItems: 'center', cursor: 'pointer' }}>\n { isLiked ? \n
\n \n
: \n \n
\n }\n {vendorDetailsById.likes.length}\n \n
\n \n
\n \n
\n {vendorDetailsById.comments.length} Comments
\n\n \n
\n\n \n
\n \n ADD RESPONSE
\n\n
\n \n\n\n {vendorDetailsById.comments.map((comment) => (\n RESPONSES
\n\n
\n \n
\n\n \n
\n \n
\n\n {comment.user.name === null ? \"GUEST\" : comment.user.name}
\n{comment.vendor.company_name === null ? \"\" : comment.vendor.company_name}
\n\n
\n {comment.comment}
\n\n
\n \n
\n POSTED: {new Date(comment.created_at).toLocaleDateString()}
\n\n
\n \n \n Comment \n \n
\n \n
\n ) : null}\n {formik.errors.comment}
\n \n
\n \n \n \n \n \n
\n )} \n \n
\n\n {vendorDetailsById.image && (\n \n
\n {vendorDetailsById.title}
\n\n
\n POSTED: {new Date(vendorDetailsById.created_at).toLocaleDateString()}
\n\n
\n {vendorDetailsById.description}
\n\n
\n \n \n
\n\n {\n const isLiked = vendorDetailsById.likes.some(like => like.user_id === loggedInUser.id);\n if (isLiked) {\n const likeToRemoveId = vendorDetailsById.likes.find(like => like.user_id === loggedInUser.id).id;\n postremoveForumLike(likeToRemoveId);\n } else { \n postaddForumLike({\n 'forums_id': vendorDetailsById.id,\n 'user_id': loggedInUser.id\n });\n }\n }}\n style={{ display: 'flex', alignItems: 'center', cursor: 'pointer' }}>\n { isLiked ? \n
\n \n
: \n \n
\n }\n {vendorDetailsById.likes.length}\n \n
\n \n
\n \n
\n {vendorDetailsById.comments.length} Comments
\n\n \n
\n\n \n
\n \n ADD RESPONSE
\n\n
\n \n\n\n {vendorDetailsById.comments.map((comment) => (\n RESPONSES
\n\n
\n \n
\n\n \n
\n \n
\n\n {comment.user.name === null ? \"GUEST\" : comment.user.name}
\n{comment.vendor.company_name === null ? \"\" : comment.vendor.company_name}
\n\n
\n {comment.comment}
\n\n
\n \n
\n POSTED: {new Date(comment.created_at).toLocaleDateString()}
\n\n
\n \n \n Comment \n \n
\n \n
\n ) : null}\n {formik.errors.comment}
\n