Occaecati est et illo quibusdam accusamus qui. Incidunt aut et molestiae ut facere aut. Est quidem iusto praesentium excepturi harum nihil tenetur facilis. Ut omnis voluptates nihil accusantium doloribus eaque debitis.
\n\nOccaecati est et illo quibusdam accusamus qui. Incidunt aut et molestiae ut facere aut. Est quidem iusto praesentium excepturi harum nihil tenetur facilis. Ut omnis voluptates nihil accusantium doloribus eaque debitis.
\n\nDay 1
\nAmet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.
\nDay 2
\nAmet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.
\nDay 3
\nAmet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.
\n\nDeja Brady sent you a friend request
`) ||\n (index === 1 &&\n `Jayvon Hull mentioned you in Minimal UI
`) ||\n (index === 2 &&\n `Lainey Davidson added file to File Manager
`) ||\n (index === 3 &&\n `Angelique Morse added new tags to File Manager
`) ||\n (index === 4 &&\n `Giana Brandt request a payment of $200
`) ||\n (index === 5 && `Your order is placed waiting for shipping
`) ||\n (index === 6 && `Delivery processing your order is being shipped
`) ||\n (index === 7 && `You have new message 5 unread messages
`) ||\n (index === 8 && `You have new mail`) ||\n '',\n}));\n\n// ----------------------------------------------------------------------\n\nexport const _mapContact = [\n {\n latlng: [33, 65],\n address: _mock.fullAddress(1),\n phoneNumber: _mock.phoneNumber(1),\n },\n {\n latlng: [-12.5, 18.5],\n address: _mock.fullAddress(2),\n phoneNumber: _mock.phoneNumber(2),\n },\n];\n\n// ----------------------------------------------------------------------\n\nexport const _socials = [\n {\n value: 'facebook',\n name: 'FaceBook',\n icon: 'eva:facebook-fill',\n color: '#1877F2',\n path: 'https://www.facebook.com/caitlyn.kerluke',\n },\n {\n value: 'instagram',\n name: 'Instagram',\n icon: 'ant-design:instagram-filled',\n color: '#E02D69',\n path: 'https://www.instagram.com/caitlyn.kerluke',\n },\n {\n value: 'linkedin',\n name: 'Linkedin',\n icon: 'eva:linkedin-fill',\n color: '#007EBB',\n path: 'https://www.linkedin.com/caitlyn.kerluke',\n },\n {\n value: 'twitter',\n name: 'Twitter',\n icon: 'eva:twitter-fill',\n color: '#00AAEC',\n path: 'https://www.twitter.com/caitlyn.kerluke',\n },\n];\n\n// ----------------------------------------------------------------------\n\nexport const _homePlans = [...Array(3)].map((_, index) => ({\n license: ['Standard', 'Standard Plus', 'Extended'][index],\n commons: ['One end products', '12 months updates', '6 months of support'],\n options: [\n 'JavaScript version',\n 'TypeScript version',\n 'Design Resources',\n 'Commercial applications',\n ],\n icons: [\n '/assets/icons/platforms/ic_js.svg',\n '/assets/icons/platforms/ic_ts.svg',\n '/assets/icons/platforms/ic_figma.svg',\n ],\n}));\n\n// ----------------------------------------------------------------------\n\nexport const _pricingPlans = [\n {\n subscription: 'basic',\n price: 0,\n caption: 'Forever',\n lists: ['3 Prototypes', '3 Boards', 'Up To 5 Team Members'],\n labelAction: 'Current Plan',\n },\n {\n subscription: 'starter',\n price: 4.99,\n caption: 'Saving $24 a year',\n lists: [\n '3 Prototypes',\n '3 Boards',\n 'Up To 5 Team Members',\n 'Advanced Security',\n 'Issue Escalation',\n ],\n labelAction: 'Choose Starter',\n },\n {\n subscription: 'premium',\n price: 9.99,\n caption: 'Saving $124 a year',\n lists: [\n '3 Prototypes',\n '3 Boards',\n 'Up To 5 Team Members',\n 'Advanced Security',\n 'Issue Escalation',\n 'Issue Development license',\n 'Permissions & workflows',\n ],\n labelAction: 'Choose Premium',\n },\n];\n\n// ----------------------------------------------------------------------\n\nexport const _testimonials = [\n {\n name: _mock.fullName(1),\n postedDate: _mock.time(1),\n ratingNumber: _mock.number.rating(1),\n avatarUrl: _mock.image.avatar(1),\n content: `Excellent Work! Thanks a lot!`,\n },\n {\n name: _mock.fullName(2),\n postedDate: _mock.time(2),\n ratingNumber: _mock.number.rating(2),\n avatarUrl: _mock.image.avatar(2),\n content: `It's a very good dashboard and we are really liking the product . We've done some things, like migrate to TS and implementing a react useContext api, to fit our job methodology but the product is one of the best in terms of design and application architecture. The team did a really good job.`,\n },\n {\n name: _mock.fullName(3),\n postedDate: _mock.time(3),\n ratingNumber: _mock.number.rating(3),\n avatarUrl: _mock.image.avatar(3),\n content: `Customer support is realy fast and helpful the desgin of this theme is looks amazing also the code is very clean and readble realy good job !`,\n },\n {\n name: _mock.fullName(4),\n postedDate: _mock.time(4),\n ratingNumber: _mock.number.rating(4),\n avatarUrl: _mock.image.avatar(4),\n content: `Amazing, really good code quality and gives you a lot of examples for implementations.`,\n },\n {\n name: _mock.fullName(5),\n postedDate: _mock.time(5),\n ratingNumber: _mock.number.rating(5),\n avatarUrl: _mock.image.avatar(5),\n content: `Got a few questions after purchasing the product. The owner responded very fast and very helpfull. Overall the code is excellent and works very good. 5/5 stars!`,\n },\n {\n name: _mock.fullName(6),\n postedDate: _mock.time(6),\n ratingNumber: _mock.number.rating(6),\n avatarUrl: _mock.image.avatar(6),\n content: `CEO of Codealy.io here. We’ve built a developer assessment platform that makes sense - tasks are based on git repositories and run in virtual machines. We automate the pain points - storing candidates code, running it and sharing test results with the whole team, remotely. Bought this template as we need to provide an awesome dashboard for our early customers. I am super happy with purchase. The code is just as good as the design. Thanks!`,\n },\n];\n","import _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport addDays from \"../addDays/index.js\";\nimport addMonths from \"../addMonths/index.js\";\nimport toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\nimport toInteger from \"../_lib/toInteger/index.js\";\n/**\n * @name add\n * @category Common Helpers\n * @summary Add the specified years, months, weeks, days, hours, minutes and seconds to the given date.\n *\n * @description\n * Add the specified years, months, weeks, days, hours, minutes and seconds to the given date.\n *\n * @param {Date|Number} date - the date to be changed\n * @param {Duration} duration - the object with years, months, weeks, days, hours, minutes and seconds to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.\n *\n * | Key | Description |\n * |----------------|------------------------------------|\n * | years | Amount of years to be added |\n * | months | Amount of months to be added |\n * | weeks | Amount of weeks to be added |\n * | days | Amount of days to be added |\n * | hours | Amount of hours to be added |\n * | minutes | Amount of minutes to be added |\n * | seconds | Amount of seconds to be added |\n *\n * All values default to 0\n *\n * @returns {Date} the new date with the seconds added\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Add the following duration to 1 September 2014, 10:19:50\n * const result = add(new Date(2014, 8, 1, 10, 19, 50), {\n * years: 2,\n * months: 9,\n * weeks: 1,\n * days: 7,\n * hours: 5,\n * minutes: 9,\n * seconds: 30,\n * })\n * //=> Thu Jun 15 2017 15:29:20\n */\nexport default function add(dirtyDate, duration) {\n requiredArgs(2, arguments);\n if (!duration || _typeof(duration) !== 'object') return new Date(NaN);\n var years = duration.years ? toInteger(duration.years) : 0;\n var months = duration.months ? toInteger(duration.months) : 0;\n var weeks = duration.weeks ? toInteger(duration.weeks) : 0;\n var days = duration.days ? toInteger(duration.days) : 0;\n var hours = duration.hours ? toInteger(duration.hours) : 0;\n var minutes = duration.minutes ? toInteger(duration.minutes) : 0;\n var seconds = duration.seconds ? toInteger(duration.seconds) : 0;\n\n // Add years and months\n var date = toDate(dirtyDate);\n var dateWithMonths = months || years ? addMonths(date, months + years * 12) : date;\n\n // Add weeks and days\n var dateWithDays = days || weeks ? addDays(dateWithMonths, days + weeks * 7) : dateWithMonths;\n\n // Add days, hours, minutes and seconds\n var minutesToAdd = minutes + hours * 60;\n var secondsToAdd = seconds + minutesToAdd * 60;\n var msToAdd = secondsToAdd * 1000;\n var finalDate = new Date(dateWithDays.getTime() + msToAdd);\n return finalDate;\n}","import { add, subDays } from 'date-fns';\n\nimport { _mock } from './_mock';\nimport { _addressBooks } from './_others';\n\n// ----------------------------------------------------------------------\n\nexport const INVOICE_STATUS_OPTIONS = [\n { value: 'paid', label: 'Paid' },\n { value: 'pending', label: 'Pending' },\n { value: 'overdue', label: 'Overdue' },\n { value: 'draft', label: 'Draft' },\n];\n\nexport const INVOICE_SERVICE_OPTIONS = [...Array(8)].map((_, index) => ({\n id: _mock.id(index),\n name: _mock.role(index),\n price: _mock.number.price(index),\n}));\n\nconst ITEMS = [...Array(3)].map((__, index) => {\n const total = INVOICE_SERVICE_OPTIONS[index].price * _mock.number.nativeS(index);\n\n return {\n id: _mock.id(index),\n total,\n title: _mock.productName(index),\n description: _mock.sentence(index),\n price: INVOICE_SERVICE_OPTIONS[index].price,\n service: INVOICE_SERVICE_OPTIONS[index].name,\n quantity: _mock.number.nativeS(index),\n };\n});\n\nexport const _invoices = [...Array(20)].map((_, index) => {\n const taxes = _mock.number.price(index + 1);\n\n const discount = _mock.number.price(index + 2);\n\n const shipping = _mock.number.price(index + 3);\n\n const subTotal = ITEMS.reduce((accumulator, item) => accumulator + item.price * item.quantity, 0);\n\n const totalAmount = subTotal - shipping - discount + taxes;\n\n const status =\n (index % 2 && 'paid') || (index % 3 && 'pending') || (index % 4 && 'overdue') || 'draft';\n\n return {\n id: _mock.id(index),\n taxes,\n status,\n discount,\n shipping,\n subTotal,\n totalAmount,\n items: ITEMS,\n invoiceNumber: `INV-199${index}`,\n invoiceFrom: _addressBooks[index],\n invoiceTo: _addressBooks[index + 1],\n sent: _mock.number.nativeS(index),\n createDate: subDays(new Date(), index),\n dueDate: add(new Date(), { days: index + 15, hours: index }),\n };\n});\n","import { _mock } from './_mock';\n\n// APP\n// ----------------------------------------------------------------------\n\nexport const _appRelated = ['Chrome', 'Drive', 'Dropbox', 'Evernote', 'Github'].map(\n (name, index) => {\n const system = [2, 4].includes(index) ? 'Windows' : 'Mac';\n\n const price = [2, 4].includes(index) ? _mock.number.price(index) : 0;\n\n const shortcut =\n (name === 'Chrome' && '/assets/icons/app/ic_chrome.svg') ||\n (name === 'Drive' && '/assets/icons/app/ic_drive.svg') ||\n (name === 'Dropbox' && '/assets/icons/app/ic_dropbox.svg') ||\n (name === 'Evernote' && '/assets/icons/app/ic_evernote.svg') ||\n '/assets/icons/app/ic_github.svg';\n\n return {\n id: _mock.id(index),\n name,\n price,\n system,\n shortcut,\n ratingNumber: _mock.number.rating(index),\n totalReviews: _mock.number.nativeL(index),\n };\n }\n);\n\nexport const _appInstalled = ['Germany', 'England', 'France', 'Korean', 'USA'].map(\n (name, index) => ({\n id: _mock.id(index),\n name,\n android: _mock.number.nativeL(index),\n windows: _mock.number.nativeL(index + 1),\n apple: _mock.number.nativeL(index + 2),\n flag: ['flagpack:de', 'flagpack:gb-nir', 'flagpack:fr', 'flagpack:kr', 'flagpack:us'][index],\n })\n);\n\nexport const _appAuthors = [...Array(3)].map((_, index) => ({\n id: _mock.id(index),\n name: _mock.fullName(index),\n avatarUrl: _mock.image.avatar(index),\n totalFavorites: _mock.number.nativeL(index),\n}));\n\nexport const _appInvoices = [...Array(5)].map((_, index) => {\n const category = ['Android', 'Mac', 'Windows', 'Android', 'Mac'][index];\n\n const status = ['paid', 'out of date', 'progress', 'paid', 'paid'][index];\n\n return {\n id: _mock.id(index),\n invoiceNumber: `INV-199${index}`,\n price: _mock.number.price(index),\n category,\n status,\n };\n});\n\nexport const _appFeatured = [...Array(3)].map((_, index) => ({\n id: _mock.id(index),\n title: _mock.postTitle(index),\n description: _mock.sentence(index),\n coverUrl: _mock.image.cover(index),\n}));\n\n// ANALYTIC\n// ----------------------------------------------------------------------\n\nexport const _analyticTasks = [...Array(5)].map((_, index) => ({\n id: _mock.id(index),\n name: _mock.taskNames(index),\n}));\n\nexport const _analyticPosts = [...Array(5)].map((_, index) => ({\n id: _mock.id(index),\n postedAt: _mock.time(index),\n title: _mock.postTitle(index),\n coverUrl: _mock.image.cover(index),\n description: _mock.sentence(index),\n}));\n\nexport const _analyticOrderTimeline = [...Array(5)].map((_, index) => {\n const title = [\n '1983, orders, $4220',\n '12 Invoices have been paid',\n 'Order #37745 from September',\n 'New order placed #XF-2356',\n 'New order placed #XF-2346',\n ][index];\n\n return {\n id: _mock.id(index),\n title,\n type: `order${index + 1}`,\n time: _mock.time(index),\n };\n});\n\nexport const _analyticTraffic = [\n {\n value: 'facebook',\n label: 'FaceBook',\n total: _mock.number.nativeL(1),\n icon: 'eva:facebook-fill',\n },\n {\n value: 'google',\n label: 'Google',\n total: _mock.number.nativeL(2),\n icon: 'eva:google-fill',\n },\n {\n value: 'linkedin',\n label: 'Linkedin',\n total: _mock.number.nativeL(3),\n icon: 'eva:linkedin-fill',\n },\n {\n value: 'twitter',\n label: 'Twitter',\n total: _mock.number.nativeL(4),\n icon: 'eva:twitter-fill',\n },\n];\n\n// ECOMMERCE\n// ----------------------------------------------------------------------\n\nexport const _ecommerceSalesOverview = ['Total Profit', 'Total Income', 'Total Expenses'].map(\n (label, index) => ({\n label,\n totalAmount: _mock.number.price(index) * 100,\n value: _mock.number.percent(index),\n })\n);\n\nexport const _ecommerceBestSalesman = [...Array(5)].map((_, index) => {\n const category = ['CAP', 'Branded Shoes', 'Headphone', 'Cell Phone', 'Earings'][index];\n\n const flag = ['flagpack:de', 'flagpack:gb-nir', 'flagpack:fr', 'flagpack:kr', 'flagpack:us'][\n index\n ];\n\n return {\n id: _mock.id(index),\n flag,\n category,\n rank: `Top ${index + 1}`,\n email: _mock.email(index),\n name: _mock.fullName(index),\n totalAmount: _mock.number.price(index),\n avatarUrl: _mock.image.avatar(index + 8),\n };\n});\n\nexport const _ecommerceLatestProducts = [...Array(5)].map((_, index) => {\n const colors = (index === 0 && ['#2EC4B6', '#E71D36', '#FF9F1C', '#011627']) ||\n (index === 1 && ['#92140C', '#FFCF99']) ||\n (index === 2 && ['#0CECDD', '#FFF338', '#FF67E7', '#C400FF', '#52006A', '#046582']) ||\n (index === 3 && ['#845EC2', '#E4007C', '#2A1A5E']) || ['#090088'];\n\n return {\n id: _mock.id(index),\n colors,\n name: _mock.productName(index),\n price: _mock.number.price(index),\n coverUrl: _mock.image.product(index),\n priceSale: [1, 3].includes(index) ? _mock.number.price(index) : 0,\n };\n});\n\nexport const _ecommerceNewProducts = [...Array(5)].map((_, index) => ({\n id: _mock.id(index),\n name: _mock.productName(index),\n coverUrl: _mock.image.product(index),\n}));\n\n// BANKING\n// ----------------------------------------------------------------------\n\nexport const _bankingContacts = [...Array(12)].map((_, index) => ({\n id: _mock.id(index),\n name: _mock.fullName(index),\n email: _mock.email(index),\n avatarUrl: _mock.image.avatar(index),\n}));\n\nexport const _bankingCreditCard = [\n {\n id: _mock.id(2),\n balance: 23432.03,\n cardType: 'mastercard',\n cardHolder: _mock.fullName(2),\n cardNumber: '**** **** **** 3640',\n cardValid: '11/22',\n },\n {\n id: _mock.id(3),\n balance: 18000.23,\n cardType: 'visa',\n cardHolder: _mock.fullName(3),\n cardNumber: '**** **** **** 8864',\n cardValid: '11/25',\n },\n {\n id: _mock.id(4),\n balance: 2000.89,\n cardType: 'mastercard',\n cardHolder: _mock.fullName(4),\n cardNumber: '**** **** **** 7755',\n cardValid: '11/22',\n },\n];\n\nexport const _bankingRecentTransitions = [\n {\n id: _mock.id(2),\n name: _mock.fullName(2),\n avatarUrl: _mock.image.avatar(2),\n type: 'Income',\n message: 'Receive money from',\n category: 'Annette Black',\n date: _mock.time(2),\n status: 'progress',\n amount: _mock.number.price(2),\n },\n {\n id: _mock.id(3),\n name: _mock.fullName(3),\n avatarUrl: _mock.image.avatar(3),\n type: 'Expenses',\n message: 'Payment for',\n category: 'Courtney Henry',\n date: _mock.time(3),\n status: 'completed',\n amount: _mock.number.price(3),\n },\n {\n id: _mock.id(4),\n name: _mock.fullName(4),\n avatarUrl: _mock.image.avatar(4),\n type: 'Receive',\n message: 'Payment for',\n category: 'Theresa Webb',\n date: _mock.time(4),\n status: 'failed',\n amount: _mock.number.price(4),\n },\n {\n id: _mock.id(5),\n name: null,\n avatarUrl: null,\n type: 'Expenses',\n message: 'Payment for',\n category: 'Beauty & Health',\n date: _mock.time(5),\n status: 'completed',\n amount: _mock.number.price(5),\n },\n {\n id: _mock.id(6),\n name: null,\n avatarUrl: null,\n type: 'Expenses',\n message: 'Payment for',\n category: 'Books',\n date: _mock.time(6),\n status: 'progress',\n amount: _mock.number.price(6),\n },\n];\n\n// BOOKING\n// ----------------------------------------------------------------------\n\nexport const _bookings = [...Array(5)].map((_, index) => {\n const status = ['Paid', 'Paid', 'Pending', 'Cancelled', 'Paid'][index];\n\n const customer = {\n avatarUrl: _mock.image.avatar(index),\n name: _mock.fullName(index),\n phoneNumber: _mock.phoneNumber(index),\n };\n\n const destination = [...Array(5)].map((__, _index) => ({\n name: _mock.tourName(_index + 1),\n coverUrl: _mock.image.travel(_index + 1),\n }))[index];\n\n return {\n id: _mock.id(index),\n destination,\n status,\n customer,\n checkIn: _mock.time(index),\n checkOut: _mock.time(index),\n };\n});\n\nexport const _bookingsOverview = [...Array(3)].map((_, index) => ({\n status: ['Pending', 'Canceled', 'Sold'][index],\n quantity: _mock.number.nativeL(index),\n value: _mock.number.percent(index),\n}));\n\nexport const _bookingReview = [...Array(5)].map((_, index) => ({\n id: _mock.id(index),\n name: _mock.fullName(index),\n postedAt: _mock.time(index),\n rating: _mock.number.rating(index),\n avatarUrl: _mock.image.avatar(index),\n description: _mock.description(index),\n tags: ['Great Sevice', 'Recommended', 'Best Price'],\n}));\n\nexport const _bookingNew = [...Array(5)].map((_, index) => ({\n guests: '3-5',\n id: _mock.id(index),\n bookedAt: _mock.time(index),\n duration: '3 days 2 nights',\n isHot: _mock.boolean(index),\n name: _mock.fullName(index),\n price: _mock.number.price(index),\n avatarUrl: _mock.image.avatar(index),\n coverUrl: _mock.image.travel(index),\n}));\n","\nimport { useMockedUser } from 'src/hooks/use-mocked-user';\nimport axios from 'axios';\nimport useSWR from 'swr';\nimport { useMemo } from 'react';\nimport { getemployeeno } from 'src/auth/context/jwt/utils';\nimport { fetcher, endpoints } from 'src/utils/axios';\nimport { HOST_API } from 'src/config-global';\n\nconst STORAGE_KEY = 'accessToken';\nconst accessToken = localStorage.getItem(STORAGE_KEY);\nconst en = getemployeeno(accessToken);\n\n// ----------------------------------------------------------------------\n\n\nexport function useGetMyCouponbyID(id) {\n const URL = `${endpoints.post.mycouponbyID}?id=${encodeURIComponent(id)}`;\n \n\n const { data, error, isValidating } = useSWR([URL, {}], fetcher);\n\n const isLoading = !data && !error;\n\n const memoizedValue = useMemo(() => {\n const mycouponbyID = data ?? {};\n \n return {\n mycouponbyID,\n mycouponbyIDLoading: isLoading,\n mycouponbyIDError: error,\n mycouponbyIDValidating: isValidating,\n mycouponbyIDEmpty: !isLoading && !mycouponbyID.length,\n };\n }, [data, isLoading, error, isValidating]);\n\n return memoizedValue;\n}\n\nexport function useGetApplications() {\n // เพิ่ม en เข้าไปใน URL query string\n const { user } = useMockedUser();\n const URL = `${endpoints.dashboard.list}?en=${encodeURIComponent(user.id)}`;\n\n const { data, isLoading, error, isValidating } = useSWR(URL, fetcher);\n\n const memoizedValue = useMemo(() => {\n // กำหนดค่า applications ให้เป็น data หรือ array ว่างถ้าไม่มี data\n const applications = data ?? [];\n return {\n applications,\n applicationsLoading: isLoading,\n applicationsError: error,\n applicationsValidating: isValidating,\n applicationsEmpty: !isLoading && !applications.length,\n };\n }, [data, isLoading, error, isValidating]); // เพิ่ม en ใน dependencies\n\n return memoizedValue;\n}\n\nexport function useGetPosts() {\n const URL = endpoints.post.list;\n\n const { data, isLoading, error, isValidating } = useSWR(URL, fetcher);\n\n const memoizedValue = useMemo(() => {\n // กำหนดค่า posts ให้เป็น data หรือ array ว่างถ้าไม่มี data\n const posts = data ?? [];\n return {\n posts,\n postsLoading: isLoading,\n postsError: error,\n postsValidating: isValidating,\n postsEmpty: !isLoading && !posts.length,\n };\n }, [data, isLoading, error, isValidating]); // แก้ไข dependencies ให้เหมาะสม\n\n return memoizedValue;\n}\n\nexport const saveCoupons = async (couponData) => {\n const URL = `${HOST_API}${endpoints.post.Save}`;\n const token = localStorage.getItem('accessToken');\n const config = {\n headers: { Authorization: `Bearer ${token}` }\n };\n\n try {\n const response = await axios.post(URL, couponData, config);\n return response.data; // Assuming response is the successfully saved data\n } catch (error) {\n console.error(\"Error in saveCoupons:\", error);\n throw error; // It's a good practice to handle this error in the calling component\n }\n};\nexport const changeImage = async (imageBlob) => {\n const URL = `${HOST_API}${endpoints.user.changeimage}`;\n\n // ดึง token จาก localStorage\n \n const token = localStorage.getItem('accessToken');\n // ตรวจสอบว่ามีการตั้งค่า token หรือไม่\n if (!token) {\n console.error('Token is missing or not set correctly');\n throw new Error('Authentication token is missing');\n }\n\n // สร้าง FormData และแนบ Blob เป็นไฟล์รูปภาพ\n const formData = new FormData();\n const file = new File([imageBlob], 'image.png', { type: 'image/png' }); // แปลง Blob เป็นไฟล์\n formData.append('file', file);\n\n const config = {\n headers: {\n 'Content-Type': 'multipart/form-data',\n Authorization: `Bearer ${token}`, // แนบ token ไปใน header\n },\n };\n\n try {\n const response = await axios.post(URL, formData, config);\n return response.data;\n } catch (error) {\n // ตรวจสอบสถานะข้อผิดพลาด หากเป็น 401 ให้แจ้งเตือนว่าการยืนยันตัวตนล้มเหลว\n if (error.response && error.response.status === 401) {\n console.warn('Unauthorized: Token may be expired or invalid');\n }\n console.error(\"Error in changeImage:\", error);\n throw error;\n }\n};\n\nexport const saveRegister = async (data) => {\n\n const URL = `${HOST_API}${endpoints.auth.register}`;\n\n try {\n const response = await axios.post(URL, data);\n return response.data; // Assuming response is the successfully saved data\n } catch (error) {\n console.error(\"Error in Save Register:\", error);\n throw error; // It's a good practice to handle this error in the calling component\n }\n};\n\nexport const usingCoupon = async (couponData) => {\n const URL = `${HOST_API}${endpoints.post.UsingCoupon}`;\n const token = localStorage.getItem('accessToken');\n const config = {\n headers: { Authorization: `Bearer ${token}` }\n };\n\n try {\n const response = await axios.post(URL, couponData, config);\n return response.data; // Assuming response is the successfully saved data\n } catch (error) {\n console.error(\"Error in using Coupons:\", error);\n throw error; // It's a good practice to handle this error in the calling component\n }\n};\nexport const markasUseCoupon = async (couponData) => {\n const URL = `${HOST_API}${endpoints.post.MarkasUse}`;\n const token = localStorage.getItem('accessToken');\n const config = {\n headers: { Authorization: `Bearer ${token}` }\n };\n\n try {\n const response = await axios.post(URL, couponData, config);\n return response.data; // Assuming response is the successfully saved data\n } catch (error) {\n console.error(\"Error in saveCoupons:\", error);\n throw error; // It's a good practice to handle this error in the calling component\n }\n};\n\nexport const Redirect = async (idapp) => {\n const URL = `${HOST_API}${endpoints.dashboard.Next}`;\n const token = localStorage.getItem('accessToken');\n const config = {\n headers: { Authorization: `Bearer ${token}` }\n };\n const data = {\n id: idapp,\n empNo: en\n };\n \n try {\n const response = await axios.post(URL, data, config);\n const { endpointUrl, tokenURL } = response.data;\n\n // สร้างฟอร์มแบบ dynamic\n const form = document.createElement('form');\n form.method = 'POST';\n form.action = endpointUrl;\n form.target = '_self'; // ใช้ `_self` เพื่อเปิดในหน้าต่างเดียวกัน\n\n // สร้าง input element สำหรับ token\n const tokenInput = document.createElement('input');\n tokenInput.type = 'hidden';\n tokenInput.name = 'token';\n tokenInput.value = tokenURL;\n\n // เพิ่ม input element เข้าไปในฟอร์ม\n form.appendChild(tokenInput);\n\n // เพิ่มฟอร์มเข้าไปใน body\n document.body.appendChild(form);\n\n // ทำการ submit ฟอร์ม\n form.submit();\n\n return response.data;\n } catch (error) {\n console.error(\"Error in Redirect:\", error);\n throw error;\n }\n};\n\n\n\nexport function useGetMyCoupon() {\n const URL = endpoints.post.mycoupon;\n const { data, isLoading, error, isValidating } = useSWR(URL, fetcher);\n\n const memoizedValue = useMemo(() => {\n // กำหนดค่า posts ให้เป็น data หรือ array ว่างถ้าไม่มี data\n const coupons = data ?? [];\n return {\n coupons,\n couponsLoading: isLoading,\n couponsError: error,\n couponsValidating: isValidating,\n couponsEmpty: !isLoading && !coupons.length,\n };\n }, [data, isLoading, error, isValidating]); // แก้ไข dependencies ให้เหมาะสม\n\n return memoizedValue;\n}\n\n\n\n\n\n","export const countries = [\n { code: '', label: '', phone: '' },\n { code: 'AD', label: 'Andorra', phone: '376' },\n {\n code: 'AE',\n label: 'United Arab Emirates',\n phone: '971',\n },\n { code: 'AF', label: 'Afghanistan', phone: '93' },\n {\n code: 'AG',\n label: 'Antigua and Barbuda',\n phone: '1-268',\n },\n { code: 'AI', label: 'Anguilla', phone: '1-264' },\n { code: 'AL', label: 'Albania', phone: '355' },\n { code: 'AM', label: 'Armenia', phone: '374' },\n { code: 'AO', label: 'Angola', phone: '244' },\n { code: 'AQ', label: 'Antarctica', phone: '672' },\n { code: 'AR', label: 'Argentina', phone: '54' },\n { code: 'AS', label: 'American Samoa', phone: '1-684' },\n { code: 'AT', label: 'Austria', phone: '43' },\n {\n code: 'AU',\n label: 'Australia',\n phone: '61',\n suggested: true,\n },\n { code: 'AW', label: 'Aruba', phone: '297' },\n { code: 'AX', label: 'Alland Islands', phone: '358' },\n { code: 'AZ', label: 'Azerbaijan', phone: '994' },\n {\n code: 'BA',\n label: 'Bosnia and Herzegovina',\n phone: '387',\n },\n { code: 'BB', label: 'Barbados', phone: '1-246' },\n { code: 'BD', label: 'Bangladesh', phone: '880' },\n { code: 'BE', label: 'Belgium', phone: '32' },\n { code: 'BF', label: 'Burkina Faso', phone: '226' },\n { code: 'BG', label: 'Bulgaria', phone: '359' },\n { code: 'BH', label: 'Bahrain', phone: '973' },\n { code: 'BI', label: 'Burundi', phone: '257' },\n { code: 'BJ', label: 'Benin', phone: '229' },\n { code: 'BL', label: 'Saint Barthelemy', phone: '590' },\n { code: 'BM', label: 'Bermuda', phone: '1-441' },\n { code: 'BN', label: 'Brunei Darussalam', phone: '673' },\n { code: 'BO', label: 'Bolivia', phone: '591' },\n { code: 'BR', label: 'Brazil', phone: '55' },\n { code: 'BS', label: 'Bahamas', phone: '1-242' },\n { code: 'BT', label: 'Bhutan', phone: '975' },\n { code: 'BV', label: 'Bouvet Island', phone: '47' },\n { code: 'BW', label: 'Botswana', phone: '267' },\n { code: 'BY', label: 'Belarus', phone: '375' },\n { code: 'BZ', label: 'Belize', phone: '501' },\n {\n code: 'CA',\n label: 'Canada',\n phone: '1',\n suggested: true,\n },\n {\n code: 'CC',\n label: 'Cocos (Keeling) Islands',\n phone: '61',\n },\n {\n code: 'CD',\n label: 'Congo, Democratic Republic of the',\n phone: '243',\n },\n {\n code: 'CF',\n label: 'Central African Republic',\n phone: '236',\n },\n {\n code: 'CG',\n label: 'Congo, Republic of the',\n phone: '242',\n },\n { code: 'CH', label: 'Switzerland', phone: '41' },\n { code: 'CI', label: \"Cote d'Ivoire\", phone: '225' },\n { code: 'CK', label: 'Cook Islands', phone: '682' },\n { code: 'CL', label: 'Chile', phone: '56' },\n { code: 'CM', label: 'Cameroon', phone: '237' },\n { code: 'CN', label: 'China', phone: '86' },\n { code: 'CO', label: 'Colombia', phone: '57' },\n { code: 'CR', label: 'Costa Rica', phone: '506' },\n { code: 'CU', label: 'Cuba', phone: '53' },\n { code: 'CV', label: 'Cape Verde', phone: '238' },\n { code: 'CW', label: 'Curacao', phone: '599' },\n { code: 'CX', label: 'Christmas Island', phone: '61' },\n { code: 'CY', label: 'Cyprus', phone: '357' },\n { code: 'CZ', label: 'Czech Republic', phone: '420' },\n {\n code: 'DE',\n label: 'Germany',\n phone: '49',\n suggested: true,\n },\n { code: 'DJ', label: 'Djibouti', phone: '253' },\n { code: 'DK', label: 'Denmark', phone: '45' },\n { code: 'DM', label: 'Dominica', phone: '1-767' },\n {\n code: 'DO',\n label: 'Dominican Republic',\n phone: '1-809',\n },\n { code: 'DZ', label: 'Algeria', phone: '213' },\n { code: 'EC', label: 'Ecuador', phone: '593' },\n { code: 'EE', label: 'Estonia', phone: '372' },\n { code: 'EG', label: 'Egypt', phone: '20' },\n { code: 'EH', label: 'Western Sahara', phone: '212' },\n { code: 'ER', label: 'Eritrea', phone: '291' },\n { code: 'ES', label: 'Spain', phone: '34' },\n { code: 'ET', label: 'Ethiopia', phone: '251' },\n { code: 'FI', label: 'Finland', phone: '358' },\n { code: 'FJ', label: 'Fiji', phone: '679' },\n {\n code: 'FK',\n label: 'Falkland Islands (Malvinas)',\n phone: '500',\n },\n {\n code: 'FM',\n label: 'Micronesia, Federated States of',\n phone: '691',\n },\n { code: 'FO', label: 'Faroe Islands', phone: '298' },\n {\n code: 'FR',\n label: 'France',\n phone: '33',\n suggested: true,\n },\n { code: 'GA', label: 'Gabon', phone: '241' },\n { code: 'GB', label: 'United Kingdom', phone: '44' },\n { code: 'GD', label: 'Grenada', phone: '1-473' },\n { code: 'GE', label: 'Georgia', phone: '995' },\n { code: 'GF', label: 'French Guiana', phone: '594' },\n { code: 'GG', label: 'Guernsey', phone: '44' },\n { code: 'GH', label: 'Ghana', phone: '233' },\n { code: 'GI', label: 'Gibraltar', phone: '350' },\n { code: 'GL', label: 'Greenland', phone: '299' },\n { code: 'GM', label: 'Gambia', phone: '220' },\n { code: 'GN', label: 'Guinea', phone: '224' },\n { code: 'GP', label: 'Guadeloupe', phone: '590' },\n { code: 'GQ', label: 'Equatorial Guinea', phone: '240' },\n { code: 'GR', label: 'Greece', phone: '30' },\n {\n code: 'GS',\n label: 'South Georgia and the South Sandwich Islands',\n phone: '500',\n },\n { code: 'GT', label: 'Guatemala', phone: '502' },\n { code: 'GU', label: 'Guam', phone: '1-671' },\n { code: 'GW', label: 'Guinea-Bissau', phone: '245' },\n { code: 'GY', label: 'Guyana', phone: '592' },\n { code: 'HK', label: 'Hong Kong', phone: '852' },\n {\n code: 'HM',\n label: 'Heard Island and McDonald Islands',\n phone: '672',\n },\n { code: 'HN', label: 'Honduras', phone: '504' },\n { code: 'HR', label: 'Croatia', phone: '385' },\n { code: 'HT', label: 'Haiti', phone: '509' },\n { code: 'HU', label: 'Hungary', phone: '36' },\n { code: 'ID', label: 'Indonesia', phone: '62' },\n { code: 'IE', label: 'Ireland', phone: '353' },\n { code: 'IL', label: 'Israel', phone: '972' },\n { code: 'IM', label: 'Isle of Man', phone: '44' },\n { code: 'IN', label: 'India', phone: '91' },\n {\n code: 'IO',\n label: 'British Indian Ocean Territory',\n phone: '246',\n },\n { code: 'IQ', label: 'Iraq', phone: '964' },\n {\n code: 'IR',\n label: 'Iran, Islamic Republic of',\n phone: '98',\n },\n { code: 'IS', label: 'Iceland', phone: '354' },\n { code: 'IT', label: 'Italy', phone: '39' },\n { code: 'JE', label: 'Jersey', phone: '44' },\n { code: 'JM', label: 'Jamaica', phone: '1-876' },\n { code: 'JO', label: 'Jordan', phone: '962' },\n {\n code: 'JP',\n label: 'Japan',\n phone: '81',\n suggested: true,\n },\n { code: 'KE', label: 'Kenya', phone: '254' },\n { code: 'KG', label: 'Kyrgyzstan', phone: '996' },\n { code: 'KH', label: 'Cambodia', phone: '855' },\n { code: 'KI', label: 'Kiribati', phone: '686' },\n { code: 'KM', label: 'Comoros', phone: '269' },\n {\n code: 'KN',\n label: 'Saint Kitts and Nevis',\n phone: '1-869',\n },\n {\n code: 'KP',\n label: \"Korea, Democratic People's Republic of\",\n phone: '850',\n },\n { code: 'KR', label: 'Korea, Republic of', phone: '82' },\n { code: 'KW', label: 'Kuwait', phone: '965' },\n { code: 'KY', label: 'Cayman Islands', phone: '1-345' },\n { code: 'KZ', label: 'Kazakhstan', phone: '7' },\n {\n code: 'LA',\n label: \"Lao People's Democratic Republic\",\n phone: '856',\n },\n { code: 'LB', label: 'Lebanon', phone: '961' },\n { code: 'LC', label: 'Saint Lucia', phone: '1-758' },\n { code: 'LI', label: 'Liechtenstein', phone: '423' },\n { code: 'LK', label: 'Sri Lanka', phone: '94' },\n { code: 'LR', label: 'Liberia', phone: '231' },\n { code: 'LS', label: 'Lesotho', phone: '266' },\n { code: 'LT', label: 'Lithuania', phone: '370' },\n { code: 'LU', label: 'Luxembourg', phone: '352' },\n { code: 'LV', label: 'Latvia', phone: '371' },\n { code: 'LY', label: 'Libya', phone: '218' },\n { code: 'MA', label: 'Morocco', phone: '212' },\n { code: 'MC', label: 'Monaco', phone: '377' },\n {\n code: 'MD',\n label: 'Moldova, Republic of',\n phone: '373',\n },\n { code: 'ME', label: 'Montenegro', phone: '382' },\n {\n code: 'MF',\n label: 'Saint Martin (French part)',\n phone: '590',\n },\n { code: 'MG', label: 'Madagascar', phone: '261' },\n { code: 'MH', label: 'Marshall Islands', phone: '692' },\n {\n code: 'MK',\n label: 'Macedonia, the Former Yugoslav Republic of',\n phone: '389',\n },\n { code: 'ML', label: 'Mali', phone: '223' },\n { code: 'MM', label: 'Myanmar', phone: '95' },\n { code: 'MN', label: 'Mongolia', phone: '976' },\n { code: 'MO', label: 'Macao', phone: '853' },\n {\n code: 'MP',\n label: 'Northern Mariana Islands',\n phone: '1-670',\n },\n { code: 'MQ', label: 'Martinique', phone: '596' },\n { code: 'MR', label: 'Mauritania', phone: '222' },\n { code: 'MS', label: 'Montserrat', phone: '1-664' },\n { code: 'MT', label: 'Malta', phone: '356' },\n { code: 'MU', label: 'Mauritius', phone: '230' },\n { code: 'MV', label: 'Maldives', phone: '960' },\n { code: 'MW', label: 'Malawi', phone: '265' },\n { code: 'MX', label: 'Mexico', phone: '52' },\n { code: 'MY', label: 'Malaysia', phone: '60' },\n { code: 'MZ', label: 'Mozambique', phone: '258' },\n { code: 'NA', label: 'Namibia', phone: '264' },\n { code: 'NC', label: 'New Caledonia', phone: '687' },\n { code: 'NE', label: 'Niger', phone: '227' },\n { code: 'NF', label: 'Norfolk Island', phone: '672' },\n { code: 'NG', label: 'Nigeria', phone: '234' },\n { code: 'NI', label: 'Nicaragua', phone: '505' },\n { code: 'NL', label: 'Netherlands', phone: '31' },\n { code: 'NO', label: 'Norway', phone: '47' },\n { code: 'NP', label: 'Nepal', phone: '977' },\n { code: 'NR', label: 'Nauru', phone: '674' },\n { code: 'NU', label: 'Niue', phone: '683' },\n { code: 'NZ', label: 'New Zealand', phone: '64' },\n { code: 'OM', label: 'Oman', phone: '968' },\n { code: 'PA', label: 'Panama', phone: '507' },\n { code: 'PE', label: 'Peru', phone: '51' },\n { code: 'PF', label: 'French Polynesia', phone: '689' },\n { code: 'PG', label: 'Papua New Guinea', phone: '675' },\n { code: 'PH', label: 'Philippines', phone: '63' },\n { code: 'PK', label: 'Pakistan', phone: '92' },\n { code: 'PL', label: 'Poland', phone: '48' },\n {\n code: 'PM',\n label: 'Saint Pierre and Miquelon',\n phone: '508',\n },\n { code: 'PN', label: 'Pitcairn', phone: '870' },\n { code: 'PR', label: 'Puerto Rico', phone: '1' },\n {\n code: 'PS',\n label: 'Palestine, State of',\n phone: '970',\n },\n { code: 'PT', label: 'Portugal', phone: '351' },\n { code: 'PW', label: 'Palau', phone: '680' },\n { code: 'PY', label: 'Paraguay', phone: '595' },\n { code: 'QA', label: 'Qatar', phone: '974' },\n { code: 'RE', label: 'Reunion', phone: '262' },\n { code: 'RO', label: 'Romania', phone: '40' },\n { code: 'RS', label: 'Serbia', phone: '381' },\n { code: 'RU', label: 'Russian Federation', phone: '7' },\n { code: 'RW', label: 'Rwanda', phone: '250' },\n { code: 'SA', label: 'Saudi Arabia', phone: '966' },\n { code: 'SB', label: 'Solomon Islands', phone: '677' },\n { code: 'SC', label: 'Seychelles', phone: '248' },\n { code: 'SD', label: 'Sudan', phone: '249' },\n { code: 'SE', label: 'Sweden', phone: '46' },\n { code: 'SG', label: 'Singapore', phone: '65' },\n { code: 'SH', label: 'Saint Helena', phone: '290' },\n { code: 'SI', label: 'Slovenia', phone: '386' },\n {\n code: 'SJ',\n label: 'Svalbard and Jan Mayen',\n phone: '47',\n },\n { code: 'SK', label: 'Slovakia', phone: '421' },\n { code: 'SL', label: 'Sierra Leone', phone: '232' },\n { code: 'SM', label: 'San Marino', phone: '378' },\n { code: 'SN', label: 'Senegal', phone: '221' },\n { code: 'SO', label: 'Somalia', phone: '252' },\n { code: 'SR', label: 'Suriname', phone: '597' },\n { code: 'SS', label: 'South Sudan', phone: '211' },\n {\n code: 'ST',\n label: 'Sao Tome and Principe',\n phone: '239',\n },\n { code: 'SV', label: 'El Salvador', phone: '503' },\n {\n code: 'SX',\n label: 'Sint Maarten (Dutch part)',\n phone: '1-721',\n },\n {\n code: 'SY',\n label: 'Syrian Arab Republic',\n phone: '963',\n },\n { code: 'SZ', label: 'Swaziland', phone: '268' },\n {\n code: 'TC',\n label: 'Turks and Caicos Islands',\n phone: '1-649',\n },\n { code: 'TD', label: 'Chad', phone: '235' },\n {\n code: 'TF',\n label: 'French Southern Territories',\n phone: '262',\n },\n { code: 'TG', label: 'Togo', phone: '228' },\n { code: 'TH', label: 'Thailand', phone: '66' },\n { code: 'TJ', label: 'Tajikistan', phone: '992' },\n { code: 'TK', label: 'Tokelau', phone: '690' },\n { code: 'TL', label: 'Timor-Leste', phone: '670' },\n { code: 'TM', label: 'Turkmenistan', phone: '993' },\n { code: 'TN', label: 'Tunisia', phone: '216' },\n { code: 'TO', label: 'Tonga', phone: '676' },\n { code: 'TR', label: 'Turkey', phone: '90' },\n {\n code: 'TT',\n label: 'Trinidad and Tobago',\n phone: '1-868',\n },\n { code: 'TV', label: 'Tuvalu', phone: '688' },\n {\n code: 'TW',\n label: 'Taiwan, Province of China',\n phone: '886',\n },\n {\n code: 'TZ',\n label: 'United Republic of Tanzania',\n phone: '255',\n },\n { code: 'UA', label: 'Ukraine', phone: '380' },\n { code: 'UG', label: 'Uganda', phone: '256' },\n {\n code: 'US',\n label: 'United States',\n phone: '1',\n suggested: true,\n },\n { code: 'UY', label: 'Uruguay', phone: '598' },\n { code: 'UZ', label: 'Uzbekistan', phone: '998' },\n {\n code: 'VA',\n label: 'Holy See (Vatican City State)',\n phone: '379',\n },\n {\n code: 'VC',\n label: 'Saint Vincent and the Grenadines',\n phone: '1-784',\n },\n { code: 'VE', label: 'Venezuela', phone: '58' },\n {\n code: 'VG',\n label: 'British Virgin Islands',\n phone: '1-284',\n },\n {\n code: 'VI',\n label: 'US Virgin Islands',\n phone: '1-340',\n },\n { code: 'VN', label: 'Vietnam', phone: '84' },\n { code: 'VU', label: 'Vanuatu', phone: '678' },\n { code: 'WF', label: 'Wallis and Futuna', phone: '681' },\n { code: 'WS', label: 'Samoa', phone: '685' },\n { code: 'XK', label: 'Kosovo', phone: '383' },\n { code: 'YE', label: 'Yemen', phone: '967' },\n { code: 'YT', label: 'Mayotte', phone: '262' },\n { code: 'ZA', label: 'South Africa', phone: '27' },\n { code: 'ZM', label: 'Zambia', phone: '260' },\n { code: 'ZW', label: 'Zimbabwe', phone: '263' },\n];\n","import { memo } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Box from '@mui/material/Box';\n\n// ----------------------------------------------------------------------\n\nfunction AvatarShape({ sx, ...other }) {\n return (\n
Try checking for typos or using complete words.\n