@dropins/storefront-checkout 0.1.0-alpha33 → 0.1.0-alpha35

package/containers/ShippingMethods.d.ts

@@ -0,0 +1,3 @@
+export * from './ShippingMethods/index'
+import _default from './ShippingMethods/index'
+export default _default

package/containers/ShippingMethods.js

@@ -1,2 +1 @@
-import{S as c,S as j}from"../chunks/ShippingMethods.js";import"../chunks/getMultilineValues.js";import"../chunks/transform-shipping-methods.js";import"../chunks/getStoreConfig.js";import"@dropins/tools/fetch-graphql.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/preact.js";import"@dropins/tools/preact-hooks.js";import"@dropins/tools/preact-jsx-runtime.js";import"../chunks/SelectedShippingMethodSignal.js";import"../chunks/setShippingMethods.js";import"../chunks/getCart.graphql.js";import"../chunks/cart-item.js";import"@dropins/tools/lib.js";import"../chunks/ToggleButton.js";import"@dropins/tools/i18n.js";import"@dropins/tools/components.js";/* empty css                             */import"@dropins/tools/preact-compat.js";export{c as ShippingMethods,j as default};
-//# sourceMappingURL=ShippingMethods.js.map
+import{S as c,S as j}from"../chunks/ShippingMethods.js";import"../chunks/address-form-fields.js";import"../chunks/transform-shipping-methods.js";import"../chunks/getStoreConfig.js";import"@dropins/tools/fetch-graphql.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/preact.js";import"@dropins/tools/preact-hooks.js";import"@dropins/tools/preact-jsx-runtime.js";import"../chunks/setShippingMethods.js";import"../chunks/getCart.graphql.js";import"@dropins/tools/lib.js";import"../chunks/ToggleButton.js";import"@dropins/tools/i18n.js";import"@dropins/tools/components.js";/* empty css                             */import"@dropins/tools/preact-compat.js";import"../chunks/ErrorBanner.js";import"../chunks/MergedCartBanner.js";export{c as ShippingMethods,j as default};

package/containers/index.d.ts

@@ -0,0 +1,11 @@
+export * from './BillToShippingAddress';
+export * from './BillingForm';
+export * from './Checkout';
+export * from './ErrorBanner';
+export * from './LoginForm';
+export * from './MergedCartBanner';
+export * from './PaymentMethods';
+export * from './PlaceOrder';
+export * from './ShippingForm';
+export * from './ShippingMethods';
+//# sourceMappingURL=index.d.ts.map

package/context/address-form-fields.d.ts

@@ -0,0 +1,13 @@
+import { AddressFormField } from '../data/models';
+import { ComponentChildren } from 'preact';
+
+type Context = {
+    fields?: AddressFormField[];
+};
+type AddressFormFieldsProps = {
+    children: ComponentChildren;
+};
+declare function AddressFormFieldsProvider({ children }: AddressFormFieldsProps): import("preact").JSX.Element;
+declare function useAddressFormFields(): Context;
+export { AddressFormFieldsProvider, useAddressFormFields };
+//# sourceMappingURL=address-form-fields.d.ts.map

package/context/checkout.d.ts

@@ -0,0 +1,44 @@
+import { Cart } from '../data/models';
+import { FunctionComponent } from 'preact';
+import { Dispatch } from 'preact/hooks';
+
+export declare enum CheckoutState {
+    EMPTY = "EMPTY",
+    IN_PROGRESS = "IN_PROGRESS",
+    INIT = "INIT",
+    LOADING = "LOADING",
+    COMPLETE = "COMPLETE"
+}
+export declare enum CheckoutEvent {
+    CART_UPDATED = 0,
+    ORDER_PLACED = 1,
+    USER_AUTHENTICATED = 2,
+    USER_UNAUTHENTICATED = 3,
+    USER_SIGN_OUT = 4
+}
+type CartUpdated = {
+    type: CheckoutEvent.CART_UPDATED;
+    payload?: Cart | null;
+};
+type UserAuthenticated = {
+    type: CheckoutEvent.USER_AUTHENTICATED;
+};
+type UserUnAuthenticated = {
+    type: CheckoutEvent.USER_UNAUTHENTICATED;
+};
+type UserSignedOut = {
+    type: CheckoutEvent.USER_SIGN_OUT;
+};
+type OrderPlaced = {
+    type: CheckoutEvent.ORDER_PLACED;
+};
+type CheckoutAction = CartUpdated | UserAuthenticated | UserUnAuthenticated | OrderPlaced | UserSignedOut;
+type CheckoutContextValue = {
+    state: CheckoutState;
+    dispatch: Dispatch<CheckoutAction>;
+};
+export declare const CheckoutContext: import('preact').Context<CheckoutContextValue | undefined>;
+export declare const CheckoutStateProvider: FunctionComponent;
+export declare function useCheckoutState(): CheckoutContextValue;
+export {};
+//# sourceMappingURL=checkout.d.ts.map

