dsg
INSERT INTO `cp_filejs` (`id`,`app`,`path`,`modul`,`file_name`,`content`) VALUES ('318','3','u7/collector','auth','js/app.js---','//------------------------------------------ CORE ------------------------------------------//\r\nimport {\r\n getSessionUser,\r\n handleSignUp,\r\n updateAboutUserIds,\r\n updateContentIds,\r\n updateUsername,\r\n verifyUser\r\n} from \\\\\\\\\\\\\\\'./api/auth.js\\\\\\\\\\\\\\\'\r\nimport store from \\\\\\\\\\\\\\\'./store.js\\\\\\\\\\\\\\\'\r\nimport routes from \\\\\\\\\\\\\\\'./routes.js\\\\\\\\\\\\\\\'\r\n\r\nimport {\r\n displayProfile\r\n} from \\\\\\\\\\\\\\\'./profile.js\\\\\\\\\\\\\\\'\r\nimport {\r\n getIDFromQrCode\r\n} from \\\\\\\\\\\\\\\'./api/scanner.js\\\\\\\\\\\\\\\'\r\nimport {\r\n openModal,\r\n openQRModal\r\n} from \\\\\\\\\\\\\\\'./qr.js\\\\\\\\\\\\\\\'\r\nimport {\r\n sendRNMessage\r\n} from \\\\\\\\\\\\\\\'./api/consts.js\\\\\\\\\\\\\\\'\r\n\r\n\r\nvar $ = Dom7\r\nvar userStore = store.getters.user\r\nvar notificationCountStore = store.getters.getNotifCount\r\nvar networkErrors = store.getters.checkPoorNetworkError\r\n\r\nvar toolbarEl = $(\\\\\\\\\\\\\\\'.footer\\\\\\\\\\\\\\\')[0]\r\n\r\nvar app = new Framework7({\r\n initOnDeviceReady: true,\r\n view: {\r\n pushState: false,\r\n stackPages: true,\r\n xhrCache: true,\r\n preloadPreviousPage: true,\r\n // browserHistory: true,\r\n },\r\n notification: {\r\n title: \\\\\\\\\\\\\\\'OrganikFlok\\\\\\\\\\\\\\\',\r\n closeTimeout: 10000,\r\n closeOnClick: true,\r\n icon: \\\\\\\\\\\\\\\'\\\\\\\\\\\\\\\',\r\n },\r\n toast: {\r\n closeTimeout: 3000,\r\n closeButton: true,\r\n },\r\n name: \\\\\\\\\\\\\\\'OrganikFlok\\\\\\\\\\\\\\\',\r\n theme: \\\\\\\\\\\\\\\'ios\\\\\\\\\\\\\\\',\r\n smartSelect: {\r\n closeOnSelect: true,\r\n },\r\n cache: true,\r\n el: \\\\\\\\\\\\\\\'#app\\\\\\\\\\\\\\\', // App root element\r\n on: {\r\n init: async function () {\r\n // toolbarEl.style.display = \\\\\\\\\\\\\\\'none\\\\\\\\\\\\\\\'\r\n\r\n await store.dispatch(\\\\\\\\\\\\\\\'checkAuth\\\\\\\\\\\\\\\')\r\n\r\n const isAuthenticated = store.getters.isAuthenticated.value\r\n\r\n if (!isAuthenticated) {\r\n this.views.main.router.navigate(\\\\\\\\\\\\\\\'/auth/\\\\\\\\\\\\\\\')\r\n } else {\r\n $(\\\\\\\\\\\\\\\'.init-loader\\\\\\\\\\\\\\\').hide()\r\n $(\\\\\\\\\\\\\\\'.start-link\\\\\\\\\\\\\\\').click();\r\n // toolbarEl.style.display = \\\\\\\\\\\\\\\'block\\\\\\\\\\\\\\\'\r\n }\r\n\r\n const deeplink = getQueryParameter(\\\\\\\\\\\\\\\'deeplink\\\\\\\\\\\\\\\')\r\n if (deeplink) {\r\n // check if deeplink has ?qr= query parameter\r\n // if it does, get the value of the qr parameter and redirect to the profile\r\n // ex; http://localhost:3000/?qr=123456\r\n const maybeQr = deeplink.split(\\\\\\\\\\\\\\\'?qr=\\\\\\\\\\\\\\\')[1]\r\n const deepqrCode = maybeQr ? maybeQr : null\r\n\r\n if (deepqrCode) {\r\n maybeRedirectToProfile(deepqrCode)\r\n return;\r\n }\r\n\r\n // check if url looks like https://mydrivelife.com/qr/8700279E\r\n // if it does, get the qr code and redirect to the profile\r\n const isDriveLifeUrl = deeplink.includes(\\\\\\\\\\\\\\\'mydrivelife.com/qr/\\\\\\\\\\\\\\\')\r\n if (isDriveLifeUrl) {\r\n const qrCode = deeplink.split(\\\\\\\\\\\\\\\'/\\\\\\\\\\\\\\\').slice(-1)[0]\r\n maybeRedirectToProfile(qrCode)\r\n return;\r\n }\r\n\r\n // get the page from the deeplink and navigate to it\r\n // ex; http://localhost:3000/post-view/308\r\n // get the /post-view/308 and navigate to it\r\n let path = deeplink.split(\\\\\\\\\\\\\\\'/\\\\\\\\\\\\\\\').slice(3).join(\\\\\\\\\\\\\\\'/\\\\\\\\\\\\\\\')\r\n\r\n if (!path.startsWith(\\\\\\\\\\\\\\\'/\\\\\\\\\\\\\\\')) {\r\n path = `/${path}`\r\n }\r\n\r\n this.views.main.router.navigate(path)\r\n // remove the query parameter from the URL\r\n window.history.pushState({}, document.title, window.location.pathname)\r\n }\r\n\r\n const qrCode = getQueryParameter(\\\\\\\\\\\\\\\'qr\\\\\\\\\\\\\\\')\r\n if (qrCode) {\r\n maybeRedirectToProfile(qrCode)\r\n }\r\n },\r\n pageInit: function (page) {\r\n if (page.name === \\\\\\\\\\\\\\\'profile\\\\\\\\\\\\\\\') {\r\n userStore.onUpdated((data) => {\r\n if (data && data.id && !data.external_refresh) {\r\n displayProfile(data, \\\\\\\\\\\\\\\'profile\\\\\\\\\\\\\\\')\r\n store.dispatch(\\\\\\\\\\\\\\\'getMyGarage\\\\\\\\\\\\\\\')\r\n }\r\n\r\n if (data && data.id && !data.refreshed) {\r\n store.dispatch(\\\\\\\\\\\\\\\'getMyPosts\\\\\\\\\\\\\\\', {\r\n page: 1,\r\n clear: true\r\n })\r\n store.dispatch(\\\\\\\\\\\\\\\'getMyWastes\\\\\\\\\\\\\\\', {\r\n page: 1,\r\n clear: true\r\n })\r\n }\r\n })\r\n }\r\n\r\n if (page.name === \\\\\\\\\\\\\\\'discover\\\\\\\\\\\\\\\') {\r\n userStore.onUpdated((data) => {\r\n if (data && data.id && !data.refreshed) {\r\n store.dispatch(\\\\\\\\\\\\\\\'getTrendingEvents\\\\\\\\\\\\\\\')\r\n store.dispatch(\\\\\\\\\\\\\\\'getTrendingVenues\\\\\\\\\\\\\\\')\r\n store.dispatch(\\\\\\\\\\\\\\\'filterTrendingUsers\\\\\\\\\\\\\\\')\r\n store.dispatch(\\\\\\\\\\\\\\\'fetchEventCategories\\\\\\\\\\\\\\\')\r\n }\r\n })\r\n }\r\n\r\n if (page.name === \\\\\\\\\\\\\\\'signup-step2\\\\\\\\\\\\\\\') {\r\n const registerData = store.getters.getRegisterData.value\r\n\r\n const userNameEl = document.getElementsByName(\\\\\\\\\\\\\\\'username\\\\\\\\\\\\\\\')[0]\r\n userNameEl.value = registerData.username\r\n }\r\n },\r\n },\r\n store: store,\r\n routes: routes,\r\n})\r\n\r\n$(document).on(\\\\\\\\\\\\\\\'mousedown\\\\\\\\\\\\\\\', \\\\\\\\\\\\\\\'.toolbar-bottom a\\\\\\\\\\\\\\\', function (e) {\r\n var targetHref = $(this).attr(\\\\\\\\\\\\\\\'href\\\\\\\\\\\\\\\');\r\n var validTabs = [\\\\\\\\\\\\\\\'#view-social\\\\\\\\\\\\\\\', \\\\\\\\\\\\\\\'#view-discover\\\\\\\\\\\\\\\', \\\\\\\\\\\\\\\'#view-store\\\\\\\\\\\\\\\', \\\\\\\\\\\\\\\'#view-profile\\\\\\\\\\\\\\\'];\r\n\r\n if ($(this).hasClass(\\\\\\\\\\\\\\\'tab-link-active\\\\\\\\\\\\\\\') && validTabs.includes(targetHref)) {\r\n var view = app.views.current;\r\n if (view.history.length > 1) {\r\n view.router.back(view.history[0], {\r\n force: true\r\n });\r\n }\r\n }\r\n});\r\n\r\nexport function showToast(message, type = \\\\\\\\\\\\\\\'Message\\\\\\\\\\\\\\\', position = \\\\\\\\\\\\\\\'bottom\\\\\\\\\\\\\\\') {\r\n app.toast.create({\r\n text: message,\r\n position: position,\r\n closeTimeout: 3000,\r\n }).open()\r\n}\r\n\r\nasync function maybeRedirectToProfile(qrCode) {\r\n var view = app.views.current\r\n\r\n try {\r\n $(\\\\\\\\\\\\\\\'.init-loader\\\\\\\\\\\\\\\').show()\r\n const response = await getIDFromQrCode(qrCode)\r\n\r\n if (response && response.status === \\\\\\\\\\\\\\\'error\\\\\\\\\\\\\\\') {\r\n throw new Error(response.message || \\\\\\\\\\\\\\\'Oops, Unable to find the profile linked to this QR code.\\\\\\\\\\\\\\\')\r\n }\r\n\r\n const user = store.getters.user.value\r\n const id = response?.data?.linked_to;\r\n\r\n if (id) {\r\n if (user && user.id == id) {\r\n $(\\\\\\\\\\\\\\\'.view-profile-link\\\\\\\\\\\\\\\').click()\r\n } else {\r\n view.router.navigate(`/profile-view/${id}`)\r\n }\r\n } else {\r\n openModal()\r\n setTimeout(() => {\r\n store.dispatch(\\\\\\\\\\\\\\\'setScannedData\\\\\\\\\\\\\\\', {\r\n status: \\\\\\\\\\\\\\\'success\\\\\\\\\\\\\\\',\r\n qr_code: qrCode,\r\n message: \\\\\\\\\\\\\\\'QR Code is not linked to any profile\\\\\\\\\\\\\\\',\r\n available: true\r\n })\r\n }, 1000)\r\n }\r\n\r\n // remove the query parameter from the URL\r\n window.history.pushState({}, document.title, window.location.pathname)\r\n $(\\\\\\\\\\\\\\\'.init-loader\\\\\\\\\\\\\\\').hide()\r\n } catch (error) {\r\n console.log(error);\r\n window.history.pushState({}, document.title, window.location.pathname)\r\n app.dialog.alert(error.message || \\\\\\\\\\\\\\\'Oops, Unable to find the profile linked to this QR code.\\\\\\\\\\\\\\\')\r\n $(\\\\\\\\\\\\\\\'.init-loader\\\\\\\\\\\\\\\').hide()\r\n }\r\n}\r\n\r\n// Function to parse query parameters from the URL\r\nfunction getQueryParameter(name, url) {\r\n\r\n const urlParams = new URLSearchParams(url || window.location.search)\r\n return urlParams.get(name)\r\n}\r\n\r\nfunction isAndroid() {\r\n const toMatch = [\r\n /Android/i,\r\n // /webOS/i,\r\n // /iPhone/i,\r\n // /iPad/i,\r\n // /iPod/i,\r\n /BlackBerry/i,\r\n /Windows Phone/i,\r\n ];\r\n\r\n return toMatch.some((toMatchItem) => {\r\n return navigator.userAgent.match(toMatchItem);\r\n });\r\n}\r\n\r\nexport function onBackKeyDown() {\r\n // check if the device is an android device\r\n if (!isAndroid()) {\r\n return\r\n }\r\n\r\n var view = app.views.current\r\n\r\n var leftp = app.panel.left && app.panel.left.opened\r\n var rightp = app.panel.right && app.panel.right.opened\r\n\r\n window.ReactNativeWebView.postMessage(JSON.stringify({\r\n his: view.history,\r\n url: app.views.main.router.url,\r\n leftp,\r\n rightp\r\n }))\r\n\r\n if (leftp || rightp) {\r\n app.panel.close()\r\n return false\r\n } else if ($(\\\\\\\\\\\\\\\'.modal-in\\\\\\\\\\\\\\\').length > 0) {\r\n app.dialog.close()\r\n app.popup.close()\r\n return false\r\n } else if (view.history[0] == \\\\\\\\\\\\\\\'/\\\\\\\\\\\\\\\') {\r\n window.ReactNativeWebView.postMessage(\\\\\\\\\\\\\\\'exit_app\\\\\\\\\\\\\\\')\r\n return true\r\n } else {\r\n if (view.history.length < 2) {\r\n $(\\\\\\\\\\\\\\\'.tab-link[href=\\\\\\\\\\\\\\\"#view-home\\\\\\\\\\\\\\\"]\\\\\\\\\\\\\\\').click()\r\n return\r\n }\r\n\r\n view.router.back()\r\n return false\r\n }\r\n}\r\n\r\nwindow.onAppBackKey = onBackKeyDown\r\n\r\nuserStore.onUpdated((data) => {\r\n if (data && data.id && !data.external_refresh && !data.refreshed) {\r\n store.dispatch(\\\\\\\\\\\\\\\'getPosts\\\\\\\\\\\\\\\')\r\n store.dispatch(\\\\\\\\\\\\\\\'getFollowingPosts\\\\\\\\\\\\\\\')\r\n store.dispatch(\\\\\\\\\\\\\\\'notificationCount\\\\\\\\\\\\\\\')\r\n store.dispatch(\\\\\\\\\\\\\\\'fetchNotifications\\\\\\\\\\\\\\\')\r\n }\r\n})\r\n\r\nnotificationCountStore.onUpdated((data) => {\r\n document.querySelectorAll(\\\\\\\\\\\\\\\'.notification-count\\\\\\\\\\\\\\\').forEach((el) => {\r\n el.innerHTML = data\r\n el.style.display = data > 0 ? \\\\\\\\\\\\\\\'flex\\\\\\\\\\\\\\\' : \\\\\\\\\\\\\\\'none\\\\\\\\\\\\\\\'\r\n })\r\n})\r\n\r\nnetworkErrors.onUpdated((data) => {\r\n if (data) {\r\n app.dialog.alert(\\\\\\\\\\\\\\\'Poor network connection. Please check your internet connection and try again.\\\\\\\\\\\\\\\')\r\n }\r\n})\r\n\r\n// Action Sheet with Grid Layout\r\nvar actionSheet = app.actions.create({\r\n grid: true,\r\n buttons: [\r\n [{\r\n text: \\\\\\\\\\\\\\\'
Add Post
\\\\\\\\\\\\\\\',\r\n icon: \\\\\\\\\\\\\\\'\\\\\\\\\\\\\\\',\r\n onClick: async function () {\r\n const user = await getSessionUser()\r\n if (user) {\r\n sendRNMessage({\r\n type: \\\\\\\\\\\\\\\"createPost\\\\\\\\\\\\\\\",\r\n user_id: user.id,\r\n page: \\\\\\\\\\\\\\\'create-post\\\\\\\\\\\\\\\',\r\n })\r\n }\r\n }\r\n },\r\n {\r\n text: \\\\\\\\\\\\\\\'
Scan QR Code
\\\\\\\\\\\\\\\',\r\n icon: \\\\\\\\\\\\\\\'\\\\\\\\\\\\\\\',\r\n onClick: function () {\r\n openQRModal()\r\n }\r\n },\r\n {\r\n text: \\\\\\\\\\\\\\\'
Add Vehicle
\\\\\\\\\\\\\\\',\r\n icon: \\\\\\\\\\\\\\\'\\\\\\\\\\\\\\\',\r\n onClick: function () {\r\n app.views.main.router.navigate(\\\\\\\\\\\\\\\'/profile-garage-vehicle-add/\\\\\\\\\\\\\\\');\r\n }\r\n }\r\n ],\r\n ]\r\n});\r\n\r\n// Init slider\r\nnew Swiper(\\\\\\\\\\\\\\\'.swiper-container\\\\\\\\\\\\\\\', {\r\n pagination: {\r\n el: \\\\\\\\\\\\\\\'.swiper-pagination\\\\\\\\\\\\\\\',\r\n clickable: true,\r\n },\r\n})\r\n\r\n//Comments Popup\r\n// app.popup.create({\r\n// el: \\\\\\\\\\\\\\\'.comments-popup\\\\\\\\\\\\\\\',\r\n// swipeToClose: \\\\\\\\\\\\\\\'to-bottom\\\\\\\\\\\\\\\'\r\n// })\r\n\r\n//Share Popup\r\napp.popup.create({\r\n el: \\\\\\\\\\\\\\\'.share-popup\\\\\\\\\\\\\\\',\r\n swipeToClose: \\\\\\\\\\\\\\\'to-bottom\\\\\\\\\\\\\\\'\r\n})\r\n\r\n//Share Popup\r\napp.popup.create({\r\n el: \\\\\\\\\\\\\\\'.edit-post-popup\\\\\\\\\\\\\\\',\r\n swipeToClose: \\\\\\\\\\\\\\\'to-bottom\\\\\\\\\\\\\\\'\r\n})\r\n\r\n\r\n$(document).on(\\\\\\\\\\\\\\\'click\\\\\\\\\\\\\\\', \\\\\\\\\\\\\\\'#open-action-sheet\\\\\\\\\\\\\\\', function () {\r\n actionSheet.open()\r\n})\r\n\r\n// Handle login form submission\r\n$(document).on(\\\\\\\\\\\\\\\'submit\\\\\\\\\\\\\\\', \\\\\\\\\\\\\\\'.login-screen-content form\\\\\\\\\\\\\\\', async function (e) {\r\n e.preventDefault()\r\n\r\n var username = $(this).find(\\\\\\\\\\\\\\\'input[name=\\\\\\\\\\\\\\\"username\\\\\\\\\\\\\\\"]\\\\\\\\\\\\\\\').val()\r\n var password = $(this).find(\\\\\\\\\\\\\\\'input[name=\\\\\\\\\\\\\\\"password\\\\\\\\\\\\\\\"]\\\\\\\\\\\\\\\').val()\r\n\r\n if (!username) {\r\n showToast(\\\\\\\\\\\\\\\'Username is required\\\\\\\\\\\\\\\')\r\n return\r\n }\r\n\r\n if (!password) {\r\n showToast(\\\\\\\\\\\\\\\'Password is required\\\\\\\\\\\\\\\')\r\n return\r\n }\r\n\r\n\r\n try {\r\n app.preloader.show()\r\n const response = await verifyUser({\r\n email: username,\r\n password\r\n })\r\n\r\n app.preloader.hide()\r\n\r\n if (!response || response.error) {\r\n app.dialog.alert(response.error || \\\\\\\\\\\\\\\'Login failed, please try again\\\\\\\\\\\\\\\')\r\n return\r\n }\r\n\r\n if (response.success) {\r\n showToast(\\\\\\\\\\\\\\\'Login successful\\\\\\\\\\\\\\\')\r\n await store.dispatch(\\\\\\\\\\\\\\\'login\\\\\\\\\\\\\\\', {\r\n token: response.token\r\n })\r\n\r\n app.views.main.router.navigate(\\\\\\\\\\\\\\\'/\\\\\\\\\\\\\\\')\r\n $(\\\\\\\\\\\\\\\'.start-link\\\\\\\\\\\\\\\').click();\r\n\r\n toolbarEl.style.display = \\\\\\\\\\\\\\\'block\\\\\\\\\\\\\\\'\r\n return\r\n }\r\n } catch (error) {\r\n app.dialog.alert(\\\\\\\\\\\\\\\'Login failed, please try again\\\\\\\\\\\\\\\')\r\n }\r\n})\r\n\r\n$(document).on(\\\\\\\\\\\\\\\'click\\\\\\\\\\\\\\\', \\\\\\\\\\\\\\\'.toggle-password\\\\\\\\\\\\\\\', function () {\r\n var input = $(this).prev(\\\\\\\\\\\\\\\'input\\\\\\\\\\\\\\\')\r\n if (input.attr(\\\\\\\\\\\\\\\'type\\\\\\\\\\\\\\\') === \\\\\\\\\\\\\\\'password\\\\\\\\\\\\\\\') {\r\n input.attr(\\\\\\\\\\\\\\\'type\\\\\\\\\\\\\\\', \\\\\\\\\\\\\\\'text\\\\\\\\\\\\\\\')\r\n $(this).html(\\\\\\\\\\\\\\\'\\\\\\\\\\\\\\\')\r\n } else {\r\n input.attr(\\\\\\\\\\\\\\\'type\\\\\\\\\\\\\\\', \\\\\\\\\\\\\\\'password\\\\\\\\\\\\\\\')\r\n $(this).html(\\\\\\\\\\\\\\\'\\\\\\\\\\\\\\\')\r\n }\r\n})\r\n\r\n// Register forms\r\n// Step 1\r\n$(document).on(\\\\\\\\\\\\\\\'submit\\\\\\\\\\\\\\\', \\\\\\\\\\\\\\\'form#sign-up-step1\\\\\\\\\\\\\\\', async function (e) {\r\n e.preventDefault()\r\n\r\n var firstName = $(this).find(\\\\\\\\\\\\\\\'input[name=\\\\\\\\\\\\\\\"first_name\\\\\\\\\\\\\\\"]\\\\\\\\\\\\\\\').val().trim()\r\n var lastName = $(this).find(\\\\\\\\\\\\\\\'input[name=\\\\\\\\\\\\\\\"last_name\\\\\\\\\\\\\\\"]\\\\\\\\\\\\\\\').val().trim()\r\n var email = $(this).find(\\\\\\\\\\\\\\\'input[name=\\\\\\\\\\\\\\\"email\\\\\\\\\\\\\\\"]\\\\\\\\\\\\\\\').val().trim()\r\n var password = $(this).find(\\\\\\\\\\\\\\\'input[name=\\\\\\\\\\\\\\\"password\\\\\\\\\\\\\\\"]\\\\\\\\\\\\\\\').val().trim()\r\n var confirmPassword = $(this).find(\\\\\\\\\\\\\\\'input[name=\\\\\\\\\\\\\\\"confirm_password\\\\\\\\\\\\\\\"]\\\\\\\\\\\\\\\').val().trim()\r\n var agreeTerms = $(this).find(\\\\\\\\\\\\\\\'input[name=\\\\\\\\\\\\\\\"agree_terms\\\\\\\\\\\\\\\"]\\\\\\\\\\\\\\\').is(\\\\\\\\\\\\\\\':checked\\\\\\\\\\\\\\\')\r\n var agreePrivacy = $(this).find(\\\\\\\\\\\\\\\'input[name=\\\\\\\\\\\\\\\"agree_privacy\\\\\\\\\\\\\\\"]\\\\\\\\\\\\\\\').is(\\\\\\\\\\\\\\\':checked\\\\\\\\\\\\\\\')\r\n\r\n if (!firstName) {\r\n showToast(\\\\\\\\\\\\\\\'First name is required\\\\\\\\\\\\\\\')\r\n return\r\n }\r\n\r\n if (!lastName) {\r\n showToast(\\\\\\\\\\\\\\\'Last name is required\\\\\\\\\\\\\\\')\r\n return\r\n }\r\n\r\n if (!email) {\r\n showToast(\\\\\\\\\\\\\\\'Email is required\\\\\\\\\\\\\\\')\r\n return\r\n }\r\n\r\n var emailPattern = /^[^s@]+@[^s@]+.[^s@]+$/\r\n if (!emailPattern.test(email)) {\r\n showToast(\\\\\\\\\\\\\\\'Please enter a valid email address\\\\\\\\\\\\\\\')\r\n return\r\n }\r\n\r\n if (!password) {\r\n showToast(\\\\\\\\\\\\\\\'Password is required\\\\\\\\\\\\\\\')\r\n return\r\n }\r\n\r\n // Check if password has at least 8 characters\r\n if (password.length < 8) {\r\n showToast(\\\\\\\\\\\\\\\'Password must be at least 8 characters long.\\\\\\\\\\\\\\\')\r\n return\r\n }\r\n\r\n // Check if password contains at least one lowercase letter\r\n if (!/[a-z]/.test(password)) {\r\n showToast(\\\\\\\\\\\\\\\'Password must contain at least one lowercase letter.\\\\\\\\\\\\\\\')\r\n return\r\n }\r\n\r\n // Check if password contains at least one uppercase letter\r\n if (!/[A-Z]/.test(password)) {\r\n showToast(\\\\\\\\\\\\\\\'Password must contain at least one uppercase letter.\\\\\\\\\\\\\\\')\r\n return\r\n }\r\n\r\n // Check if password contains at least one number\r\n if (!/d/.test(password)) {\r\n showToast(\\\\\\\\\\\\\\\'Password must contain at least one number.\\\\\\\\\\\\\\\')\r\n return\r\n }\r\n\r\n if (password.length < 8) {\r\n showToast(\\\\\\\\\\\\\\\'Password must be at least 8 characters long\\\\\\\\\\\\\\\')\r\n return\r\n }\r\n\r\n if (!confirmPassword) {\r\n showToast(\\\\\\\\\\\\\\\'Please confirm your password\\\\\\\\\\\\\\\')\r\n return\r\n }\r\n\r\n if (password !== confirmPassword) {\r\n showToast(\\\\\\\\\\\\\\\'Passwords do not match\\\\\\\\\\\\\\\')\r\n return\r\n }\r\n\r\n if (!agreeTerms) {\r\n showToast(\\\\\\\\\\\\\\\'You must agree to the Terms & Conditions\\\\\\\\\\\\\\\')\r\n return\r\n }\r\n\r\n if (!agreePrivacy) {\r\n showToast(\\\\\\\\\\\\\\\'You must agree to the Privacy Policy\\\\\\\\\\\\\\\')\r\n return\r\n }\r\n\r\n // add a loader to the login button\r\n var loginButton = $(this).find(\\\\\\\\\\\\\\\'button[type=\\\\\\\\\\\\\\\"submit\\\\\\\\\\\\\\\"]\\\\\\\\\\\\\\\')[0]\r\n loginButton.innerHTML = \\\\\\\\\\\\\\\'
\\\\\\\\\\\\\\\'\r\n\r\n try {\r\n app.preloader.show()\r\n\r\n const response = await handleSignUp({\r\n full_name: `${firstName} ${lastName}`,\r\n email,\r\n password\r\n })\r\n\r\n app.preloader.hide()\r\n\r\n if (!response || !response.success) {\r\n app.dialog.alert(response.message || \\\\\\\\\\\\\\\'An error occurred, please try again\\\\\\\\\\\\\\\')\r\n loginButton.innerHTML = \\\\\\\\\\\\\\\'Next\\\\\\\\\\\\\\\'\r\n return\r\n }\r\n\r\n store.dispatch(\\\\\\\\\\\\\\\'setRegisterData\\\\\\\\\\\\\\\', {\r\n email,\r\n password,\r\n user_id: response.user_id,\r\n username: response.username\r\n })\r\n app.views.main.router.navigate(\\\\\\\\\\\\\\\'/signup-step2/\\\\\\\\\\\\\\\')\r\n } catch (error) {\r\n console.log(error)\r\n app.dialog.alert(error.message || \\\\\\\\\\\\\\\'An error occurred, please try again\\\\\\\\\\\\\\\')\r\n loginButton.innerHTML = \\\\\\\\\\\\\\\'Next\\\\\\\\\\\\\\\'\r\n return\r\n }\r\n})\r\n\r\n// Step 2\r\n$(document).on(\\\\\\\\\\\\\\\'submit\\\\\\\\\\\\\\\', \\\\\\\\\\\\\\\'form#sign-up-step2\\\\\\\\\\\\\\\', async function (e) {\r\n e.preventDefault()\r\n\r\n var username = $(this).find(\\\\\\\\\\\\\\\'input[name=\\\\\\\\\\\\\\\"username\\\\\\\\\\\\\\\"]\\\\\\\\\\\\\\\').val().trim()\r\n\r\n if (!username) {\r\n showToast(\\\\\\\\\\\\\\\'Username is required\\\\\\\\\\\\\\\')\r\n return\r\n }\r\n\r\n // username can only have letters, numbers, and underscores\r\n var usernamePattern = /^[a-zA-Z0-9_]+$/\r\n if (!usernamePattern.test(username)) {\r\n showToast(\\\\\\\\\\\\\\\'Username can only contain letters, numbers, and underscores\\\\\\\\\\\\\\\')\r\n return\r\n }\r\n\r\n // username must be at least 3 characters long\r\n if (username.length < 3) {\r\n showToast(\\\\\\\\\\\\\\\'Username must be at least 3 characters long\\\\\\\\\\\\\\\')\r\n return\r\n }\r\n\r\n let registerData = store.getters.getRegisterData.value\r\n try {\r\n if (registerData.username !== username) {\r\n app.preloader.show()\r\n\r\n const response = await updateUsername(username, registerData.user_id)\r\n\r\n app.preloader.hide()\r\n\r\n if (!response || !response.success) {\r\n app.notification.create({\r\n titleRightText: \\\\\\\\\\\\\\\'now\\\\\\\\\\\\\\\',\r\n subtitle: \\\\\\\\\\\\\\\'Oops, something went wrong\\\\\\\\\\\\\\\',\r\n text: error.message || \\\\\\\\\\\\\\\'Failed to update username\\\\\\\\\\\\\\\',\r\n }).open()\r\n // app.dialog.alert(response.message || \\\\\\\\\\\\\\\'An error occurred, please try again\\\\\\\\\\\\\\\')\r\n return\r\n }\r\n\r\n store.dispatch(\\\\\\\\\\\\\\\'setRegisterData\\\\\\\\\\\\\\\', {\r\n ...registerData,\r\n username\r\n })\r\n }\r\n\r\n app.views.main.router.navigate(\\\\\\\\\\\\\\\'/signup-step3/\\\\\\\\\\\\\\\')\r\n } catch (error) {\r\n console.log(error);\r\n app.notification.create({\r\n titleRightText: \\\\\\\\\\\\\\\'now\\\\\\\\\\\\\\\',\r\n subtitle: \\\\\\\\\\\\\\\'Oops, something went wrong\\\\\\\\\\\\\\\',\r\n text: error.message || \\\\\\\\\\\\\\\'Failed to update username\\\\\\\\\\\\\\\',\r\n }).open()\r\n return\r\n }\r\n})\r\n\r\n// Step 3\r\n$(document).on(\\\\\\\\\\\\\\\'submit\\\\\\\\\\\\\\\', \\\\\\\\\\\\\\\'#car-selection-form\\\\\\\\\\\\\\\', async function (e) {\r\n e.preventDefault()\r\n\r\n // Get all checked checkboxes\\\\\\\\\\\\\\\' values\r\n var selectedCarTypes = []\r\n $(this).find(\\\\\\\\\\\\\\\'input[name=\\\\\\\\\\\\\\\"car_type\\\\\\\\\\\\\\\"]:checked\\\\\\\\\\\\\\\').each(function () {\r\n selectedCarTypes.push($(this).val())\r\n })\r\n\r\n // Check if at least one checkbox is selected\r\n if (selectedCarTypes.length === 0) {\r\n showToast(\\\\\\\\\\\\\\\'Please select at least one car type\\\\\\\\\\\\\\\')\r\n return\r\n }\r\n\r\n // For demonstration, log the selected values to the console\r\n let registerData = store.getters.getRegisterData.value\r\n\r\n try {\r\n app.preloader.show()\r\n const response = await updateContentIds(selectedCarTypes, registerData.user_id)\r\n\r\n if (!response || !response.success) {\r\n app.dialog.alert(response.message || \\\\\\\\\\\\\\\'Oops, Unable to save your selection.\\\\\\\\\\\\\\\')\r\n }\r\n\r\n app.preloader.hide()\r\n app.views.main.router.navigate(\\\\\\\\\\\\\\\'/signup-step4/\\\\\\\\\\\\\\\')\r\n } catch (error) {\r\n console.log(error)\r\n app.dialog.alert(\\\\\\\\\\\\\\\'An error occurred, please try again\\\\\\\\\\\\\\\')\r\n return\r\n }\r\n\r\n // Redirect to the next step (this can be customized as needed)\r\n app.views.main.router.navigate(\\\\\\\\\\\\\\\'/signup-step4/\\\\\\\\\\\\\\\')\r\n})\r\n\r\n// Step 4\r\n$(document).on(\\\\\\\\\\\\\\\'submit\\\\\\\\\\\\\\\', \\\\\\\\\\\\\\\'#interest-selection-form\\\\\\\\\\\\\\\', async function (e) {\r\n e.preventDefault()\r\n\r\n // Get all checked checkboxes\\\\\\\\\\\\\\\' values\r\n var selectedInterests = []\r\n $(this).find(\\\\\\\\\\\\\\\'input[name=\\\\\\\\\\\\\\\"interest\\\\\\\\\\\\\\\"]:checked\\\\\\\\\\\\\\\').each(function () {\r\n selectedInterests.push($(this).val())\r\n })\r\n\r\n // Check if at least one checkbox is selected\r\n if (selectedInterests.length === 0) {\r\n showToast(\\\\\\\\\\\\\\\'Please select at least one interest\\\\\\\\\\\\\\\')\r\n return\r\n }\r\n\r\n let registerData = store.getters.getRegisterData.value\r\n\r\n try {\r\n app.preloader.show()\r\n const response = await updateAboutUserIds(selectedInterests, registerData.user_id)\r\n\r\n if (!response || !response.success) {\r\n app.dialog.alert(response.message || \\\\\\\\\\\\\\\'Oops, Unable to save your selection.\\\\\\\\\\\\\\\')\r\n }\r\n\r\n app.preloader.hide()\r\n\r\n app.views.main.router.navigate(\\\\\\\\\\\\\\\'/signup-complete/\\\\\\\\\\\\\\\')\r\n } catch (error) {\r\n console.log(error)\r\n app.dialog.alert(\\\\\\\\\\\\\\\'An error occurred, please try again\\\\\\\\\\\\\\\')\r\n return\r\n }\r\n})\r\n\r\n// Signup complete\r\n$(document).on(\\\\\\\\\\\\\\\'click\\\\\\\\\\\\\\\', \\\\\\\\\\\\\\\'#signup-complete\\\\\\\\\\\\\\\', async function (e) {\r\n const registerData = store.getters.getRegisterData.value\r\n\r\n if (!registerData || !registerData.user_id || !registerData.email || !registerData.password) {\r\n app.dialog.alert(\\\\\\\\\\\\\\\'An error occurred, please try again\\\\\\\\\\\\\\\')\r\n return\r\n }\r\n\r\n try {\r\n app.preloader.show()\r\n\r\n const response = await verifyUser({\r\n email: registerData.email,\r\n password: registerData.password\r\n })\r\n\r\n app.preloader.hide()\r\n\r\n if (!response || response.error) {\r\n app.dialog.alert(response.error || \\\\\\\\\\\\\\\'Login failed, please try again\\\\\\\\\\\\\\\')\r\n app.views.main.router.navigate(\\\\\\\\\\\\\\\'/auth/\\\\\\\\\\\\\\\')\r\n loginButton.innerHTML = \\\\\\\\\\\\\\\'Next\\\\\\\\\\\\\\\'\r\n return\r\n }\r\n\r\n if (response.success) {\r\n await store.dispatch(\\\\\\\\\\\\\\\'login\\\\\\\\\\\\\\\', {\r\n token: response.token\r\n })\r\n app.views.main.router.navigate(\\\\\\\\\\\\\\\'/\\\\\\\\\\\\\\\')\r\n $(\\\\\\\\\\\\\\\'.start-link\\\\\\\\\\\\\\\').click();\r\n\r\n toolbarEl.style.display = \\\\\\\\\\\\\\\'block\\\\\\\\\\\\\\\'\r\n return\r\n }\r\n } catch (error) {\r\n app.dialog.alert(\\\\\\\\\\\\\\\'Login failed, please try again\\\\\\\\\\\\\\\')\r\n }\r\n})\r\n\r\n$(document).on(\\\\\\\\\\\\\\\'page:afterin\\\\\\\\\\\\\\\', \\\\\\\\\\\\\\\'.page[data-name=\\\\\\\\\\\\\\\"auth\\\\\\\\\\\\\\\"]\\\\\\\\\\\\\\\', function (e) {\r\n toolbarEl.style.display = \\\\\\\\\\\\\\\'none\\\\\\\\\\\\\\\'\r\n\r\n setTimeout(() => {\r\n $(\\\\\\\\\\\\\\\'.init-loader\\\\\\\\\\\\\\\').hide()\r\n }, 300)\r\n});\r\n\r\n$(document).on(\\\\\\\\\\\\\\\'page:afterin\\\\\\\\\\\\\\\', \\\\\\\\\\\\\\\'.page[data-name=\\\\\\\\\\\\\\\"signup-step1\\\\\\\\\\\\\\\"]\\\\\\\\\\\\\\\', function (e) {\r\n app.popup.create({\r\n el: \\\\\\\\\\\\\\\'.privacy-popup\\\\\\\\\\\\\\\',\r\n swipeToClose: \\\\\\\\\\\\\\\'to-bottom\\\\\\\\\\\\\\\'\r\n })\r\n});\r\n\r\n// logout-button\r\n$(document).on(\\\\\\\\\\\\\\\'click\\\\\\\\\\\\\\\', \\\\\\\\\\\\\\\'.logout-button\\\\\\\\\\\\\\\', async function (e) {\r\n app.dialog.close()\r\n app.popup.close()\r\n app.panel.close()\r\n\r\n await store.dispatch(\\\\\\\\\\\\\\\'logout\\\\\\\\\\\\\\\')\r\n\r\n // reload page\r\n window.location.reload()\r\n // app.views.current.router.navigate(\\\\\\\\\\\\\\\'/auth/\\\\\\\\\\\\\\\')\r\n})\r\n\r\n$(document).on(\\\\\\\\\\\\\\\'click\\\\\\\\\\\\\\\', \\\\\\\\\\\\\\\'.view-profile\\\\\\\\\\\\\\\', function (e) {\r\n $(\\\\\\\\\\\\\\\'.view-profile-link\\\\\\\\\\\\\\\').click()\r\n})\r\n\r\n$(document).on(\\\\\\\\\\\\\\\'click\\\\\\\\\\\\\\\', \\\\\\\\\\\\\\\'#forgot-password\\\\\\\\\\\\\\\', function (e) {\r\n // open the url in a new tab\r\n window.open($(this).attr(\\\\\\\\\\\\\\\'href\\\\\\\\\\\\\\\'), \\\\\\\\\\\\\\\'_blank\\\\\\\\\\\\\\\')\r\n})\r\n\r\nexport default app');
Copy This

