@bloom-housing/ui-components 3.0.1-alpha.6 → 4.0.0

package/src/locales/zh.json

@@ -5,7 +5,7 @@
     "createAccount": "建立帳戶",
     "haveAnAccount": "已開立帳戶？",
     "myApplications": "我的申請",
-    "myApplicationsSubtitle": "查看您已申請物業的抽簽日期和上市名單"
+    "myApplicationsSubtitle": "查看您已申請物業的抽簽日期和好屋推薦"
   },
   "application": {
     "form": {
@@ -127,10 +127,12 @@
       "assistanceUrl": "https://exygy.com/",
       "dontQualifyHeader": "很遺憾，您似乎不符合這次上市名單的申請資格。",
       "dontQualifyInfo": "如果您認為自己可能填寫錯誤，請更改資料。請注意，如果您偽造任何申請資料，您將會被取消資格。如果您填寫的資料正確無誤，我們建議您日後再回來查看，因為會有更多可供申請的物業。",
+      "genericSubtitle": "如果您的申請被選中，請準備提供必要文件。 ",
       "addMembers": {
         "addHouseholdMember": "+ 加入家庭成員",
         "done": "完成加入成員",
-        "title": "請提供您家庭的資料。"
+        "title": "請提供您家庭的資料。",
+        "doubleCheck": "請再次確認每位家庭成員的資訊。"
       },
       "householdMember": "家庭成員（一人）",
       "householdMembers": "家庭成員（多人）",
@@ -142,6 +144,7 @@
       "preferredUnit": {
         "preferredUnitType": "首選單位類型",
         "title": "您對哪類單位面積感興趣？",
+        "subTitle": "雖然單位尺寸通常根據入住率分配，但請提供您的首選單位尺寸，以確定您在此機會的偏好或建立候補名單（僅針對此機會）",
         "optionsLabel": "請勾選所有適用的單位：",
         "options": {
           "studio": "套房",
@@ -151,6 +154,14 @@
           "fourBdrm": "3+ 間卧室"
         }
       },
+      "expectingChanges": {
+        "title": "預計家庭變化",
+        "question": "您預計家庭在接下來的 12 個月內可能發生什麼變化？"
+      },
+      "householdStudent": {
+        "title": "家人包括接近 18 歲的學生或成員",
+        "question": "您的家人是否有全日制學生或在 60 天內年滿 18 歲？"
+      },
       "member": {
         "cancelAddingThisPerson": "取消加入此人",
         "deleteThisPerson": "刪除此人",
@@ -274,7 +285,20 @@
           "americanIndianAlaskanNativeAndWhite": "美國印第安人／阿拉斯加原住民和白人",
           "asianAndWhite": "亞洲人和白人",
           "blackAfricanAmericanAndWhite": "黑人／非裔美國人和白人",
-          "otherMutliracial": "其他／混血"
+          "otherMutliracial": "其他／混血",
+          "asian-otherAsian": "其他亞裔",
+          "asian-chinese": "中國人",
+          "asian-asianIndian": "亞洲 印度人",
+          "declineToRespond": "拒絕回答",
+          "asian-filipino": "菲律賓人",
+          "nativeHawaiianOtherPacificIslander-guamanianOrChamorro": "關島或查莫羅",
+          "asian-japanese": "日本人",
+          "asian-korean": "韓國人",
+          "nativeHawaiianOtherPacificIslander-nativeHawaiian": "夏威夷原住民",
+          "otherMultiracial": "其他／多種族",
+          "nativeHawaiianOtherPacificIslander-otherPacificIslander": "其他太平洋島民",
+          "nativeHawaiianOtherPacificIslander-samoan": "薩摩亞",
+          "asian-vietnamese": "越南人"
         },
         "genderOptions": {
           "female": "女",
@@ -292,7 +316,7 @@
           "notListed": "未列出"
         },
         "howDidYouHearOptions": {
-          "alamedaCountyHCDWebsite": "阿拉米達縣房屋與社區發展部 (HCD) 網站",
+          "jurisdictionWebsite": "阿拉米達縣房屋與社區發展部 (HCD) 網站",
           "developerWebsite": "開發商網站",
           "flyer": "宣傳單",
           "emailAlert": "電郵提醒",
@@ -361,7 +385,22 @@
     "signIn": {
       "error": "您在登入時出現錯誤",
       "errorGenericMessage": "請再試一次，或聯絡支援人員尋求協助。",
+      "forgotPassword": "忘記密碼",
       "success": "歡迎回來，%{name}!"
+    },
+    "createAccount": {
+      "accountConfirmed": "您的帳戶已成功確認。",
+      "anEmailHasBeenSent": "本電郵已發送至 %{email}",
+      "confirmationInstruction": "請按一下我們發送的電子郵件內連結，並完成建立帳戶程序。",
+      "confirmationNeeded": "需要確認",
+      "resendTheEmail": "重新發送電子郵件",
+      "password": "密碼",
+      "noAccount": "沒有賬戶？",
+      "reEnterEmail": "重新輸入電子郵件地址",
+      "passwordInfo": "必須至少為 8 個字符，並且至少包含 1 個字母和至少一個數字",
+      "reEnterPassword": "重新輸入您的密碼",
+      "mustBe8Chars": "必須是 8 個字符",
+      "yourName": "您的姓名"
     }
   },
   "config": {
@@ -402,7 +441,7 @@
     "forGeneralQuestions": "若為一般計劃查詢，可以致電 000-000-0000 聯絡我們。",
     "giveFeedback": "提供回饋意見",
     "privacyPolicy": "隱私權政策",
-    "copyright": "Demonstration County © 2020 • 版權所有"
+    "copyright": "Demonstration Jurisdiction © 2021 • 版權所有"
   },
   "housingCounselors": {
     "subtitle": "根據您的特定需求，請與您當地的房屋顧問商談。",
@@ -567,8 +606,9 @@
   },
   "nav": {
     "accountSettings": "帳戶設定",
+    "getFeedback": "我們希望得到您的回饋",
     "browseProperties": "瀏覽物業",
-    "getAssistance": "尋求協助",
+    "getAssistance": "獲得協助",
     "listings": "好屋推薦",
     "properties": "物業",
     "applications": "申請資訊",
@@ -674,6 +714,7 @@
     "edit": "編輯",
     "email": "電子郵件",
     "emailAddressPlaceholder": "you@myemail.com",
+    "description": "輸入說明",
     "floor": "樓層",
     "floors": "樓層",
     "getDirections": "取得路線",
@@ -702,6 +743,7 @@
     "phone": "電話號碼",
     "phoneNumberPlaceholder": "(555) 555-5555",
     "pleaseSelectOne": "請選取一項。",
+    "pleaseSelectYesNo": "請選擇是或否。",
     "preferences": "優先權",
     "propertyAmenities": "物業便利設施",
     "range": "由 %{from} 至 %{to}",
@@ -737,7 +779,11 @@
     "seeRentalListings": "查看租賃部分",
     "title": "申請此地的可負擔房屋：",
     "seeMoreOpportunities": "查看更多租賃和自購住房的機會",
-    "viewAdditionalHousing": "瀏覽其他住房機會和資源"
+    "viewAdditionalHousing": "瀏覽其他住房機會和資源",
+    "seeMoreOpportunitiesTruncated": "查看更多住屋機會及資源",
+    "viewAdditionalHousingTruncated": "查看機會及資源",
+    "signUp": "發佈新清單即收到電子郵件",
+    "signUpToday": "立即註冊"
   },
   "whatToExpect": {
     "label": "預期事項",

package/src/navigation/ProgressNav.tsx

@@ -1,5 +1,4 @@
 import React from "react"
-import { OnClientSide } from "../helpers/nextjs"
 import "./ProgressNav.scss"
 import { t } from "../helpers/translator"
 
@@ -8,9 +7,10 @@ const ProgressNavItem = (props: {
   currentPageSection: number
   completedSections: number
   label: string
+  mounted: boolean
 }) => {
   let bgColor = "is-disabled"
-  if (OnClientSide()) {
+  if (props.mounted) {
     if (props.section === props.currentPageSection) {
       bgColor = "is-active"
     } else if (props.completedSections >= props.section) {
@@ -39,11 +39,12 @@ const ProgressNav = (props: {
   currentPageSection: number
   completedSections: number
   labels: string[]
+  mounted: boolean
 }) => {
   return (
     <div>
       <h2 className="sr-only">{t("progressNav.srHeading")}</h2>
-      <ul className={!OnClientSide() ? "invisible" : "progress-nav"}>
+      <ul className={!props.mounted ? "invisible" : "progress-nav"}>
         {props.labels.map((label, i) => (
           <ProgressNavItem
             key={label}
@@ -52,6 +53,7 @@ const ProgressNav = (props: {
             currentPageSection={props.currentPageSection}
             completedSections={props.completedSections}
             label={label}
+            mounted={props.mounted}
           />
         ))}
       </ul>

package/src/notifications/AlertBox.tsx

@@ -70,7 +70,7 @@ const AlertBox = (props: AlertBoxProps) => {
   }
 
   return showing ? (
-    <div className={classNames} role="alert">
+    <div className={classNames} role="alert" data-test-id={"alert-box"}>
       {innerSection}
     </div>
   ) : null

package/src/notifications/ErrorMessage.tsx

@@ -3,7 +3,12 @@ import React from "react"
 const ErrorMessage = (props: { id?: string; error?: boolean; children?: React.ReactNode }) => {
   if (props.error) {
     return (
-      <span id={props.id} className="error-message" aria-live="assertive">
+      <span
+        id={props.id}
+        className="error-message"
+        aria-live="assertive"
+        data-test-id={"error-message"}
+      >
         {props.children}
       </span>
     )

package/src/overlays/Modal.scss

@@ -8,7 +8,10 @@
   @apply bg-white;
   @apply rounded-md;
   @apply shadow-md;
-  min-width: 32rem;
+
+  @screen md {
+    min-width: 32rem;
+  }
 }
 
 // Content containers

package/src/overlays/Modal.tsx

@@ -19,12 +19,11 @@ const ModalHeader = (props: { title: string }) => (
 
 const ModalFooter = (props: { actions: React.ReactNode[] }) => (
   <footer className="modal__footer bg-primary-lighter" data-testid="footer">
-    <GridSection columns={4} reverse={true} tightSpacing={true}>
-      {props.actions &&
-        props.actions.map((action: React.ReactNode, index: number) => (
-          <GridCell key={index}>{action}</GridCell>
-        ))}
-    </GridSection>
+    <div className="flex flex-row-reverse gap-5">
+      {props.actions.map((action: React.ReactNode, index: number) => (
+        <div key={index}>{action}</div>
+      ))}
+    </div>
   </footer>
 )
 

package/src/page_components/listing/AdditionalFees.tsx

@@ -6,6 +6,7 @@ export interface AdditionalFeesProps {
   depositMax?: string
   applicationFee?: string
   costsNotIncluded?: string
+  depositHelperText?: string
 }
 
 const AdditionalFees = (props: AdditionalFeesProps) => {
@@ -37,7 +38,7 @@ const AdditionalFees = (props: AdditionalFeesProps) => {
           <div className="info-card__column">
             <div className="text-base">{t("t.deposit")}</div>
             <div className="text-xl font-bold">{getDeposit()}</div>
-            <div>{t("listings.depositOrMonthsRent")}</div>
+            {props.depositHelperText && <div>{props.depositHelperText}</div>}
           </div>
         )}
       </div>

package/src/page_components/listing/ListingCard.tsx

@@ -28,7 +28,7 @@ const ListingCard = (props: ListingCardProps) => {
   const { imageCardProps, tableProps, detailsLinkClass, tableHeaderProps } = props
 
   return (
-    <article className="listings-row">
+    <article className="listings-row" data-test-id={"listing-card-component"}>
       <div className="listings-row_figure">
         <ImageCard {...imageCardProps} />
       </div>

package/src/page_components/listing/listing_sidebar/GetApplication.tsx

@@ -7,6 +7,7 @@ import { Address } from "../../../helpers/address"
 import { SidebarAddress } from "./SidebarAddress"
 import { NumberedHeader } from "./NumberedHeader"
 import { OrDivider } from "./OrDivider"
+import { ListingStatus } from "@bloom-housing/backend-core/types"
 
 export interface PaperApplication {
   fileURL: string
@@ -24,12 +25,17 @@ export interface ApplicationsProps {
   applicationPickUpAddressOfficeHours?: string
   applicationPickUpAddress?: Address
   preview?: boolean
+  listingStatus?: ListingStatus
 }
 
 const GetApplication = (props: ApplicationsProps) => {
   const [showDownload, setShowDownload] = useState(false)
   const toggleDownload = () => setShowDownload(!showDownload)
 
+  if (props.listingStatus === ListingStatus.closed) {
+    return null
+  }
+
   return (
     <section className="aside-block">
       <h2 className="text-caps-underline">{t("listings.apply.howToApply")}</h2>
@@ -43,7 +49,7 @@ const GetApplication = (props: ApplicationsProps) => {
       {props.applicationsOpen && props.onlineApplicationURL && (
         <>
           {props.preview ? (
-            <Button disabled className="w-full mb-2">
+            <Button disabled className="w-full mb-2" data-test-id={"listing-view-apply-button"}>
               {t("listings.apply.applyOnline")}
             </Button>
           ) : (
@@ -51,6 +57,7 @@ const GetApplication = (props: ApplicationsProps) => {
               styleType={AppearanceStyleType.primary}
               className="w-full mb-2"
               href={props.onlineApplicationURL}
+              dataTestId={"listing-view-apply-button"}
             >
               {t("listings.apply.applyOnline")}
             </LinkButton>

package/src/page_components/listing/listing_sidebar/SubmitApplication.tsx

@@ -4,6 +4,7 @@ import { Address } from "../../../helpers/address"
 import { SidebarAddress } from "./SidebarAddress"
 import { NumberedHeader } from "./NumberedHeader"
 import { OrDivider } from "./OrDivider"
+import { ListingStatus } from "@bloom-housing/backend-core/types"
 
 export interface PostmarkedApplication {
   postmarkedApplicationsReceivedByDate: string
@@ -17,19 +18,28 @@ export interface ApplicationAddressesProps {
   applicationDropOffAddressOfficeHours?: string
   applicationOrganization?: string
   postmarkedApplicationData?: PostmarkedApplication
+  listingStatus?: ListingStatus
 }
 
 const SubmitApplication = (props: ApplicationAddressesProps) => {
+  if (props.listingStatus === ListingStatus.closed) {
+    return null
+  }
+
   return (
     <>
-      {(props.applicationMailingAddress || props.applicationDropOffAddress) && (
+      {(props.applicationMailingAddress ||
+        props.applicationDropOffAddress ||
+        props.postmarkedApplicationData) && (
         <section className="aside-block is-tinted bg-gray-100">
           <NumberedHeader num={2} text={t("listings.apply.submitAPaperApplication")} />
-          {props.applicationMailingAddress && (
+          {(props.applicationMailingAddress || props.postmarkedApplicationData) && (
             <>
               <h3 className="text-caps-tiny">{t("listings.apply.sendByUsMail")}</h3>
               <p className="text-gray-700">{props.applicationOrganization}</p>
-              <SidebarAddress address={props.applicationMailingAddress} />
+              {props.applicationMailingAddress && (
+                <SidebarAddress address={props.applicationMailingAddress} />
+              )}
               <p className="mt-4 text-tiny text-gray-750">
                 {props.postmarkedApplicationData?.postmarkedApplicationsReceivedByDate
                   ? t("listings.apply.postmarkedApplicationsMustBeReceivedByDate", {

package/src/page_components/listing/listing_sidebar/Waitlist.tsx

@@ -1,77 +1,46 @@
 import * as React from "react"
 import { t } from "../../../helpers/translator"
 
-const WaitlistItem = (props: { className?: string; value: number; text: string }) => {
-  return props.value ? (
-    <li className={`uppercase text-gray-800 text-tiny ${props.className}`}>
-      <span className="text-right w-12 inline-block pr-2">{props.value}</span>
-      <span>{props.text}</span>
-    </li>
-  ) : null
-}
-
 export interface WaitlistProps {
   isWaitlistOpen: boolean
-  waitlistMaxSize: number
-  waitlistCurrentSize: number
-  waitlistOpenSpots: number
-  unitsAvailable: number
+  waitlistMaxSize?: number | null
+  waitlistCurrentSize?: number | null
+  waitlistOpenSpots?: number | null
 }
 
+const WaitlistItem = (props: { className?: string; value: number; text: string }) => (
+  <li className={`uppercase text-gray-800 text-tiny ${props.className}`}>
+    <span className="text-right w-12 inline-block pr-2">{props.value}</span>
+    <span>{props.text}</span>
+  </li>
+)
+
 const Waitlist = (props: WaitlistProps) => {
-  let header, subheader, waitlistItems
-  if (!props.isWaitlistOpen && !props.waitlistCurrentSize) return <></>
-  if (props.unitsAvailable && props.unitsAvailable > 0 && props.isWaitlistOpen) {
-    header = t("listings.waitlist.unitsAndWaitlist")
-    subheader = t("listings.waitlist.submitAnApplication")
-    waitlistItems = (
-      <>
-        <WaitlistItem
-          value={props.unitsAvailable}
-          text={t("listings.availableUnits")}
-          className={"font-semibold"}
-        />
-        {props.waitlistOpenSpots && (
-          <WaitlistItem
-            value={props.waitlistOpenSpots}
-            text={t("listings.waitlist.openSlots")}
-            className={"font-semibold"}
-          />
-        )}
-      </>
-    )
-  } else {
-    if (props.isWaitlistOpen) {
-      header = t("listings.waitlist.isOpen")
-      subheader = t("listings.waitlist.submitForWaitlist")
-    } else {
-      header = t("listings.waitlist.closed")
-      subheader = null
-    }
-    waitlistItems = (
-      <>
-        <WaitlistItem
-          value={props.waitlistCurrentSize || 0}
-          text={t("listings.waitlist.currentSize")}
-        />
-        {props.waitlistOpenSpots && (
-          <WaitlistItem
-            value={props.waitlistOpenSpots}
-            text={t("listings.waitlist.openSlots")}
-            className={"font-semibold"}
-          />
-        )}
-        <WaitlistItem value={props.waitlistMaxSize || 0} text={t("listings.waitlist.finalSize")} />
-      </>
-    )
-  }
+  if (!props.isWaitlistOpen) return <></>
 
   return (
     <section className="aside-block is-tinted">
-      <h4 className="text-caps-tiny">{header}</h4>
+      <h4 className="text-caps-tiny">{t("listings.waitlist.unitsAndWaitlist")}</h4>
       <div>
-        {subheader && <p className="text-tiny text-gray-800 pb-3">{subheader}</p>}
-        {<ul>{waitlistItems}</ul>}
+        <p className="text-tiny text-gray-800 pb-3">{t("listings.waitlist.submitAnApplication")}</p>
+        <ul>
+          {props.waitlistCurrentSize !== null && props.waitlistCurrentSize !== undefined && (
+            <WaitlistItem
+              value={props.waitlistCurrentSize}
+              text={t("listings.waitlist.currentSize")}
+            />
+          )}
+          {props.waitlistOpenSpots !== null && props.waitlistOpenSpots !== undefined && (
+            <WaitlistItem
+              value={props.waitlistOpenSpots}
+              text={t("listings.waitlist.openSlots")}
+              className={"font-semibold"}
+            />
+          )}
+          {props.waitlistMaxSize != null && (
+            <WaitlistItem value={props.waitlistMaxSize} text={t("listings.waitlist.finalSize")} />
+          )}
+        </ul>
       </div>
     </section>
   )

package/src/page_components/listing/listing_sidebar/events/DownloadLotteryResults.tsx

@@ -1,14 +1,11 @@
 import * as React from "react"
-import { ListingEvent, ListingEventType } from "@bloom-housing/backend-core/types"
+import { ListingEvent } from "@bloom-housing/backend-core/types"
 import { t } from "../../../../helpers/translator"
-import { pdfUrlFromListingEvents } from "../../../../helpers/pdfs"
 import moment from "moment"
 
-const DownloadLotteryResults = (props: { event: ListingEvent; cloudName: string }) => {
-  const { event, cloudName } = props
-  const eventUrl = event
-    ? pdfUrlFromListingEvents([event], ListingEventType.lotteryResults, cloudName)
-    : null
+const DownloadLotteryResults = (props: { event: ListingEvent; pdfUrl: string }) => {
+  const { event, pdfUrl } = props
+  const eventUrl = event ? pdfUrl : null
   return (
     <>
       {eventUrl && (

package/src/tables/MinimalTable.tsx

@@ -11,6 +11,7 @@ export interface MinimalTableProps {
   responsiveCollapse?: boolean
   className?: string
   cellClassName?: string
+  id?: string
 }
 
 const MinimalTable = (props: MinimalTableProps) => {
@@ -26,6 +27,7 @@ const MinimalTable = (props: MinimalTableProps) => {
       tableClassName={tableClasses.join(" ")}
       cellClassName={`${props.cellClassName ? props.cellClassName : `px-5 py-3`}`}
       responsiveCollapse={props.responsiveCollapse}
+      id={props.id}
     />
   )
 }

package/src/tables/StandardTable.tsx

@@ -51,6 +51,7 @@ export interface StandardTableProps {
   cellClassName?: string
   responsiveCollapse?: boolean
   translateData?: boolean
+  id?: string
 }
 
 export type StandardTableData = Record<string, React.ReactNode>[] | undefined
@@ -204,7 +205,7 @@ export const StandardTable = (props: StandardTableProps) => {
 
   return (
     <div style={{ overflowX: "auto" }}>
-      <table className={tableClasses.join(" ")}>
+      <table id={props.id} className={tableClasses.join(" ")}>
         <thead>
           <tr>{headerLabels}</tr>
         </thead>

package/tsconfig.json

@@ -2,7 +2,6 @@
   "extends": "../tsconfig.json" /* TODO: is this worth connecting? */,
   "compilerOptions": {
     "outDir": "build/lib",
-    // "module": "es2015",
     "module": "esnext",
     "esModuleInterop": true,
     "target": "es5",

package/src/helpers/blankApplication.ts

@@ -1,111 +0,0 @@
-import {
-  ApplicationStatus,
-  ApplicationSubmissionType,
-  Language,
-  ApplicationPreference,
-} from "@bloom-housing/backend-core/types"
-
-export const blankApplication = () => {
-  return {
-    loaded: false,
-    autofilled: false,
-    completedSections: 0,
-    submissionType: ApplicationSubmissionType.electronical,
-    language: Language.en,
-    acceptedTerms: false,
-    status: ApplicationStatus.submitted,
-    applicant: {
-      orderId: undefined,
-      firstName: "",
-      middleName: "",
-      lastName: "",
-      birthMonth: "",
-      birthDay: "",
-      birthYear: "",
-      emailAddress: null,
-      noEmail: false,
-      phoneNumber: "",
-      phoneNumberType: "",
-      noPhone: false,
-      workInRegion: null,
-      address: {
-        street: "",
-        street2: "",
-        city: "",
-        state: "",
-        zipCode: "",
-        county: "",
-        latitude: null,
-        longitude: null,
-      },
-      workAddress: {
-        street: "",
-        street2: "",
-        city: "",
-        state: "",
-        zipCode: "",
-        county: "",
-        latitude: null,
-        longitude: null,
-      },
-    },
-    additionalPhone: false,
-    additionalPhoneNumber: "",
-    additionalPhoneNumberType: "",
-    contactPreferences: [],
-    householdSize: 0,
-    housingStatus: "",
-    sendMailToMailingAddress: false,
-    mailingAddress: {
-      street: "",
-      street2: "",
-      city: "",
-      state: "",
-      zipCode: "",
-    },
-    alternateAddress: {
-      street: "",
-      street2: "",
-      city: "",
-      state: "",
-      zipCode: "",
-    },
-    alternateContact: {
-      type: "",
-      otherType: "",
-      firstName: "",
-      lastName: "",
-      agency: "",
-      phoneNumber: "",
-      emailAddress: null,
-      mailingAddress: {
-        street: "",
-        city: "",
-        state: "",
-        zipCode: "",
-      },
-    },
-    accessibility: {
-      mobility: null,
-      vision: null,
-      hearing: null,
-    },
-    householdExpectingChanges: null,
-    householdStudent: null,
-    incomeVouchers: null,
-    income: null,
-    incomePeriod: null,
-    householdMembers: [],
-    preferredUnit: [],
-    demographics: {
-      ethnicity: "",
-      race: "",
-      gender: "",
-      sexualOrientation: "",
-      howDidYouHear: [],
-    },
-    preferences: [] as ApplicationPreference[],
-    confirmationCode: "",
-    id: "",
-  }
-}

package/src/helpers/localeRoute.tsx

@@ -1,13 +0,0 @@
-import { t } from "./translator"
-
-export const lRoute = (routeString: string) => {
-  if (routeString.startsWith("http")) return routeString
-
-  let routePrefix = t("config.routePrefix")
-  if (routePrefix == "config.routePrefix" || routePrefix == "") {
-    routePrefix = "" // no prefix needed for default routes
-  } else {
-    routePrefix = "/" + routePrefix
-  }
-  return `${routePrefix}${routeString}`
-}

package/src/helpers/nextjs.ts

@@ -1,7 +0,0 @@
-import { useEffect, useState } from "react"
-
-export const OnClientSide = () => {
-  const [mounted, setMounted] = useState(false)
-  useEffect(() => setMounted(true), [])
-  return mounted
-}