@rileybathurst/paddle 1.3.0 → 1.3.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rileybathurst/paddle",
   "private": false,
-  "version": "1.3.0",
+  "version": "1.3.1",
   "type": "module",
   "scripts": {
     "dev": "vite",

package/src/index.tsx

@@ -15,6 +15,8 @@ export * from "./paddle-top-bar";
 export * from "./paddle-specs";
 export * from "./paddle-testimonial";
 export * from "./paddle-purchase";
+export * from "./paddle-pricing-chart";
+export * from "./paddle-texture-backgrounds";
 
 // Organisms
 export * from "./paddle-location-deck";

package/src/paddle-format-phone-number.tsx

@@ -1,10 +1,11 @@
 import React from "react";
 
-export const FormatPhoneNumber = ({ phoneNumberString }: { phoneNumberString: number }) => {
+export const PaddleFormatPhoneNumber = ({ phoneNumberString }: { phoneNumberString: number }) => {
   const cleaned = (`${phoneNumberString}`).replace(/\D/g, '');
   const match = cleaned.match(/^(\d{3})(\d{3})(\d{4})$/);
   if (match) {
-    return `(${match[1]}) ${match[2]}-${match[3]}`;
+    return <>({match[1]}) {match[2]}-{match[3]}</>;
   }
+  console.warn(`Invalid phone number format: ${phoneNumberString}`);
   return null;
 }

package/src/paddle-moonlight-tour-dates-times.tsx

@@ -5,7 +5,7 @@ type PaddleMoonlightTourDatesTimesTypes = {
   seasonStart: string
   seasonEnd: string
   nodes: {
-    id: string;
+    id: React.Key;
     date: string;
     start: string;
     finish: string;

package/src/paddle-pricing-chart.tsx

@@ -1,6 +1,6 @@
 import * as React from "react"
 import SVG from 'react-inlinesvg';
-import PaddleBookNow from "./paddle-book-now"
+import { PaddleBookNow } from "./paddle-book-now"
 import { Link } from "gatsby"
 import type { paddlePricingChartTypes } from "./types/paddle-pricing-chart-types";
 
@@ -17,7 +17,6 @@ const LineBreaker = ({ text }: { text: string; }) => {
 }
 
 export const PaddlePricingChart = ({ rentalRates, rentalAddons, book, peek_base, strapiLocaleName }: paddlePricingChartTypes) => {
-
   return (
     <>
       <div className="charts">
@@ -61,6 +60,5 @@ export const PaddlePricingChart = ({ rentalRates, rentalAddons, book, peek_base,
         />
       ) : null}
     </>
-
   )
 }

package/src/paddle-purchase.tsx

@@ -44,7 +44,7 @@ const Badges = ({ inflatable, demo, discount }: BadgeTypes) => {
 }
 
 type purchaseTypes = {
-  id: string;
+  id: React.Key;
   title: string;
   slug: string;
   excerpt: string;

package/src/paddle-sunset-tour-times.tsx

@@ -2,7 +2,7 @@ import * as React from "react"
 
 type PaddleSunsetTourTimesTypes = {
   nodes: {
-    id: string;
+    id: React.Key;
     startDate: string;
     endDate: string;
     startTime: string;

package/src/paddle-texture-backgrounds.tsx

@@ -11,7 +11,6 @@ type textureTypes = {
   topThree: { image: PaddleGatsbyImageType };
 };
 export const PaddleTextureBackgrounds = ({ baseOne, baseTwo, baseThree, topOne, topTwo, topThree }: textureTypes) => {
-
   const baseTextures = [
     baseOne,
     baseTwo,

package/src/types/paddle-brand-types.ts

@@ -1,5 +1,5 @@
 export type PaddleBrandType = {
-  id: string;
+  id: React.Key;
   slug: string;
   svg: string;
   name: string;

package/src/types/paddle-purchase-types.ts

@@ -1,7 +1,7 @@
 import type { PaddleGatsbyImageType } from "./paddle-gatsby-image-type";
 
 export type PaddlePurchaseTypes = {
-  id: string;
+  id: React.Key;
   title: string;
   slug: string;
   excerpt: string;

package/src/types/paddle-testimonial-types.ts

@@ -1,5 +1,5 @@
 export type PaddleTestimonialTypes = {
-  id: string;
+  id: React.Key;
   testimonial: string;
   sign: string;
   customer: string;