@rileybathurst/paddle 0.0.124 → 1.0.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rileybathurst/paddle",
   "private": false,
-  "version": "0.0.124",
+  "version": "1.0.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -13,36 +13,32 @@
     "build-storybook": "storybook build"
   },
   "dependencies": {
-    "color-cards": "^1.0.15",
-    "gatsby": "^5.13.6",
-    "gatsby-plugin-image": "^3.13.1",
+    "color-cards": "^1.0.18",
+    "gatsby": "^5.14.3",
+    "gatsby-plugin-image": "^3.14.0",
     "react": "^18.2.0",
-    "react-aria-components": "^1.2.1",
+    "react-aria-components": "^1.9.0",
     "react-dom": "^18.2.0",
-    "react-markdown": "^9.0.1"
+    "react-markdown": "^10.1.0"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^1.3.4",
-    "@faker-js/faker": "^8.4.1",
-    "@storybook/addon-essentials": "^8.0.10",
-    "@storybook/addon-interactions": "^8.0.10",
-    "@storybook/addon-links": "^8.0.10",
-    "@storybook/blocks": "^8.0.10",
-    "@storybook/react": "^8.0.10",
-    "@storybook/react-vite": "^8.0.10",
-    "@storybook/test": "^8.0.10",
-    "@types/react": "^18.2.66",
-    "@types/react-dom": "^18.2.22",
-    "@typescript-eslint/eslint-plugin": "^7.2.0",
-    "@typescript-eslint/parser": "^7.2.0",
-    "@vitejs/plugin-react": "^4.2.1",
-    "eslint": "^8.57.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
+    "@chromatic-com/storybook": "^4.0.0",
+    "@faker-js/faker": "^9.8.0",
+    "@storybook/addon-docs": "^9.0.3",
+    "@storybook/addon-links": "^9.0.3",
+    "@storybook/react-vite": "^9.0.3",
+    "@types/react": "^19.1.6",
+    "@types/react-dom": "^19.1.5",
+    "@typescript-eslint/eslint-plugin": "^8.33.0",
+    "@typescript-eslint/parser": "^8.33.0",
+    "@vitejs/plugin-react": "^4.5.0",
+    "eslint": "^9.28.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.6",
-    "eslint-plugin-storybook": "^0.8.0",
-    "storybook": "^8.0.10",
-    "typescript": "^5.2.2",
-    "vite": "^5.2.0"
+    "eslint-plugin-storybook": "^9.0.3",
+    "storybook": "^9.0.3",
+    "typescript": "^5.8.3",
+    "vite": "^6.3.5"
   },
   "description": "building blocks",
   "main": "src/index.tsx",

package/src/PaddleLocationCard.tsx

