npm - @tapcart/mobile-components - Versions diffs - 0.7.8 → 0.7.9 - Mend

@tapcart/mobile-components 0.7.8 → 0.7.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (26) hide show

package/dist/components/hooks/use-reviews.d.ts +1 -1
package/dist/components/hooks/use-reviews.d.ts.map +1 -1
package/dist/components/hooks/use-reviews.js +32 -10
package/dist/components/hooks/use-style-utils.d.ts +69 -0
package/dist/components/hooks/use-style-utils.d.ts.map +1 -0
package/dist/components/hooks/use-style-utils.js +77 -0
package/dist/components/ui/button.d.ts +1 -0
package/dist/components/ui/button.d.ts.map +1 -1
package/dist/components/ui/button.js +6 -2
package/dist/components/ui/carousel.js +2 -2
package/dist/components/ui/tap.d.ts.map +1 -1
package/dist/components/ui/tap.js +7 -1
package/dist/components/ui/video-enhanced.d.ts.map +1 -1
package/dist/components/ui/video-enhanced.js +26 -52
package/dist/lib/block-utils.d.ts +97 -0
package/dist/lib/block-utils.d.ts.map +1 -0
package/dist/lib/block-utils.js +77 -0
package/dist/lib/utils.d.ts.map +1 -1
package/dist/lib/utils.js +4 -1
package/dist/tests/utils.test.d.ts +2 -0
package/dist/tests/utils.test.d.ts.map +1 -0
package/dist/tests/utils.test.js +34 -0
package/package.json +9 -3
package/dist/components/hooks/use-tap.d.ts +0 -8
package/dist/components/hooks/use-tap.d.ts.map +0 -1
package/dist/components/hooks/use-tap.js +0 -100

package/dist/components/hooks/use-reviews.d.ts CHANGED Viewed

@@ -14,7 +14,7 @@ type UseReviewsProps = {
     page: number;
 };
 type UseReviewsReturn = {
-    data: ReviewSummaryData | ReviewMetaData | ReviewSearchData;
+    data: ReviewSummaryData | ReviewMetaData | ReviewSearchData | null;
     error: any;
     isLoading: boolean;
 };

package/dist/components/hooks/use-reviews.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-reviews.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-reviews.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAGtF,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IACxC,QAAQ,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC5C,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,CAAC,MAAM,CAAC,CAAC;IAClB,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC;IACjB,MAAM,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,eAAe,CAAC;IACjF,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;CACd,CAAA;AAED,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,iBAAiB,GAAG,cAAc,GAAG,gBAAgB,CAAA;~~IAC3D~~,KAAK,EAAE,GAAG,CAAA;IACV,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,GAAG,gBAAgB,CAwD1E;AAED,KAAK,wBAAwB,GAAG,gBAAgB,GAAG;IACjD,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;CACtC,CAAA;AAGD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,GAAG,wBAAwB,~~CA8F1F~~"}
1	+ {"version":3,"file":"use-reviews.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-reviews.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAGtF,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IACxC,QAAQ,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC5C,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,CAAC,MAAM,CAAC,CAAC;IAClB,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC;IACjB,MAAM,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,eAAe,CAAC;IACjF,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;CACd,CAAA;AAED,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,iBAAiB,GAAG,cAAc,GAAG,gBAAgB,GAAG,IAAI,CAAA;IAClE,KAAK,EAAE,GAAG,CAAA;IACV,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,GAAG,gBAAgB,CAwD1E;AAED,KAAK,wBAAwB,GAAG,gBAAgB,GAAG;IACjD,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;CACtC,CAAA;AAGD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,GAAG,wBAAwB,CA0H1F"}

package/dist/components/hooks/use-reviews.js CHANGED Viewed

@@ -1,5 +1,5 @@
 "use client";
-import { useCallback, useEffect } from "react";
+import { useCallback, useEffect, useRef } from "react";
 import useSWR from "swr";
 import useSWRInfinite from "swr/infinite";
 import { useInView } from 'react-intersection-observer';