package/context/countries.d.ts

@@ -0,0 +1,13 @@
+import { ComponentChildren } from 'preact';
+import { Country as CountryModel } from '../data/models/country';
+
+type Context = {
+    countries?: CountryModel[];
+};
+type CountriesProps = {
+    children: ComponentChildren;
+};
+declare function CountriesProvider({ children }: CountriesProps): import("preact").JSX.Element;
+declare function useCountries(): Context;
+export { CountriesProvider, useCountries };
+//# sourceMappingURL=countries.d.ts.map

package/context/index.d.ts

@@ -0,0 +1,6 @@
+export * from './address-form-fields';
+export * from './checkout';
+export * from './countries';
+export * from './services';
+export * from './store';
+//# sourceMappingURL=index.d.ts.map

package/context/services.d.ts

@@ -0,0 +1,13 @@
+import { BackupService } from '../services';
+
+export interface Services {
+    backupService: BackupService;
+}
+export declare const ServicesContext: import('preact').Context<Services>;
+export type ServicesProviderProps = {
+    children: any;
+    services: Services;
+};
+export declare function ServicesProvider({ children, services, }: ServicesProviderProps): import("preact").JSX.Element;
+export declare function useServices(): Services;
+//# sourceMappingURL=services.d.ts.map

package/context/store.d.ts

@@ -0,0 +1,12 @@
+import { StoreConfig } from '../data/models';
+import { FunctionComponent } from 'preact';
+
+export declare const DEFAULT_COUNTRY = "US";
+export declare const STORE_CONFIG_DEFAULTS: StoreConfig;
+interface ContextData {
+    config?: StoreConfig;
+}
+export declare const StoreProvider: FunctionComponent;
+export declare function useStore(): ContextData;
+export {};
+//# sourceMappingURL=store.d.ts.map

package/data/models/acdl.d.ts

@@ -0,0 +1,99 @@
+/**
+ * This module contains the schema type definitions to build the ShoppingCart
+ * and Order contexts, which are required to trigger the "place-order" event.
+ *
+ * The following schema types have been extracted from the Adobe Commerce
+ * Events SDK package.
+ *
+ * ShoppingCart schema type @see https://github.com/adobe/commerce-events/blob/main/packages/storefront-events-sdk/src/types/schemas/shoppingCart.ts
+ * Order schema type @see https://github.com/adobe/commerce-events/blob/main/packages/storefront-events-sdk/src/types/schemas/order.ts
+ */
+type ShoppingCartItem = {
+    canApplyMsrp: boolean;
+    formattedPrice: string;
+    id: string;
+    prices: {
+        price: Price;
+    };
+    product: Product;
+    configurableOptions?: Array<ConfigurableOption>;
+    quantity: number;
+};
+type Price = {
+    value: number;
+    currency?: string;
+    regularPrice?: number;
+};
+type Product = {
+    productId: number;
+    name: string;
+    sku: string;
+    topLevelSku?: string | null;
+    specialToDate?: string | null;
+    specialFromDate?: string | null;
+    newToDate?: string | null;
+    newFromDate?: string | null;
+    createdAt?: string | null;
+    updatedAt?: string | null;
+    manufacturer?: string | null;
+    countryOfManufacture?: string | null;
+    categories?: string[] | null;
+    productType?: string | null;
+    pricing?: {
+        regularPrice: number;
+        minimalPrice?: number;
+        maximalPrice?: number;
+        specialPrice?: number;
+        tierPricing?: {
+            customerGroupId?: number | null;
+            qty: number;
+            value: number;
+        }[];
+        currencyCode: string | null;
+    };
+    canonicalUrl?: string | null;
+    mainImageUrl?: string | null;
+};
+type ConfigurableOption = {
+    id?: number;
+    optionLabel: string;
+    valueId?: number;
+    valueLabel: string;
+};
+type Payment = {
+    paymentMethodCode: string;
+    paymentMethodName: string;
+    total: number;
+};
+type Shipping = {
+    shippingMethod?: string;
+    shippingAmount?: number;
+};
+export type ShoppingCartContext = {
+    id: string | null;
+    items?: Array<ShoppingCartItem>;
+    prices?: {
+        subtotalExcludingTax?: Price;
+        subtotalIncludingTax?: Price;
+    };
+    totalQuantity: number;
+    possibleOnepageCheckout?: boolean;
+    giftMessageSelected?: boolean;
+    giftWrappingSelected?: boolean;
+    source?: string;
+};
+export type OrderContext = {
+    appliedCouponCode: string;
+    email: string;
+    grandTotal: number;
+    orderId: string;
+    orderType?: 'checkout' | 'instant_purchase';
+    otherTax: number;
+    payments?: Payment[];
+    salesTax: number;
+    shipping?: Shipping;
+    subtotalExcludingTax: number;
+    subtotalIncludingTax: number;
+};
+export {};
+//# sourceMappingURL=acdl.d.ts.map