@@ -126,7 +126,8 @@ function Content({ svg, name, address, description, opening_time, closing_time,
 
           (<>
             <h3 className="elbrus">{name}</h3>
-            <Markdown className="react-markdown">
+            <Markdown>
+              {/* // ! removed for testing className="react-markdown" */}
               {address.data.address}
             </Markdown>
           </>)}
@@ -145,7 +146,8 @@ function Content({ svg, name, address, description, opening_time, closing_time,
             offSeasonDetails={offSeasonDetails}
           />
         ) : (
-          <Markdown className="react-markdown" >
+          <Markdown>
+            {/* // ! removed for testing className="react-markdown" */}
             {description.data.description}
           </Markdown>
         )}
@@ -156,6 +158,8 @@ function Content({ svg, name, address, description, opening_time, closing_time,
 
 export function PaddleLocationCard({ svg, name, link, address, description, opening_time, closing_time, background, streetAddress, addressLocality, addressRegion, postalCode, commonName, season_start, season_end, phone, offSeasonDetails }: LocationCardTypes) {
 
+  const phoneNumber = Number(phone);
+
   if (link.includes('http')) {
     return (
       <div className="location-wrapper">
@@ -186,7 +190,7 @@ export function PaddleLocationCard({ svg, name, link, address, description, open
 
           />
         </a>
-        {name === "On Water Rental" && phone ? <Phone phone={phone} /> : null}
+        {name === "On Water Rental" && phone ? <Phone phone={phoneNumber} /> : null}
       </div>
     )
   }
@@ -217,7 +221,7 @@ export function PaddleLocationCard({ svg, name, link, address, description, open
 
         />
       </Link>
-      {name === "On Water Rental" && phone ? <Phone phone={phone} /> : null}
+      {name === "On Water Rental" && phone ? <Phone phone={phoneNumber} /> : null}
     </div>
   )
 }

package/src/PaddleSEO.tsx

@@ -54,7 +54,9 @@ type SEOtypes = {
   strapiLocale: {
     name: string;
     topbar: {
-      topbar: string;
+      data: {
+        topbar: string;
+      };
     };
     url: string;
     themeColor: string;
@@ -144,10 +146,10 @@ export const PaddleSEO = ({ title, description, ogImage, ogImageDescription, bre
             "image": "${PaddleImage}",
             "address": {
               "@type": "PostalAddress",
-              "streetAddress": "${strapiLocation.streetAddress}",
-              "addressLocality": "${strapiLocation.addressLocality}",
-              "addressRegion": "${strapiLocation.addressRegion}",
-              "postalCode": "${strapiLocation.postalCode}",
+              "streetAddress": "${strapiLocation?.streetAddress}",
+              "addressLocality": "${strapiLocation?.addressLocality}",
+              "addressRegion": "${strapiLocation?.addressRegion}",
+              "postalCode": "${strapiLocation?.postalCode}",
               "addressCountry": "US"
             },
             ${allStrapiLocation ? `

package/src/PaddleTicket.tsx

@@ -12,6 +12,7 @@ export function PaddleTicket({ ogimage, slug, name, start, finish, duration, tim
     duration: duration,
     timeframe: timeframe,
     allStrapiSunsetTourTime: allStrapiSunsetTourTime,
+    allStrapiMoonlightTourDateTime: { nodes: [] }, // Provide an empty nodes array or the correct data as needed
     slug: slug
   });
 

package/src/PaddleTime.tsx

@@ -57,7 +57,24 @@ export const PaddleTime = ({ start, finish, duration, timeframe, slug, allStrapi
     }
   }
 
+  if (duration) {
+    if (duration > 90) {
+      const hours = Math.floor(duration / 60);
+      const mins = duration % 60;
 
+      return {
+        entry: `${hours}${hairSpace}hrs ${mins > 0 ? `${mins}${hairSpace}mins` : ''} `,
+        value: "duration"
+      }
+    }
+
+    return {
+      entry: `${duration}${hairSpace} mins`,
+      value: "duration"
+    }
+  }
+
+  // this must be last as it has no way to be removed in strapi
   if (start && finish) {
     const startHours = sunsetStartTime ? sunsetStartTime.split(':')[0] : start.split(':')[0];
     let startHoursInt: number = Number.parseInt(startHours);
@@ -87,23 +104,6 @@ export const PaddleTime = ({ start, finish, duration, timeframe, slug, allStrapi
     }
   }
 
-  if (duration) {
-    if (duration > 90) {
-      const hours = Math.floor(duration / 60);
-      const mins = duration % 60;
-
-      return {
-        entry: `${hours}${hairSpace}hrs ${mins > 0 ? `${mins}${hairSpace}mins` : ''} `,
-        value: "duration"
-      }
-    }
-
-    return {
-      entry: `${duration}${hairSpace} mins`,
-      value: "duration"
-    }
-  }
-
   return {
     entry: null,
     value: null

package/src/phone.tsx

@@ -4,7 +4,8 @@ interface FormatPhoneNumberTypes {
   phoneNumberString: number;
 }
 function FormatPhoneNumber({ phoneNumberString }: FormatPhoneNumberTypes) {
-  const cleaned = `${phoneNumberString}`.replace(/\D/g, '');
+  const phoneNumber = String(phoneNumberString);
+  const cleaned = `${phoneNumber}`.replace(/\D/g, '');
   const match = cleaned.match(/^(\d{3})(\d{3})(\d{4})$/);
   if (match) {
     return `(${match[1]}) ${match[2]}-${match[3]}`;