@betterstore/react 0.7.1 → 0.7.3

package/dist/components/checkout-embed/appearance.d.ts

@@ -1,4 +1,4 @@
-import { Appearance as StripeAppearance, StripeElementsOptions } from "@stripe/stripe-js";
+import { Appearance as StripeAppearance, StripeElementsOptions } from '@stripe/stripe-js';
 export type Themes = "dark" | "light";
 export type Fonts = StripeElementsOptions["fonts"];
 export type AppearanceConfig = {
@@ -27,4 +27,3 @@ export type AppearanceConfig = {
     };
 };
 export declare const convertCheckoutAppearanceToStripeAppearance: (appearance?: AppearanceConfig, fonts?: Fonts) => StripeAppearance;
-//# sourceMappingURL=appearance.d.ts.map

package/dist/components/checkout-embed/checkout-form-loading.d.ts

@@ -1,2 +1 @@
 export default function CheckoutFormLoading(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=checkout-form-loading.d.ts.map

package/dist/components/checkout-embed/checkout-form.d.ts

@@ -1,13 +1,14 @@
-import { createBetterStoreClient, GetCheckoutResponse } from "@betterstore/sdk";
-import { StripeElementLocale } from "@stripe/stripe-js";
-import { AppearanceConfig, Fonts } from "./appearance";
+import { createBetterStoreClient, GetCheckoutResponse } from '@betterstore/sdk';
+import { StripeElementLocale } from '@stripe/stripe-js';
+import { AppearanceConfig, Fonts } from './appearance';
 interface CheckoutFormProps {
     storeClient: ReturnType<typeof createBetterStoreClient>;
     checkoutId: string;
     onSuccess: () => void;
     onError: () => void;
     cancelUrl: string;
-    clientSecret: string;
+    checkoutSecret: string;
+    customerData?: GetCheckoutResponse["customerData"];
     customer?: GetCheckoutResponse["customer"];
     currency: string;
     checkoutAppearance?: AppearanceConfig;
@@ -24,6 +25,5 @@ interface CheckoutFormProps {
     currentAlpha3CountryCode?: string;
     shipments: GetCheckoutResponse["shipments"];
 }
-export default function CheckoutForm({ storeClient, checkoutId, onSuccess, onError, cancelUrl, clientSecret, customer, currency, checkoutAppearance, fonts, locale, setShippingCost, exchangeRate, paymentSecret, publicKey, paymentComponentKey, clientProxy, latitude, longitude, currentAlpha3CountryCode, shipments, }: CheckoutFormProps): import("react/jsx-runtime").JSX.Element;
+export default function CheckoutForm({ storeClient, checkoutId, onSuccess, onError, cancelUrl, checkoutSecret, customer, customerData, currency, checkoutAppearance, fonts, locale, setShippingCost, exchangeRate, paymentSecret, publicKey, paymentComponentKey, clientProxy, latitude, longitude, currentAlpha3CountryCode, shipments, }: CheckoutFormProps): import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=checkout-form.d.ts.map

package/dist/components/checkout-embed/checkout-schema.d.ts

@@ -1,4 +1,4 @@
-import { z } from "zod";
+import { z } from 'zod';
 export declare const customerSchema: z.ZodObject<{
     email: z.ZodString;
     firstName: z.ZodString;
@@ -34,8 +34,9 @@ export declare const customerSchema: z.ZodObject<{
         provinceCode?: string | null | undefined;
         company?: string | null | undefined;
     }>;
-    phone: z.ZodString;
-    isEmailSubscribed: z.ZodOptional<z.ZodBoolean>;
+    phone: z.ZodEffects<z.ZodString, string, string>;
+    isSubscribedEmail: z.ZodOptional<z.ZodBoolean>;
+    isSubscribedSMS: z.ZodOptional<z.ZodBoolean>;
 }, "strip", z.ZodTypeAny, {
     email: string;
     firstName: string;
@@ -52,7 +53,8 @@ export declare const customerSchema: z.ZodObject<{
         company?: string | null | undefined;
     };
     phone: string;
-    isEmailSubscribed?: boolean | undefined;
+    isSubscribedEmail?: boolean | undefined;
+    isSubscribedSMS?: boolean | undefined;
 }, {
     email: string;
     firstName: string;
@@ -69,41 +71,42 @@ export declare const customerSchema: z.ZodObject<{
         company?: string | null | undefined;
     };
     phone: string;
-    isEmailSubscribed?: boolean | undefined;
+    isSubscribedEmail?: boolean | undefined;
+    isSubscribedSMS?: boolean | undefined;
 }>;
 export declare const shipmentsFormSchema: z.ZodEffects<z.ZodRecord<z.ZodString, z.ZodObject<{
     rateId: z.ZodString;
-    providerId: z.ZodOptional<z.ZodString>;
+    carrierId: z.ZodOptional<z.ZodString>;
     priceInCents: z.ZodNumber;
     pickupPointId: z.ZodOptional<z.ZodString>;
     pickupPointDisplayName: z.ZodOptional<z.ZodString>;
     displayName: z.ZodString;
 }, "strip", z.ZodTypeAny, {
     priceInCents: number;
-    displayName: string;
     rateId: string;
-    providerId?: string | undefined;
+    displayName: string;
+    carrierId?: string | undefined;
     pickupPointId?: string | undefined;
     pickupPointDisplayName?: string | undefined;
 }, {
     priceInCents: number;
-    displayName: string;
     rateId: string;
-    providerId?: string | undefined;
+    displayName: string;
+    carrierId?: string | undefined;
     pickupPointId?: string | undefined;
     pickupPointDisplayName?: string | undefined;
 }>>, Record<string, {
     priceInCents: number;
-    displayName: string;
     rateId: string;
-    providerId?: string | undefined;
+    displayName: string;
+    carrierId?: string | undefined;
     pickupPointId?: string | undefined;
     pickupPointDisplayName?: string | undefined;
 }>, Record<string, {
     priceInCents: number;
-    displayName: string;
     rateId: string;
-    providerId?: string | undefined;
+    displayName: string;
+    carrierId?: string | undefined;
     pickupPointId?: string | undefined;
     pickupPointDisplayName?: string | undefined;
 }>>;
@@ -143,8 +146,9 @@ export declare const checkoutSchema: z.ZodObject<{
             provinceCode?: string | null | undefined;
             company?: string | null | undefined;
         }>;
-        phone: z.ZodString;
-        isEmailSubscribed: z.ZodOptional<z.ZodBoolean>;
+        phone: z.ZodEffects<z.ZodString, string, string>;
+        isSubscribedEmail: z.ZodOptional<z.ZodBoolean>;
+        isSubscribedSMS: z.ZodOptional<z.ZodBoolean>;
     }, "strip", z.ZodTypeAny, {
         email: string;
         firstName: string;
@@ -161,7 +165,8 @@ export declare const checkoutSchema: z.ZodObject<{
             company?: string | null | undefined;
         };
         phone: string;
-        isEmailSubscribed?: boolean | undefined;
+        isSubscribedEmail?: boolean | undefined;
+        isSubscribedSMS?: boolean | undefined;
     }, {
         email: string;
         firstName: string;
@@ -178,41 +183,42 @@ export declare const checkoutSchema: z.ZodObject<{
             company?: string | null | undefined;
         };
         phone: string;
-        isEmailSubscribed?: boolean | undefined;
+        isSubscribedEmail?: boolean | undefined;
+        isSubscribedSMS?: boolean | undefined;
     }>;
     shipping: z.ZodEffects<z.ZodRecord<z.ZodString, z.ZodObject<{
         rateId: z.ZodString;
-        providerId: z.ZodOptional<z.ZodString>;
+        carrierId: z.ZodOptional<z.ZodString>;
         priceInCents: z.ZodNumber;
         pickupPointId: z.ZodOptional<z.ZodString>;
         pickupPointDisplayName: z.ZodOptional<z.ZodString>;
         displayName: z.ZodString;
     }, "strip", z.ZodTypeAny, {
         priceInCents: number;
-        displayName: string;
         rateId: string;
-        providerId?: string | undefined;
+        displayName: string;
+        carrierId?: string | undefined;
         pickupPointId?: string | undefined;
         pickupPointDisplayName?: string | undefined;
     }, {
         priceInCents: number;
-        displayName: string;
         rateId: string;
-        providerId?: string | undefined;
+        displayName: string;
+        carrierId?: string | undefined;
         pickupPointId?: string | undefined;
         pickupPointDisplayName?: string | undefined;
     }>>, Record<string, {
         priceInCents: number;
-        displayName: string;
         rateId: string;
-        providerId?: string | undefined;
+        displayName: string;
+        carrierId?: string | undefined;
         pickupPointId?: string | undefined;
         pickupPointDisplayName?: string | undefined;
     }>, Record<string, {
         priceInCents: number;
-        displayName: string;
         rateId: string;
-        providerId?: string | undefined;
+        displayName: string;
+        carrierId?: string | undefined;
         pickupPointId?: string | undefined;
         pickupPointDisplayName?: string | undefined;
     }>>;
@@ -234,13 +240,14 @@ export declare const checkoutSchema: z.ZodObject<{
             company?: string | null | undefined;
         };
         phone: string;
-        isEmailSubscribed?: boolean | undefined;
+        isSubscribedEmail?: boolean | undefined;
+        isSubscribedSMS?: boolean | undefined;
     };
     shipping: Record<string, {
         priceInCents: number;
-        displayName: string;
         rateId: string;
-        providerId?: string | undefined;
+        displayName: string;
+        carrierId?: string | undefined;
         pickupPointId?: string | undefined;
         pickupPointDisplayName?: string | undefined;
     }>;
