\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default MobileMenu;\r\n","// extracted by mini-css-extract-plugin\nexport var hamburgerMenu = \"mobileMenu-module--hamburgerMenu--634bc\";\nexport var hamburgerOpen = \"mobileMenu-module--hamburgerOpen--db3f9\";\nexport var parent = \"mobileMenu-module--parent--91902\";","import { useStaticQuery, graphql } from \"gatsby\";\r\n\r\nconst useMobileNavigationData = () => {\r\n const { kontentItemNavigation } = useStaticQuery(graphql`\r\n query MobileNavigation {\r\n kontentItemNavigation(system: { codename: { eq: \"mobile_navigation\" } }) {\r\n elements {\r\n logo {\r\n value {\r\n url\r\n }\r\n }\r\n main_links {\r\n value {\r\n ... on kontent_item_navigation_link {\r\n system {\r\n type\r\n }\r\n elements {\r\n external_url {\r\n value\r\n }\r\n internal_path {\r\n value\r\n }\r\n text {\r\n value\r\n }\r\n new_window {\r\n value {\r\n codename\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n secondary_links {\r\n value {\r\n ... on kontent_item_primary_button {\r\n system {\r\n type\r\n }\r\n elements {\r\n external_text {\r\n value\r\n }\r\n external_url {\r\n value\r\n }\r\n icon {\r\n value {\r\n codename\r\n }\r\n }\r\n internal_path {\r\n value\r\n }\r\n internal_text {\r\n value\r\n }\r\n new_window {\r\n value {\r\n codename\r\n }\r\n }\r\n }\r\n }\r\n ... on kontent_item_navigation_link {\r\n elements {\r\n text {\r\n value\r\n }\r\n internal_path {\r\n value\r\n }\r\n external_url {\r\n value\r\n }\r\n new_window {\r\n value {\r\n codename\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n `);\r\n return kontentItemNavigation.elements;\r\n};\r\n\r\nexport default useMobileNavigationData;\r\n","import { BackgroundColors } from \"@utils/getBackgroundColor\";\r\nimport React from \"react\";\r\nimport { twMerge } from \"tailwind-merge\";\r\n\r\nconst Triangle = ({\r\n className,\r\n manualColor,\r\n autoColor,\r\n}: {\r\n className?: string;\r\n manualColor?: string;\r\n autoColor?: BackgroundColors;\r\n}) => {\r\n const getBackground = () => {\r\n switch (autoColor) {\r\n case \"teal\":\r\n return \"border-b-primary\";\r\n case \"dark_teal\":\r\n return \"border-b-primary-dark\";\r\n case \"salmon\":\r\n return \"border-b-salmon\";\r\n case \"pale_yellow\":\r\n return \"border-b-paleYellow\";\r\n case \"navy\":\r\n return \"border-b-navy\";\r\n case \"light_blue\":\r\n return \"border-b-lightBlue\";\r\n case \"white\":\r\n return \"border-b-white\";\r\n case \"abyss\":\r\n return \"border-b-abyss\";\r\n case \"terracotta\":\r\n return \"border-b-terracotta\";\r\n case \"off_white\":\r\n return \"border-b-offWhite\";\r\n case \"egg_yolk\":\r\n return \"border-b-eggYolk\";\r\n case \"misty_rose\":\r\n return \"border-b-mistyRose\";\r\n case \"mint_mist\":\r\n return \"border-b-mintMist\";\r\n case \"light_gray\":\r\n return \"border-b-lightGray\";\r\n case \"olive\":\r\n return \"bg-olive\";\r\n }\r\n };\r\n\r\n const triangleClasses = twMerge(\r\n \"scale-y-[-1] border-b-[50px] md:border-b-[78px] lg:border-b-[135px] absolute -translate-y-[0.0001em]\",\r\n className,\r\n getBackground()\r\n );\r\n const triangleStyles = {\r\n borderLeft: \"min(72.5vw, 1376px) solid transparent\",\r\n borderRight: \"min(27.5vw, 575px) solid transparent\",\r\n borderBottomColor: manualColor,\r\n };\r\n\r\n return ;\r\n};\r\n\r\nexport default Triangle;\r\n","import React, { useContext } from \"react\";\r\nimport { AppContext } from \"@context/AppContext\";\r\nimport useNavigationData from \"@staticQueries/mobileNavigation\";\r\nimport NavLink, { KontentNavigationLink } from \"./NavLink\";\r\nimport PrimaryButton, { KontentPrimaryButton } from \"@ui/PrimaryButton\";\r\nimport Triangle from \"./Triangle\";\r\n\r\ninterface DataTypes {\r\n logo: { value: [{ url: string }] };\r\n main_links: { value: KontentNavigationLink[] };\r\n secondary_links: { value: (KontentNavigationLink | KontentPrimaryButton)[] };\r\n}\r\n\r\nconst Sidebar = () => {\r\n const { isSidebarOpen } = useContext(AppContext);\r\n const data: DataTypes = useNavigationData();\r\n\r\n // A function to ensure data type matches PrimaryButton component\r\n const isPrimaryButton = (\r\n link: KontentPrimaryButton | KontentNavigationLink\r\n ): link is KontentPrimaryButton => {\r\n return link.system?.type === \"primary_button\";\r\n };\r\n\r\n return (\r\n - \r\n {data.main_links.value.map((link, idx) => (\r\n
- \r\n
- \r\n {data.secondary_links.value.map((link, idx) =>\r\n // Checking if link is a primary button, if so render as PrimaryButton\r\n isPrimaryButton(link) ? (\r\n
- \r\n
- \r\n
- \r\n {nonLinkTitle && (\r\n
- \r\n {nonLinkTitle}\r\n \r\n )}\r\n {titleLink && (\r\n
- \r\n
- \r\n
\r\n \r\n {threeStores.map((store, index) => (\r\n \r\n handleSelectStore(store)}\r\n />\r\n
\r\n ))}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default LeadFormSimpleChangeStore;\r\n","import { Store } from \"@storeLocator/storeType\";\r\nimport React, { useState, useEffect, useMemo } from \"react\";\r\nimport { convertTo12HourFormat } from \"@storeLocator/utils/getStoreStatus\";\r\nimport OpenclosingTime from \"@components/onlineScheduler/OpenClosingTime\";\r\nimport PrimarySubmitButton from \"@ui/PrimarySubmitButton\";\r\nimport { roundUpToNearest15Minutes } from \"@components/onlineScheduler/utils/utilFunctions\";\r\nimport { motion, AnimatePresence } from \"framer-motion\";\r\nimport LeadFormSimpleChangeStore from \"./LeadFormSimpleChangeStore\";\r\nimport { SecondaryButton } from \"@ui\";\r\n\r\ninterface LeadFormAppointmentComponentProps {\r\n selectedStore: Store;\r\n chooseStore: () => void;\r\n getTime: (time: Date) => void;\r\n threeStores: Store[];\r\n handleSelectStore: (store: Object) => void;\r\n}\r\n\r\nconst LeadFormAppointmentComponent = ({\r\n selectedStore,\r\n chooseStore,\r\n getTime,\r\n threeStores,\r\n handleSelectStore,\r\n}: LeadFormAppointmentComponentProps) => {\r\n const [appointmentDate, setAppointmentDate] = useState(new Date());\r\n const [appointmentTime, setAppointmentTime] = useState(\"\");\r\n const [timeSlots, setTimeSlots] = useState\r\n
\r\n {store.streetAndNumber}
\r\n\r\n \r\n {!choosingStore ? (\r\n \"Apply in person\"\r\n ) : (\r\n
\r\n \r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default LeadFormAppointmentComponent;\r\n","import React, { useEffect, useState, useContext, useMemo } from \"react\";\r\nimport { stores } from \"../../data/stores\";\r\nimport { threeNearestStores } from \"@components/onlineScheduler/utils/utilFunctions\";\r\nimport LeadFormChangeDisplayStore from \"./LeadFormChangeDisplayStore\";\r\nimport LeadFormAppointmentComponent from \"./LeadFormAppointmentComponent\";\r\nimport { TimeFormValues } from \"./LeadFormComponentConfig\";\r\ninterface LeadFormStoreInfoProps {\r\n coords: { lat: number; lng: number };\r\n onNextStep: (data: TimeFormValues) => void;\r\n}\r\nconst LeadFormStoreInfoComponent = ({\r\n coords,\r\n onNextStep,\r\n}: LeadFormStoreInfoProps) => {\r\n const [selectedStore, setSelectedStore] = useState\r\n {!choosingStore ? (\r\n \"Apply in person\"\r\n ) : (\r\n \r\n \r\n {\"Select preferred store location.\"}\r\n \r\n \r\n )}\r\n
\r\n \r\n
\r\n {!choosingStore ? (\r\n \r\n {choosingStore && (\r\n setChoosingStore(false)}\r\n chooseStore={() => setChoosingStore(true)}\r\n />\r\n )}\r\n {selectedStore ? (\r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n
\r\n \r\n Your Preferred Store\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n {selectedStore.streetAndNumber}\r\n
\r\n {selectedStore.city}, {selectedStore.province}{\" \"}\r\n {selectedStore.zip}\r\n
\r\n {selectedStore.cellphone && (\r\n <>\r\n
\r\n \r\n )}\r\n
\r\n setChoosingStore(true)}\r\n className=\"cursor-pointer font-body text-base font-bold leading-[24px] tracking-[0.16px] text-lightTeal underline\"\r\n >\r\n Change Store\r\n \r\n
\r\n \r\n
\r\n ) : (\r\n \r\n setChoosingStore(false)}\r\n variant=\"light_pink_fill\"\r\n >\r\n Save\r\n \r\n
\r\n )}\r\n Loading stores...
;\r\n }\r\n\r\n // if (chooseStore) {\r\n // return (\r\n //\r\n
\r\n );\r\n};\r\n\r\nexport default ThankyouPage;\r\n","import { z } from \"zod\";\r\nimport { Store } from \"@storeLocator/storeType\";\r\n// import STATES from \"../storeLocator/shortApp/data/states\";\r\n\r\nconst errorMessage = {\r\n required: \"Please complete this required field to proceed\",\r\n InvalidFormat: \"Please check the format\",\r\n};\r\n\r\nexport const schemaFirstStep = z.object({\r\n FirstName: z.string().min(1, { message: errorMessage.required }),\r\n LastName: z.string().min(1, { message: errorMessage.required }),\r\n Email: z\r\n .string()\r\n .min(1, { message: errorMessage.required })\r\n .email({ message: \"Please enter a valid email address.\" }),\r\n});\r\n\r\nexport const schemaSecondStep = z.object({\r\n FirstName: z.string().min(1, { message: errorMessage.required }),\r\n LastName: z.string().min(1, { message: errorMessage.required }),\r\n Email: z\r\n .string()\r\n .min(1, { message: errorMessage.required })\r\n .email({ message: \"Please enter a valid email address.\" }),\r\n CellPhone: z.string().min(14, { message: errorMessage.InvalidFormat }),\r\n HomeZipcode: z.string().min(5, { message: \"Please enter 5 numbers\" }),\r\n});\r\n\r\nexport interface FormValuesFirstStep {\r\n [key: string]: string;\r\n FirstName: string;\r\n LastName: string;\r\n Email: string;\r\n}\r\nexport interface FormValuesSecondStep {\r\n [key: string]: string;\r\n FirstName: string;\r\n LastName: string;\r\n Email: string;\r\n CellPhone: string;\r\n HomeZipcode: string;\r\n}\r\nexport interface TimeFormValues {\r\n Time: Date;\r\n StoreLocation: Store;\r\n}\r\nexport interface inputDataProps {\r\n fieldType?: \"select\" | \"input\";\r\n type?: \"email\" | \"tel\" | \"text\" | \"hidden\" | \"password\";\r\n name: string;\r\n placeholder?: string;\r\n optionData?: { name: string; abbr: string }[];\r\n}\r\n\r\nexport const inputDataFirstStep: inputDataProps[] = [\r\n {\r\n name: \"FirstName\",\r\n placeholder: \"First Name\",\r\n },\r\n {\r\n name: \"LastName\",\r\n placeholder: \"Last Name\",\r\n },\r\n {\r\n name: \"Email\",\r\n placeholder: \"Email\",\r\n },\r\n];\r\n\r\nexport const inputDataSecondStep: inputDataProps[] = [\r\n {\r\n name: \"FirstName\",\r\n placeholder: \"First Name\",\r\n },\r\n {\r\n name: \"LastName\",\r\n placeholder: \"Last Name\",\r\n },\r\n {\r\n name: \"Email\",\r\n placeholder: \"Email\",\r\n },\r\n {\r\n type: \"tel\",\r\n name: \"CellPhone\",\r\n placeholder: \"Cell Phone\",\r\n },\r\n {\r\n name: \"HomeZipcode\",\r\n placeholder: \"Home Zipcode\",\r\n },\r\n];\r\n","import React, { forwardRef } from \"react\";\r\n\r\ntype LeadFormSelectField = Omit<\r\n React.InputHTMLAttributes\r\n See you soon!\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n {data && (\r\n \r\n Your Store\r\n
\r\n\r\n
\r\n )}\r\n \r\n
\r\n \r\n {data.StoreLocation.streetAndNumber}\r\n
\r\n {data.StoreLocation.city}, {data.StoreLocation.province}{\" \"}\r\n {data.StoreLocation.zip}\r\n
\r\n {data.StoreLocation.cellphone && (\r\n <>\r\n
\r\n \r\n )}\r\n
\r\n
\r\n \r\n
\r\n \r\n What to Bring\r\n
\r\n\r\n
\r\n - \r\n
- \r\n • Personal info. Phone number, Social\r\n Security Number, and a valid ID.\r\n \r\n
- \r\n • Steady income. Net and gross pay, and\r\n income information.\r\n \r\n
- \r\n • Banking info. Checking account and\r\n routing numbers.\r\n \r\n
\r\n \r\n \r\n {optionData.map((i: any) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n \r\n {error}\r\n \r\n
\r\n );\r\n }\r\n);\r\n\r\nexport default LeadFormSelectField;\r\n","import React, { useState, useEffect, useRef } from \"react\";\r\nimport { useForm } from \"react-hook-form\";\r\nimport { DevTool } from \"@hookform/devtools\";\r\nimport { zodResolver } from \"@hookform/resolvers/zod\";\r\nimport {\r\n schemaSecondStep,\r\n FormValuesSecondStep,\r\n inputDataProps,\r\n inputDataSecondStep,\r\n inputDataFirstStep,\r\n} from \"./LeadFormComponentConfig\";\r\nimport { PrimarySubmitButton } from \"@ui\";\r\nimport { useNumberFormatter } from \"@storeLocator/shortApp/util/useNumberFormatter\";\r\nimport { zipSearch } from \"@components/onlineScheduler/utils/utilFunctions\";\r\nimport LeadFormSelectField from \"./LeadFormSelectField\";\r\nimport CustomRadioGroupButton from \"./CustomRadioGroupButton\";\r\nimport { Link } from \"gatsby\";\r\ninterface SecondStepFormProps {\r\n onNextStep: (data: FormValuesSecondStep, coords: any) => void;\r\n formData: FormValuesSecondStep;\r\n errorMessage: string;\r\n}\r\nconst SecondStepForm = ({\r\n onNextStep,\r\n formData,\r\n errorMessage: errMessage,\r\n}: SecondStepFormProps) => {\r\n const lastCallRef = useRef(0);\r\n const [checkboxValid, setCheckboxValid] = useState(false);\r\n const [errorMessage, setErrorMessage] = useState(\"\");\r\n const form = useForm\r\n \r\n
\r\n \r\n Get Started\r\n
\r\n {errorMessage && (\r\n \r\n {errorMessage}\r\n \r\n )}\r\n\r\n {!!inputDataSecondStep &&\r\n inputDataSecondStep.map(\r\n ({\r\n name,\r\n placeholder,\r\n fieldType,\r\n type,\r\n optionData,\r\n }: inputDataProps) => {\r\n if (fieldType == \"select\") {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n }\r\n )}\r\n \r\n
\r\n \r\n setCheckboxValid(!checkboxValid)}\r\n className=\"mt-[3px] flex-shrink-0\"\r\n />\r\n \r\n By completing submission you agree to CheckSmart{\" \"}\r\n \r\n Communication Preferences\r\n {\" \"}\r\n and{\" \"}\r\n \r\n Privacy Policy\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\nexport default LeadFormController;\r\n","interface StoreHours {\r\n dayOfWeek: number; // 1 (Monday) - 7 (Sunday)\r\n from1?: string;\r\n to1?: string;\r\n closed?: boolean;\r\n}\r\nexport const getDayOfTheWeek = (day: number) => {\r\n const dayOfWeek = [\r\n \"Sunday\",\r\n \"Monday\",\r\n \"Tuesday\",\r\n \"Wednesday\",\r\n \"Thursday\",\r\n \"Friday\",\r\n \"Saturday\",\r\n ];\r\n return dayOfWeek[day % 7];\r\n};\r\nexport const convertTo12HourFormat = (time: string) => {\r\n const [hours, minutes] = time.split(\":\").map(Number);\r\n const suffix = hours >= 12 ? \"PM\" : \"AM\";\r\n const hours12 = hours % 12 || 12;\r\n\r\n return `${hours12}:${minutes.toString().padStart(2, \"0\")} ${suffix}`;\r\n};\r\n\r\nconst getStoreStatus = (storeHours: StoreHours[], now: Date) => {\r\n const currentDay = now.getDay() === 0 ? 7 : now.getDay(); // Convert Sunday from 0 to 7\r\n const currentTime = now.getHours() * 100 + now.getMinutes(); // Convert current time to comparable format\r\n\r\n const todayHours =\r\n storeHours.find((day) => day.dayOfWeek === currentDay) ?? null;\r\n\r\n if (todayHours?.closed) {\r\n // If the store is closed today, find the next opening time\r\n const nextOpeningDay = storeHours.find(\r\n (day) => day.dayOfWeek > currentDay && day.from1\r\n );\r\n return {\r\n status: \"Closed.\",\r\n nextAction: `Opens ${convertTo12HourFormat(\r\n nextOpeningDay!.from1 ?? \"00:00\"\r\n )} ${getDayOfTheWeek(nextOpeningDay!.dayOfWeek)}`,\r\n };\r\n } else if (todayHours) {\r\n //const openingTime = parseInt(todayHours.from1!.replace(\":\", \"\"), 10);\r\n //const closingTime = parseInt(todayHours.to1!.replace(\":\", \"\"), 10);\r\n return {\r\n status: `Open today ${convertTo12HourFormat(todayHours.from1!)}`,\r\n nextAction: `- ${convertTo12HourFormat(todayHours.to1!)}`,\r\n };\r\n } else {\r\n throw Error(\"no store hours passed\");\r\n }\r\n};\r\nexport default getStoreStatus;\r\n","import React from \"react\";\r\nimport getStoreStatus from \"../storeLocator/utils/getStoreStatus\";\r\nimport { OpeningHour } from \"@storeLocator/storeType\";\r\ninterface OpenClosingTimeProps {\r\n storeHours: OpeningHour[];\r\n}\r\nconst OpenclosingTime = ({ storeHours }: OpenClosingTimeProps) => {\r\n const { status, nextAction } = getStoreStatus(storeHours, new Date());\r\n return (\r\n \r\n {status} {nextAction}\r\n \r\n );\r\n};\r\n\r\nexport default OpenclosingTime;\r\n","import { stores } from \"../../../data/stores\";\r\nexport const haversineDistance = (\r\n coords1: { lat: number; lng: number },\r\n coords2: { lat: number; lng: number }\r\n) => {\r\n const R = 3958.8; // Earth's radius in miles\r\n const lat1 = coords1.lat;\r\n const lon1 = coords1.lng;\r\n const lat2 = coords2.lat;\r\n const lon2 = coords2.lng;\r\n\r\n const dLat = (lat2 - lat1) * (Math.PI / 180);\r\n const dLon = (lon2 - lon1) * (Math.PI / 180);\r\n\r\n const a =\r\n Math.sin(dLat / 2) * Math.sin(dLat / 2) +\r\n Math.cos(lat1 * (Math.PI / 180)) *\r\n Math.cos(lat2 * (Math.PI / 180)) *\r\n Math.sin(dLon / 2) *\r\n Math.sin(dLon / 2);\r\n\r\n const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));\r\n return R * c; // Distance in miles\r\n};\r\n\r\nexport const threeNearestStores = (\r\n stores: any,\r\n coords: { lat: number; lng: number }\r\n) => {\r\n return stores\r\n .map((store: any) => {\r\n return {\r\n ...store,\r\n distance: haversineDistance(coords, { lat: store.lat, lng: store.lng }),\r\n };\r\n })\r\n .sort((a: any, b: any) => a.distance - b.distance)\r\n .slice(0, 3);\r\n};\r\n\r\nexport const zipSearch = async (zipcode: string) => {\r\n try {\r\n const response = await fetch(\r\n `https://maps.googleapis.com/maps/api/geocode/json?address=${zipcode}&key=${process.env.GOOGLE_MAPS_API_KEY}`\r\n );\r\n const data = await response.json();\r\n if (data.status === \"OK\") {\r\n const coords = data.results[0].geometry.location;\r\n return coords;\r\n }\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n }\r\n return {};\r\n};\r\n\r\nexport const roundUpToNearest15Minutes = (date: Date) => {\r\n const ms = 1000 * 60 * 15; // 15 minutes in milliseconds\r\n return new Date(Math.ceil(date.getTime() / ms) * ms);\r\n};\r\nexport const formattedTimeInUTC = (time: Date) => {\r\n const year = time.getUTCFullYear();\r\n const month = time.getUTCMonth() + 1;\r\n const date = time.getUTCDate();\r\n const hours = time.getUTCHours().toString().padStart(2, \"0\");\r\n const mins = time.getUTCMinutes().toString().padStart(2, \"0\");\r\n return `${year}/${month}/${date} ${hours}:${mins}`;\r\n};\r\nexport const formattedTime = (time: Date) => {\r\n const year = time.getFullYear();\r\n const month = time.getMonth() + 1;\r\n const date = time.getDate();\r\n const hours = time.getHours().toString().padStart(2, \"0\");\r\n const mins = time.getMinutes().toString().padStart(2, \"0\");\r\n return `${year}/${month}/${date} ${hours}:${mins}`;\r\n};\r\nexport const formatPhoneNumber = (phoneNumber: string) => {\r\n const areaCode = phoneNumber.slice(0, 3);\r\n const centralOfficeCode = phoneNumber.slice(3, 6);\r\n const lineNumber = phoneNumber.slice(6, 10);\r\n\r\n return `(${areaCode}) ${centralOfficeCode}-${lineNumber}`;\r\n};\r\n\r\nexport const getAllDistinctStates = () => {\r\n const states = new Set();\r\n stores.forEach((store: any) => {\r\n states.add(store.province);\r\n });\r\n return states;\r\n};\r\n","import { useEffect, useMemo } from \"react\";\r\nimport { UseFormReturn } from \"react-hook-form\";\r\nimport { FormValues } from \"../SAConfigs\";\r\n\r\nexport const useNumberFormatter = ({\r\n field,\r\n formatPhone = false,\r\n slice = 0,\r\n form,\r\n callback,\r\n}: {\r\n field: string;\r\n formatPhone?: boolean;\r\n slice?: number;\r\n form: any;\r\n callback?: (formattedValue: string) => any;\r\n}) => {\r\n const { getValues, watch, setValue } = form;\r\n useEffect(() => {\r\n const number = getValues(field);\r\n const updatedNumber = formatNumber(number, {\r\n formatPhone: formatPhone,\r\n slice: slice,\r\n });\r\n setValue(field, updatedNumber);\r\n if (callback && updatedNumber.length == 5) {\r\n try {\r\n callback(updatedNumber);\r\n } catch (error) {\r\n console.error(\"Error handling the promise:\", error);\r\n }\r\n }\r\n }, [watch(field)]);\r\n};\r\n\r\nexport const formatNumber = (\r\n value: string,\r\n phoneObj: { formatPhone: boolean; slice: number }\r\n) => {\r\n if (!value) return value;\r\n const number = value.replace(/[^\\d]/g, \"\");\r\n const numberLength = number.length;\r\n if (phoneObj.formatPhone) {\r\n if (numberLength < 4) return number;\r\n if (numberLength < 7) {\r\n return `(${number.slice(0, 3)}) ${number.slice(3)}`;\r\n }\r\n return `(${number.slice(0, 3)}) ${number.slice(3, 6)}-${number.slice(\r\n 6,\r\n 10\r\n )}`;\r\n } else {\r\n return `${number.slice(0, phoneObj.slice)}`;\r\n }\r\n};\r\n","export type StateAbbreviation =\r\n | \"AL\"\r\n | \"AK\"\r\n | \"AZ\"\r\n | \"AR\"\r\n | \"CA\"\r\n | \"CO\"\r\n | \"CT\"\r\n | \"DE\"\r\n | \"FL\"\r\n | \"GA\"\r\n | \"HI\"\r\n | \"ID\"\r\n | \"IL\"\r\n | \"IN\"\r\n | \"IA\"\r\n | \"KS\"\r\n | \"KY\"\r\n | \"LA\"\r\n | \"ME\"\r\n | \"MD\"\r\n | \"MA\"\r\n | \"MI\"\r\n | \"MN\"\r\n | \"MS\"\r\n | \"MO\"\r\n | \"MT\"\r\n | \"NE\"\r\n | \"NV\"\r\n | \"NH\"\r\n | \"NJ\"\r\n | \"NM\"\r\n | \"NY\"\r\n | \"NC\"\r\n | \"ND\"\r\n | \"OH\"\r\n | \"OK\"\r\n | \"OR\"\r\n | \"PA\"\r\n | \"RI\"\r\n | \"SC\"\r\n | \"SD\"\r\n | \"TN\"\r\n | \"TX\"\r\n | \"UT\"\r\n | \"VT\"\r\n | \"VA\"\r\n | \"WA\"\r\n | \"WV\"\r\n | \"WI\"\r\n | \"WY\";\r\n\r\nconst stateAbbreviationsToNames: { [key in StateAbbreviation]: string } = {\r\n AL: \"Alabama\",\r\n AK: \"Alaska\",\r\n AZ: \"Arizona\",\r\n AR: \"Arkansas\",\r\n CA: \"California\",\r\n CO: \"Colorado\",\r\n CT: \"Connecticut\",\r\n DE: \"Delaware\",\r\n FL: \"Florida\",\r\n GA: \"Georgia\",\r\n HI: \"Hawaii\",\r\n ID: \"Idaho\",\r\n IL: \"Illinois\",\r\n IN: \"Indiana\",\r\n IA: \"Iowa\",\r\n KS: \"Kansas\",\r\n KY: \"Kentucky\",\r\n LA: \"Louisiana\",\r\n ME: \"Maine\",\r\n MD: \"Maryland\",\r\n MA: \"Massachusetts\",\r\n MI: \"Michigan\",\r\n MN: \"Minnesota\",\r\n MS: \"Mississippi\",\r\n MO: \"Missouri\",\r\n MT: \"Montana\",\r\n NE: \"Nebraska\",\r\n NV: \"Nevada\",\r\n NH: \"New Hampshire\",\r\n NJ: \"New Jersey\",\r\n NM: \"New Mexico\",\r\n NY: \"New York\",\r\n NC: \"North Carolina\",\r\n ND: \"North Dakota\",\r\n OH: \"Ohio\",\r\n OK: \"Oklahoma\",\r\n OR: \"Oregon\",\r\n PA: \"Pennsylvania\",\r\n RI: \"Rhode Island\",\r\n SC: \"South Carolina\",\r\n SD: \"South Dakota\",\r\n TN: \"Tennessee\",\r\n TX: \"Texas\",\r\n UT: \"Utah\",\r\n VT: \"Vermont\",\r\n VA: \"Virginia\",\r\n WA: \"Washington\",\r\n WV: \"West Virginia\",\r\n WI: \"Wisconsin\",\r\n WY: \"Wyoming\",\r\n};\r\n\r\nconst getFullStateName = (abbreviation: StateAbbreviation): string => {\r\n return stateAbbreviationsToNames[abbreviation] || \"Unknown\";\r\n};\r\n\r\nexport default getFullStateName;\r\n","import React from \"react\";\r\nimport { twMerge } from \"tailwind-merge\";\r\n\r\ninterface ContainerProps {\r\n className?: string;\r\n style?: React.CSSProperties;\r\n children: React.ReactNode;\r\n}\r\n\r\nconst Container = ({ className, style, children }: ContainerProps) => {\r\n const containerClasses = `mx-auto max-w-screen-lg px-5 xl:px-0 ${\r\n className || \"\"\r\n }`;\r\n\r\n return (\r\n \r\n We don't offer loans in{\" \"}\r\n {getFullStateName(coordsState as StateAbbreviation)}\r\n
\r\n\r\n Unfortunately, we don't currently offer loans in{\" \"}\r\n {getFullStateName(coordsState as StateAbbreviation)}. Thank you for\r\n thinking of us.\r\n
\r\n\r\n {children}\r\n
\r\n );\r\n};\r\n\r\nexport default Container;\r\n","import React, { useState } from \"react\";\r\nimport { Link } from \"gatsby\";\r\nimport { Arrow, Pin, Book } from \"@images/icons\";\r\nimport { twMerge } from \"tailwind-merge\";\r\n\r\ninterface PrimaryButtonProps {\r\n externalText: string;\r\n internalText: string;\r\n internalPath?: string;\r\n externalUrl?: string;\r\n new_window?: \"_blank\" | \"_self\" | string;\r\n icon?: PrimaryButtonIcon;\r\n width?: number;\r\n className?: string;\r\n}\r\n\r\n// Controls the options for the PrimaryButton icon\r\nexport type PrimaryButtonIcon = \"arrow\" | \"book\" | \"pin\";\r\n\r\nconst PrimaryButton = ({\r\n width = 260,\r\n icon = \"arrow\",\r\n new_window = \"_self\",\r\n className,\r\n ...props\r\n}: PrimaryButtonProps) => {\r\n // Initializing state for slide animation on hover\r\n const [isShown, setIsShown] = useState(false);\r\n\r\n // Assigning Icon based on passed prop\r\n let Icon;\r\n switch (icon) {\r\n case \"pin\":\r\n Icon = Pin;\r\n break;\r\n case \"book\":\r\n Icon = Book;\r\n break;\r\n default:\r\n Icon = Arrow;\r\n }\r\n\r\n /* Ensuring that an internal path is supplied (ensuring not an empty string or not undefined).\r\n If it is supplied, then render a Gatsby Link () otherwise render as a default anchor tag (). */\r\n const Component =\r\n props.internalPath != \"\" && props.internalPath != undefined ? Link : \"a\";\r\n return (\r\n tags\r\n if ((domNode as Element).name === \"h1\") {\r\n return (\r\n \r\n {domToReact((domNode as Element).children)}\r\n
\r\n );\r\n }\r\n // Style and Render tags\r\n if ((domNode as Element).name === \"h2\") {\r\n return (\r\n \r\n {domToReact((domNode as Element).children)}\r\n
\r\n );\r\n }\r\n // Style and Render tags\r\n if ((domNode as Element).name === \"h3\") {\r\n return (\r\n \r\n {domToReact((domNode as Element).children)}\r\n
\r\n );\r\n }\r\n // Style and Render tags\r\n if ((domNode as Element).name === \"h4\") {\r\n return (\r\n \r\n {domToReact((domNode as Element).children)}\r\n
\r\n );\r\n }\r\n // Style and Render tags\r\n if ((domNode as Element).name === \"p\") {\r\n return (\r\n
- tags\r\n if ((domNode as Element).name === \"ul\") {\r\n return (\r\n
\r\n \r\n
\r\n);\r\n\r\nexport default Spinner;\r\n","export default function getTextColor(codename: TextColors) {\r\n switch (codename) {\r\n case \"white\":\r\n return \"text-white\";\r\n case \"chocolate\":\r\n return \"text-chocolate\";\r\n case \"midnight\":\r\n return \"text-midnight\";\r\n case \"teal\":\r\n return \"text-primary\";\r\n case \"redwood\":\r\n return \"text-redWood\";\r\n }\r\n}\r\n\r\nexport type TextColors =\r\n | \"white\"\r\n | \"chocolate\"\r\n | \"midnight\"\r\n | \"teal\"\r\n | \"redwood\";\r\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.CASE_SENSITIVE_TAG_NAMES_MAP = exports.CASE_SENSITIVE_TAG_NAMES = void 0;\n/**\n * SVG elements are case-sensitive.\n *\n * @see https://developer.mozilla.org/docs/Web/SVG/Element#svg_elements_a_to_z\n */\nexports.CASE_SENSITIVE_TAG_NAMES = [\n 'animateMotion',\n 'animateTransform',\n 'clipPath',\n 'feBlend',\n 'feColorMatrix',\n 'feComponentTransfer',\n 'feComposite',\n 'feConvolveMatrix',\n 'feDiffuseLighting',\n 'feDisplacementMap',\n 'feDropShadow',\n 'feFlood',\n 'feFuncA',\n 'feFuncB',\n 'feFuncG',\n 'feFuncR',\n 'feGaussianBlur',\n 'feImage',\n 'feMerge',\n 'feMergeNode',\n 'feMorphology',\n 'feOffset',\n 'fePointLight',\n 'feSpecularLighting',\n 'feSpotLight',\n 'feTile',\n 'feTurbulence',\n 'foreignObject',\n 'linearGradient',\n 'radialGradient',\n 'textPath',\n];\nexports.CASE_SENSITIVE_TAG_NAMES_MAP = exports.CASE_SENSITIVE_TAG_NAMES.reduce(function (accumulator, tagName) {\n accumulator[tagName.toLowerCase()] = tagName;\n return accumulator;\n}, {});\n//# sourceMappingURL=constants.js.map","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\n// constants\nvar HTML = 'html';\nvar HEAD = 'head';\nvar BODY = 'body';\nvar FIRST_TAG_REGEX = /<([a-zA-Z]+[0-9]?)/; // e.g.,