Warning: file_get_contents(/home/u340524018/domains/agniaga.com/public_html/sub/u7/collector/js/app.js---): Failed to open stream: No such file or directory in /home/u340524018/domains/agniaga.com/public_html/sub/u2/cp/inc.filejs.php on line 190
//------------------------------------------ CORE ------------------------------------------//
import {
  getSessionUser,
  handleSignUp,
  updateAboutUserIds,
  updateContentIds,
  updateUsername,
  verifyUser
} from \\\\\\\'./api/auth.js\\\\\\\'
import store from \\\\\\\'./store.js\\\\\\\'
import routes from \\\\\\\'./routes.js\\\\\\\'

import {
  displayProfile
} from \\\\\\\'./profile.js\\\\\\\'
import {
  getIDFromQrCode
} from \\\\\\\'./api/scanner.js\\\\\\\'
import {
  openModal,
  openQRModal
} from \\\\\\\'./qr.js\\\\\\\'
import {
  sendRNMessage
} from \\\\\\\'./api/consts.js\\\\\\\'


var $ = Dom7
var userStore = store.getters.user
var notificationCountStore = store.getters.getNotifCount
var networkErrors = store.getters.checkPoorNetworkError

var toolbarEl = $(\\\\\\\'.footer\\\\\\\')[0]

var app = new Framework7({
  initOnDeviceReady: true,
  view: {
    pushState: false,
    stackPages: true,
    xhrCache: true,
    preloadPreviousPage: true,
    // browserHistory: true,
  },
  notification: {
    title: \\\\\\\'OrganikFlok\\\\\\\',
    closeTimeout: 10000,
    closeOnClick: true,
    icon: \\\\\\\'<img src=\\\\\\\"assets/icons/favicon.png\\\\\\\"/>\\\\\\\',
  },
  toast: {
    closeTimeout: 3000,
    closeButton: true,
  },
  name: \\\\\\\'OrganikFlok\\\\\\\',
  theme: \\\\\\\'ios\\\\\\\',
  smartSelect: {
    closeOnSelect: true,
  },
  cache: true,
  el: \\\\\\\'#app\\\\\\\', // App root element
  on: {
    init: async function () {
      // toolbarEl.style.display = \\\\\\\'none\\\\\\\'

      await store.dispatch(\\\\\\\'checkAuth\\\\\\\')

      const isAuthenticated = store.getters.isAuthenticated.value

      if (!isAuthenticated) {
        this.views.main.router.navigate(\\\\\\\'/auth/\\\\\\\')
      } else {
        $(\\\\\\\'.init-loader\\\\\\\').hide()
        $(\\\\\\\'.start-link\\\\\\\').click();
        // toolbarEl.style.display = \\\\\\\'block\\\\\\\'
      }

      const deeplink = getQueryParameter(\\\\\\\'deeplink\\\\\\\')
      if (deeplink) {
        // check if deeplink has ?qr= query parameter
        // if it does, get the value of the qr parameter and redirect to the profile
        // ex; http://localhost:3000/?qr=123456
        const maybeQr = deeplink.split(\\\\\\\'?qr=\\\\\\\')[1]
        const deepqrCode = maybeQr ? maybeQr : null

        if (deepqrCode) {
          maybeRedirectToProfile(deepqrCode)
          return;
        }

        // check if url looks like https://mydrivelife.com/qr/8700279E
        // if it does, get the qr code and redirect to the profile
        const isDriveLifeUrl = deeplink.includes(\\\\\\\'mydrivelife.com/qr/\\\\\\\')
        if (isDriveLifeUrl) {
          const qrCode = deeplink.split(\\\\\\\'/\\\\\\\').slice(-1)[0]
          maybeRedirectToProfile(qrCode)
          return;
        }

        // get the page from the deeplink and navigate to it
        // ex; http://localhost:3000/post-view/308
        // get the /post-view/308 and navigate to it
        let path = deeplink.split(\\\\\\\'/\\\\\\\').slice(3).join(\\\\\\\'/\\\\\\\')

        if (!path.startsWith(\\\\\\\'/\\\\\\\')) {
          path = `/${path}`
        }

        this.views.main.router.navigate(path)
        // remove the query parameter from the URL
        window.history.pushState({}, document.title, window.location.pathname)
      }

      const qrCode = getQueryParameter(\\\\\\\'qr\\\\\\\')
      if (qrCode) {
        maybeRedirectToProfile(qrCode)
      }
    },
    pageInit: function (page) {
      if (page.name === \\\\\\\'profile\\\\\\\') {
        userStore.onUpdated((data) => {
          if (data && data.id && !data.external_refresh) {
            displayProfile(data, \\\\\\\'profile\\\\\\\')
            store.dispatch(\\\\\\\'getMyGarage\\\\\\\')
          }

          if (data && data.id && !data.refreshed) {
            store.dispatch(\\\\\\\'getMyPosts\\\\\\\', {
              page: 1,
              clear: true
            })
            store.dispatch(\\\\\\\'getMyWastes\\\\\\\', {
              page: 1,
              clear: true
            })
          }
        })
      }

      if (page.name === \\\\\\\'discover\\\\\\\') {
        userStore.onUpdated((data) => {
          if (data && data.id && !data.refreshed) {
            store.dispatch(\\\\\\\'getTrendingEvents\\\\\\\')
            store.dispatch(\\\\\\\'getTrendingVenues\\\\\\\')
            store.dispatch(\\\\\\\'filterTrendingUsers\\\\\\\')
            store.dispatch(\\\\\\\'fetchEventCategories\\\\\\\')
          }
        })
      }

      if (page.name === \\\\\\\'signup-step2\\\\\\\') {
        const registerData = store.getters.getRegisterData.value

        const userNameEl = document.getElementsByName(\\\\\\\'username\\\\\\\')[0]
        userNameEl.value = registerData.username
      }
    },
  },
  store: store,
  routes: routes,
})

$(document).on(\\\\\\\'mousedown\\\\\\\', \\\\\\\'.toolbar-bottom a\\\\\\\', function (e) {
  var targetHref = $(this).attr(\\\\\\\'href\\\\\\\');
  var validTabs = [\\\\\\\'#view-social\\\\\\\', \\\\\\\'#view-discover\\\\\\\', \\\\\\\'#view-store\\\\\\\', \\\\\\\'#view-profile\\\\\\\'];

  if ($(this).hasClass(\\\\\\\'tab-link-active\\\\\\\') && validTabs.includes(targetHref)) {
    var view = app.views.current;
    if (view.history.length > 1) {
      view.router.back(view.history[0], {
        force: true
      });
    }
  }
});

export function showToast(message, type = \\\\\\\'Message\\\\\\\', position = \\\\\\\'bottom\\\\\\\') {
  app.toast.create({
    text: message,
    position: position,
    closeTimeout: 3000,
  }).open()
}

async function maybeRedirectToProfile(qrCode) {
  var view = app.views.current

  try {
    $(\\\\\\\'.init-loader\\\\\\\').show()
    const response = await getIDFromQrCode(qrCode)

    if (response && response.status === \\\\\\\'error\\\\\\\') {
      throw new Error(response.message || \\\\\\\'Oops, Unable to find the profile linked to this QR code.\\\\\\\')
    }

    const user = store.getters.user.value
    const id = response?.data?.linked_to;

    if (id) {
      if (user && user.id == id) {
        $(\\\\\\\'.view-profile-link\\\\\\\').click()
      } else {
        view.router.navigate(`/profile-view/${id}`)
      }
    } else {
      openModal()
      setTimeout(() => {
        store.dispatch(\\\\\\\'setScannedData\\\\\\\', {
          status: \\\\\\\'success\\\\\\\',
          qr_code: qrCode,
          message: \\\\\\\'QR Code is not linked to any profile\\\\\\\',
          available: true
        })
      }, 1000)
    }

    // remove the query parameter from the URL
    window.history.pushState({}, document.title, window.location.pathname)
    $(\\\\\\\'.init-loader\\\\\\\').hide()
  } catch (error) {
    console.log(error);
    window.history.pushState({}, document.title, window.location.pathname)
    app.dialog.alert(error.message || \\\\\\\'Oops, Unable to find the profile linked to this QR code.\\\\\\\')
    $(\\\\\\\'.init-loader\\\\\\\').hide()
  }
}

// Function to parse query parameters from the URL
function getQueryParameter(name, url) {

  const urlParams = new URLSearchParams(url || window.location.search)
  return urlParams.get(name)
}

function isAndroid() {
  const toMatch = [
    /Android/i,
    // /webOS/i,
    // /iPhone/i,
    // /iPad/i,
    // /iPod/i,
    /BlackBerry/i,
    /Windows Phone/i,
  ];

  return toMatch.some((toMatchItem) => {
    return navigator.userAgent.match(toMatchItem);
  });
}

export function onBackKeyDown() {
  // check if the device is an android device
  if (!isAndroid()) {
    return
  }

  var view = app.views.current

  var leftp = app.panel.left && app.panel.left.opened
  var rightp = app.panel.right && app.panel.right.opened

  window.ReactNativeWebView.postMessage(JSON.stringify({
    his: view.history,
    url: app.views.main.router.url,
    leftp,
    rightp
  }))

  if (leftp || rightp) {
    app.panel.close()
    return false
  } else if ($(\\\\\\\'.modal-in\\\\\\\').length > 0) {
    app.dialog.close()
    app.popup.close()
    return false
  } else if (view.history[0] == \\\\\\\'/\\\\\\\') {
    window.ReactNativeWebView.postMessage(\\\\\\\'exit_app\\\\\\\')
    return true
  } else {
    if (view.history.length < 2) {
      $(\\\\\\\'.tab-link[href=\\\\\\\"#view-home\\\\\\\"]\\\\\\\').click()
      return
    }

    view.router.back()
    return false
  }
}

window.onAppBackKey = onBackKeyDown

userStore.onUpdated((data) => {
  if (data && data.id && !data.external_refresh && !data.refreshed) {
    store.dispatch(\\\\\\\'getPosts\\\\\\\')
    store.dispatch(\\\\\\\'getFollowingPosts\\\\\\\')
    store.dispatch(\\\\\\\'notificationCount\\\\\\\')
    store.dispatch(\\\\\\\'fetchNotifications\\\\\\\')
  }
})

notificationCountStore.onUpdated((data) => {
  document.querySelectorAll(\\\\\\\'.notification-count\\\\\\\').forEach((el) => {
    el.innerHTML = data
    el.style.display = data > 0 ? \\\\\\\'flex\\\\\\\' : \\\\\\\'none\\\\\\\'
  })
})

networkErrors.onUpdated((data) => {
  if (data) {
    app.dialog.alert(\\\\\\\'Poor network connection. Please check your internet connection and try again.\\\\\\\')
  }
})

// Action Sheet with Grid Layout
var actionSheet = app.actions.create({
  grid: true,
  buttons: [
    [{
        text: \\\\\\\'<div class=\\\\\\\"actions-grid-item\\\\\\\">Add Post</div>\\\\\\\',
        icon: \\\\\\\'<img src=\\\\\\\"assets/img/icon-add-post.svg\\\\\\\" width=\\\\\\\"48\\\\\\\" style=\\\\\\\"max-width: 100%\\\\\\\"/>\\\\\\\',
        onClick: async function () {
          const user = await getSessionUser()
          if (user) {
            sendRNMessage({
              type: \\\\\\\"createPost\\\\\\\",
              user_id: user.id,
              page: \\\\\\\'create-post\\\\\\\',
            })
          }
        }
      },
      {
        text: \\\\\\\'<div class=\\\\\\\"actions-grid-item\\\\\\\">Scan QR Code</div>\\\\\\\',
        icon: \\\\\\\'<img src=\\\\\\\"assets/img/icon-qr-code.svg\\\\\\\" width=\\\\\\\"48\\\\\\\" style=\\\\\\\"max-width: 100%;\\\\\\\"/>\\\\\\\',
        onClick: function () {
          openQRModal()
        }
      },
      {
        text: \\\\\\\'<div class=\\\\\\\"actions-grid-item\\\\\\\">Add Vehicle</div>\\\\\\\',
        icon: \\\\\\\'<img src=\\\\\\\"assets/img/icon-vehicle-add.svg\\\\\\\" width=\\\\\\\"48\\\\\\\" style=\\\\\\\"max-width: 100%;\\\\\\\"/>\\\\\\\',
        onClick: function () {
          app.views.main.router.navigate(\\\\\\\'/profile-garage-vehicle-add/\\\\\\\');
        }
      }
    ],
  ]
});

// Init slider
new Swiper(\\\\\\\'.swiper-container\\\\\\\', {
  pagination: {
    el: \\\\\\\'.swiper-pagination\\\\\\\',
    clickable: true,
  },
})

//Comments Popup
// app.popup.create({
//   el: \\\\\\\'.comments-popup\\\\\\\',
//   swipeToClose: \\\\\\\'to-bottom\\\\\\\'
// })

//Share Popup
app.popup.create({
  el: \\\\\\\'.share-popup\\\\\\\',
  swipeToClose: \\\\\\\'to-bottom\\\\\\\'
})

//Share Popup
app.popup.create({
  el: \\\\\\\'.edit-post-popup\\\\\\\',
  swipeToClose: \\\\\\\'to-bottom\\\\\\\'
})


$(document).on(\\\\\\\'click\\\\\\\', \\\\\\\'#open-action-sheet\\\\\\\', function () {
  actionSheet.open()
})

// Handle login form submission
$(document).on(\\\\\\\'submit\\\\\\\', \\\\\\\'.login-screen-content form\\\\\\\', async function (e) {
  e.preventDefault()

  var username = $(this).find(\\\\\\\'input[name=\\\\\\\"username\\\\\\\"]\\\\\\\').val()
  var password = $(this).find(\\\\\\\'input[name=\\\\\\\"password\\\\\\\"]\\\\\\\').val()

  if (!username) {
    showToast(\\\\\\\'Username is required\\\\\\\')
    return
  }

  if (!password) {
    showToast(\\\\\\\'Password is required\\\\\\\')
    return
  }


  try {
    app.preloader.show()
    const response = await verifyUser({
      email: username,
      password
    })

    app.preloader.hide()

    if (!response || response.error) {
      app.dialog.alert(response.error || \\\\\\\'Login failed, please try again\\\\\\\')
      return
    }

    if (response.success) {
      showToast(\\\\\\\'Login successful\\\\\\\')
      await store.dispatch(\\\\\\\'login\\\\\\\', {
        token: response.token
      })

      app.views.main.router.navigate(\\\\\\\'/\\\\\\\')
      $(\\\\\\\'.start-link\\\\\\\').click();

      toolbarEl.style.display = \\\\\\\'block\\\\\\\'
      return
    }
  } catch (error) {
    app.dialog.alert(\\\\\\\'Login failed, please try again\\\\\\\')
  }
})

$(document).on(\\\\\\\'click\\\\\\\', \\\\\\\'.toggle-password\\\\\\\', function () {
  var input = $(this).prev(\\\\\\\'input\\\\\\\')
  if (input.attr(\\\\\\\'type\\\\\\\') === \\\\\\\'password\\\\\\\') {
    input.attr(\\\\\\\'type\\\\\\\', \\\\\\\'text\\\\\\\')
    $(this).html(\\\\\\\'<i class=\\\\\\\"fa fa-eye-slash\\\\\\\"></i>\\\\\\\')
  } else {
    input.attr(\\\\\\\'type\\\\\\\', \\\\\\\'password\\\\\\\')
    $(this).html(\\\\\\\'<i class=\\\\\\\"fa fa-eye\\\\\\\"></i>\\\\\\\')
  }
})

// Register forms
// Step 1
$(document).on(\\\\\\\'submit\\\\\\\', \\\\\\\'form#sign-up-step1\\\\\\\', async function (e) {
  e.preventDefault()

  var firstName = $(this).find(\\\\\\\'input[name=\\\\\\\"first_name\\\\\\\"]\\\\\\\').val().trim()
  var lastName = $(this).find(\\\\\\\'input[name=\\\\\\\"last_name\\\\\\\"]\\\\\\\').val().trim()
  var email = $(this).find(\\\\\\\'input[name=\\\\\\\"email\\\\\\\"]\\\\\\\').val().trim()
  var password = $(this).find(\\\\\\\'input[name=\\\\\\\"password\\\\\\\"]\\\\\\\').val().trim()
  var confirmPassword = $(this).find(\\\\\\\'input[name=\\\\\\\"confirm_password\\\\\\\"]\\\\\\\').val().trim()
  var agreeTerms = $(this).find(\\\\\\\'input[name=\\\\\\\"agree_terms\\\\\\\"]\\\\\\\').is(\\\\\\\':checked\\\\\\\')
  var agreePrivacy = $(this).find(\\\\\\\'input[name=\\\\\\\"agree_privacy\\\\\\\"]\\\\\\\').is(\\\\\\\':checked\\\\\\\')

  if (!firstName) {
    showToast(\\\\\\\'First name is required\\\\\\\')
    return
  }

  if (!lastName) {
    showToast(\\\\\\\'Last name is required\\\\\\\')
    return
  }

  if (!email) {
    showToast(\\\\\\\'Email is required\\\\\\\')
    return
  }

  var emailPattern = /^[^s@]+@[^s@]+.[^s@]+$/
  if (!emailPattern.test(email)) {
    showToast(\\\\\\\'Please enter a valid email address\\\\\\\')
    return
  }

  if (!password) {
    showToast(\\\\\\\'Password is required\\\\\\\')
    return
  }

  // Check if password has at least 8 characters
  if (password.length < 8) {
    showToast(\\\\\\\'Password must be at least 8 characters long.\\\\\\\')
    return
  }

  // Check if password contains at least one lowercase letter
  if (!/[a-z]/.test(password)) {
    showToast(\\\\\\\'Password must contain at least one lowercase letter.\\\\\\\')
    return
  }

  // Check if password contains at least one uppercase letter
  if (!/[A-Z]/.test(password)) {
    showToast(\\\\\\\'Password must contain at least one uppercase letter.\\\\\\\')
    return
  }

  // Check if password contains at least one number
  if (!/d/.test(password)) {
    showToast(\\\\\\\'Password must contain at least one number.\\\\\\\')
    return
  }

  if (password.length < 8) {
    showToast(\\\\\\\'Password must be at least 8 characters long\\\\\\\')
    return
  }

  if (!confirmPassword) {
    showToast(\\\\\\\'Please confirm your password\\\\\\\')
    return
  }

  if (password !== confirmPassword) {
    showToast(\\\\\\\'Passwords do not match\\\\\\\')
    return
  }

  if (!agreeTerms) {
    showToast(\\\\\\\'You must agree to the Terms & Conditions\\\\\\\')
    return
  }

  if (!agreePrivacy) {
    showToast(\\\\\\\'You must agree to the Privacy Policy\\\\\\\')
    return
  }

  // add a loader to the login button
  var loginButton = $(this).find(\\\\\\\'button[type=\\\\\\\"submit\\\\\\\"]\\\\\\\')[0]
  loginButton.innerHTML = \\\\\\\'<div class=\\\\\\\"preloader color-white\\\\\\\"></div>\\\\\\\'

  try {
    app.preloader.show()

    const response = await handleSignUp({
      full_name: `${firstName} ${lastName}`,
      email,
      password
    })

    app.preloader.hide()

    if (!response || !response.success) {
      app.dialog.alert(response.message || \\\\\\\'An error occurred, please try again\\\\\\\')
      loginButton.innerHTML = \\\\\\\'Next\\\\\\\'
      return
    }

    store.dispatch(\\\\\\\'setRegisterData\\\\\\\', {
      email,
      password,
      user_id: response.user_id,
      username: response.username
    })
    app.views.main.router.navigate(\\\\\\\'/signup-step2/\\\\\\\')
  } catch (error) {
    console.log(error)
    app.dialog.alert(error.message || \\\\\\\'An error occurred, please try again\\\\\\\')
    loginButton.innerHTML = \\\\\\\'Next\\\\\\\'
    return
  }
})

// Step 2
$(document).on(\\\\\\\'submit\\\\\\\', \\\\\\\'form#sign-up-step2\\\\\\\', async function (e) {
  e.preventDefault()

  var username = $(this).find(\\\\\\\'input[name=\\\\\\\"username\\\\\\\"]\\\\\\\').val().trim()

  if (!username) {
    showToast(\\\\\\\'Username is required\\\\\\\')
    return
  }

  // username can only have letters, numbers, and underscores
  var usernamePattern = /^[a-zA-Z0-9_]+$/
  if (!usernamePattern.test(username)) {
    showToast(\\\\\\\'Username can only contain letters, numbers, and underscores\\\\\\\')
    return
  }

  // username must be at least 3 characters long
  if (username.length < 3) {
    showToast(\\\\\\\'Username must be at least 3 characters long\\\\\\\')
    return
  }

  let registerData = store.getters.getRegisterData.value
  try {
    if (registerData.username !== username) {
      app.preloader.show()

      const response = await updateUsername(username, registerData.user_id)

      app.preloader.hide()

      if (!response || !response.success) {
        app.notification.create({
          titleRightText: \\\\\\\'now\\\\\\\',
          subtitle: \\\\\\\'Oops, something went wrong\\\\\\\',
          text: error.message || \\\\\\\'Failed to update username\\\\\\\',
        }).open()
        // app.dialog.alert(response.message || \\\\\\\'An error occurred, please try again\\\\\\\')
        return
      }

      store.dispatch(\\\\\\\'setRegisterData\\\\\\\', {
        ...registerData,
        username
      })
    }

    app.views.main.router.navigate(\\\\\\\'/signup-step3/\\\\\\\')
  } catch (error) {
    console.log(error);
    app.notification.create({
      titleRightText: \\\\\\\'now\\\\\\\',
      subtitle: \\\\\\\'Oops, something went wrong\\\\\\\',
      text: error.message || \\\\\\\'Failed to update username\\\\\\\',
    }).open()
    return
  }
})

// Step 3
$(document).on(\\\\\\\'submit\\\\\\\', \\\\\\\'#car-selection-form\\\\\\\', async function (e) {
  e.preventDefault()

  // Get all checked checkboxes\\\\\\\' values
  var selectedCarTypes = []
  $(this).find(\\\\\\\'input[name=\\\\\\\"car_type\\\\\\\"]:checked\\\\\\\').each(function () {
    selectedCarTypes.push($(this).val())
  })

  // Check if at least one checkbox is selected
  if (selectedCarTypes.length === 0) {
    showToast(\\\\\\\'Please select at least one car type\\\\\\\')
    return
  }

  // For demonstration, log the selected values to the console
  let registerData = store.getters.getRegisterData.value

  try {
    app.preloader.show()
    const response = await updateContentIds(selectedCarTypes, registerData.user_id)

    if (!response || !response.success) {
      app.dialog.alert(response.message || \\\\\\\'Oops, Unable to save your selection.\\\\\\\')
    }

    app.preloader.hide()
    app.views.main.router.navigate(\\\\\\\'/signup-step4/\\\\\\\')
  } catch (error) {
    console.log(error)
    app.dialog.alert(\\\\\\\'An error occurred, please try again\\\\\\\')
    return
  }

  // Redirect to the next step (this can be customized as needed)
  app.views.main.router.navigate(\\\\\\\'/signup-step4/\\\\\\\')
})

// Step 4
$(document).on(\\\\\\\'submit\\\\\\\', \\\\\\\'#interest-selection-form\\\\\\\', async function (e) {
  e.preventDefault()

  // Get all checked checkboxes\\\\\\\' values
  var selectedInterests = []
  $(this).find(\\\\\\\'input[name=\\\\\\\"interest\\\\\\\"]:checked\\\\\\\').each(function () {
    selectedInterests.push($(this).val())
  })

  // Check if at least one checkbox is selected
  if (selectedInterests.length === 0) {
    showToast(\\\\\\\'Please select at least one interest\\\\\\\')
    return
  }

  let registerData = store.getters.getRegisterData.value

  try {
    app.preloader.show()
    const response = await updateAboutUserIds(selectedInterests, registerData.user_id)

    if (!response || !response.success) {
      app.dialog.alert(response.message || \\\\\\\'Oops, Unable to save your selection.\\\\\\\')
    }

    app.preloader.hide()

    app.views.main.router.navigate(\\\\\\\'/signup-complete/\\\\\\\')
  } catch (error) {
    console.log(error)
    app.dialog.alert(\\\\\\\'An error occurred, please try again\\\\\\\')
    return
  }
})

// Signup complete
$(document).on(\\\\\\\'click\\\\\\\', \\\\\\\'#signup-complete\\\\\\\', async function (e) {
  const registerData = store.getters.getRegisterData.value

  if (!registerData || !registerData.user_id || !registerData.email || !registerData.password) {
    app.dialog.alert(\\\\\\\'An error occurred, please try again\\\\\\\')
    return
  }

  try {
    app.preloader.show()

    const response = await verifyUser({
      email: registerData.email,
      password: registerData.password
    })

    app.preloader.hide()

    if (!response || response.error) {
      app.dialog.alert(response.error || \\\\\\\'Login failed, please try again\\\\\\\')
      app.views.main.router.navigate(\\\\\\\'/auth/\\\\\\\')
      loginButton.innerHTML = \\\\\\\'Next\\\\\\\'
      return
    }

    if (response.success) {
      await store.dispatch(\\\\\\\'login\\\\\\\', {
        token: response.token
      })
      app.views.main.router.navigate(\\\\\\\'/\\\\\\\')
      $(\\\\\\\'.start-link\\\\\\\').click();

      toolbarEl.style.display = \\\\\\\'block\\\\\\\'
      return
    }
  } catch (error) {
    app.dialog.alert(\\\\\\\'Login failed, please try again\\\\\\\')
  }
})

$(document).on(\\\\\\\'page:afterin\\\\\\\', \\\\\\\'.page[data-name=\\\\\\\"auth\\\\\\\"]\\\\\\\', function (e) {
  toolbarEl.style.display = \\\\\\\'none\\\\\\\'

  setTimeout(() => {
    $(\\\\\\\'.init-loader\\\\\\\').hide()
  }, 300)
});

$(document).on(\\\\\\\'page:afterin\\\\\\\', \\\\\\\'.page[data-name=\\\\\\\"signup-step1\\\\\\\"]\\\\\\\', function (e) {
  app.popup.create({
    el: \\\\\\\'.privacy-popup\\\\\\\',
    swipeToClose: \\\\\\\'to-bottom\\\\\\\'
  })
});

// logout-button
$(document).on(\\\\\\\'click\\\\\\\', \\\\\\\'.logout-button\\\\\\\', async function (e) {
  app.dialog.close()
  app.popup.close()
  app.panel.close()

  await store.dispatch(\\\\\\\'logout\\\\\\\')

  // reload page
  window.location.reload()
  // app.views.current.router.navigate(\\\\\\\'/auth/\\\\\\\')
})

$(document).on(\\\\\\\'click\\\\\\\', \\\\\\\'.view-profile\\\\\\\', function (e) {
  $(\\\\\\\'.view-profile-link\\\\\\\').click()
})

$(document).on(\\\\\\\'click\\\\\\\', \\\\\\\'#forgot-password\\\\\\\', function (e) {
  // open the url in a new tab
  window.open($(this).attr(\\\\\\\'href\\\\\\\'), \\\\\\\'_blank\\\\\\\')
})

export default app
Add JS Function Name