@tapcart/mobile-components 0.7.44 → 0.7.46

package/dist/components/hooks/use-block-conditional-rendering.d.ts

@@ -1,5 +1,5 @@
 import { PhoenixBlock } from "app-studio-types";
-export declare const useConditionals: (_props: {
+export declare const useBlockConditionalRendering: (_props: {
     appId: string;
     apiUrl: string;
 }, _block: PhoenixBlock) => {

package/dist/components/hooks/use-block-conditional-rendering.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-block-conditional-rendering.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-block-conditional-rendering.ts"],"names":[],"mappings":"AAEA,OAAO,EAEL,YAAY,EAGb,MAAM,kBAAkB,CAAA;AAezB,eAAO,MAAM,eAAe,WAClB;IACN,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,UACO,YAAY;;;CAyJrB,CAAA"}
+{"version":3,"file":"use-block-conditional-rendering.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-block-conditional-rendering.ts"],"names":[],"mappings":"AAEA,OAAO,EAEL,YAAY,EAGb,MAAM,kBAAkB,CAAA;AAezB,eAAO,MAAM,4BAA4B,WAC/B;IACN,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,UACO,YAAY;;;CAyJrB,CAAA"}

package/dist/components/hooks/use-block-conditional-rendering.js

@@ -17,7 +17,7 @@ import { useSearchParams } from "next/navigation";
 //@ts-expect-error
 import { useVariables } from "@tapcart/webbridge-react";
 import { gidFromId, countNumberOfTagsInState, getEnvState, shouldShowBlock, } from "../../lib/utils";
-export const useConditionals = (_props, _block) => {
+export const useBlockConditionalRendering = (_props, _block) => {
     var _a, _b, _c, _d, _e, _f;
     const _g = ((_a = _block === null || _block === void 0 ? void 0 : _block.visibilityConditions) === null || _a === void 0 ? void 0 : _a.conditions) || {}, { enabled: isEnabled = false, exclude: isInverse = false } = _g, restOfProps = __rest(_g, ["enabled", "exclude"]);
     let shouldShow = true;

package/dist/components/hooks/use-customer.d.ts

@@ -0,0 +1,10 @@
+type Customer = {
+    isAuthenticated: boolean;
+};
+type UseCustomerProps = {};
+type UseCustomerReturn = {
+    customer: Customer;
+};
+export declare const useCustomer: (props: UseCustomerProps | null) => UseCustomerReturn;
+export {};
+//# sourceMappingURL=use-customer.d.ts.map

package/dist/components/hooks/use-customer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-customer.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-customer.ts"],"names":[],"mappings":"AAWA,KAAK,QAAQ,GAAG;IACd,eAAe,EAAE,OAAO,CAAA;CACzB,CAAA;AAGD,KAAK,gBAAgB,GAAG,EAAE,CAAA;AAE1B,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,QAAQ,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,WAAW,UACf,gBAAgB,GAAG,IAAI,KAC7B,iBAuBF,CAAA"}

package/dist/components/hooks/use-customer.js

@@ -0,0 +1,24 @@
+"use client";
+import { useState, useEffect } from "react";
+// @ts-ignore -- webbridge-react is not typed (yet)
+import { useActions } from "@tapcart/webbridge-react";
+export const useCustomer = (props) => {
+    const [isAuthenticated, setIsAuthenticated] = useState(false);
+    const [customer, setCustomer] = useState({});
+    const actions = useActions();
+    // verify customer
+    useEffect(() => {
+        try {
+            // webbridge method to get customerIdentity
+            actions.getCustomerIdentity(null, {
+                onSuccess: (user) => setIsAuthenticated(!!(user === null || user === void 0 ? void 0 : user.email)),
+            });
+        }
+        catch (e) {
+            console.log("unable to get customer identity ", e);
+        }
+    }, [actions]);
+    return {
+        customer: Object.assign({ isAuthenticated }, customer),
+    };
+};

package/dist/components/hooks/use-mock-cart.d.ts

@@ -0,0 +1,61 @@
+import { Product } from "app-studio-types";
+type UseMockCartParams = {
+    apiUrl: string;
+    appId: string;
+    enabled: boolean;
+    limit?: number;
+};
+export declare const useMockCart: ({ apiUrl, appId, enabled, limit, }: UseMockCartParams) => {
+    error: {
+        message: string;
+    };
+    isLoading: boolean;
+    cart: {};
+} | {
+    error: any;
+    isLoading: boolean;
+    cart: {
+        subtotal: number;
+        items: {
+            discounts: Record<string, string | number>[];
+            productId: string;
+            quantity: number;
+            variantId: string;
+            productDetails: Product;
+            variantDetails: import("app-studio-types").ProductVariant;
+            cost: {
+                totalAmount: {
+                    amount: string;
+                    currencyCode: string;
+                };
+            };
+            sellingPlanAllocation: {
+                priceAdjustments: {
+                    perDeliveryPrice: {
+                        amount: number;
+                        currencyCode: string;
+                    };
+                    price: {
+                        amount: number;
+                        currencyCode: string;
+                    };
+                };
+                sellingPlan: {
+                    id: string;
+                    name: string;
+                    recurringDeliveries: boolean;
+                };
+            } | undefined;
+        }[];
+        attributes: {
+            key: string;
+            value: string;
+        }[];
+        currency: string;
+        discounts: string[];
+        id: string;
+        note: string;
+    };
+};
+export {};
+//# sourceMappingURL=use-mock-cart.d.ts.map

package/dist/components/hooks/use-mock-cart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mock-cart.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-mock-cart.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAqF1C,KAAK,iBAAiB,GAAG;IACvB,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,WAAW,uCAKrB,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BnB,CAAA"}

package/dist/components/hooks/use-mock-cart.js

@@ -0,0 +1,93 @@
+"use client";
+import { getIdFromGid } from "../../lib/utils";
+import { useProducts } from "./use-products";
+const cartMock = {
+    attributes: [{ key: "tapcart_id", value: "123" }],
+    currency: "USD",
+    discounts: ["10_OFF_ORDER"],
+    id: "456?key=789",
+    items: [],
+    note: "this is a mock cart",
+    subtotal: 0,
+};
+const transformCart = ({ products, cartOrigin = cartMock, }) => {
+    let subtotal = cartOrigin.subtotal;
+    const items = products.map((product, i) => {
+        const variant = product.variants[0];
+        const price = parseInt(variant.price.amount);
+        const productId = getIdFromGid(product.id);
+        const variantId = getIdFromGid(variant.id);
+        const discounts = [];
+        const cost = {
+            totalAmount: {
+                amount: price.toString(),
+                currencyCode: "USD",
+            },
+        };
+        subtotal += price;
+        let sellingPlanAllocation;
+        if (i === 0) {
+            const discount = price / 10;
+            subtotal -= discount;
+            discounts.push({
+                amount: parseInt(variant.price.amount) / 10,
+                code: "10_OFF_PRODUCT",
+                type: "code",
+            });
+            sellingPlanAllocation = {
+                priceAdjustments: {
+                    perDeliveryPrice: {
+                        amount: price,
+                        currencyCode: "USD",
+                    },
+                    price: {
+                        amount: price,
+                        currencyCode: "USD",
+                    },
+                },
+                sellingPlan: {
+                    id: "gid://shopify/SellingPlan/123",
+                    name: "Delivery every 30 Days",
+                    recurringDeliveries: true,
+                },
+            };
+        }
+        return {
+            discounts,
+            productId,
+            quantity: 1,
+            variantId,
+            productDetails: product,
+            variantDetails: variant,
+            cost,
+            sellingPlanAllocation,
+        };
+    });
+    return Object.assign(Object.assign({}, cartOrigin), { subtotal,
+        items });
+};
+export const useMockCart = ({ apiUrl, appId, enabled = true, limit = 1, }) => {
+    const { products, error: productsError, isLoading: productsLoading, } = useProducts({
+        productIds: [],
+        productHandles: [],
+        baseURL: apiUrl,
+        queryVariables: {
+            appId,
+            limit,
+        },
+        mock: enabled,
+        onlyAvailableProducts: true,
+    });
+    if (!enabled)
+        return {
+            error: { message: "cart mock skipped" },
+            isLoading: false,
+            cart: {},
+        };
+    const cart = transformCart({ products });
+    return {
+        error: productsError,
+        isLoading: productsLoading,
+        cart,
+    };
+};

package/dist/components/ui/apple-pay-button.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="applepayjs" />
+import * as React from "react";
+export type ApplePayButtonType = "plain" | "add-money" | "book" | "buy" | "check-out" | "continue" | "contribute" | "donate" | "order" | "pay" | "reload" | "rent" | "set-up" | "subscribe" | "support" | "tip" | "top-up";
+export type ApplePayButtonStyle = "black" | "white" | "white-outline";
+export interface ApplePayButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    displayName: string;
+    amount: number;
+    requiredBillingContactFields?: ApplePayJS.ApplePayContactField[];
+    requiredShippingContactFields?: ApplePayJS.ApplePayContactField[];
+    startSessionURL: string;
+    appId: string;
+    domainName: string;
+    countryCode?: string;
+    currencyCode?: string;
+    merchantCapabilities?: ApplePayJS.ApplePayMerchantCapability[];
+    supportedNetworks?: string[];
+    buttonType?: ApplePayButtonType;
+    buttonStyle?: ApplePayButtonStyle;
+    onPaymentAuthorized?: (paymentData: ApplePayJS.ApplePayPayment) => Promise<void>;
+    onShippingContactSelected?: (shippingContact: ApplePayJS.ApplePayPaymentContact) => Promise<ApplePayJS.ApplePayShippingMethodUpdate>;
+    onShippingMethodSelected?: (shippingMethod: ApplePayJS.ApplePayShippingMethod) => ApplePayJS.ApplePayShippingMethodUpdate;
+    onPaymentCancelled?: () => void;
+}
+declare const ApplePayButton: {
+    ({ displayName, amount, requiredBillingContactFields, requiredShippingContactFields, startSessionURL, appId, domainName, countryCode, currencyCode, merchantCapabilities, supportedNetworks, buttonType, buttonStyle, onPaymentAuthorized, onShippingContactSelected, onShippingMethodSelected, onPaymentCancelled, }: ApplePayButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { ApplePayButton };
+//# sourceMappingURL=apple-pay-button.d.ts.map

package/dist/components/ui/apple-pay-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"apple-pay-button.d.ts","sourceRoot":"","sources":["../../../components/ui/apple-pay-button.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,MAAM,kBAAkB,GAC1B,OAAO,GACP,WAAW,GACX,MAAM,GACN,KAAK,GACL,WAAW,GACX,UAAU,GACV,YAAY,GACZ,QAAQ,GACR,OAAO,GACP,KAAK,GACL,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,WAAW,GACX,SAAS,GACT,KAAK,GACL,QAAQ,CAAA;AAEZ,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,OAAO,GAAG,eAAe,CAAA;AAErE,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,WAAW,EAAE,MAAM,CAAA;IACnB,MAAM,EAAE,MAAM,CAAA;IACd,4BAA4B,CAAC,EAAE,UAAU,CAAC,oBAAoB,EAAE,CAAA;IAChE,6BAA6B,CAAC,EAAE,UAAU,CAAC,oBAAoB,EAAE,CAAA;IACjE,eAAe,EAAE,MAAM,CAAA;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,oBAAoB,CAAC,EAAE,UAAU,CAAC,0BAA0B,EAAE,CAAA;IAC9D,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC5B,UAAU,CAAC,EAAE,kBAAkB,CAAA;IAC/B,WAAW,CAAC,EAAE,mBAAmB,CAAA;IACjC,mBAAmB,CAAC,EAAE,CACpB,WAAW,EAAE,UAAU,CAAC,eAAe,KACpC,OAAO,CAAC,IAAI,CAAC,CAAA;IAClB,yBAAyB,CAAC,EAAE,CAC1B,eAAe,EAAE,UAAU,CAAC,sBAAsB,KAC/C,OAAO,CAAC,UAAU,CAAC,4BAA4B,CAAC,CAAA;IACrD,wBAAwB,CAAC,EAAE,CACzB,cAAc,EAAE,UAAU,CAAC,sBAAsB,KAC9C,UAAU,CAAC,4BAA4B,CAAA;IAC5C,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;CAChC;AAED,QAAA,MAAM,cAAc;2TAkBjB,mBAAmB;;CAyLrB,CAAA;AAID,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/ui/apple-pay-button.js

@@ -0,0 +1,144 @@
+"use client";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import ApplePayButtonComponent from "apple-pay-button";
+const ApplePayButton = ({ displayName, amount, requiredBillingContactFields = ["name", "postalAddress", "phone", "email"], requiredShippingContactFields = ["name", "postalAddress", "phone", "email"], startSessionURL, appId, domainName, countryCode = "US", currencyCode = "USD", merchantCapabilities = ["supports3DS"], supportedNetworks = ["visa", "masterCard", "amex", "discover"], buttonType = "plain", buttonStyle = "white-outline", onPaymentAuthorized, onShippingContactSelected, onShippingMethodSelected, onPaymentCancelled, }) => {
+    const [paymentDataResult, setPaymentDataResult] = React.useState("");
+    const onClick = () => {
+        const applePayRequest = {
+            countryCode,
+            currencyCode,
+            merchantCapabilities,
+            supportedNetworks,
+            total: {
+                label: displayName,
+                type: "final",
+                amount: amount.toString(),
+            },
+            requiredShippingContactFields,
+            requiredBillingContactFields,
+        };
+        const session = new ApplePaySession(3, applePayRequest);
+        handleEventsForApplePay(session);
+        session.begin();
+    };
+    const defaultFetcher = (url, body) => fetch(url, {
+        method: body ? "POST" : "GET",
+        headers: {
+            "Content-Type": "application/json",
+        },
+        body: body ? JSON.stringify(body) : undefined,
+    }).then((res) => res.json());
+    const validateMerchant = (validationURL, appId, domainName, displayName) => __awaiter(void 0, void 0, void 0, function* () {
+        let url = startSessionURL;
+        let body = {
+            validationURL,
+            appId,
+            domainName,
+            displayName,
+        };
+        console.log("request body", body);
+        const response = yield defaultFetcher(url, body);
+        return response.data;
+    });
+    const handleEventsForApplePay = (session) => {
+        session.onvalidatemerchant = (event) => __awaiter(void 0, void 0, void 0, function* () {
+            const response = yield validateMerchant(event.validationURL, appId, domainName, displayName);
+            if (response) {
+                session.completeMerchantValidation(response);
+            }
+            else {
+                console.error("Error during validating merchant");
+            }
+        });
+        session.onpaymentmethodselected = (event) => {
+            const update = {
+                newTotal: {
+                    label: displayName,
+                    type: "final",
+                    amount: amount.toString(),
+                },
+            };
+            session.completePaymentMethodSelection(update);
+        };
+        session.onshippingmethodselected = (event) => {
+            const shippingMethod = event.shippingMethod;
+            let update = {
+                newTotal: {
+                    label: displayName,
+                    type: "final",
+                    amount: amount.toString(),
+                },
+            };
+            if (onShippingMethodSelected) {
+                update = onShippingMethodSelected(shippingMethod);
+            }
+            session.completeShippingMethodSelection(update);
+        };
+        session.onshippingcontactselected = (event) => __awaiter(void 0, void 0, void 0, function* () {
+            const shippingContact = event.shippingContact;
+            let update = {
+                newTotal: {
+                    label: displayName,
+                    type: "final",
+                    amount: amount.toString(),
+                },
+            };
+            if (onShippingContactSelected) {
+                update = yield onShippingContactSelected(shippingContact);
+            }
+            session.completeShippingContactSelection(update);
+        });
+        session.onpaymentauthorized = (event) => __awaiter(void 0, void 0, void 0, function* () {
+            const paymentData = event.payment;
+            try {
+                if (onPaymentAuthorized) {
+                    yield onPaymentAuthorized(paymentData);
+                }
+                if (paymentData.token) {
+                    const paymentDataJson = JSON.stringify(paymentData.token, null, 2);
+                    console.log("paymentData", paymentDataJson);
+                    setPaymentDataResult(paymentDataJson);
+                    const result = {
+                        status: ApplePaySession.STATUS_SUCCESS,
+                    };
+                    session.completePayment(result);
+                }
+                else {
+                    const result = {
+                        status: ApplePaySession.STATUS_FAILURE,
+                    };
+                    session.completePayment(result);
+                }
+            }
+            catch (error) {
+                console.error("Payment authorization failed:", error);
+                const result = {
+                    status: ApplePaySession.STATUS_FAILURE,
+                };
+                session.completePayment(result);
+            }
+        });
+        session.oncancel = (event) => {
+            if (onPaymentCancelled) {
+                onPaymentCancelled();
+            }
+            console.log("Session Cancelled.");
+        };
+    };
+    return (_jsxs("div", { children: [_jsx("div", Object.assign({ className: "flex flex-row justify-center items-center pt-40" }, { children: _jsx(ApplePayButtonComponent, { onClick: onClick, style: {
+                        height: "48px",
+                        borderRadius: "4px",
+                    }, type: buttonType, buttonStyle: buttonStyle }) })), _jsx("div", Object.assign({ className: "w-100 overflow-auto" }, { children: _jsx("pre", Object.assign({ className: "whitespace-pre-wrap break-words" }, { children: paymentDataResult })) }))] }));
+};
+ApplePayButton.displayName = "ApplePayButton";
+export { ApplePayButton };

package/dist/index.d.ts

@@ -10,7 +10,10 @@ export * from "./components/hooks/use-sort-filter";
 export * from "./components/hooks/use-product-options";
 export * from "./components/hooks/use-shop";
 export * from "./components/hooks/use-mock-products";
+export * from "./components/hooks/use-block-conditional-rendering";
+export * from "./components/hooks/use-mock-cart";
 export * from "./components/ui/accordion";
+export * from "./components/ui/apple-pay-button";
 export * from "./components/ui/aspect-ratio";
 export * from "./components/ui/badge";
 export * from "./components/ui/button";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,EAAE,EACF,GAAG,EACH,QAAQ,EACR,4BAA4B,EAC5B,cAAc,EACd,mBAAmB,EACnB,YAAY,EACZ,yBAAyB,EACzB,4BAA4B,EAC5B,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,qBAAqB,EACrB,qBAAqB,EACrB,wBAAwB,EACxB,4BAA4B,EAC5B,eAAe,EACf,cAAc,EACd,SAAS,EACT,4BAA4B,GAC7B,MAAM,aAAa,CAAA;AACpB,cAAc,2CAA2C,CAAA;AACzD,cAAc,mCAAmC,CAAA;AACjD,cAAc,wCAAwC,CAAA;AACtD,cAAc,wCAAwC,CAAA;AACtD,cAAc,iCAAiC,CAAA;AAC/C,cAAc,sCAAsC,CAAA;AACpD,cAAc,yCAAyC,CAAA;AACvD,cAAc,oCAAoC,CAAA;AAClD,cAAc,wCAAwC,CAAA;AACtD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,sCAAsC,CAAA;AACpD,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA;AACrC,cAAc,sCAAsC,CAAA;AACpD,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AACxC,cAAc,wBAAwB,CAAA;AACtC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,0BAA0B,CAAA;AACxC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,sBAAsB,CAAA;AACpC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,kDAAkD,CAAA;AAChE,cAAc,gCAAgC,CAAA;AAC9C,cAAc,oCAAoC,CAAA;AAClD,cAAc,mCAAmC,CAAA;AACjD,cAAc,aAAa,CAAA;AAC3B,cAAc,6CAA6C,CAAA;AAC3D,cAAc,kDAAkD,CAAA;AAChE,cAAc,qBAAqB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,EAAE,EACF,GAAG,EACH,QAAQ,EACR,4BAA4B,EAC5B,cAAc,EACd,mBAAmB,EACnB,YAAY,EACZ,yBAAyB,EACzB,4BAA4B,EAC5B,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,qBAAqB,EACrB,qBAAqB,EACrB,wBAAwB,EACxB,4BAA4B,EAC5B,eAAe,EACf,cAAc,EACd,SAAS,EACT,4BAA4B,GAC7B,MAAM,aAAa,CAAA;AACpB,cAAc,2CAA2C,CAAA;AACzD,cAAc,mCAAmC,CAAA;AACjD,cAAc,wCAAwC,CAAA;AACtD,cAAc,wCAAwC,CAAA;AACtD,cAAc,iCAAiC,CAAA;AAC/C,cAAc,sCAAsC,CAAA;AACpD,cAAc,yCAAyC,CAAA;AACvD,cAAc,oCAAoC,CAAA;AAClD,cAAc,wCAAwC,CAAA;AACtD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,sCAAsC,CAAA;AACpD,cAAc,oDAAoD,CAAA;AAClE,cAAc,kCAAkC,CAAA;AAChD,cAAc,2BAA2B,CAAA;AACzC,cAAc,kCAAkC,CAAA;AAChD,cAAc,8BAA8B,CAAA;AAC5C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA;AACrC,cAAc,sCAAsC,CAAA;AACpD,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AACxC,cAAc,wBAAwB,CAAA;AACtC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,0BAA0B,CAAA;AACxC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,sBAAsB,CAAA;AACpC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,kDAAkD,CAAA;AAChE,cAAc,gCAAgC,CAAA;AAC9C,cAAc,oCAAoC,CAAA;AAClD,cAAc,mCAAmC,CAAA;AACjD,cAAc,aAAa,CAAA;AAC3B,cAAc,6CAA6C,CAAA;AAC3D,cAAc,kDAAkD,CAAA;AAChE,cAAc,qBAAqB,CAAA"}

package/dist/index.js

@@ -11,7 +11,10 @@ export * from "./components/hooks/use-sort-filter";
 export * from "./components/hooks/use-product-options";
 export * from "./components/hooks/use-shop";
 export * from "./components/hooks/use-mock-products";
+export * from "./components/hooks/use-block-conditional-rendering";
+export * from "./components/hooks/use-mock-cart";
 export * from "./components/ui/accordion";
+export * from "./components/ui/apple-pay-button";
 export * from "./components/ui/aspect-ratio";
 export * from "./components/ui/badge";
 export * from "./components/ui/button";

package/dist/styles.css

@@ -1373,6 +1373,9 @@ video {
 .self-center {
   align-self: center;
 }
+.overflow-auto {
+  overflow: auto;
+}
 .overflow-hidden {
   overflow: hidden;
 }
@@ -1399,6 +1402,9 @@ video {
 .whitespace-nowrap {
   white-space: nowrap;
 }
+.whitespace-pre-wrap {
+  white-space: pre-wrap;
+}
 .break-words {
   overflow-wrap: break-word;
 }
@@ -1758,6 +1764,9 @@ video {
 .pt-4 {
   padding-top: 1rem;
 }
+.pt-40 {
+  padding-top: 10rem;
+}
 .pt-5 {
   padding-top: 1.25rem;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tapcart/mobile-components",
-  "version": "0.7.44",
+  "version": "0.7.46",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "style": "dist/styles.css",
@@ -29,6 +29,7 @@
     "react-dom": "^17.0.2 || ^18.0.0"
   },
   "devDependencies": {
+    "@types/applepayjs": "^14.0.9",
     "@types/jest": "^29.5.14",
     "@types/lodash": "4.17.5",
     "@types/react": "^18.2.0",
@@ -69,6 +70,7 @@
     "@radix-ui/react-toggle-group": "^1.0.4",
     "@tabler/icons-react": "^3.2.0",
     "@tapcart/webbridge-react": "^1.13.0",
+    "apple-pay-button": "^1.1.7",
     "class-variance-authority": "^0.6.0",
     "clsx": "^1.2.1",
     "dayjs": "^1.11.13",

package/dist/components/ThemeProvider.d.ts

@@ -1,3 +0,0 @@
-import { ThemeProviderProps } from "next-themes/dist/types";
-export declare function ThemeProvider({ children, ...props }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ThemeProvider.d.ts.map

package/dist/components/ThemeProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../components/ThemeProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAE3D,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAEvE"}

package/dist/components/ThemeProvider.js

@@ -1,18 +0,0 @@
-"use client";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ThemeProvider as NextThemesProvider } from "next-themes";
-export function ThemeProvider(_a) {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    return _jsx(NextThemesProvider, Object.assign({}, props, { children: children }));
-}

package/dist/components/ThemeToggle.d.ts

@@ -1,2 +0,0 @@
-export declare function ThemeToggle(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ThemeToggle.d.ts.map

package/dist/components/ThemeToggle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeToggle.d.ts","sourceRoot":"","sources":["../../components/ThemeToggle.tsx"],"names":[],"mappings":"AAOA,wBAAgB,WAAW,4CAc1B"}

package/dist/components/ThemeToggle.js

@@ -1,8 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTheme } from "next-themes";
-import { Button } from "../components/ui/button";
-export function ThemeToggle() {
-    const { setTheme, theme } = useTheme();
-    return (_jsxs(Button, Object.assign({ variant: "ghost", size: "sm", onClick: () => setTheme(theme === "light" ? "dark" : "light") }, { children: [_jsx("div", { className: "rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }), _jsx("div", { className: "absolute rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" }), _jsx("span", Object.assign({ className: "sr-only" }, { children: "Toggle theme" }))] })));
-}

package/dist/components/hooks/use-block-conditionals.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=use-block-conditionals.d.ts.map

package/dist/components/hooks/use-block-conditionals.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-block-conditionals.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-block-conditionals.ts"],"names":[],"mappings":""}

package/dist/components/hooks/use-block-conditionals.js

@@ -1,2 +0,0 @@
-"use client";
-export {};

package/dist/components/ui/input.d.ts

@@ -1,17 +0,0 @@
-import * as React from "react";
-import { type VariantProps } from "class-variance-authority";
-declare const inputVariants: (props?: ({
-    error?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange">, VariantProps<typeof inputVariants> {
-    id: string;
-    label?: string;
-    icon?: string;
-    asChild?: boolean;
-    value: string;
-    placeholder: string;
-    onChange: (_: string) => void;
-}
-declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
-export { Input };
-//# sourceMappingURL=input.d.ts.map

package/dist/components/ui/input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../components/ui/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,aAAa;;mFAalB,CAAA;AAED,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,EACnE,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9B;AAED,QAAA,MAAM,KAAK,qFAkDV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/components/ui/input.js

@@ -1,35 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
-import { Icon } from "./icon";
-const inputVariants = cva("flex h-14 w-full rounded border border-coreColors-dividingLines bg-coreColors-inputBackground px-4 pt-5 pb-2 placeholder-shown:p-4 text-textColors-primaryColor text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-textColors-secondaryColor focus-visible:outline-none focus-visible:ring-0 disabled:cursor-not-allowed disabled:opacity-50 focus:border-coreColors-brandColorPrimary peer data-[icon=true]:pr-10", {
-    variants: {
-        error: {
-            true: "border-stateColors-error text-stateColors-error placeholder:text-stateColors-error focus:border-stateColors-error [&+label]:text-stateColors-error",
-            false: "",
-        },
-    },
-    defaultVariants: {
-        error: false,
-    },
-});
-const Input = React.forwardRef((_a, ref) => {
-    var { className, error = false, id, type, label, icon, asChild, value, placeholder, onChange } = _a, props = __rest(_a, ["className", "error", "id", "type", "label", "icon", "asChild", "value", "placeholder", "onChange"]);
-    const Comp = asChild ? Slot : "div";
-    return (_jsxs(Comp, Object.assign({ className: "relative group" }, { children: [_jsx("input", Object.assign({ placeholder: placeholder, value: value, onChange: (e) => onChange(e.target.value), id: id, type: type, className: cn(inputVariants({ error }), className), "data-icon": !!icon, ref: ref }, props)), label ? (_jsx("label", Object.assign({ htmlFor: id, className: "absolute text-[10px] text-textColors-secondaryColor group-active:text-coreColors-brandColorPrimary top-2 z-10 h-4 origin-[0] start-4 opacity-100 peer-placeholder-shown:opacity-0" }, { children: label }))) : null, icon ? (_jsx(Icon, { name: icon, "data-error": error, size: "sm", className: "absolute w-5 aspect-square fill-current text-textColors-secondaryColor top-[18px] z-10 origin-[0] end-4 peer-pr-8 icon data-[error=true]:text-stateColors-error" })) : null] })));
-});
-Input.displayName = "Input";
-export { Input };

package/dist/components/ui/product-grid.d.ts

@@ -1,15 +0,0 @@
-type Product = any;
-interface PageData {
-    products: Product[];
-    cursorBlob?: string;
-    filtersData: any;
-}
-interface ProductGridItemsProps {
-    initialData: PageData;
-    loadMoreProducts: (params: any) => Promise<PageData>;
-    queryVariables: Record<string, any>;
-    config: Record<string, any>;
-}
-declare function ProductGrid({ loadMoreProducts, initialData, queryVariables, config, }: ProductGridItemsProps): import("react/jsx-runtime").JSX.Element;
-export { ProductGrid };
-//# sourceMappingURL=product-grid.d.ts.map

package/dist/components/ui/product-grid.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"product-grid.d.ts","sourceRoot":"","sources":["../../../components/ui/product-grid.tsx"],"names":[],"mappings":"AAkBA,KAAK,OAAO,GAAG,GAAG,CAAA;AAClB,UAAU,QAAQ;IAChB,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,GAAG,CAAA;CACjB;AAED,UAAU,qBAAqB;IAC7B,WAAW,EAAE,QAAQ,CAAA;IACrB,gBAAgB,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAA;IACpD,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACnC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC5B;AAED,iBAAS,WAAW,CAAC,EACnB,gBAAgB,EAChB,WAAW,EACX,cAAc,EACd,MAAM,GACP,EAAE,qBAAqB,2CAmCvB;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/components/ui/product-grid.js

@@ -1,22 +0,0 @@
-"use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useInfiniteScroll } from "../hooks/use-infinite-scroll";
-import { ProductCard } from "./product-card";
-const Loader = () => (_jsx("div", Object.assign({ className: "grid-cols-2 lg:grid-cols-3" }, { children: Array(4)
-        .fill(0)
-        .map((_, index) => (_jsx("div", { className: "aspect-[2/3] animate-pulse bg-neutral-100 dark:bg-neutral-900" }, index))) })));
-function ProductGrid({ loadMoreProducts, initialData, queryVariables, config, }) {
-    const { data, error, isLoadingInitialData, isLoadingMore, isEmpty, isReachingEnd, ref, products, } = useInfiniteScroll({
-        initialData,
-        loadMoreProducts,
-        queryVariables,
-    });
-    if (error)
-        return _jsx("div", { children: "Failed to load data" });
-    if (isLoadingInitialData)
-        return _jsx(Loader, {});
-    return (_jsxs(_Fragment, { children: [_jsx("div", Object.assign({ className: "grid-cols-2 lg:grid-cols-3" }, { children: products.map((product, i) => (_jsx(ProductCard, { 
-                    // @ts-expect-error
-                    product: product, config: config, isLoading: false }, product.handle))) })), isLoadingMore ? _jsx(Loader, {}) : _jsx("div", { ref: ref })] }));
-}
-export { ProductGrid };