package/data/models/address-form-fields.d.ts

@@ -0,0 +1,52 @@
+import { AttributeFrontendInputEnum, ValidationRuleEnum } from '../../__generated__/types';
+import { PickerOption } from '@dropins/tools/types/elsie/src/src/components';
+
+type AddressFormFieldRule = {
+    name: ValidationRuleEnum;
+    value: string;
+};
+type AddressFormField = {
+    code: string;
+    defaultValue?: string;
+    frontendInput?: AttributeFrontendInputEnum;
+    isDisabled: boolean;
+    isRequired: boolean;
+    label?: string;
+    multilineCount?: number;
+    options: PickerOption[];
+    sortOrder?: number;
+    validateRules?: AddressFormFieldRule[];
+};
+type FieldEvents = {
+    handleSelect?: (event: Event) => void;
+    onBlur: (event: Event) => void;
+    onChange: (event: Event) => void;
+    onInvalid: (event: Event) => void;
+};
+type FieldValues = {
+    error: string | string[];
+    value: string | string[];
+};
+type AddressFormElement = AddressFormField & FieldEvents & FieldValues;
+declare enum AddressFormType {
+    SHIPPING = "shipping_addresses",
+    BILLING = "billing_address"
+}
+declare enum AddressFormFieldCode {
+    City = "city",
+    Company = "company",
+    Country = "country_id",
+    FirstName = "firstname",
+    LastName = "lastname",
+    PostCode = "postcode",
+    Region = "region",
+    RegionId = "region_id",
+    SaveInAddressBook = "save_in_address_book",
+    Street = "street",
+    Telephone = "telephone",
+    Vat = "vat_id"
+}
+type AddressFormValues = Record<string, string>;
+type AddressFormErrors = Record<string, string>;
+export { AddressFormErrors, AddressFormField, AddressFormFieldCode, AddressFormType, AddressFormValues, AddressFormElement, };
+//# sourceMappingURL=address-form-fields.d.ts.map

package/data/models/address.d.ts

@@ -0,0 +1,21 @@
+import { Region, Country, ShippingMethod, CustomAttribute } from '.';
+
+export type Address = {
+    firstName: string;
+    lastName: string;
+    company?: string;
+    street: string[];
+    city: string;
+    postCode?: string;
+    vatId?: string;
+    telephone?: string;
+    region?: Region;
+    country: Country;
+    customAttributes: CustomAttribute[];
+};
+export type ShippingAddress = Address & {
+    availableShippingMethods?: ShippingMethod[];
+    selectedShippingMethod?: ShippingMethod;
+};
+export type BillingAddress = Address;
+//# sourceMappingURL=address.d.ts.map

package/data/models/cart.d.ts