@@ -52,13 +52,13 @@ export function useReviews(props) {
     };
 }
 export function useReviewsInfinite(props) {
-    var _a, _b;
+    var _a;
     let url = null;
     const { ref, inView } = useInView({ rootMargin: "800px" });
     let baseURL = "";
     let queryParams = new URLSearchParams();
     if (props) {
-        const { productId, provider, dataType, searchText, ratings, topics, sortBy, ascending, perPage } = props; // Destructure all relevant props
+        const { productId, provider, dataType, searchText, ratings, topics, sortBy, ascending, perPage } = props;
         baseURL = props.baseURL;
         if (productId.length > 0) {
             queryParams.set("id", productId);
@@ -92,12 +92,29 @@ export function useReviewsInfinite(props) {
             url = `${baseURL}/reviews/by-id?${queryParams.toString()}`;
         }
     }
+    const isEndReached = useRef(false);
     const getKey = (pageIndex, previousPageData) => {
-        const dataType = queryParams.get("dataType") === "null" ? null : queryParams.get("dataType");
-        if (dataType == null) {
-            return null;
+        var _a, _b;
+        if ((props === null || props === void 0 ? void 0 : props.provider) === "yotpo") {
+            const dataType = queryParams.get("dataType") === "null" ? null : queryParams.get("dataType");
+            if (dataType == null) {
+                return null;
+            }
+            if (previousPageData && previousPageData.pagination) {
+                const { perPage, total } = previousPageData.pagination;
+                isEndReached.current = (((pageIndex + 1) * perPage) >= total);
+            }
+            return `${baseURL}/reviews/by-id?${queryParams.toString()}&page=${pageIndex + 1}`;
+        }
+        if ((props === null || props === void 0 ? void 0 : props.provider) === "okendo") {
+            if (pageIndex === 0)
+                return `${baseURL}/reviews/by-id?${queryParams.toString()}`;
+            if (!((_a = previousPageData === null || previousPageData === void 0 ? void 0 : previousPageData.pagination) === null || _a === void 0 ? void 0 : _a.nextUrl)) {
+                isEndReached.current = true;
+                return null;
+            }
+            return `${baseURL}/reviews/by-id?${queryParams.toString()}&nextUrl=${((_b = previousPageData === null || previousPageData === void 0 ? void 0 : previousPageData.pagination) === null || _b === void 0 ? void 0 : _b.nextUrl) || null}`;
         }
-        return `${baseURL}/reviews/by-id?${queryParams.toString()}&page=${pageIndex + 1}`;
     };
     const fetcher = (props === null || props === void 0 ? void 0 : props.fetcher) || ((url) => fetch(url).then((res) => res.json()));
     const { data: dataInfinite, error: errorInfinite, size, setSize, isLoading, isValidating, } = useSWRInfinite(getKey, fetcher);
@@ -110,17 +127,22 @@ export function useReviewsInfinite(props) {
         pagination: (dataInfinite === null || dataInfinite === void 0 ? void 0 : dataInfinite.length) ? dataInfinite[0].pagination : null,
         reviews: mergedReviews
     };
-    const isAllReviewsLoaded = (mergedReviews === null || mergedReviews === void 0 ? void 0 : mergedReviews.length) === ((_b = (_a = dataInfinite === null || dataInfinite === void 0 ? void 0 : dataInfinite[0]) === null || _a === void 0 ? void 0 : _a.pagination) === null || _b === void 0 ? void 0 : _b.total);
+    if ((props === null || props === void 0 ? void 0 : props.provider) === "yotpo") {
+        isEndReached.current = (mergedReviews === null || mergedReviews === void 0 ? void 0 : mergedReviews.length) === ((_a = searchResponse.pagination) === null || _a === void 0 ? void 0 : _a.total);
+    }
     const loadMore = useCallback(() => {
-        if (!isLoading && !isValidating && !isAllReviewsLoaded) {
+        if (!isLoading && !isValidating && !isEndReached.current) {
             setSize(size + 1);
         }
-    }, [isLoading, isValidating, setSize, size, isAllReviewsLoaded]);
+    }, [isLoading, isValidating, setSize, size]);
     useEffect(() => {
         if (inView) {
             loadMore();
         }
     }, [inView, loadMore]);
+    useEffect(() => {
+        isEndReached.current = false;
+    }, [props]);
     return {
         data: searchResponse || {},
         error: errorInfinite,

package/dist/components/hooks/use-style-utils.d.ts ADDED Viewed

@@ -0,0 +1,69 @@
+type BorderSide = "all" | "top" | "bottom" | "left" | "right";
+type BorderSides = BorderSide[];
+declare const getBorderSidesStyle: (borderSides: BorderSides) => {
+    borderWidth: string;
+    borderTopWidth?: undefined;
+    borderBottomWidth?: undefined;
+    borderLeftWidth?: undefined;
+    borderRightWidth?: undefined;
+} | {
+    borderTopWidth: string | number;
+    borderBottomWidth: string | number;
+    borderLeftWidth: string | number;
+    borderRightWidth: string | number;
+    borderWidth?: undefined;
+};
+type VerticalAlignment = "top" | "middle" | "bottom";
+type Spacing = {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+};
+interface AlignmentAndSpacing {
+    alignment: VerticalAlignment;
+    spacing: Spacing;
+}
+declare const getVerticalAlignmentStyle: (alignmentAndSpacing: AlignmentAndSpacing) => {
+    bottom: string;
+    top: string;
+    transform?: undefined;
+} | {
+    top: string;
+    transform: string;
+    bottom?: undefined;
+} | {
+    bottom?: undefined;
+    top?: undefined;
+    transform?: undefined;
+};
+type BackgroundAndPadding = {
+    backgroundColor?: ColorOption;
+    borderSides?: BorderSides;
+    borderColor?: ColorOption;
+    cornerRadius?: number;
+    padding?: Partial<Spacing>;
+};
+type ColorOption = {
+    type: "brand-kit" | "custom";
+    value: string;
+} | undefined;
+declare const getColor: (colorOption: ColorOption) => string | undefined;
+type BackgroundAndSpacing = AlignmentAndSpacing & {
+    backgroundColor?: ColorOption;
+    borderColor?: ColorOption;
+    backgroundCorners?: number;
+};
+type TextStyle = {
+    font: {
+        family: string;
+        weight: number | string;
+    };
+    size: number | string;
+    color: ColorOption;
+    uppercase: boolean;
+    textAlignment: "left" | "center" | "right" | "justify";
+};
+type Headline = TextStyle;
+type Subtext = TextStyle;
+//# sourceMappingURL=use-style-utils.d.ts.map

package/dist/components/hooks/use-style-utils.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"use-style-utils.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-style-utils.ts"],"names":[],"mappings":"AAAA,KAAK,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAC7D,KAAK,WAAW,GAAG,UAAU,EAAE,CAAA;AAE/B,QAAA,MAAM,mBAAmB;;;;;;;;;;;;CAUxB,CAAA;AAED,KAAK,iBAAiB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAEpD,KAAK,OAAO,GAAG;IACb,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,UAAU,mBAAmB;IAC3B,SAAS,EAAE,iBAAiB,CAAA;IAC5B,OAAO,EAAE,OAAO,CAAA;CACjB;AAED,QAAA,MAAM,yBAAyB,wBACR,mBAAmB;;;;;;;;;;;;CAczC,CAAA;AAED,KAAK,oBAAoB,GAAG;IAC1B,eAAe,CAAC,EAAE,WAAW,CAAA;IAC7B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAA;CAC3B,CAAA;AAED,KAAK,WAAW,GACZ;IACE,IAAI,EAAE,WAAW,GAAG,QAAQ,CAAA;IAC5B,KAAK,EAAE,MAAM,CAAA;CACd,GACD,SAAS,CAAA;AAEb,QAAA,MAAM,QAAQ,gBAAiB,WAAW,KAAG,MAAM,GAAG,SAMrD,CAAA;AAqCD,KAAK,oBAAoB,GAAG,mBAAmB,GAAG;IAChD,eAAe,CAAC,EAAE,WAAW,CAAA;IAC7B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,CAAA;AAeD,KAAK,SAAS,GAAG;IACf,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM,CAAA;QACd,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;KACxB,CAAA;IACD,IAAI,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,KAAK,EAAE,WAAW,CAAA;IAClB,SAAS,EAAE,OAAO,CAAA;IAClB,aAAa,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;CACvD,CAAA;AAED,KAAK,QAAQ,GAAG,SAAS,CAAA;AACzB,KAAK,OAAO,GAAG,SAAS,CAAA"}

package/dist/components/hooks/use-style-utils.js ADDED Viewed

@@ -0,0 +1,77 @@
+"use strict";
+const getBorderSidesStyle = (borderSides) => {
+    const style = borderSides.includes("all")
+        ? { borderWidth: "1px" }
+        : {
+            borderTopWidth: borderSides.includes("top") ? "1px" : 0,
+            borderBottomWidth: borderSides.includes("bottom") ? "1px" : 0,
+            borderLeftWidth: borderSides.includes("left") ? "1px" : 0,
+            borderRightWidth: borderSides.includes("right") ? "1px" : 0,
+        };
+    return style;
+};
+const getVerticalAlignmentStyle = (alignmentAndSpacing) => {
+    const { alignment, spacing } = alignmentAndSpacing;
+    switch (alignment) {
+        case "bottom":
+            return { bottom: `${spacing.bottom}px`, top: "auto" };
+        case "middle":
+            return { top: "50%", transform: "translateY(-50%)" };
+        case "top":
+            return { top: `${spacing.top}px`, bottom: "auto" };
+        default:
+            return {};
+    }
+};
+const getColor = (colorOption) => {
+    return colorOption
+        ? colorOption.type === "brand-kit"
+            ? `var(--${colorOption.value})`
+            : colorOption.value
+        : undefined;
+};
+function getBackgroundAndPaddingStyle(backgroundAndPadding) {
+    const { backgroundColor, borderSides, borderColor, cornerRadius, padding } = backgroundAndPadding;
+    return {
+        backgroundColor: getColor(backgroundColor),
+        borderColor: getColor(borderColor),
+        borderTopWidth: (borderSides === null || borderSides === void 0 ? void 0 : borderSides.includes("top")) || (borderSides === null || borderSides === void 0 ? void 0 : borderSides.includes("all"))
+            ? "1px"
+            : undefined,
+        borderBottomWidth: (borderSides === null || borderSides === void 0 ? void 0 : borderSides.includes("bottom")) || (borderSides === null || borderSides === void 0 ? void 0 : borderSides.includes("all"))
+            ? "1px"
+            : undefined,
+        borderLeftWidth: (borderSides === null || borderSides === void 0 ? void 0 : borderSides.includes("left")) || (borderSides === null || borderSides === void 0 ? void 0 : borderSides.includes("all"))
+            ? "1px"
+            : undefined,
+        borderRightWidth: (borderSides === null || borderSides === void 0 ? void 0 : borderSides.includes("right")) || (borderSides === null || borderSides === void 0 ? void 0 : borderSides.includes("all"))
+            ? "1px"
+            : undefined,
+        paddingTop: (padding === null || padding === void 0 ? void 0 : padding.top) !== undefined ? `${padding.top}px` : undefined,
+        paddingBottom: (padding === null || padding === void 0 ? void 0 : padding.bottom) !== undefined ? `${padding.bottom}px` : undefined,
+        paddingLeft: (padding === null || padding === void 0 ? void 0 : padding.left) !== undefined ? `${padding.left}px` : undefined,
+        paddingRight: (padding === null || padding === void 0 ? void 0 : padding.right) !== undefined ? `${padding.right}px` : undefined,
+        borderStyle: (borderSides === null || borderSides === void 0 ? void 0 : borderSides.length) ? "solid" : undefined,
+        borderRadius: cornerRadius !== undefined ? `${cornerRadius}px` : undefined,
+    };
+}
+function getBackgroundAndSpacingStyle(backgroundAndSpacing) {
+    const { spacing, borderColor, backgroundColor, backgroundCorners } = backgroundAndSpacing;
+    return {
+        padding: `${spacing.top}px ${spacing.right}px ${spacing.bottom}px ${spacing.left}px`,
+        borderColor: borderColor ? borderColor.value : "transparent",
+        backgroundColor: getColor(backgroundColor) || "transparent",
+        borderRadius: `${backgroundCorners !== null && backgroundCorners !== void 0 ? backgroundCorners : 0}px`,
+    };
+}
+function getTextStyle(textStyle) {
+    const { font, size, color, uppercase, textAlignment } = textStyle;
+    return {
+        fontFamily: font.family,
+        fontWeight: font.weight,
+        fontSize: size,
+        color: getColor(color),
+        textTransform: uppercase ? "uppercase" : "none",
+        textAlign: textAlignment,
+    };
+}

package/dist/components/ui/button.d.ts CHANGED Viewed

@@ -17,6 +17,7 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
     iconStrokeColor?: string;
     iconClassName?: string;
     iconPosition?: "left" | "right";
+    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 declare const getButtonProps: (buttonConfig: TextStyle & BackgroundAndPadding & {

package/dist/components/ui/button.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../components/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAGL,KAAK,EAEL,SAAS,EAET,oBAAoB,EACrB,MAAM,iBAAiB,CAAA;~~AAIxB~~,QAAA,MAAM,cAAc;;;mFAgCnB,CAAA;AAwCD,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,SAAS,CAAA;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;~~CAChC~~;AAED,QAAA,MAAM,MAAM,~~uFAsGX~~,CAAA;AAGD,QAAA,MAAM,cAAc,iBACJ,SAAS,GACrB,oBAAoB,GAAG;IACrB,SAAS,EAAE,KAAK,CAAA;IAChB,WAAW,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAA;IAC5B,gBAAgB,EAAE,OAAO,CAAA;CAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkBJ,CAAA;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,CAAA"}
1	+ {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../components/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAGL,KAAK,EAEL,SAAS,EAET,oBAAoB,EACrB,MAAM,iBAAiB,CAAA;AAMxB,QAAA,MAAM,cAAc;;;mFAgCnB,CAAA;AAwCD,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,SAAS,CAAA;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC/B,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;CAC9D;AAED,QAAA,MAAM,MAAM,uFA0GX,CAAA;AAGD,QAAA,MAAM,cAAc,iBACJ,SAAS,GACrB,oBAAoB,GAAG;IACrB,SAAS,EAAE,KAAK,CAAA;IAChB,WAAW,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAA;IAC5B,gBAAgB,EAAE,OAAO,CAAA;CAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkBJ,CAAA;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/ui/button.js CHANGED Viewed

@@ -16,6 +16,8 @@ import { cva } from "class-variance-authority";
 import { cn, getColor, getTextStyle, getBackgroundAndPaddingStyle, } from "../../lib/utils";
 import { Icon } from "./icon";
 import { Text } from "./text";
+import { useTap } from "./tap";
+import { useMergeRefs } from "../hooks/use-merge-refs";
 const buttonVariants = cva("w-full flex rounded items-center justify-center transition-colors disabled:bg-stateColors-disabled disabled:border-stateColors-disabled disabled:pointer-events-none ring-offset-background overflow-elipse whitespace-nowrap truncate active:opacity-70 disabled:opacity-70 cursor-pointer", {
     variants: {
         size: {
@@ -79,7 +81,9 @@ const labelVariants = cva("truncate", {
     },
 });
 const Button = React.forwardRef((_a, ref) => {
-    var { className, labelClassName, labelStyle, variant, size, asChild = false, loading, icon, iconColor, iconStrokeColor, iconPosition, iconSize, iconUrl, iconClassName } = _a, props = __rest(_a, ["className", "labelClassName", "labelStyle", "variant", "size", "asChild", "loading", "icon", "iconColor", "iconStrokeColor", "iconPosition", "iconSize", "iconUrl", "iconClassName"]);
+    var { className, labelClassName, labelStyle, variant, size, asChild = false, loading, icon, iconColor, iconStrokeColor, iconPosition, iconSize, iconUrl, iconClassName, onClick } = _a, props = __rest(_a, ["className", "labelClassName", "labelStyle", "variant", "size", "asChild", "loading", "icon", "iconColor", "iconStrokeColor", "iconPosition", "iconSize", "iconUrl", "iconClassName", "onClick"]);
+    const { onTap, isPressed, ref: tapRef } = useTap();
+    const mergedRef = useMergeRefs(ref, tapRef);
     const Comp = asChild ? Slot : "button";
     const IconButton = () => icon || iconUrl ? (_jsx(Icon, { name: icon, url: iconUrl, size: "sm", style: { color: iconColor } })) : null;
     const BasicButton = () => (_jsxs(_Fragment, { children: [icon || iconUrl ? (_jsx(Icon, { name: iconUrl ? undefined : icon, url: iconUrl, size: iconSize || variant === "quickadd" ? "xs" : "sm", className: cn(iconVariants({ variant }), {
@@ -90,7 +94,7 @@ const Button = React.forwardRef((_a, ref) => {
     return (_jsx(Comp, Object.assign({ className: cn(buttonVariants({ variant, size }), className, {
             "pointer-events-none": loading,
             "flex-row-reverse": (icon || iconUrl) && iconPosition === "right",
-        }), ref: ref }, props, { children: loading ? (_jsx(LoadingButton, {})) : typeof props.children === "object" &&
+        }), ref: mergedRef, onClick: onTap(onClick) }, props, { children: loading ? (_jsx(LoadingButton, {})) : typeof props.children === "object" &&
             React.isValidElement(props.children) ? ( // if children are passed as a valid React element
         props.children // render it
         ) : // otherwise use props

package/dist/components/ui/carousel.js CHANGED Viewed

@@ -122,7 +122,7 @@ const CarouselPrevious = React.forwardRef((_a, ref) => {
     const { orientation, scrollPrev, canScrollPrev } = useCarousel();
     return (_jsxs(Button, Object.assign({ ref: ref, variant: variant, size: size, className: cn("absolute  h-8 w-8 rounded-full", orientation === "horizontal"
             ? "-left-12 top-1/2 -translate-y-1/2"
-            : "-top-12 left-1/2 -translate-x-1/2 rotate-90", className), disabled: !canScrollPrev, onClick: scrollPrev }, props, { children: [_jsx(ArrowLeft, { className: "h-4 w-4" }), _jsx("span", Object.assign({ className: "sr-only" }, { children: "Previous slide" }))] })));
+            : "-top-12 left-1/2 -translate-x-1/2 rotate-90", className), disabled: !canScrollPrev }, props, { onClick: scrollPrev }, { children: [_jsx(ArrowLeft, { className: "h-4 w-4" }), _jsx("span", Object.assign({ className: "sr-only" }, { children: "Previous slide" }))] })));
 });
 CarouselPrevious.displayName = "CarouselPrevious";
 const CarouselNext = React.forwardRef((_a, ref) => {
@@ -130,7 +130,7 @@ const CarouselNext = React.forwardRef((_a, ref) => {
     const { orientation, scrollNext, canScrollNext } = useCarousel();
     return (_jsxs(Button, Object.assign({ ref: ref, variant: variant, size: size, className: cn("absolute h-8 w-8 rounded-full", orientation === "horizontal"
             ? "-right-12 top-1/2 -translate-y-1/2"
-            : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", className), disabled: !canScrollNext, onClick: scrollNext }, props, { children: [_jsx(ArrowRight, { className: "h-4 w-4" }), _jsx("span", Object.assign({ className: "sr-only" }, { children: "Next slide" }))] })));
+            : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", className), disabled: !canScrollNext }, props, { onClick: scrollNext }, { children: [_jsx(ArrowRight, { className: "h-4 w-4" }), _jsx("span", Object.assign({ className: "sr-only" }, { children: "Next slide" }))] })));
 });
 CarouselNext.displayName = "CarouselNext";
 const CarouselDots = React.forwardRef((_a, ref) => {

package/dist/components/ui/tap.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tap.d.ts","sourceRoot":"","sources":["../../../components/ui/tap.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAMZ,SAAS,EACV,MAAM,OAAO,CAAA;~~AAuFd~~,QAAA,MAAM,MAAM;~~6BAuBkC~~,GAAG,KAAK,IAAI,~~aACvC~~,GAAG;;;~~CAerB~~,CAAA;AAED,UAAU,QAAQ;IAChB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,QAAA,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAuC3B,CAAA;AAED,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,CAAA"}
1	+ {"version":3,"file":"tap.d.ts","sourceRoot":"","sources":["../../../components/ui/tap.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAMZ,SAAS,EACV,MAAM,OAAO,CAAA;AAyFd,QAAA,MAAM,MAAM;6BAyBU,GAAG,KAAK,IAAI,aACb,GAAG;;;CAmBvB,CAAA;AAED,UAAU,QAAQ;IAChB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,QAAA,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAuC3B,CAAA;AAED,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,CAAA"}

package/dist/components/ui/tap.js CHANGED Viewed

@@ -1,6 +1,8 @@
 "use client";
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import React, { useState, useEffect, useCallback, useRef, } from "react";
+// @ts-ignore -- webbridge-react is not typed (yet)
+import { useActions } from "@tapcart/webbridge-react";
 // Shared manager for all instances of the hook
 const tapManager = (() => {
     const elements = new Map();
@@ -65,6 +67,7 @@ const tapManager = (() => {
 const useTap = (tapThreshold = 10) => {
     const [isPressed, setIsPressed] = useState(false);
     const elementRef = useRef(null);
+    const webbridgeActions = useActions();
     useEffect(() => {
         const element = elementRef.current;
         if (!element)
@@ -83,19 +86,22 @@ const useTap = (tapThreshold = 10) => {
     }, [tapThreshold]);
     const onTap = useCallback((handler) => {
         return (event) => {
+            var _a, _b;
             const data = tapManager.elements.get(elementRef.current);
             if (!data)
                 return;
             if (event.type === "touchend" && !data.touchMoved) {
                 handler(event);
+                (_a = webbridgeActions.action) === null || _a === void 0 ? void 0 : _a.call(webbridgeActions, "trigger/haptic");
             }
             else if (event.type === "click" && !data.touchStarted) {
                 handler(event);
+                (_b = webbridgeActions.action) === null || _b === void 0 ? void 0 : _b.call(webbridgeActions, "trigger/haptic");
                 setIsPressed(true);
                 setTimeout(() => setIsPressed(false), 100);
             }
         };
-    }, []);
+    }, [webbridgeActions]);
     return { onTap, isPressed, ref: elementRef };
 };
 const Tap = ({ children }) => {

package/dist/components/ui/video-enhanced.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"video-enhanced.d.ts","sourceRoot":"","sources":["../../../components/ui/video-enhanced.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,OAAO,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,GAAG,KAAK,CAAA;IACxB,cAAc,EAAE,MAAM,CAAA;IACtB,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,UAAU,UAAW,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACtE,GAAG,EAAE,MAAM,CAAA;IACX,eAAe,EAAE,eAAe,CAAA;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,KAAK,~~qFAkOV~~,CAAA;AAID,OAAO,EAAE,KAAK,IAAI,aAAa,EAAE,CAAA"}
1	+ {"version":3,"file":"video-enhanced.d.ts","sourceRoot":"","sources":["../../../components/ui/video-enhanced.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,OAAO,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,GAAG,KAAK,CAAA;IACxB,cAAc,EAAE,MAAM,CAAA;IACtB,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,UAAU,UAAW,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACtE,GAAG,EAAE,MAAM,CAAA;IACX,eAAe,EAAE,eAAe,CAAA;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,KAAK,qFAsMV,CAAA;AAID,OAAO,EAAE,KAAK,IAAI,aAAa,EAAE,CAAA"}

package/dist/components/ui/video-enhanced.js CHANGED Viewed

@@ -29,45 +29,38 @@ const videoVariants = {
     },
 };
 const Video = React.forwardRef((_a, ref) => {
-    var _b;
     var { src, videoAttributes, naturalAspectRatio = "1/1", className } = _a, props = __rest(_a, ["src", "videoAttributes", "naturalAspectRatio", "className"]);
+    const autoPlayEnabled = videoAttributes.autoplay && !videoAttributes.videoSound;
     const internalRef = React.useRef(null);
     const videoRef = ref || internalRef;
-    const playAttemptRef = React.useRef(false);
     const observerRef = React.useRef(null);
     const lastPositionRef = React.useRef(0);
     const [isLoaded, setIsLoaded] = React.useState(false);
     const [isVisible, setIsVisible] = React.useState(false);
     const [isPlaying, setIsPlaying] = React.useState(false);
-    const setupVideo = React.useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+    const handlePlay = React.useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
         const video = videoRef.current;
         if (!video)
             return;
         try {
             video.currentTime = lastPositionRef.current;
-            if (!videoAttributes.videoSound) {
-                video.muted = true;
-            }
+            video.muted = true;
             yield video.play();
-            setIsPlaying(true);
-            playAttemptRef.current = true;
-            // If sound is enabled and autoplay was successful, unmute
-            if (videoAttributes.videoSound && videoAttributes.autoplay) {
+            if (videoAttributes.videoSound) {
                 video.muted = false;
             }
         }
         catch (error) {
             console.error("Error playing video:", error);
-            setIsPlaying(false);
         }
-    }), [videoAttributes.autoplay, videoAttributes.videoSound, videoRef]);
+    }), [videoRef, videoAttributes.videoSound]);
     const handlePlayPause = () => __awaiter(void 0, void 0, void 0, function* () {
         const video = videoRef.current;
         if (!video)
             return;
         if (video.paused) {
             try {
-                yield setupVideo();
+                yield handlePlay();
             }
             catch (error) {
                 console.error("Error playing video:", error);
@@ -75,9 +68,9 @@ const Video = React.forwardRef((_a, ref) => {
         }
         else {
             video.pause();
-            setIsPlaying(false);
         }
     });
+    // intersection observer setup
     React.useEffect(() => {
         const video = videoRef.current;
         if (!video)
@@ -88,15 +81,11 @@ const Video = React.forwardRef((_a, ref) => {
             setIsVisible(entry.isIntersecting);
             // Handle visibility change
             if (!entry.isIntersecting && !video.paused) {
-                lastPositionRef.current = video.currentTime;
                 video.pause();
-                setIsPlaying(false);
             }
-            else if (entry.isIntersecting &&
-                videoAttributes.autoplay &&
-                video.paused) {
+            else if (entry.isIntersecting && autoPlayEnabled && video.paused) {
                 video.currentTime = lastPositionRef.current;
-                setupVideo();
+                handlePlay();
             }
         }, {
             threshold: 0.1, // 10% of the video needs to be visible
@@ -109,42 +98,28 @@ const Video = React.forwardRef((_a, ref) => {
         video.addEventListener("play", handlePlay);
         video.addEventListener("pause", handlePause);
         return () => {
-            if (video && !video.paused) {
-                lastPositionRef.current = video.currentTime;
-            }
             if (observerRef.current) {
                 observerRef.current.disconnect();
             }
             video.removeEventListener("play", handlePlay);
             video.removeEventListener("pause", handlePause);
-            playAttemptRef.current = false;
         };
-    }, [setupVideo, videoAttributes.autoplay, videoRef]);
-    // Handle attribute changes
+    }, [handlePlay, autoPlayEnabled, videoRef]);
+    // handle visibility change
+    // pause video when not visible
+    // play video when visible and autoplay is on
     React.useEffect(() => {
         const video = videoRef.current;
         if (!video)
             return;
-        if (isVisible && videoAttributes.autoplay) {
-            setupVideo();
+        if (isVisible && autoPlayEnabled) {
+            handlePlay();
         }
         else if (!isVisible && !video.paused) {
-            lastPositionRef.current = video.currentTime;
             video.pause();
-            setIsPlaying(false);
         }
-        return () => {
-            if (video && !video.paused) {
-                lastPositionRef.current = video.currentTime;
-            }
-        };
-    }, [
-        videoAttributes.autoplay,
-        videoAttributes.videoSound,
-        isVisible,
-        videoRef,
-        setupVideo,
-    ]);
+    }, [autoPlayEnabled, isVisible, videoRef, handlePlay]);
+    // update lastPositionRef on video timeupdate event
     React.useEffect(() => {
         const video = videoRef.current;
         if (!video)
@@ -157,14 +132,14 @@ const Video = React.forwardRef((_a, ref) => {
             video.removeEventListener("timeupdate", handleTimeUpdate);
         };
     }, [videoRef]);
-    // Initial load and metadata setup - only needs to run when src changes
+    // metadata setup
     React.useEffect(() => {
         const video = videoRef.current;
         if (!video)
             return;
         const handleLoadedMetadata = () => {
             setIsLoaded(true);
-            if (videoAttributes.autoplay && isVisible) {
+            if (autoPlayEnabled && isVisible) {
                 const currentTime = lastPositionRef.current;
                 video.currentTime = currentTime;
                 video.play().catch((error) => {
@@ -173,15 +148,16 @@ const Video = React.forwardRef((_a, ref) => {
             }
         };
         video.addEventListener("loadedmetadata", handleLoadedMetadata);
-        video.load();
         return () => {
             video.removeEventListener("loadedmetadata", handleLoadedMetadata);
         };
-    }, [src]);
+    }, []);
     React.useEffect(() => {
-        lastPositionRef.current = 0;
-        setIsLoaded(false);
-    }, [src]);
+        const video = videoRef.current;
+        if (!video)
+            return;
+        video.load();
+    }, [videoRef]);
     const videoStyle = {
         aspectRatio: videoAttributes.enabled && videoAttributes.aspectRatio !== "auto"
             ? videoAttributes.aspectRatio.replace(":", "/")
@@ -189,9 +165,7 @@ const Video = React.forwardRef((_a, ref) => {
     };
     return (_jsxs("div", Object.assign({ className: "relative w-full" }, { children: [_jsx("video", Object.assign({ ref: videoRef, className: cn(videoVariants.base, videoAttributes.videoFit === "fill"
                     ? videoVariants.fit.cover
-                    : videoVariants.fit.contain, className), style: videoStyle, preload: "metadata", playsInline: true, loop: videoAttributes.enabled, controls: false, src: src }, props)), ((isLoaded && !isPlaying) ||
-                (videoAttributes.videoSound && ((_b = videoRef.current) === null || _b === void 0 ? void 0 : _b.muted))) &&
-                videoAttributes.enabled && (_jsx("button", Object.assign({ onClick: handlePlayPause, className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-50\n                     w-16 h-16 rounded-full bg-black/75 hover:bg-black/90 \n                     flex items-center justify-center transition-all duration-300\n                     hover:scale-110 focus:outline-none focus:ring-2 focus:ring-white", "aria-label": "Play video" }, { children: _jsx("div", { className: "w-0 h-0 border-y-8 border-y-transparent \n                          border-l-[16px] border-l-white \n                          translate-x-[2px]" }) })))] })));
+                    : videoVariants.fit.contain, className), style: videoStyle, preload: "metadata", playsInline: true, loop: videoAttributes.enabled, controls: false, src: src }, props)), isLoaded && !isPlaying && (_jsx("button", Object.assign({ onClick: handlePlayPause, className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-50\n                     w-16 h-16 rounded-full bg-black/75 hover:bg-black/90 \n                     flex items-center justify-center transition-all duration-300\n                     hover:scale-110 focus:outline-none focus:ring-2 focus:ring-white", "aria-label": "Play video" }, { children: _jsx("div", { className: "w-0 h-0 border-y-8 border-y-transparent \n                          border-l-[16px] border-l-white \n                          translate-x-[2px]" }) })))] })));
 });
 Video.displayName = "Video";
 export { Video as VideoEnhanced };

package/dist/lib/block-utils.d.ts ADDED Viewed

@@ -0,0 +1,97 @@
+type BorderSide = "all" | "top" | "bottom" | "left" | "right";
+type BorderSides = BorderSide[];
+declare const getBorderSidesStyle: (borderSides: BorderSides) => {
+    borderWidth: string;
+    borderTopWidth?: undefined;
+    borderBottomWidth?: undefined;
+    borderLeftWidth?: undefined;
+    borderRightWidth?: undefined;
+} | {
+    borderTopWidth: string | number;
+    borderBottomWidth: string | number;
+    borderLeftWidth: string | number;
+    borderRightWidth: string | number;
+    borderWidth?: undefined;
+};
+type VerticalAlignment = "top" | "middle" | "bottom";
+type Spacing = {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+};
+interface AlignmentAndSpacing {
+    alignment: VerticalAlignment;
+    spacing: Spacing;
+}
+declare const getVerticalAlignmentStyle: (alignmentAndSpacing: AlignmentAndSpacing) => {
+    bottom: string;
+    top: string;
+    transform?: undefined;
+} | {
+    top: string;
+    transform: string;
+    bottom?: undefined;
+} | {
+    bottom?: undefined;
+    top?: undefined;
+    transform?: undefined;
+};
+type BackgroundAndPadding = {
+    backgroundColor?: ColorOption;
+    borderSides?: BorderSides;
+    borderColor?: ColorOption;
+    cornerRadius?: number;
+    padding?: Partial<Spacing>;
+};
+type ColorOption = {
+    type: "brand-kit" | "custom";
+    value: string;
+} | undefined;
+declare const getColor: (colorOption: ColorOption) => string | undefined;
+declare function getBackgroundAndPaddingStyle(backgroundAndPadding: BackgroundAndPadding): {
+    backgroundColor: string | undefined;
+    borderColor: string | undefined;
+    borderTopWidth: string | undefined;
+    borderBottomWidth: string | undefined;
+    borderLeftWidth: string | undefined;
+    borderRightWidth: string | undefined;
+    paddingTop: string | undefined;
+    paddingBottom: string | undefined;
+    paddingLeft: string | undefined;
+    paddingRight: string | undefined;
+    borderStyle: string | undefined;
+    borderRadius: string | undefined;
+};
+type BackgroundAndSpacing = AlignmentAndSpacing & {
+    backgroundColor?: ColorOption;
+    borderColor?: ColorOption;
+    backgroundCorners?: number;
+};
+declare function getBackgroundAndSpacingStyle(backgroundAndSpacing: BackgroundAndSpacing): {
+    padding: string;
+    borderColor: string;
+    backgroundColor: string;
+    borderRadius: string;
+};
+type TextStyle = {
+    font: {
+        family: string;
+        weight: number | string;
+    };
+    size: number | string;
+    color: ColorOption;
+    uppercase: boolean;
+    textAlignment: "left" | "center" | "right" | "justify";
+};
+type Headline = TextStyle;
+type Subtext = TextStyle;
+declare function getTextStyle(textStyle: Headline | Subtext): {
+    fontFamily: string;
+    fontWeight: string | number;
+    fontSize: string | number;
+    color: string | undefined;
+    textTransform: string;
+    textAlign: "center" | "left" | "right" | "justify";
+};
+//# sourceMappingURL=block-utils.d.ts.map

package/dist/lib/block-utils.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"block-utils.d.ts","sourceRoot":"","sources":["../../lib/block-utils.ts"],"names":[],"mappings":"AAAA,KAAK,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAC7D,KAAK,WAAW,GAAG,UAAU,EAAE,CAAA;AAE/B,QAAA,MAAM,mBAAmB;;;;;;;;;;;;CAUxB,CAAA;AAED,KAAK,iBAAiB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAEpD,KAAK,OAAO,GAAG;IACb,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,UAAU,mBAAmB;IAC3B,SAAS,EAAE,iBAAiB,CAAA;IAC5B,OAAO,EAAE,OAAO,CAAA;CACjB;AAED,QAAA,MAAM,yBAAyB,wBACR,mBAAmB;;;;;;;;;;;;CAczC,CAAA;AAED,KAAK,oBAAoB,GAAG;IAC1B,eAAe,CAAC,EAAE,WAAW,CAAA;IAC7B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAA;CAC3B,CAAA;AAED,KAAK,WAAW,GACZ;IACE,IAAI,EAAE,WAAW,GAAG,QAAQ,CAAA;IAC5B,KAAK,EAAE,MAAM,CAAA;CACd,GACD,SAAS,CAAA;AAEb,QAAA,MAAM,QAAQ,gBAAiB,WAAW,KAAG,MAAM,GAAG,SAMrD,CAAA;AAED,iBAAS,4BAA4B,CACnC,oBAAoB,EAAE,oBAAoB;;;;;;;;;;;;;EAgC3C;AAED,KAAK,oBAAoB,GAAG,mBAAmB,GAAG;IAChD,eAAe,CAAC,EAAE,WAAW,CAAA;IAC7B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,CAAA;AAED,iBAAS,4BAA4B,CACnC,oBAAoB,EAAE,oBAAoB;;;;;EAU3C;AAED,KAAK,SAAS,GAAG;IACf,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM,CAAA;QACd,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;KACxB,CAAA;IACD,IAAI,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,KAAK,EAAE,WAAW,CAAA;IAClB,SAAS,EAAE,OAAO,CAAA;IAClB,aAAa,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;CACvD,CAAA;AAED,KAAK,QAAQ,GAAG,SAAS,CAAA;AACzB,KAAK,OAAO,GAAG,SAAS,CAAA;AAExB,iBAAS,YAAY,CAAC,SAAS,EAAE,QAAQ,GAAG,OAAO;;;;;;;EAUlD"}

package/dist/lib/block-utils.js ADDED Viewed

@@ -0,0 +1,77 @@
+"use strict";
+const getBorderSidesStyle = (borderSides) => {
+    const style = borderSides.includes("all")
+        ? { borderWidth: "1px" }
+        : {
+            borderTopWidth: borderSides.includes("top") ? "1px" : 0,
+            borderBottomWidth: borderSides.includes("bottom") ? "1px" : 0,
+            borderLeftWidth: borderSides.includes("left") ? "1px" : 0,
+            borderRightWidth: borderSides.includes("right") ? "1px" : 0,
+        };
+    return style;
+};
+const getVerticalAlignmentStyle = (alignmentAndSpacing) => {
+    const { alignment, spacing } = alignmentAndSpacing;
+    switch (alignment) {
+        case "bottom":
+            return { bottom: `${spacing.bottom}px`, top: "auto" };
+        case "middle":
+            return { top: "50%", transform: "translateY(-50%)" };
+        case "top":
+            return { top: `${spacing.top}px`, bottom: "auto" };
+        default:
+            return {};
+    }
+};
+const getColor = (colorOption) => {
+    return colorOption
+        ? colorOption.type === "brand-kit"
+            ? `var(--${colorOption.value})`
+            : colorOption.value
+        : undefined;
+};
+function getBackgroundAndPaddingStyle(backgroundAndPadding) {
+    const { backgroundColor, borderSides, borderColor, cornerRadius, padding } = backgroundAndPadding;
+    return {
+        backgroundColor: getColor(backgroundColor),
+        borderColor: getColor(borderColor),
+        borderTopWidth: (borderSides === null || borderSides === void 0 ? void 0 : borderSides.includes("top")) || (borderSides === null || borderSides === void 0 ? void 0 : borderSides.includes("all"))
+            ? "1px"
+            : undefined,
+        borderBottomWidth: (borderSides === null || borderSides === void 0 ? void 0 : borderSides.includes("bottom")) || (borderSides === null || borderSides === void 0 ? void 0 : borderSides.includes("all"))
+            ? "1px"
+            : undefined,
+        borderLeftWidth: (borderSides === null || borderSides === void 0 ? void 0 : borderSides.includes("left")) || (borderSides === null || borderSides === void 0 ? void 0 : borderSides.includes("all"))
+            ? "1px"
+            : undefined,
+        borderRightWidth: (borderSides === null || borderSides === void 0 ? void 0 : borderSides.includes("right")) || (borderSides === null || borderSides === void 0 ? void 0 : borderSides.includes("all"))
+            ? "1px"
+            : undefined,
+        paddingTop: (padding === null || padding === void 0 ? void 0 : padding.top) !== undefined ? `${padding.top}px` : undefined,
+        paddingBottom: (padding === null || padding === void 0 ? void 0 : padding.bottom) !== undefined ? `${padding.bottom}px` : undefined,
+        paddingLeft: (padding === null || padding === void 0 ? void 0 : padding.left) !== undefined ? `${padding.left}px` : undefined,
+        paddingRight: (padding === null || padding === void 0 ? void 0 : padding.right) !== undefined ? `${padding.right}px` : undefined,
+        borderStyle: (borderSides === null || borderSides === void 0 ? void 0 : borderSides.length) ? "solid" : undefined,
+        borderRadius: cornerRadius !== undefined ? `${cornerRadius}px` : undefined,
+    };
+}
+function getBackgroundAndSpacingStyle(backgroundAndSpacing) {
+    const { spacing, borderColor, backgroundColor, backgroundCorners } = backgroundAndSpacing;
+    return {
+        padding: `${spacing.top}px ${spacing.right}px ${spacing.bottom}px ${spacing.left}px`,
+        borderColor: borderColor ? borderColor.value : "transparent",
+        backgroundColor: getColor(backgroundColor) || "transparent",
+        borderRadius: `${backgroundCorners !== null && backgroundCorners !== void 0 ? backgroundCorners : 0}px`,
+    };
+}
+function getTextStyle(textStyle) {
+    const { font, size, color, uppercase, textAlignment } = textStyle;
+    return {
+        fontFamily: font.family,
+        fontWeight: font.weight,
+        fontSize: size,
+        color: getColor(color),
+        textTransform: uppercase ? "uppercase" : "none",
+        textAlign: textAlignment,
+    };
+}

package/dist/lib/utils.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../lib/utils.ts"],"names":[],"mappings":"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~~AAgBD~~,eAAO,MAAM,qBAAqB,SAC1B,YAAY,GAAG,KAAK,GAAG,SAAS,GAAG,YAAY,GAAG,MAAM,~~iBAdrC~~,MAAM,WAAW,kBAAkB,yBAE5C,MAAM,WAAW,kBAAkB,~~yBAI~~/B,MAAM,WAAW,kBAAkB,yBAEhC,MAAM,WAAW,kBAAkB,yBAS3D,CAAA;AAED,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,MAAM,EAAE,YAOlD;AAED,eAAO,MAAM,wBAAwB,gBACtB;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,EAAE,2BAQpE,CAAA"}
1	+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../lib/utils.ts"],"names":[],"mappings":"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"}

package/dist/lib/utils.js CHANGED Viewed

@@ -193,7 +193,10 @@ export const getOverlayStyle = (opacity) => {
 const DESTINATION_HANDLERS = {
     "app-screen": (location, actions) => actions.openScreen({ destination: { type: "internal", url: location } }),
     url: (location, actions) => actions.openScreen({
-        destination: { type: "web", url: `https://${location}` },
+        destination: {
+            type: "web",
+            url: location.includes("https://") ? location : `https://${location}`,
+        },
     }),
     product: (location, actions) => actions.openProduct({ productId: location }),
     collection: (location, actions) => actions.openCollection({ collectionId: location }),

package/dist/tests/utils.test.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=utils.test.d.ts.map

package/dist/tests/utils.test.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"utils.test.d.ts","sourceRoot":"","sources":["../../tests/utils.test.ts"],"names":[],"mappings":""}

package/dist/tests/utils.test.js ADDED Viewed

@@ -0,0 +1,34 @@
+import { getDestinationHandler } from "../lib/utils";
+describe("DESTINATION_HANDLERS", () => {
+    describe("url handler", () => {
+        const mockActions = {
+            openScreen: jest.fn(),
+            openProduct: jest.fn(),
+            openCollection: jest.fn(),
+        };
+        beforeEach(() => {
+            jest.clearAllMocks();
+        });
+        it("should prepend https:// when URL does not include it", () => {
+            const urlHandler = getDestinationHandler("url");
+            urlHandler("example.com", mockActions);
+            expect(mockActions.openScreen).toHaveBeenCalledWith({
+                destination: { type: "web", url: "https://example.com" },
+            });
+        });
+        it("should not modify URL when it already includes https://", () => {
+            const urlHandler = getDestinationHandler("url");
+            urlHandler("https://example.com", mockActions);
+            expect(mockActions.openScreen).toHaveBeenCalledWith({
+                destination: { type: "web", url: "https://example.com" },
+            });
+        });
+        it("should not modify URL when it includes http://", () => {
+            const urlHandler = getDestinationHandler("url");
+            urlHandler("http://example.com", mockActions);
+            expect(mockActions.openScreen).toHaveBeenCalledWith({
+                destination: { type: "web", url: "https://http://example.com" },
+            });
+        });
+    });
+});

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@tapcart/mobile-components",
-  "version": "0.7.8",
+  "version": "0.7.9",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "style": "dist/styles.css",
@@ -19,13 +19,16 @@
     "build": "pnpm run build:ts && pnpm run build:styles",
     "dev:ts": "tsc -w -p tsconfig.json",
     "dev:styles": "npx tailwindcss -i styles/globals.css -o dist/styles.css --watch",
-    "dev": "concurrently \"pnpm run dev:ts\" \"pnpm run dev:styles\""
+    "dev": "concurrently \"pnpm run dev:ts\" \"pnpm run dev:styles\"",
+    "test": "jest",
+    "test:watch": "jest --watch"
   },
   "peerDependencies": {
     "react": "^17.0.2 || ^18.0.0",
     "react-dom": "^17.0.2 || ^18.0.0"
   },
   "devDependencies": {
+    "@types/jest": "^29.5.14",
     "@types/lodash": "4.17.5",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
@@ -35,8 +38,10 @@
     "concurrently": "^8.2.2",
     "eslint": "^7.32.0",
     "eslint-config-custom": "workspace:*",
+    "jest": "^29.7.0",
     "postcss": "^8.4.24",
     "tailwindcss": "^3.3.2",
+    "ts-jest": "^29.2.5",
     "tsc-alias": "^1.8.10",
     "tsconfig": "workspace:*",
     "typescript": "^4.5.2"
@@ -60,6 +65,7 @@
     "@radix-ui/react-toggle": "^1.0.3",
     "@radix-ui/react-toggle-group": "^1.0.4",
     "@tabler/icons-react": "^3.2.0",
+    "@tapcart/webbridge-react": "^1.13.0",
     "class-variance-authority": "^0.6.0",
     "clsx": "^1.2.1",
     "dayjs": "^1.11.13",
@@ -75,4 +81,4 @@
     "tailwindcss-animate": "^1.0.6",
     "vaul": "0.9.1"
   }
-}
+}

package/dist/components/hooks/use-tap.d.ts DELETED Viewed

@@ -1,8 +0,0 @@
-import React from "react";
-declare const useTap: (tapThreshold?: number) => {
-    onTap: (handler: (event: any) => void) => (event: any) => void;
-    isPressed: boolean;
-    ref: React.MutableRefObject<null>;
-};
-export { useTap };
-//# sourceMappingURL=use-tap.d.ts.map

package/dist/components/hooks/use-tap.d.ts.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"use-tap.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-tap.ts"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAuFvE,QAAA,MAAM,MAAM;6BAuBkC,GAAG,KAAK,IAAI,aACvC,GAAG;;;CAerB,CAAA;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/components/hooks/use-tap.js DELETED Viewed

@@ -1,100 +0,0 @@
-"use client";
-import { useState, useEffect, useCallback, useRef } from "react";
-// Shared manager for all instances of the hook
-const tapManager = (() => {
-    const elements = new Map();
-    let isListening = false;
-    const startListening = () => {
-        if (isListening)
-            return;
-        const handleTouchStart = (e) => {
-            const touch = e.touches[0];
-            elements.forEach((data, el) => {
-                if (el.contains(touch.target)) {
-                    data.touchStarted = true;
-                    data.touchMoved = false;
-                    data.startPosition = { x: touch.clientX, y: touch.clientY };
-                    // Don't set isPressed here, wait to determine if it's a tap or drag
-                }
-            });
-        };
-        const handleTouchMove = (e) => {
-            const touch = e.touches[0];
-            elements.forEach((data, el) => {
-                if (data.touchStarted) {
-                    const deltaX = Math.abs(touch.clientX - data.startPosition.x);
-                    const deltaY = Math.abs(touch.clientY - data.startPosition.y);
-                    if (deltaX > data.tapThreshold || deltaY > data.tapThreshold) {
-                        data.touchMoved = true;
-                        data.setIsPressed(false);
-                    }
-                }
-            });
-        };
-        const handleTouchEnd = () => {
-            elements.forEach((data) => {
-                if (data.touchStarted) {
-                    data.touchStarted = false;
-                    if (!data.touchMoved) {
-                        // It's a tap, set isPressed briefly
-                        data.setIsPressed(true);
-                        setTimeout(() => data.setIsPressed(false), 100);
-                    }
-                }
-            });
-        };
-        document.addEventListener("touchstart", (e) => handleTouchStart(e), { passive: true });
-        document.addEventListener("touchmove", (e) => handleTouchMove(e), { passive: true });
-        document.addEventListener("touchend", () => handleTouchEnd(), {
-            passive: true,
-        });
-        isListening = true;
-    };
-    return {
-        register: (el, data) => {
-            elements.set(el, data);
-            startListening();
-        },
-        unregister: (el) => {
-            elements.delete(el);
-        },
-        elements,
-    };
-})();
-const useTap = (tapThreshold = 10) => {
-    const [isPressed, setIsPressed] = useState(false);
-    const elementRef = useRef(null);
-    useEffect(() => {
-        const element = elementRef.current;
-        if (!element)
-            return;
-        const data = {
-            touchStarted: false,
-            touchMoved: false,
-            startPosition: { x: 0, y: 0 },
-            setIsPressed,
-            tapThreshold,
-        };
-        tapManager.register(element, data);
-        return () => {
-            tapManager.unregister(element);
-        };
-    }, [tapThreshold]);
-    const onTap = useCallback((handler) => {
-        return (event) => {
-            const data = tapManager.elements.get(elementRef.current);
-            if (!data)
-                return;
-            if (event.type === "touchend" && !data.touchMoved) {
-                handler(event);
-            }
-            else if (event.type === "click" && !data.touchStarted) {
-                handler(event);
-                setIsPressed(true);
-                setTimeout(() => setIsPressed(false), 100);
-            }
-        };
-    }, []);
-    return { onTap, isPressed, ref: elementRef };
-};
-export { useTap };