@drawbridge/components 0.0.40 → 0.0.43

package/dist/video.mjs

@@ -14,12 +14,14 @@ var ReactPlayer = dynamic(
   }
 );
 var Video = ({
+  className,
   controls = false,
   loop = false,
   onEnded = () => {
   },
   onDuration = () => {
   },
+  onTime,
   muted = true,
   onPlay,
   playing = false,
@@ -41,7 +43,7 @@ var Video = ({
     },
     [player, reset]
   );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       ReactPlayer,
       {
@@ -67,6 +69,13 @@ var Video = ({
               onDuration(value);
             }
           },
+          onProgress: ({ playedSeconds }) => {
+            onTime == null ? void 0 : onTime(playedSeconds);
+          },
+          onSeek: (seconds) => {
+            onTime == null ? void 0 : onTime(seconds);
+          },
+          progressInterval: 100,
           onError: () => {
             setVideoUrl(mp4);
           },
@@ -100,6 +109,15 @@ var Video = ({
       }
     )
   ] });
+  return className ? /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...{
+        className
+      },
+      children: inner
+    }
+  ) : inner;
 };
 var video_default = Video;
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@drawbridge/components",
-  "version": "0.0.40",
+  "version": "0.0.43",
   "exports": {
     "./advertisement": {
       "types": "./types/advertisement.d.ts",
@@ -282,10 +282,18 @@
       "types": "./types/input-group.d.ts",
       "default": "./dist/input-group.js"
     },
+    "./input-name": {
+      "types": "./types/input-name.d.ts",
+      "default": "./dist/input-name.js"
+    },
     "./input-number": {
       "types": "./types/input-number.d.ts",
       "default": "./dist/input-number.js"
     },
+    "./input-phone": {
+      "types": "./types/input-phone.d.ts",
+      "default": "./dist/input-phone.js"
+    },
     "./input-select": {
       "types": "./types/input-select.d.ts",
       "default": "./dist/input-select.js"
@@ -302,6 +310,10 @@
       "types": "./types/product.d.ts",
       "default": "./dist/product.js"
     },
+    "./provider-font": {
+      "types": "./types/provider-font.d.ts",
+      "default": "./dist/provider-font.js"
+    },
     "./styles": {
       "types": "./types/styles.d.ts",
       "default": "./dist/styles.js"
@@ -342,6 +354,7 @@
   "dependencies": {
     "@drawbridge/drawbridge-agents": "0.0.10",
     "embla-carousel-react": "8.6.0",
-    "react-player": "2.16.0"
+    "react-player": "2.16.0",
+    "react-phone-number-input": "3.4.12"
   }
 }

package/types/advertisement.d.ts

@@ -10,6 +10,7 @@ export interface AdvertisementProps {
 	disabled?: boolean;
 	errors?: { variant?: ReactNode; root?: ReactNode };
 	file?: any;
+	fonts?: Record<string, unknown>;
 	header?: ReactNode;
 	id?: string;
 	ImageComponent?: ComponentType<any>;

package/types/input-group.d.ts

@@ -8,6 +8,7 @@ export interface InputGroupProps {
 	label?: ReactNode;
 	message?: ReactNode;
 	style?: BrandStyle;
+	[key: `data-${string}`]: unknown;
 }
 
 declare const InputGroup: ComponentType<InputGroupProps>;

package/types/input-name.d.ts

@@ -0,0 +1,24 @@
+import { ComponentType } from 'react';
+import { BrandStyle } from './styles';
+
+export interface InputNameValue {
+	first?: string;
+	last?: string;
+	name?: string;
+}
+
+export interface InputNameProps {
+	error?: {
+		first?: { message?: string };
+		last?: { message?: string };
+		name?: { message?: string };
+	};
+	onChange: ( value: InputNameValue ) => void;
+	settings: { capture?: Array<'first' | 'last' | 'name'> };
+	style?: BrandStyle;
+	value?: InputNameValue;
+}
+
+declare const InputName: ComponentType<InputNameProps>;
+
+export default InputName;

package/types/input-phone.d.ts

@@ -0,0 +1,20 @@
+import { ComponentType } from 'react';
+import { BrandStyle } from './styles';
+
+export declare const isValidPhone: ( number?: string, country?: string ) => boolean;
+
+export interface InputPhoneValue {
+	country?: string;
+	number?: string;
+}
+
+export interface InputPhoneProps {
+	countries?: string[];
+	onChange: ( value: InputPhoneValue ) => void;
+	style?: BrandStyle;
+	value?: InputPhoneValue;
+}
+
+declare const InputPhone: ComponentType<InputPhoneProps>;
+
+export default InputPhone;

package/types/product.d.ts

@@ -3,6 +3,7 @@ import { BrandStyle } from './styles';
 
 export interface ProductProps {
 	action?: 'add' | 'buy' | null;
+	addToCart?: boolean;
 	disabled?: boolean;
 	errors?: { variant?: ReactNode; root?: ReactNode };
 	header?: ReactNode;

package/types/provider-font.d.ts

@@ -0,0 +1,23 @@
+import { ComponentType, ReactNode } from 'react';
+
+export interface ProviderFontFamily {
+	family?: string;
+	transform?: string;
+	weight?: string;
+}
+
+export interface ProviderFontFonts {
+	body: Record<string, string | undefined>;
+	heading: Record<string, string | undefined>;
+}
+
+export interface ProviderFontProps {
+	body?: ProviderFontFamily;
+	children: ( fonts: ProviderFontFonts ) => ReactNode;
+	heading?: ProviderFontFamily;
+	onError?: () => void;
+}
+
+declare const ProviderFont: ComponentType<ProviderFontProps>;
+
+export default ProviderFont;

package/types/video.d.ts

@@ -1,6 +1,7 @@
 import { ComponentType } from 'react';
 
 export interface VideoProps {
+	className?: string;
 	controls?: boolean;
 	hls?: string;
 	loop?: boolean;
@@ -9,6 +10,7 @@ export interface VideoProps {
 	onDuration?: ( seconds: number ) => void;
 	onEnded?: () => void;
 	onPlay?: () => void;
+	onTime?: ( seconds: number ) => void;
 	playing?: boolean;
 	poster?: string;
 	reset?: boolean;