@@ -0,0 +1,14 @@
+import { PaymentMethod } from './payment-method';
+import { ShippingAddress, BillingAddress } from './address';
+
+export type Cart = {
+    availablePaymentMethods?: PaymentMethod[];
+    billingAddress?: BillingAddress;
+    email?: string;
+    id: string;
+    isEmpty: boolean;
+    isVirtual: boolean;
+    selectedPaymentMethod?: PaymentMethod;
+    shippingAddresses?: ShippingAddress[];
+};
+//# sourceMappingURL=cart.d.ts.map

package/data/models/country.d.ts

@@ -0,0 +1,5 @@
+export type Country = {
+    value: string;
+    label: string;
+};
+//# sourceMappingURL=country.d.ts.map

package/data/models/custom-attribute.d.ts

@@ -0,0 +1,5 @@
+export type CustomAttribute = {
+    code: string;
+    value: string;
+};
+//# sourceMappingURL=custom-attribute.d.ts.map

package/data/models/customer.d.ts

@@ -0,0 +1,25 @@
+import { Region, Country, CustomAttribute } from '.';
+
+export type CustomerAddress = {
+    id: string;
+    firstName: string;
+    lastName: string;
+    company?: string;
+    street: string[];
+    city: string;
+    postCode?: string;
+    vatId?: string;
+    telephone?: string;
+    region?: Region;
+    country: Country;
+    customAttributes: CustomAttribute[];
+};
+export type Customer = {
+    firstName: string;
+    lastName: string;
+    email: string;
+    addresses: CustomerAddress[];
+    defaultBillingAddress?: CustomerAddress;
+    defaultShippingAddress?: CustomerAddress;
+};
+//# sourceMappingURL=customer.d.ts.map

package/data/models/email-availability.d.ts

@@ -0,0 +1,2 @@
+export type EmailAvailability = boolean;
+//# sourceMappingURL=email-availability.d.ts.map

package/data/models/index.d.ts

@@ -0,0 +1,14 @@
+export * from './acdl';
+export * from './address-form-fields';
+export * from './cart';
+export * from './country';
+export * from './custom-attribute';
+export * from './customer';
+export * from './email-availability';
+export * from './price';
+export * from './region';
+export * from './shipping-estimate';
+export * from './shipping-method';
+export * from './store-config';
+export * from './order';
+//# sourceMappingURL=index.d.ts.map

package/data/models/order.d.ts

@@ -0,0 +1,46 @@
+import { Price } from './price';
+
+type OrderPayment = {
+    code: string;
+    name: string;
+};
+type OrderCoupon = {
+    code: string;
+};
+export type OrderItemProduct = {
+    canonicalUrl?: string;
+    id: string;
+    image?: string;
+    name: string;
+    productType: string;
+    sku: string;
+};
+export type OrderItem = {
+    discountedTotal?: number;
+    id: string;
+    price: Price;
+    product: OrderItemProduct;
+    selectedOptions?: Array<{
+        label: string;
+        value: any;
+    }>;
+    totalQuantity: number;
+};
+export type Order = {
+    coupons: OrderCoupon[];
+    email: string;
+    items: OrderItem[];
+    number: string;
+    payments: OrderPayment[];
+    shipping?: {
+        code: string;
+        amount: number;
+    };
+    subtotal: number;
+    token: string;
+    total: number;
+    totalQuantity: number;
+    totalTax: number;
+};
+export {};
+//# sourceMappingURL=order.d.ts.map

package/data/models/payment-method.d.ts

@@ -0,0 +1,5 @@
+export type PaymentMethod = {
+    code: string;
+    title: string;
+};
+//# sourceMappingURL=payment-method.d.ts.map

package/data/models/price.d.ts

@@ -0,0 +1,5 @@
+export type Price = {
+    value: number;
+    currency: string;
+};
+//# sourceMappingURL=price.d.ts.map

package/data/models/region.d.ts

@@ -0,0 +1,6 @@
+export type Region = {
+    code: string;
+    id?: number;
+    name: string;
+};
+//# sourceMappingURL=region.d.ts.map

package/data/models/shipping-estimate.d.ts