@@ -262,13 +269,14 @@ export declare const checkoutSchema: z.ZodObject<{
             company?: string | null | undefined;
         };
         phone: string;
-        isEmailSubscribed?: boolean | undefined;
+        isSubscribedEmail?: boolean | undefined;
+        isSubscribedSMS?: boolean | undefined;
     };
     shipping: Record<string, {
         priceInCents: number;
-        displayName: string;
         rateId: string;
-        providerId?: string | undefined;
+        displayName: string;
+        carrierId?: string | undefined;
         pickupPointId?: string | undefined;
         pickupPointDisplayName?: string | undefined;
     }>;
@@ -277,4 +285,3 @@ export declare const checkoutSchema: z.ZodObject<{
 export type CheckoutFormData = z.infer<typeof checkoutSchema>;
 export type CustomerFormData = z.infer<typeof customerSchema>;
 export type ShipmentsFormData = z.infer<typeof shipmentsFormSchema>;
-//# sourceMappingURL=checkout-schema.d.ts.map

package/dist/components/checkout-embed/color-utils.d.ts

@@ -1,2 +1 @@
 export declare const formatColor: (color: string) => string;
-//# sourceMappingURL=color-utils.d.ts.map

package/dist/components/checkout-embed/index.d.ts

@@ -1,10 +1,10 @@
-import { Locale } from "@/react/i18n";
-import React from "react";
-import { AppearanceConfig, Fonts } from "./appearance";
+import { Locale } from '../../types';
+import { default as React } from 'react';
+import { AppearanceConfig, Fonts } from './appearance';
 interface CheckoutEmbedProps {
     checkoutId: string;
     config: {
-        clientSecret: string;
+        checkoutSecret: string;
         cancelUrl: string;
         successUrl: string;
         appearance?: AppearanceConfig;
@@ -16,4 +16,3 @@ interface CheckoutEmbedProps {
 declare function CheckoutEmbedComponent({ checkoutId, config }: CheckoutEmbedProps): import("react/jsx-runtime").JSX.Element;
 declare const CheckoutEmbed: React.MemoExoticComponent<typeof CheckoutEmbedComponent>;
 export { CheckoutEmbed };
-//# sourceMappingURL=index.d.ts.map

package/dist/components/checkout-embed/steps/customer/address-utils.d.ts

@@ -1,3 +1,2 @@
-import { CustomerFormData } from "../../checkout-schema";
+import { CustomerFormData } from '../../checkout-schema';
 export declare const formatAddress: (address: CustomerFormData["address"]) => string;
-//# sourceMappingURL=address-utils.d.ts.map

package/dist/components/checkout-embed/steps/customer/form.d.ts

@@ -1,14 +1,19 @@
-import { type CustomerFormData } from "../../checkout-schema";
+import { CustomerFormData } from '../../checkout-schema';
 interface CustomerFormProps {
-    initialData?: CustomerFormData;
-    onSubmit: (data: CustomerFormData) => void;
-    clientProxy?: string;
-    clientSecret: string;
-    latitude?: number;
-    longitude?: number;
-    currentAlpha3CountryCode?: string;
+    form: {
+        initialData?: CustomerFormData;
+        onSubmit: (data: CustomerFormData) => void;
+    };
+    api: {
+        checkoutSecret: string;
+        clientProxy?: string;
+    };
+    location?: {
+        latitude?: number;
+        longitude?: number;
+        countryCode?: string;
+    };
     locale?: string;
 }
-export default function CustomerForm({ initialData, onSubmit, clientProxy, clientSecret, latitude, longitude, currentAlpha3CountryCode, locale, }: CustomerFormProps): import("react/jsx-runtime").JSX.Element;
+export default function CustomerForm({ form: formProps, api, location, locale, }: CustomerFormProps): import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=form.d.ts.map

package/dist/components/checkout-embed/steps/payment/form.d.ts

@@ -1,23 +1,32 @@
-import { StripeElementLocale } from "@stripe/stripe-js";
-import { AppearanceConfig, Fonts } from "../../appearance";
-import { FormStore } from "../../useFormStore";
+import { CheckoutFormStore } from '../../../../stores/checkout-form-store';
+import { StripeElementLocale } from '@stripe/stripe-js';
+import { AppearanceConfig, Fonts } from '../../appearance';
 interface PaymentFormProps {
-    paymentSecret: string | null;
-    onSuccess: () => void;
-    onError: () => void;
-    onBack: () => void;
-    onDoubleBack: () => void;
-    contactEmail: string;
-    shippingFormData: NonNullable<FormStore["formData"]["shipping"]>;
-    address: string;
-    checkoutAppearance?: AppearanceConfig;
-    fonts?: Fonts;
-    locale?: StripeElementLocale;
-    publicKey: string | null;
-    paymentComponentKey: number;
-    currency: string;
-    exchangeRate: number;
+    payment: {
+        secret: string | null;
+        publicKey: string | null;
+        componentKey: number;
+    };
+    callbacks: {
+        onSuccess: () => void;
+        onError: () => void;
+        onBack: () => void;
+        onDoubleBack: () => void;
+    };
+    customerInfo: {
+        email: string;
+        address: string;
+        shippingData: NonNullable<CheckoutFormStore["formData"]["shipping"]>;
+    };
+    appearance?: {
+        config?: AppearanceConfig;
+        fonts?: Fonts;
+        locale?: StripeElementLocale;
+    };
+    currency: {
+        code: string;
+        exchangeRate: number;
+    };
 }
-export default function PaymentForm({ paymentSecret, onSuccess, onError, onBack, onDoubleBack, currency, contactEmail, shippingFormData, address, checkoutAppearance, fonts, locale, publicKey, paymentComponentKey, exchangeRate, }: PaymentFormProps): import("react/jsx-runtime").JSX.Element;
+export default function PaymentForm({ payment, callbacks, customerInfo, appearance, currency, }: PaymentFormProps): import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=form.d.ts.map

package/dist/components/checkout-embed/steps/payment/icons.d.ts

@@ -5,4 +5,3 @@ export declare const Icons: {
     paypal: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
 };
 export {};
-//# sourceMappingURL=icons.d.ts.map

package/dist/components/checkout-embed/steps/shipping/form.d.ts

@@ -1,22 +1,34 @@
-import { GetCheckoutResponse, GetShippingRatesResponse } from "@betterstore/sdk";
-import { type ShipmentsFormData } from "../../checkout-schema";
-import { FormStore } from "../../useFormStore";
+import { GetCheckoutResponse, GetShippingRatesResponse } from '@betterstore/sdk';
+import { ShipmentsFormData } from '../../checkout-schema';
 export type ShippingRate = GetShippingRatesResponse["rates"][number];
 interface ShipmentsFormProps {
-    shippingRates: GetShippingRatesResponse | undefined;
-    initialData?: ShipmentsFormData;
-    onSubmit: (data: ShipmentsFormData) => void;
-    onBack: () => void;
-    contactEmail: string;
-    shippingAddress: string;
-    currency: string;
-    exchangeRate: number;
+    form: {
+        initialData?: ShipmentsFormData;
+        onSubmit: (data: ShipmentsFormData) => void;
+        onBack: () => void;
+    };
+    shipping: {
+        rates: GetShippingRatesResponse | undefined;
+        shipments: GetCheckoutResponse["shipments"];
+    };
+    customer: {
+        email: string;
+        address: string;
+        countryCode?: string;
+    };
+    currency: {
+        code: string;
+        exchangeRate: number;
+    };
     locale?: string;
-    countryCode?: string;
-    setFormData: FormStore["setFormData"];
-    formData: FormStore["formData"];
-    shipments: GetCheckoutResponse["shipments"];
+    onShippingDataChange?: (shipmentId: string, data: {
+        rateId: string;
+        carrierId?: string;
+        priceInCents: number;
+        displayName: string;
+        pickupPointId: string;
+        pickupPointDisplayName: string;
+    }) => void;
 }
-export default function ShipmentsShippingMethodForm({ shippingRates, initialData, onSubmit, onBack, contactEmail, shippingAddress, currency, exchangeRate, locale, countryCode, setFormData, formData, shipments, }: ShipmentsFormProps): import("react/jsx-runtime").JSX.Element;
+export default function ShipmentsShippingMethodForm({ form: formProps, shipping, customer, currency, locale, onShippingDataChange, }: ShipmentsFormProps): import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=form.d.ts.map

package/dist/components/checkout-embed/steps/shipping/providers/zasilkovna.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { default as React } from 'react';
 declare global {
     interface Window {
         Packeta: any;
@@ -11,4 +11,3 @@ export default function ZasilkovnaShippingOption({ children, onPickupPointSelect
     countryCode?: string;
     apiKey?: string;
 }): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=zasilkovna.d.ts.map

package/dist/components/checkout-embed/steps/shipping/shipping-option-wrapper.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { ShippingRate } from "./form";
+import { default as React } from 'react';
+import { ShippingRate } from './form';
 export default function ShippingOptionWrapper({ rate, children, onPickupPointSelected, locale, countryCode, }: {
     rate: ShippingRate;
     children: React.ReactNode;
@@ -7,4 +7,3 @@ export default function ShippingOptionWrapper({ rate, children, onPickupPointSel
     locale?: string;
     countryCode?: string;
 }): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=shipping-option-wrapper.d.ts.map

package/dist/components/checkout-embed/steps/summary/discount-code.d.ts

@@ -1,4 +1,3 @@
 export default function DiscountCode({ applyDiscountCode, }: {
     applyDiscountCode: (code: string) => Promise<void>;
 }): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=discount-code.d.ts.map

package/dist/components/checkout-embed/steps/summary/index.d.ts

@@ -1,4 +1,4 @@
-import { GetCheckoutResponse } from "@betterstore/sdk";
+import { GetCheckoutResponse } from '@betterstore/sdk';
 export default function CheckoutSummary({ appliedDiscounts, lineItems, shipping, tax, currency, onCancel, exchangeRate, applyDiscountCode, removeDiscount, }: {
     appliedDiscounts: GetCheckoutResponse["appliedDiscounts"];
     lineItems: GetCheckoutResponse["lineItems"];
@@ -10,4 +10,3 @@ export default function CheckoutSummary({ appliedDiscounts, lineItems, shipping,
     applyDiscountCode: (code: string) => Promise<void>;
     removeDiscount: (id: string) => Promise<void>;
 }): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/components/checkout-embed/steps/summary/loading.d.ts

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

package/dist/components/checkout-embed/useFormStore.d.ts

@@ -1,4 +1,4 @@
-import { CheckoutFormData } from "./checkout-schema";
+import { CheckoutFormData } from './checkout-schema';
 export type CheckoutStep = "customer" | "shipping" | "payment";
 export interface FormStore {
     formData: Partial<CheckoutFormData>;
@@ -8,18 +8,17 @@ export interface FormStore {
     checkoutId: string;
     setCheckoutId: (checkoutId: string) => void;
 }
-export declare const useFormStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<FormStore>, "setState" | "persist"> & {
+export declare const useFormStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<FormStore>, "setState" | "persist"> & {
     setState(partial: FormStore | Partial<FormStore> | ((state: FormStore) => FormStore | Partial<FormStore>), replace?: false | undefined): unknown;
     setState(state: FormStore | ((state: FormStore) => FormStore), replace: true): unknown;
     persist: {
-        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<FormStore, FormStore, unknown>>) => void;
+        setOptions: (options: Partial<import('zustand/middleware').PersistOptions<FormStore, FormStore, unknown>>) => void;
         clearStorage: () => void;
         rehydrate: () => Promise<void> | void;
         hasHydrated: () => boolean;
         onHydrate: (fn: (state: FormStore) => void) => () => void;
         onFinishHydration: (fn: (state: FormStore) => void) => () => void;
-        getOptions: () => Partial<import("zustand/middleware").PersistOptions<FormStore, FormStore, unknown>>;
+        getOptions: () => Partial<import('zustand/middleware').PersistOptions<FormStore, FormStore, unknown>>;
     };
 }>;
 export declare const resetFormStore: (formData: Partial<CheckoutFormData>) => void;
-//# sourceMappingURL=useFormStore.d.ts.map

package/dist/components/{compounds/form → form}/address-input/country-data.d.ts

@@ -5,4 +5,4 @@ export interface Country {
 }
 export declare const enCountries: Country[];
 export declare const getCountriesByLocale: (locale?: string) => Country[];
-//# sourceMappingURL=country-data.d.ts.map
+export declare const getAlpha2ByAlpha3: (alpha3: string) => string | undefined;

package/dist/components/form/address-input/index.d.ts

@@ -0,0 +1,11 @@
+interface AddressInputProps {
+    className?: string;
+    proxy?: string;
+    checkoutSecret: string;
+    latitude?: number;
+    longitude?: number;
+    currentAlpha3CountryCode?: string;
+    locale?: string;
+}
+export declare function AddressInput({ className, proxy, checkoutSecret, latitude, longitude, currentAlpha3CountryCode, locale, }: AddressInputProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/{compounds/form → form}/address-input/province-data.d.ts

@@ -152,4 +152,3 @@ export declare const countryProvinces: {
     }];
 };
 export declare const countriesWithProvinces: string[];
-//# sourceMappingURL=province-data.d.ts.map

package/dist/components/form/compobox-controller/index.d.ts

@@ -0,0 +1,17 @@
+import { UseFormReturn } from 'react-hook-form';
+type CompoboxControllerProps = {
+    form: UseFormReturn<any>;
+    name: string;
+    label: string;
+    options: {
+        value: string;
+        label: string;
+    }[];
+    searchText: string;
+    emptyText: string;
+    required?: boolean;
+    className?: string;
+    onSelect?: (value: string) => void;
+};
+export default function CompoboxController({ form, name, label, options, searchText, emptyText, required, className, onSelect, }: CompoboxControllerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/form/country-input/index.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { default as CompoboxController } from '../compobox-controller';
+type CountryInputProps = {
+    locale?: string;
+    prefix?: string;
+    label?: string;
+    className?: string;
+} & Omit<React.ComponentProps<typeof CompoboxController>, "name" | "options">;
+export default function CountryInput({ form, prefix, label, locale, ...props }: CountryInputProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/{compounds/form → form}/floating-label.d.ts

@@ -6,4 +6,3 @@ declare const FloatingLabel: React.ForwardRefExoticComponent<React.LabelHTMLAttr
     isFormLabel?: boolean;
 } & React.RefAttributes<HTMLLabelElement>>;
 export { FloatingLabel };
-//# sourceMappingURL=floating-label.d.ts.map

package/dist/components/{compounds/form → form}/form-messages.d.ts

@@ -5,4 +5,3 @@ interface FormMessagesProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 export declare function FormMessages({ messages, type, className, ...props }: FormMessagesProps): import("react/jsx-runtime").JSX.Element | null;
 export {};
-//# sourceMappingURL=form-messages.d.ts.map

package/dist/components/form/input-controller.d.ts

@@ -0,0 +1,10 @@
+import { Input } from '../ui/input';
+import { default as React } from 'react';
+type InputControllerProps = {
+    name: string;
+    label?: string;
+    icon?: React.ReactNode;
+    showIcon?: boolean;
+} & Omit<React.ComponentProps<typeof Input>, "placeholder">;
+export default function InputController({ name, label, className, icon, showIcon, ...props }: InputControllerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/form/phone-input/component.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import * as RPNInput from "react-phone-number-input";
+type PhoneInputComponentProps = Omit<React.ComponentProps<"input">, "onChange" | "value" | "ref"> & Omit<RPNInput.Props<typeof RPNInput.default>, "onChange"> & {
+    onChange?: (value: RPNInput.Value) => void;
+    locale?: string;
+};
+declare const PhoneInputComponent: React.ForwardRefExoticComponent<PhoneInputComponentProps>;
+export { PhoneInputComponent };

package/dist/components/form/phone-input/index.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { PhoneInputComponent } from './component';
+type PhoneInputProps = {
+    name: string;
+    label?: string;
+    className?: string;
+    defaultCountry?: string;
+    required?: boolean;
+    locale?: string;
+} & Omit<React.ComponentProps<typeof PhoneInputComponent>, "name" | "defaultCountry" | "international" | "placeholder">;
+export declare function PhoneInput({ name, label, className, defaultCountry, required, locale, ...props }: PhoneInputProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/form/phone-input/schema.d.ts

@@ -0,0 +1,3 @@
+import { z } from 'zod';
+export declare const phoneInputSchema: z.ZodEffects<z.ZodString, string, string>;
+export declare const phoneInputOptionalSchema: z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string | null | undefined, string | null | undefined>;

package/dist/components/{compounds/form → form}/submit-button.d.ts

@@ -1,8 +1,7 @@
-import { Button } from "@/react/components/ui/button";
+import { Button } from '../ui/button';
 type SubmitButtonProps = Parameters<typeof Button>[0] & {
     isSubmitting: boolean;
     isValid: boolean;
 };
 export default function SubmitButton({ isSubmitting, isValid, className, variant, children, size, ...props }: SubmitButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=submit-button.d.ts.map

package/dist/components/index.d.ts

@@ -1,4 +1,3 @@
-export * from "./cart/useCart";
-export { CheckoutEmbed } from "./checkout-embed";
-export { useCheckout } from "./payment-element/useCheckout";
-//# sourceMappingURL=index.d.ts.map
+export * from '../hooks/use-cart';
+export { CheckoutEmbed } from './checkout-embed';
+export { usePaymentCheckout } from '../stores/payment-checkout-store';

package/dist/components/payment-element/checkout-form.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { default as React } from 'react';
 declare const _default: React.MemoExoticComponent<({ onSuccess, onError, children, setSubmitting, }: {
     onSuccess?: () => void;
     onError?: () => void;
@@ -6,4 +6,3 @@ declare const _default: React.MemoExoticComponent<({ onSuccess, onError, childre
     setSubmitting?: (isSubmitting: boolean) => void;
 }) => import("react/jsx-runtime").JSX.Element>;
 export default _default;
-//# sourceMappingURL=checkout-form.d.ts.map