@4alldigital/foundation-ui--core 3.9.0 → 3.11.0

package/src/templates/ChallengeScreen/ChallengeScreen.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React, { useMemo } from 'react';
 import { format } from 'date-fns';
 import Screen from '../../components/Screen';

package/src/templates/MenuScreen/MenuScreen.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React from 'react';
 import Screen from '../../components/Screen';
 import { Props } from './MenuScreen.types';

package/src/templates/OrderDetailScreen/OrderDetailScreen.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React from 'react';
 import Screen from '../../components/Screen';
 import DisplayHeading from '../../components/DisplayHeading';

package/src/templates/OrdersHistoryScreen/OrdersHistoryScreen.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React from 'react';
 import Screen from '../../components/Screen';
 import DisplayHeading from '../../components/DisplayHeading';

package/src/templates/PasswordResetScreen/PasswordResetScreen.types.ts

@@ -2,5 +2,5 @@ export interface Props {
   testID?: string;
   title: string;
   image?: string;
-  handleSubmitCallback: (data: { password: string }) => void;
+  handleSubmitCallback: (data: Record<string, string>) => void;
 }

package/src/templates/ProductListScreen/ProductListScreen.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import Screen from '../../components/Screen';
 import DisplayHeading from '../../components/DisplayHeading';
 import Copy from '../../components/Copy';

package/src/templates/PurchaseConfirmationScreen/PurchaseConfirmationScreen.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React from 'react';
 import Screen from '../../components/Screen';
 import { Props } from './PurchaseConfirmationScreen.types';

package/src/templates/SubscriptionScreen/SubscriptionScreen.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React from 'react';
 import Screen from '../../components/Screen';
 import { Props } from './SubscriptionScreen.types';

package/src/templates/WorkoutScreen/WorkoutScreen.tsx

@@ -1,5 +1,7 @@
+"use client";
+
 import React, { useMemo } from 'react';
-import { toast } from 'react-toastify';
+import { toast } from 'sonner';
 import Screen from '../../components/Screen';
 import { format } from 'date-fns';
 import { Props } from './WorkoutScreen.types';

package/src/templates/index.ts

@@ -1,3 +1,5 @@
+"use client";
+
 export { default as AccountScreen } from './AccountScreen';
 export { default as AuthScreen } from './AuthScreen';
 export { default as CardGridScreen } from './CardGridScreen';

package/src/utils/htmlParser/index.tsx

@@ -1,19 +1,25 @@
-import { attributesToProps, domToReact } from 'html-react-parser';
+import { attributesToProps, domToReact, Element, type DOMNode } from 'html-react-parser';
 import Link from '../../components/Link';
 import Copy from '../../components/Copy';
 
+function isElement(node: DOMNode): node is Element {
+  return node.type === 'tag' && 'name' in node;
+}
+
 export const options = {
-  replace(domNode: any) {
+  replace(domNode: DOMNode) {
+    if (!isElement(domNode)) return domNode;
+
     // Handle a tag links.
     if (domNode.name === 'a') {
       const props = attributesToProps(domNode.attribs);
-      return <Link {...props}>{domToReact(domNode.children, options)}</Link>;
+      return <Link {...props}>{domToReact(domNode.children as DOMNode[], options)}</Link>;
     }
 
     // Handle p tag copy.
-    if (domNode.attribs && domNode.name === 'p') {
+    if (domNode.name === 'p') {
       const props = attributesToProps(domNode.attribs);
-      return <Copy {...props}>{domToReact(domNode.children, options)}</Copy>;
+      return <Copy {...props}>{domToReact(domNode.children as DOMNode[], options)}</Copy>;
     }
 
     // Handle default.

package/src/utils/index.ts

@@ -34,5 +34,5 @@ export function formatDuration(duration: string): string {
 
 export function getRandomImageFromArray(images?: string[]): string | undefined {
   if (!images || images.length === 0) return undefined;
-  return images?.map((image: any) => image)?.[Math.floor(Math.random() * images?.map((image: any) => image).length)];
+  return images[Math.floor(Math.random() * images.length)];
 }