@@ -0,0 +1,17 @@
+import { Price } from './price';
+
+export interface ShippingEstimatePartialAddress {
+    countryCode: string;
+    postCode?: string;
+    region?: string;
+    regionCode?: string;
+    regionId?: number;
+}
+export interface ShippingEstimateShippingMethod {
+    amount: Price;
+    carrierCode: string;
+    methodCode: string;
+    amountExclTax?: Price;
+    amountInclTax?: Price;
+}
+//# sourceMappingURL=shipping-estimate.d.ts.map

package/data/models/shipping-method.d.ts

@@ -0,0 +1,19 @@
+import { Price } from './price';
+
+type Code = string;
+type Title = string;
+type Carrier = {
+    code: Code;
+    title: Title;
+};
+export type ShippingMethod = {
+    amount: Price;
+    carrier: Carrier;
+    code: Code;
+    title: Title;
+    value: string;
+    amountExclTax?: Price;
+    amountInclTax?: Price;
+};
+export {};
+//# sourceMappingURL=shipping-method.d.ts.map

package/data/models/store-config.d.ts

@@ -0,0 +1,9 @@
+export interface StoreConfig {
+    defaultCountry: string;
+    countriesWithRequiredRegion: string[];
+    displayStateIfOptional: boolean;
+    countriesWithOptionalZipCode: string[];
+    isGuestCheckoutEnabled: boolean;
+    isOnePageCheckoutEnabled: boolean;
+}
+//# sourceMappingURL=store-config.d.ts.map

package/data/transforms/index.d.ts

@@ -0,0 +1,12 @@
+export * from './transform-acdl';
+export * from './transform-address-form-fields';
+export * from './transform-cart';
+export * from './transform-countries';
+export * from './transform-customer';
+export * from './transform-email-availability';
+export * from './transform-order';
+export * from './transform-regions';
+export * from './transform-shipping-estimate';
+export * from './transform-shipping-methods';
+export * from './transform-store-config';
+//# sourceMappingURL=index.d.ts.map

package/data/transforms/transform-acdl.d.ts

@@ -0,0 +1,6 @@
+import { OrderContext, ShoppingCartContext } from '../models/acdl';
+import { Order } from '../models/order';
+
+export declare const transformShoppingCartContext: (order: Order) => ShoppingCartContext;
+export declare const transformOrderContext: (order: Order) => OrderContext;
+//# sourceMappingURL=transform-acdl.d.ts.map

package/data/transforms/transform-address-form-fields.d.ts

@@ -0,0 +1,66 @@
+import { FetchAddressFormFieldsQuery, ValidationRuleEnum } from '../../__generated__/types';
+import { AddressFormField } from '../models';
+
+type AttributesForm = FetchAddressFormFieldsQuery['attributesForm'];
+declare const transformAddressFormFields: (data: ({
+    __typename?: "AttributeMetadata" | undefined;
+    frontend_input?: import('../../__generated__/types').AttributeFrontendInputEnum | null | undefined;
+    code: string;
+    label?: string | null | undefined;
+    default_value?: string | null | undefined;
+    is_required: boolean;
+    options: ({
+        __typename?: "AttributeOptionMetadata" | undefined;
+        label: string;
+        value: string;
+        is_default: boolean;
+    } | null)[];
+} | {
+    __typename?: "CatalogAttributeMetadata" | undefined;
+    frontend_input?: import('../../__generated__/types').AttributeFrontendInputEnum | null | undefined;
+    code: string;
+    label?: string | null | undefined;
+    default_value?: string | null | undefined;
+    is_required: boolean;
+    options: ({
+        __typename?: "AttributeOptionMetadata" | undefined;
+        label: string;
+        value: string;
+        is_default: boolean;
+    } | null)[];
+} | {
+    __typename?: "CustomerAttributeMetadata" | undefined;
+    multiline_count?: number | null | undefined;
+    sort_order?: number | null | undefined;
+    frontend_input?: import('../../__generated__/types').AttributeFrontendInputEnum | null | undefined;
+    code: string;
+    label?: string | null | undefined;
+    default_value?: string | null | undefined;
+    is_required: boolean;
+    validate_rules?: ({
+        __typename?: "ValidationRule" | undefined;
+        name?: ValidationRuleEnum | null | undefined;
+        value?: string | null | undefined;
+    } | null)[] | null | undefined;
+    options: ({
+        __typename?: "AttributeOptionMetadata" | undefined;
+        label: string;
+        value: string;
+        is_default: boolean;
+    } | null)[];
+} | {
+    __typename?: "ReturnItemAttributeMetadata" | undefined;
+    frontend_input?: import('../../__generated__/types').AttributeFrontendInputEnum | null | undefined;
+    code: string;
+    label?: string | null | undefined;
+    default_value?: string | null | undefined;
+    is_required: boolean;
+    options: ({
+        __typename?: "AttributeOptionMetadata" | undefined;
+        label: string;
+        value: string;
+        is_default: boolean;
+    } | null)[];
+} | null)[]) => AddressFormField[];
+export { AttributesForm, transformAddressFormFields };
+//# sourceMappingURL=transform-address-form-fields.d.ts.map

