@drawbridge/components 0.0.40 → 0.0.42

package/dist/advertisement.js

@@ -924,6 +924,7 @@ var DefaultImage2 = ({ alt, className, src }) => /* @__PURE__ */ (0, import_jsx_
 );
 var Product = ({
   action = null,
+  addToCart = true,
   disabled = false,
   errors = {},
   header,
@@ -1164,10 +1165,10 @@ var Product = ({
                 "div",
                 {
                   ...{
-                    className: "grid grid-cols-2 gap-3"
+                    className: addToCart ? "grid grid-cols-2 gap-3" : ""
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                    addToCart && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                       "button",
                       {
                         ...{
@@ -1191,7 +1192,7 @@ var Product = ({
                       "button",
                       {
                         ...{
-                          className: "button justify-center",
+                          className: "button justify-center" + (addToCart ? "" : " w-full"),
                           disabled: disabled || Boolean(action),
                           onClick: onBuy,
                           style: buttonStyle(style),
@@ -1231,6 +1232,7 @@ var Advertisement = ({
   disabled = false,
   errors,
   file,
+  fonts,
   header,
   id,
   ImageComponent,
@@ -1258,6 +1260,7 @@ var Advertisement = ({
       {
         ...{
           action,
+          addToCart: false,
           disabled: preview || disabled,
           errors,
           header,
@@ -1282,6 +1285,7 @@ var Advertisement = ({
         brand: brand || { style },
         button,
         campaign,
+        fonts,
         ImageComponent,
         lead,
         onClick,

package/dist/advertisement.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   product_default
-} from "./chunk-HDOA3Y3U.mjs";
+} from "./chunk-GUSVATKJ.mjs";
 import "./chunk-2ZYGRSSA.mjs";
 import "./chunk-XWELEL6Z.mjs";
 import {
@@ -24,6 +24,7 @@ var Advertisement = ({
   disabled = false,
   errors,
   file,
+  fonts,
   header,
   id,
   ImageComponent,
@@ -51,6 +52,7 @@ var Advertisement = ({
       {
         ...{
           action,
+          addToCart: false,
           disabled: preview || disabled,
           errors,
           header,
@@ -75,6 +77,7 @@ var Advertisement = ({
         brand: brand || { style },
         button,
         campaign,
+        fonts,
         ImageComponent,
         lead,
         onClick,

package/dist/{chunk-HDOA3Y3U.mjs → chunk-GUSVATKJ.mjs}

@@ -33,6 +33,7 @@ var DefaultImage = ({ alt, className, src }) => /* @__PURE__ */ jsx(
 );
 var Product = ({
   action = null,
+  addToCart = true,
   disabled = false,
   errors = {},
   header,
@@ -273,10 +274,10 @@ var Product = ({
                 "div",
                 {
                   ...{
-                    className: "grid grid-cols-2 gap-3"
+                    className: addToCart ? "grid grid-cols-2 gap-3" : ""
                   },
                   children: [
-                    /* @__PURE__ */ jsx(
+                    addToCart && /* @__PURE__ */ jsx(
                       "button",
                       {
                         ...{
@@ -300,7 +301,7 @@ var Product = ({
                       "button",
                       {
                         ...{
-                          className: "button justify-center",
+                          className: "button justify-center" + (addToCart ? "" : " w-full"),
                           disabled: disabled || Boolean(action),
                           onClick: onBuy,
                           style: buttonStyle(style),

package/dist/product.js

@@ -567,6 +567,7 @@ var DefaultImage = ({ alt, className, src }) => /* @__PURE__ */ (0, import_jsx_r
 );
 var Product = ({
   action = null,
+  addToCart = true,
   disabled = false,
   errors = {},
   header,
@@ -807,10 +808,10 @@ var Product = ({
                 "div",
                 {
                   ...{
-                    className: "grid grid-cols-2 gap-3"
+                    className: addToCart ? "grid grid-cols-2 gap-3" : ""
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                    addToCart && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                       "button",
                       {
                         ...{
@@ -834,7 +835,7 @@ var Product = ({
                       "button",
                       {
                         ...{
-                          className: "button justify-center",
+                          className: "button justify-center" + (addToCart ? "" : " w-full"),
                           disabled: disabled || Boolean(action),
                           onClick: onBuy,
                           style: buttonStyle(style),

package/dist/product.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   product_default
-} from "./chunk-HDOA3Y3U.mjs";
+} from "./chunk-GUSVATKJ.mjs";
 import "./chunk-2ZYGRSSA.mjs";
 import "./chunk-XWELEL6Z.mjs";
 import "./chunk-7ZLMDYBR.mjs";

package/dist/provider-font.js

@@ -0,0 +1,94 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// components/provider-font.js
+var provider_font_exports = {};
+__export(provider_font_exports, {
+  default: () => provider_font_default
+});
+module.exports = __toCommonJS(provider_font_exports);
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var defaults = {
+  family: "Roboto Flex",
+  transform: "none"
+};
+var toWeight = (value) => {
+  var _a;
+  if (value.includes("italic")) return (_a = value.match(/^\d+/)) == null ? void 0 : _a[0];
+  if (value.includes("regular")) return "normal";
+  return value;
+};
+var ProviderFont = (0, import_react.memo)(({
+  body,
+  children,
+  heading,
+  onError
+}) => {
+  const { url, fonts } = (0, import_react.useMemo)(
+    () => {
+      const bodyFamily = (body == null ? void 0 : body.family) || defaults.family;
+      const headingFamily = (heading == null ? void 0 : heading.family) || defaults.family;
+      const same = headingFamily === bodyFamily;
+      const url2 = [
+        "https://fonts.googleapis.com/css?family=" + bodyFamily.replace(/ /g, "+")
+      ];
+      const fonts2 = {
+        body: {
+          fontFamily: '"' + bodyFamily + '"',
+          textTransform: (body == null ? void 0 : body.transform) || defaults.transform
+        },
+        heading: {
+          fontFamily: '"' + headingFamily + '"',
+          textTransform: (heading == null ? void 0 : heading.transform) || defaults.transform
+        }
+      };
+      if (body == null ? void 0 : body.weight) {
+        url2.push(":" + body.weight);
+        fonts2.body.fontWeight = toWeight(body.weight);
+      }
+      if (!same) {
+        url2.push("%7C" + headingFamily.replace(/ /g, "+"));
+      }
+      if (heading == null ? void 0 : heading.weight) {
+        url2.push((same ? "," : ":") + heading.weight);
+        fonts2.heading.fontWeight = toWeight(heading.weight);
+      }
+      url2.push("&display=swap");
+      return { url: url2, fonts: fonts2 };
+    },
+    [body, heading]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "link",
+      {
+        ...{
+          href: url.join(""),
+          rel: "stylesheet",
+          ...onError && {
+            onError
+          }
+        }
+      }
+    ),
+    children(fonts)
+  ] });
+});
+ProviderFont.displayName = "ProviderFont";
+var provider_font_default = ProviderFont;

package/dist/provider-font.mjs

@@ -0,0 +1,74 @@
+// components/provider-font.js
+import { Fragment, memo, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var defaults = {
+  family: "Roboto Flex",
+  transform: "none"
+};
+var toWeight = (value) => {
+  var _a;
+  if (value.includes("italic")) return (_a = value.match(/^\d+/)) == null ? void 0 : _a[0];
+  if (value.includes("regular")) return "normal";
+  return value;
+};
+var ProviderFont = memo(({
+  body,
+  children,
+  heading,
+  onError
+}) => {
+  const { url, fonts } = useMemo(
+    () => {
+      const bodyFamily = (body == null ? void 0 : body.family) || defaults.family;
+      const headingFamily = (heading == null ? void 0 : heading.family) || defaults.family;
+      const same = headingFamily === bodyFamily;
+      const url2 = [
+        "https://fonts.googleapis.com/css?family=" + bodyFamily.replace(/ /g, "+")
+      ];
+      const fonts2 = {
+        body: {
+          fontFamily: '"' + bodyFamily + '"',
+          textTransform: (body == null ? void 0 : body.transform) || defaults.transform
+        },
+        heading: {
+          fontFamily: '"' + headingFamily + '"',
+          textTransform: (heading == null ? void 0 : heading.transform) || defaults.transform
+        }
+      };
+      if (body == null ? void 0 : body.weight) {
+        url2.push(":" + body.weight);
+        fonts2.body.fontWeight = toWeight(body.weight);
+      }
+      if (!same) {
+        url2.push("%7C" + headingFamily.replace(/ /g, "+"));
+      }
+      if (heading == null ? void 0 : heading.weight) {
+        url2.push((same ? "," : ":") + heading.weight);
+        fonts2.heading.fontWeight = toWeight(heading.weight);
+      }
+      url2.push("&display=swap");
+      return { url: url2, fonts: fonts2 };
+    },
+    [body, heading]
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "link",
+      {
+        ...{
+          href: url.join(""),
+          rel: "stylesheet",
+          ...onError && {
+            onError
+          }
+        }
+      }
+    ),
+    children(fonts)
+  ] });
+});
+ProviderFont.displayName = "ProviderFont";
+var provider_font_default = ProviderFont;
+export {
+  provider_font_default as default
+};

package/dist/video.js

@@ -87,12 +87,14 @@ var ReactPlayer = (0, import_dynamic.default)(
   }
 );
 var Video = ({
+  className,
   controls = false,
   loop = false,
   onEnded = () => {
   },
   onDuration = () => {
   },
+  onTime,
   muted = true,
   onPlay,
   playing = false,
@@ -114,7 +116,7 @@ var Video = ({
     },
     [player, reset]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react.Fragment, { children: [
+  const inner = /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       ReactPlayer,
       {
@@ -140,6 +142,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);
           },
@@ -173,5 +182,14 @@ var Video = ({
       }
     )
   ] });
+  return className ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "div",
+    {
+      ...{
+        className
+      },
+      children: inner
+    }
+  ) : inner;
 };
 var video_default = Video;

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.42",
   "exports": {
     "./advertisement": {
       "types": "./types/advertisement.d.ts",
@@ -302,6 +302,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"

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/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;