package/data/transforms/transform-address.d.ts

@@ -0,0 +1,79 @@
+import { GetCartQuery } from '../../__generated__/types';
+import { ShippingAddress as ShippingAddressModel, BillingAddress as BillingAddressModel } from '../models/address';
+import { CustomAttribute as CustomAttributeModel } from '../models';
+
+type ShippingAddresses = NonNullable<GetCartQuery['cart']>['shipping_addresses'];
+type ShippingAddress = ShippingAddresses[0];
+type NonNullableShippingAddress = NonNullable<ShippingAddress>;
+type BillingAddress = NonNullable<GetCartQuery['cart']>['billing_address'];
+type NonNullableBillingAddress = NonNullable<BillingAddress>;
+type CustomAttributes = NonNullableShippingAddress['custom_attributes'] | NonNullableBillingAddress['custom_attributes'];
+export declare const transformCustomAttributes: (data: CustomAttributes) => CustomAttributeModel[];
+declare const transformBillingAddress: (data: BillingAddress) => BillingAddressModel | undefined;
+declare const transformShippingAddresses: (data: ({
+    __typename?: "ShippingCartAddress" | undefined;
+    firstname: string;
+    lastname: string;
+    company?: string | null | undefined;
+    street: (string | null)[];
+    city: string;
+    postcode?: string | null | undefined;
+    vat_id?: string | null | undefined;
+    telephone?: string | null | undefined;
+    region?: {
+        __typename?: "CartAddressRegion" | undefined;
+        region_id?: number | null | undefined;
+        code?: string | null | undefined;
+        label?: string | null | undefined;
+    } | null | undefined;
+    country: {
+        __typename?: "CartAddressCountry" | undefined;
+        code: string;
+        label: string;
+    };
+    custom_attributes: ({
+        __typename?: "AttributeSelectedOptions" | undefined;
+    } | {
+        __typename?: "AttributeValue" | undefined;
+        code: string;
+        value: string;
+    } | null)[];
+    available_shipping_methods?: ({
+        __typename?: "AvailableShippingMethod" | undefined;
+        available: boolean;
+        carrier_code: string;
+        carrier_title: string;
+        error_message?: string | null | undefined;
+        method_code?: string | null | undefined;
+        method_title?: string | null | undefined;
+        amount: {
+            __typename?: "Money" | undefined;
+            currency?: import('../../__generated__/types').CurrencyEnum | null | undefined;
+            value?: number | null | undefined;
+        };
+        price_excl_tax: {
+            __typename?: "Money" | undefined;
+            value?: number | null | undefined;
+            currency?: import('../../__generated__/types').CurrencyEnum | null | undefined;
+        };
+        price_incl_tax: {
+            __typename?: "Money" | undefined;
+            value?: number | null | undefined;
+            currency?: import('../../__generated__/types').CurrencyEnum | null | undefined;
+        };
+    } | null)[] | null | undefined;
+    selected_shipping_method?: {
+        __typename?: "SelectedShippingMethod" | undefined;
+        carrier_code: string;
+        carrier_title: string;
+        method_code: string;
+        method_title: string;
+        amount: {
+            __typename?: "Money" | undefined;
+            value?: number | null | undefined;
+            currency?: import('../../__generated__/types').CurrencyEnum | null | undefined;
+        };
+    } | null | undefined;
+} | null)[]) => ShippingAddressModel[] | undefined;
+export { ShippingAddress, BillingAddress, transformBillingAddress, transformShippingAddresses, };
+//# sourceMappingURL=transform-address.d.ts.map