@liquidcommerce/elements-sdk 2.5.6-beta.4 → 2.5.6-beta.5

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 (42) hide show
  1. package/dist/index.esm.js +11878 -11144
  2. package/dist/types/core/client/client-action.service.d.ts +0 -4
  3. package/dist/types/core/pubsub/interfaces/checkout.interface.d.ts +0 -3
  4. package/dist/types/core/store/interfaces/checkout.interface.d.ts +72 -80
  5. package/dist/types/core/store/interfaces/core.interface.d.ts +2 -2
  6. package/dist/types/enums/core.enum.d.ts +10 -6
  7. package/dist/types/interfaces/cloud/checkout.interface.d.ts +1 -1
  8. package/dist/types/interfaces/configs/checkout.interface.d.ts +0 -1
  9. package/dist/types/modules/checkout/checkout.commands.d.ts +25 -23
  10. package/dist/types/modules/checkout/components/checkout-billing.component.d.ts +14 -0
  11. package/dist/types/modules/checkout/components/checkout-buyer-summary.component.d.ts +7 -0
  12. package/dist/types/modules/checkout/components/{checkout-information-section.component.d.ts → checkout-buyer.component.d.ts} +5 -5
  13. package/dist/types/modules/checkout/components/checkout-deliver-to-summary.component.d.ts +7 -0
  14. package/dist/types/modules/checkout/components/checkout-deliver-to.component.d.ts +13 -0
  15. package/dist/types/modules/checkout/components/checkout-information.component.d.ts +17 -0
  16. package/dist/types/modules/checkout/components/{checkout-summary-section.component.d.ts → checkout-order-summary.component.d.ts} +1 -1
  17. package/dist/types/modules/checkout/components/checkout-payment-summary.component.d.ts +7 -0
  18. package/dist/types/modules/checkout/components/checkout-payment.component.d.ts +47 -0
  19. package/dist/types/modules/checkout/components/{summary/checkout-place-order-button.component.d.ts → checkout-place-order-button.component.d.ts} +1 -5
  20. package/dist/types/modules/checkout/components/checkout-send-as-gift.component.d.ts +7 -0
  21. package/dist/types/modules/checkout/components/{information/checkout-stripe-form.component.d.ts → checkout-stripe-form.component.d.ts} +5 -3
  22. package/dist/types/modules/checkout/components/index.d.ts +22 -18
  23. package/dist/types/modules/checkout/constant.d.ts +0 -1
  24. package/dist/types/modules/ui-components/input/birthdate-input.component.d.ts +4 -4
  25. package/dist/types/modules/ui-components/input/input.component.d.ts +4 -4
  26. package/package.json +5 -5
  27. package/umd/elements.js +1 -1
  28. package/dist/types/modules/checkout/checkout.commands.helper.d.ts +0 -13
  29. package/dist/types/modules/checkout/components/information/checkout-billing-form.component.d.ts +0 -18
  30. package/dist/types/modules/checkout/components/information/checkout-buyer-information-form.component.d.ts +0 -12
  31. package/dist/types/modules/checkout/components/information/checkout-delivery-information-form.component.d.ts +0 -17
  32. package/dist/types/modules/checkout/components/information/checkout-payment-form.component.d.ts +0 -21
  33. /package/dist/types/modules/checkout/components/{summary/checkout-amounts.component.d.ts → checkout-amounts.component.d.ts} +0 -0
  34. /package/dist/types/modules/checkout/components/{summary/checkout-completed.component.d.ts → checkout-completed.component.d.ts} +0 -0
  35. /package/dist/types/modules/checkout/components/{summary/checkout-gift-cards.component.d.ts → checkout-gift-cards.component.d.ts} +0 -0
  36. /package/dist/types/modules/checkout/components/{summary/checkout-item-quantity.component.d.ts → checkout-item-quantity.component.d.ts} +0 -0
  37. /package/dist/types/modules/checkout/components/{summary/checkout-item.component.d.ts → checkout-item.component.d.ts} +0 -0
  38. /package/dist/types/modules/checkout/components/{summary/checkout-items.component.d.ts → checkout-items.component.d.ts} +0 -0
  39. /package/dist/types/modules/checkout/components/{summary/checkout-presale-expired.component.d.ts → checkout-presale-expired.component.d.ts} +0 -0
  40. /package/dist/types/modules/checkout/components/{summary/checkout-promo-code.component.d.ts → checkout-promo-code.component.d.ts} +0 -0
  41. /package/dist/types/modules/checkout/components/{summary/checkout-tips.component.d.ts → checkout-tips.component.d.ts} +0 -0
  42. /package/dist/types/modules/checkout/components/{summary/promo-pc-gc.component.d.ts → promo-pc-gc.component.d.ts} +0 -0
@@ -4,7 +4,6 @@ import type { IBaseProductEventData } from '@/core/pubsub/interfaces/product.int
4
4
  import { type FulfillmentType } from '@/enums';
5
5
  import type { IAddress, ICoords } from '@/interfaces/cloud';
6
6
  import type { IAddressData } from '@/modules/address/address.interface';
7
- import type { BillingFieldName, CustomerFieldName, GiftFieldName } from '@/modules/checkout/components/checkout.type';
8
7
  export interface IProductActions {
9
8
  getDetails: (identifier: string) => IBaseProductEventData;
10
9
  }
@@ -42,9 +41,6 @@ export interface ICheckoutActions {
42
41
  toggleIsGift: (active?: boolean) => Promise<void>;
43
42
  toggleBillingSameAsShipping: (active?: boolean) => Promise<void>;
44
43
  toggleMarketingPreferences: (field: 'canEmail' | 'canSms', active: boolean) => void;
45
- updateCustomerInfo: (params: Record<CustomerFieldName, string>) => void;
46
- updateBillingInfo: (params: Record<BillingFieldName, string>) => void;
47
- updateGiftInfo: (params: Record<GiftFieldName, string>) => void;
48
44
  getDetails: () => ICheckoutDetailsEventData;
49
45
  }
50
46
  export declare class ClientActionService {
@@ -107,9 +107,6 @@ export interface ICheckoutItemEventData {
107
107
  }
108
108
  export interface ICheckoutDetailsEventData {
109
109
  cartId: string;
110
- acceptedAccountCreation: boolean;
111
- hasAgeVerify: boolean;
112
- hasSubstitutionPolicy: boolean;
113
110
  isGift: boolean;
114
111
  billingSameAsShipping: boolean;
115
112
  marketingPreferences: {
@@ -12,43 +12,6 @@ export interface ICheckoutGiftCardStore {
12
12
  code: string;
13
13
  discountAmount: number;
14
14
  }
15
- export interface ICheckoutPaymentStore {
16
- key: string;
17
- secret: string;
18
- paymentMethodId: string | null;
19
- sendSubmitSignal: boolean;
20
- }
21
- export interface ICheckoutGiftRecipientStore {
22
- firstName: string;
23
- lastName: string;
24
- email: string;
25
- phone: string;
26
- birthDate: string;
27
- addressTwo: string | null;
28
- message: string | null;
29
- }
30
- export interface ICheckoutCustomerStore {
31
- id?: string;
32
- firstName: string;
33
- lastName: string;
34
- email: string;
35
- phone: string;
36
- birthDate: string;
37
- addressTwo: string;
38
- company: string;
39
- }
40
- export interface ICheckoutBillingStore {
41
- firstName: string;
42
- lastName: string;
43
- email: string;
44
- phone: string;
45
- company: string | null;
46
- addressOne: string;
47
- addressTwo: string | null;
48
- city: string;
49
- state: string;
50
- zipCode: string;
51
- }
52
15
  export interface ICheckoutItemStore {
53
16
  liquidId: string;
54
17
  variantId: string;
@@ -84,13 +47,6 @@ export interface ICheckoutItemStore {
84
47
  updating: boolean;
85
48
  error: string | null;
86
49
  }
87
- export interface ICheckoutReadyForSubmitStore {
88
- customer: boolean;
89
- gift: boolean;
90
- billing: boolean;
91
- payment: boolean;
92
- prepared: boolean;
93
- }
94
50
  export interface IOnDemandFulfillmentTipInfo {
95
51
  fulfillmentId: string;
96
52
  retailerId: string;
@@ -98,56 +54,92 @@ export interface IOnDemandFulfillmentTipInfo {
98
54
  subtotal: number;
99
55
  tip: number;
100
56
  }
101
- export interface ICheckoutStripeFormStatusStore {
102
- isComplete: boolean;
103
- hasError: boolean;
104
- isProcessing: boolean;
105
- errorMessage: string | null;
57
+ export interface ICheckoutPresaleStore {
58
+ isLocked: boolean;
59
+ expiresAt: string | null;
106
60
  }
107
- export interface ICheckoutCardInfoStore {
108
- brand: string | null;
109
- country: string | null;
110
- expMonth: number | null;
111
- expYear: number | null;
112
- last4: string | null;
113
- funding: string | null;
61
+ export interface ICheckoutCustomerStore {
62
+ id?: string;
63
+ firstName: string;
64
+ lastName: string;
65
+ email: string;
66
+ phone: string;
67
+ birthDate: string;
68
+ company: string;
69
+ }
70
+ export interface ICheckoutCustomerFormStore {
71
+ data: ICheckoutCustomerStore;
72
+ isEditing: boolean;
73
+ isValid: boolean;
74
+ isSaving: boolean;
75
+ }
76
+ export interface ICheckoutGiftRecipientStore {
77
+ firstName: string;
78
+ lastName: string;
79
+ email: string;
80
+ phone: string;
81
+ message: string;
82
+ }
83
+ export interface ICheckoutGiftRecipientFormStore {
84
+ data: ICheckoutGiftRecipientStore;
85
+ isEditing: boolean;
86
+ isValid: boolean;
87
+ isSaving: boolean;
88
+ }
89
+ export interface ICheckoutBillingStore {
90
+ firstName: string;
91
+ lastName: string;
92
+ email: string;
93
+ phone: string;
94
+ company: string;
95
+ addressOne: string;
96
+ addressTwo: string;
97
+ city: string;
98
+ state: string;
99
+ zipCode: string;
100
+ }
101
+ export interface ICheckoutPaymentCardStore {
102
+ brand: string;
103
+ last4: string;
104
+ }
105
+ export interface ICheckoutPaymentStore {
106
+ key: string;
107
+ secret: string;
108
+ paymentMethodId: string | null;
109
+ card: ICheckoutPaymentCardStore | null;
110
+ }
111
+ export interface ICheckoutPaymentFormStore {
112
+ payment: ICheckoutPaymentStore;
113
+ billingSameAsShipping: boolean;
114
+ data: ICheckoutBillingStore | null;
115
+ isEditing: boolean;
116
+ isValid: boolean;
117
+ isSaving: boolean;
114
118
  }
115
119
  export interface ICheckoutStore {
116
120
  token: string;
117
121
  cartId: string;
118
- loading: boolean;
119
- updating: boolean;
120
- error: string | null;
121
- warning: string[];
122
- isPresaleLocked: boolean;
123
- presaleExpiresAt: string | null;
124
- acceptedAccountCreation: boolean;
125
- deliveryTips: [];
126
- hasAgeVerify: boolean;
127
- hasSubstitutionPolicy: boolean;
122
+ presale: ICheckoutPresaleStore | null;
128
123
  isGift: boolean;
129
- billingSameAsShipping: boolean;
130
124
  marketingPreferences: ICheckoutMarketingPreferencesStore;
131
- giftRecipient: ICheckoutGiftRecipientStore;
132
- customer: ICheckoutCustomerStore;
133
- payment: ICheckoutPaymentStore;
134
- billing: ICheckoutBillingStore | null;
125
+ customerForm: ICheckoutCustomerFormStore;
126
+ giftRecipientForm: ICheckoutGiftRecipientFormStore;
127
+ paymentForm: ICheckoutPaymentFormStore;
128
+ shippingAddressTwo: string;
135
129
  promoCode: ICheckoutPromoCodeStore | null;
136
130
  giftCards: ICheckoutGiftCardStore[];
137
- amounts: ICheckoutTotalAmounts;
138
131
  items: Record<string, ICheckoutItemStore>;
139
- readyForSubmit: ICheckoutReadyForSubmitStore;
132
+ amounts: ICheckoutTotalAmounts;
140
133
  orderNumber: string | null;
141
- rerender: boolean;
142
- isFormValid: boolean;
143
- invalidFields: string[];
144
- focusField: string | null;
145
134
  onDemandFulfillmentTipInfo: Record<string, IOnDemandFulfillmentTipInfo>;
146
135
  tipSelection: number;
147
- stripeFormStatus: ICheckoutStripeFormStatusStore;
148
- deliveryInstructions: string | null;
149
- card: ICheckoutCardInfoStore;
136
+ deliveryInstructions: string;
150
137
  giftCardError: string | null;
151
138
  promoCodeError: string | null;
139
+ rerender: boolean;
140
+ loading: boolean;
141
+ updating: boolean;
142
+ error: string | null;
143
+ warning: string[];
152
144
  events: IElementsCheckoutEvents[];
153
145
  }
@@ -1,5 +1,5 @@
1
1
  import type { IAddressStore } from '@/core/store/interfaces/address.interface';
2
- import type { ICheckoutBillingStore, ICheckoutCustomerStore, ICheckoutGiftRecipientStore, ICheckoutItemStore, ICheckoutMarketingPreferencesStore, ICheckoutPaymentStore, ICheckoutPromoCodeStore, ICheckoutReadyForSubmitStore, ICheckoutStore, ICheckoutStripeFormStatusStore } from '@/core/store/interfaces/checkout.interface';
2
+ import type { ICheckoutCustomerFormStore, ICheckoutGiftRecipientFormStore, ICheckoutGiftRecipientStore, ICheckoutItemStore, ICheckoutMarketingPreferencesStore, ICheckoutPaymentFormStore, ICheckoutPaymentStore, ICheckoutPresaleStore, ICheckoutPromoCodeStore, ICheckoutStore } from '@/core/store/interfaces/checkout.interface';
3
3
  import type { IProductSizeStore, IProductStore } from '@/core/store/interfaces/product.interface';
4
4
  import type { ComponentType } from '@/enums';
5
5
  import type { ICartItemStore, ICartPromoCodeStore, ICartStore, ICartTotalsStore, IRetailerFulfillmentStore, IRetailerStore } from './cart.interface';
@@ -25,7 +25,7 @@ export interface IPersistedStore {
25
25
  p?: string;
26
26
  c?: string;
27
27
  }
28
- export type StorePaths = keyof IGlobalStore | `products.${string}` | `products.${string}.${keyof IProductStore}` | `products.${string}.sizes.${string}` | `products.${string}.sizes.${string}.${keyof IProductSizeStore}` | `address.${keyof IAddressStore}` | `cart.${keyof ICartStore}` | `cart.items.${string}` | `cart.items.${string}.${keyof ICartItemStore}` | `cart.totals.${keyof ICartTotalsStore}` | `cart.retailers.${string}` | `cart.items.${string}.${keyof IRetailerStore}` | `cart.fulfillments.${string}` | `cart.fulfillments.${string}.${keyof IRetailerFulfillmentStore}` | `cart.promoCode.${keyof ICartPromoCodeStore}` | `ui.${keyof IUIStore}` | `ui.drawer.${keyof IDrawerStore}` | `checkout.${keyof ICheckoutStore}` | `checkout.customer.${keyof ICheckoutCustomerStore}` | `checkout.marketingPreferences.${keyof ICheckoutMarketingPreferencesStore}` | `checkout.payment.${keyof ICheckoutPaymentStore}` | `checkout.billing.${keyof ICheckoutBillingStore}` | `checkout.giftRecipient.${keyof ICheckoutGiftRecipientStore}` | `checkout.giftCards.${string}` | `checkout.promoCode.${keyof ICheckoutPromoCodeStore}` | `checkout.items.${string}` | `checkout.items.${string}.${keyof ICheckoutItemStore}` | `checkout.readyForSubmit.${keyof ICheckoutReadyForSubmitStore}` | `checkout.onDemandFulfillmentTipInfo.${string}` | `checkout.readyForSubmit.${string}` | `checkout.stripeFormStatus.${keyof ICheckoutStripeFormStatusStore}`;
28
+ export type StorePaths = keyof IGlobalStore | `products.${string}` | `products.${string}.${keyof IProductStore}` | `products.${string}.sizes.${string}` | `products.${string}.sizes.${string}.${keyof IProductSizeStore}` | `address.${keyof IAddressStore}` | `cart.${keyof ICartStore}` | `cart.items.${string}` | `cart.items.${string}.${keyof ICartItemStore}` | `cart.totals.${keyof ICartTotalsStore}` | `cart.retailers.${string}` | `cart.items.${string}.${keyof IRetailerStore}` | `cart.fulfillments.${string}` | `cart.fulfillments.${string}.${keyof IRetailerFulfillmentStore}` | `cart.promoCode.${keyof ICartPromoCodeStore}` | `ui.${keyof IUIStore}` | `ui.drawer.${keyof IDrawerStore}` | `checkout.${keyof ICheckoutStore}` | `checkout.customerForm.${keyof ICheckoutCustomerFormStore}` | `checkout.giftRecipientForm.${keyof ICheckoutGiftRecipientFormStore}` | `checkout.paymentForm.${keyof ICheckoutPaymentFormStore}` | `checkout.paymentForm.payment.${keyof ICheckoutPaymentStore}` | `checkout.presale.${keyof ICheckoutPresaleStore}` | `checkout.marketingPreferences.${keyof ICheckoutMarketingPreferencesStore}` | `checkout.giftRecipient.${keyof ICheckoutGiftRecipientStore}` | `checkout.giftCards.${string}` | `checkout.promoCode.${keyof ICheckoutPromoCodeStore}` | `checkout.items.${string}` | `checkout.items.${string}.${keyof ICheckoutItemStore}` | `checkout.onDemandFulfillmentTipInfo.${string}`;
29
29
  interface MiddlewareContext {
30
30
  action: string;
31
31
  payload: any;
@@ -108,18 +108,21 @@ export declare const COMPONENT_TYPE: {
108
108
  readonly CART_BODY: "cart-body";
109
109
  readonly CART_FULFILLMENT: "cart-fulfillment";
110
110
  readonly CHECKOUT: "checkout";
111
- readonly CHECKOUT_INFORMATION_SECTION: "checkout-information-section";
111
+ readonly CHECKOUT_INFORMATION: "checkout-information";
112
112
  readonly CHECKOUT_STRIPE_FORM: "checkout-stripe-form";
113
- readonly CHECKOUT_PAYMENT_FORM: "checkout-payment-form";
114
- readonly CHECKOUT_BILLING_FORM: "checkout-billing-form";
115
- readonly CHECKOUT_SUMMARY_SECTION: "checkout-summary-section";
113
+ readonly CHECKOUT_PAYMENT: "checkout-payment";
114
+ readonly CHECKOUT_PAYMENT_SUMMARY: "checkout-payment-summary";
115
+ readonly CHECKOUT_BILLING: "checkout-billing";
116
+ readonly CHECKOUT_ORDER_SUMMARY: "checkout-order-summary";
116
117
  readonly CHECKOUT_PROMO_CODE: "checkout-promo-code";
117
118
  readonly CHECKOUT_GIFT_CARDS: "checkout-gift-cards";
118
119
  readonly CHECKOUT_AMOUNTS: "checkout-amounts";
119
120
  readonly CHECKOUT_ITEMS: "checkout-items";
120
121
  readonly CHECKOUT_COMPLETED: "checkout-completed";
121
- readonly CHECKOUT_DELIVERY_INFORMATION_FORM: "checkout-delivery-information-form";
122
- readonly CHECKOUT_BUYER_INFORMATION_FORM: "checkout-buyer-information-form";
122
+ readonly CHECKOUT_DELIVER_TO: "checkout-deliver-to";
123
+ readonly CHECKOUT_DELIVER_TO_SUMMARY: "checkout-deliver-to-summary";
124
+ readonly CHECKOUT_BUYER: "checkout-buyer";
125
+ readonly CHECKOUT_BUYER_SUMMARY: "checkout-buyer-summary";
123
126
  readonly CHECKOUT_TIPS: "checkout-tips";
124
127
  readonly CHECKOUT_PC_GC: "checkout-pc-gc";
125
128
  readonly CHECKOUT_ITEM: "checkout-item";
@@ -128,6 +131,7 @@ export declare const COMPONENT_TYPE: {
128
131
  readonly CHECKOUT_HEADER: "checkout-header";
129
132
  readonly CHECKOUT_PRESALE_COUNTDOWN: "checkout-presale-countdown";
130
133
  readonly CHECKOUT_PRESALE_EXPIRED: "checkout-presale-expired";
134
+ readonly CHECKOUT_SEND_AS_GIFT: "checkout-send-as-gift";
131
135
  };
132
136
  export type ComponentType = (typeof COMPONENT_TYPE)[keyof typeof COMPONENT_TYPE];
133
137
  export declare const FULFILLMENT_TYPE: {
@@ -189,7 +189,7 @@ export interface ICheckoutPrepareResponse {
189
189
  giftOptions: ICheckoutGiftOptions;
190
190
  marketingPreferences: ICheckoutMarketingPreferences;
191
191
  shippingAddress: IAddress;
192
- billingAddress: ICheckoutBillingAddress | IBillingAddress;
192
+ billingAddress: ICheckoutBillingAddress;
193
193
  amounts: ICheckoutTotalAmounts;
194
194
  items: ICheckoutItem[];
195
195
  retailers: ICheckoutRetailer[];
@@ -17,7 +17,6 @@ export interface ICheckoutLayout {
17
17
  thankYouButtonText: string;
18
18
  drawerHeaderText: string;
19
19
  placeOrderButtonText: string;
20
- placeOrderButtonShowRequiredFields: boolean;
21
20
  checkoutCompleted: ICheckoutCompleted;
22
21
  }
23
22
  export interface ICheckoutCompleted {
@@ -1,50 +1,52 @@
1
1
  import { BaseCommand } from '@/core/command/base-command.service';
2
- import type { ICheckoutItemStore, ICheckoutStripeFormStatusStore } from '@/core/store/interfaces/checkout.interface';
3
- import type { ICart, ICheckoutFulfillment, ICheckoutItem, ICheckoutPrepareResponse, ICheckoutRetailer } from '@/interfaces/cloud';
4
- import type { BillingFieldName, CustomerFieldName, GiftFieldName } from '@/modules/checkout/components/checkout.type';
5
- export declare function buildCheckoutItemStore(apiItem: ICheckoutItem, retailer: ICheckoutRetailer, fulfillment: ICheckoutFulfillment): ICheckoutItemStore;
2
+ import type { ICheckoutBillingStore, ICheckoutCustomerStore, ICheckoutGiftRecipientStore } from '@/core/store/interfaces/checkout.interface';
6
3
  export declare class CheckoutCommands extends BaseCommand {
7
4
  private readonly uiCommands;
8
5
  private readonly commonCommands;
9
6
  constructor();
10
7
  static getInstance(): CheckoutCommands;
11
8
  loadCheckout(cartIdParam?: string): Promise<void>;
12
- partialLoadCheckout(params?: {
13
- cartId?: string;
14
- response?: ICheckoutPrepareResponse;
15
- cartResponse?: ICart;
16
- }): Promise<void>;
17
9
  toggleIsGift(active?: boolean): Promise<void>;
18
10
  toggleBillingSameAsShipping(active?: boolean): Promise<void>;
19
- toggleMarketingPreferences(fieldName: 'canEmail' | 'canSms', active?: boolean): void;
11
+ toggleMarketingPreferences(fieldName: 'canEmail' | 'canSms', active?: boolean): Promise<void>;
20
12
  getPaymentSession(): Promise<void>;
21
13
  confirmPaymentSession(confirmationTokenId: string, setupIntentId: string): Promise<void>;
22
14
  applyPromoCode(code: string): Promise<void>;
23
- clearPromoCodeError(): Promise<void>;
24
15
  removePromoCode(): Promise<void>;
16
+ clearPromoCodeError(): Promise<void>;
25
17
  applyGiftCard(code: string): Promise<void>;
26
- clearGiftCardError(): Promise<void>;
27
18
  removeGiftCard(code: string): Promise<void>;
28
- updateCustomerInfo(fieldName: CustomerFieldName, fieldValue: string): void;
29
- updateBillingInfo(fieldName: BillingFieldName, fieldValue: string): void;
30
- updateGiftInfo(fieldName: GiftFieldName, fieldValue: string): void;
31
- private triggerAddShippingInfoEvent;
32
- private validateAndUpdateFormStatus;
19
+ clearGiftCardError(): Promise<void>;
33
20
  checkoutComplete(): Promise<void>;
34
- startPreparingCheckoutSubmit(): Promise<void>;
35
21
  openPresaleExpiredDrawer(): void;
36
22
  rerenderCheckout(): void;
37
- focusFirstInvalidField(): Promise<void>;
38
- private buildItemUpdate;
39
23
  updateCheckoutItemQuantity(itemId: string, delta: number): Promise<void>;
40
24
  removeItemEngraving(productItemId: string): Promise<void>;
41
25
  removeItem(itemId: string, isNotStandAlone?: boolean): Promise<void>;
42
26
  updateTips(percentage: number): Promise<void>;
43
27
  updateFulfillmentTip(fulfillmentId: string, tipAmount: number): Promise<void>;
44
28
  removeFulfillmentTip(fulfillmentId: string): Promise<void>;
29
+ clearCheckoutError(): Promise<void>;
30
+ editCustomerForm(): Promise<void>;
31
+ saveCustomerForm({ shippingAddressTwo, deliveryInstructions, ...customerData }: ICheckoutCustomerStore & {
32
+ shippingAddressTwo: string;
33
+ deliveryInstructions: string;
34
+ }): Promise<void>;
35
+ editGiftRecipientForm(): Promise<void>;
36
+ saveGiftRecipientForm({ shippingAddressTwo, deliveryInstructions, ...giftRecipientData }: ICheckoutGiftRecipientStore & {
37
+ shippingAddressTwo: string;
38
+ deliveryInstructions: string;
39
+ }): Promise<void>;
40
+ editPaymentForm(): Promise<void>;
41
+ savePaymentForm({ billingFormData, paymentSession, }: {
42
+ billingFormData?: ICheckoutBillingStore;
43
+ paymentSession?: {
44
+ confirmationTokenId: string;
45
+ setupIntentId: string;
46
+ };
47
+ }): Promise<void>;
45
48
  private updateStoreFromCheckoutResponse;
46
- updateStripeFormStatus(status: Partial<ICheckoutStripeFormStatusStore>): Promise<void>;
47
- removeCheckoutError(): Promise<void>;
48
- updateDeliveryInstructions(instructions: string): Promise<void>;
49
+ private partialLoadCheckout;
49
50
  private dataForCheckoutPrepare;
51
+ private buildCheckoutItemStore;
50
52
  }
@@ -0,0 +1,14 @@
1
+ import { BaseComponent } from '@/core/base-component.service';
2
+ import type { ICheckoutBillingStore } from '@/core/store/interfaces/checkout.interface';
3
+ import type { ICheckoutComponent } from '@/interfaces/configs';
4
+ export interface ICheckoutBillingComponentParams {
5
+ isFormValid: (isValid: boolean, data: ICheckoutBillingStore) => void;
6
+ }
7
+ export declare class CheckoutBillingComponent extends BaseComponent<ICheckoutBillingComponentParams, ICheckoutComponent> {
8
+ private billingData;
9
+ get hostClasses(): string[];
10
+ constructor();
11
+ private billingSameAsShippingToggle;
12
+ private updateSaveButtonState;
13
+ protected template(): HTMLElement[];
14
+ }
@@ -0,0 +1,7 @@
1
+ import { BaseComponent } from '@/core/base-component.service';
2
+ import type { ICheckoutComponent } from '@/interfaces/configs';
3
+ export declare class CheckoutBuyerSummaryComponent extends BaseComponent<null, ICheckoutComponent> {
4
+ get hostClasses(): string[];
5
+ constructor();
6
+ protected template(): HTMLElement[];
7
+ }
@@ -1,12 +1,12 @@
1
1
  import { BaseComponent, type IOnStoreChanged } from '@/core/base-component.service';
2
2
  import type { ICheckoutComponent } from '@/interfaces/configs';
3
- export interface ICheckoutInformationSectionComponentParams {
4
- isIndependentComponent: boolean;
5
- }
6
- export declare class CheckoutInformationSectionComponent extends BaseComponent<ICheckoutInformationSectionComponentParams, ICheckoutComponent> {
3
+ export declare class CheckoutBuyer extends BaseComponent<null, ICheckoutComponent> {
4
+ private customerData;
5
+ private saveButtonText;
6
+ private saveButton;
7
7
  get hostClasses(): string[];
8
8
  constructor();
9
9
  onStoreWatch(changes: IOnStoreChanged[]): void;
10
- private handleBuyerInformationVisibility;
10
+ private updateSaveButtonState;
11
11
  protected template(): HTMLElement[];
12
12
  }
@@ -0,0 +1,7 @@
1
+ import { BaseComponent } from '@/core/base-component.service';
2
+ import type { ICheckoutComponent } from '@/interfaces/configs';
3
+ export declare class CheckoutDeliverToSummaryComponent extends BaseComponent<null, ICheckoutComponent> {
4
+ get hostClasses(): string[];
5
+ constructor();
6
+ protected template(): HTMLElement[];
7
+ }
@@ -0,0 +1,13 @@
1
+ import { BaseComponent, type IOnStoreChanged } from '@/core/base-component.service';
2
+ import type { ICheckoutComponent } from '@/interfaces/configs';
3
+ export declare class CheckoutDeliverToComponent extends BaseComponent<null, ICheckoutComponent> {
4
+ private customerData;
5
+ private giftData;
6
+ private saveButtonText;
7
+ private saveButton;
8
+ get hostClasses(): string[];
9
+ constructor();
10
+ onStoreWatch(changes: IOnStoreChanged[]): void;
11
+ private updateSaveButtonState;
12
+ protected template(): HTMLElement[];
13
+ }
@@ -0,0 +1,17 @@
1
+ import { BaseComponent } from '@/core/base-component.service';
2
+ import type { ICheckoutComponent } from '@/interfaces/configs';
3
+ export interface ICheckoutInformationSectionComponentParams {
4
+ isIndependentComponent: boolean;
5
+ }
6
+ export declare class CheckoutInformationComponent extends BaseComponent<ICheckoutInformationSectionComponentParams, ICheckoutComponent> {
7
+ private deliveryToForm;
8
+ private deliverToSummary;
9
+ private buyerForm;
10
+ private buyerSummary;
11
+ private paymentForm;
12
+ private paymentSummary;
13
+ get hostClasses(): string[];
14
+ constructor();
15
+ onStoreWatch(): void;
16
+ protected template(): HTMLElement[];
17
+ }
@@ -1,6 +1,6 @@
1
1
  import { BaseComponent, type IOnStoreChanged } from '@/core/base-component.service';
2
2
  import type { ICheckoutComponent } from '@/interfaces/configs';
3
- export declare class CheckoutSummarySectionComponent extends BaseComponent<null, ICheckoutComponent> {
3
+ export declare class CheckoutOrderSummaryComponent extends BaseComponent<null, ICheckoutComponent> {
4
4
  get hostClasses(): string[];
5
5
  constructor();
6
6
  onStoreWatch(changes: IOnStoreChanged[]): void;
@@ -0,0 +1,7 @@
1
+ import { BaseComponent } from '@/core/base-component.service';
2
+ import type { ICheckoutComponent } from '@/interfaces/configs';
3
+ export declare class CheckoutPaymentSummaryComponent extends BaseComponent<null, ICheckoutComponent> {
4
+ get hostClasses(): string[];
5
+ constructor();
6
+ protected template(): HTMLElement[];
7
+ }
@@ -0,0 +1,47 @@
1
+ import { BaseComponent, type IOnStoreChanged } from '@/core/base-component.service';
2
+ import type { ICheckoutComponent } from '@/interfaces/configs';
3
+ export interface ICheckoutSendToFormComponentParams {
4
+ isIndependentComponent: boolean;
5
+ }
6
+ export declare class CheckoutPaymentComponent extends BaseComponent<ICheckoutSendToFormComponentParams, ICheckoutComponent> {
7
+ private stripeFormElement;
8
+ private rootComponent;
9
+ private isCreatingStripeForm;
10
+ private saveButton;
11
+ private errorMessageElement;
12
+ private stripeFormContainer;
13
+ private stripeSummaryContainer;
14
+ private billingFormData;
15
+ private isValidBillingForm;
16
+ private isBillingSameAsShipping;
17
+ private stripeFormStatus;
18
+ private isSavingPayment;
19
+ private isInEditMode;
20
+ private savedCardInfo;
21
+ private isChangingPayment;
22
+ get hostClasses(): string[];
23
+ constructor();
24
+ onStoreWatch(changes: IOnStoreChanged[]): void;
25
+ private handleSavingStateChange;
26
+ private handleBillingSameAsShippingChange;
27
+ private handleSavedCardChange;
28
+ private handleEditModeChange;
29
+ afterRender(): Promise<void>;
30
+ private setupStripeFormEventListeners;
31
+ private showStripeSummary;
32
+ private hideStripeSummary;
33
+ private showStripeForm;
34
+ private hideStripeForm;
35
+ private handleChangePayment;
36
+ private updateSaveButtonState;
37
+ private updateErrorMessage;
38
+ private showError;
39
+ protected template(): HTMLElement[];
40
+ private handleSaveButtonClick;
41
+ private validatePrerequisites;
42
+ private findRootComponent;
43
+ private removeExistingStripeForm;
44
+ private doStripeConfig;
45
+ private createAndMountStripeForm;
46
+ disconnected(): void;
47
+ }
@@ -8,15 +8,11 @@ export declare class CheckoutPlaceOrderButtonComponent extends BaseComponent<nul
8
8
  constructor();
9
9
  afterRender(): void;
10
10
  disconnected(): void;
11
- onStoreChanged(changes: IOnStoreChanged[]): boolean;
11
+ onStoreWatch(changes: IOnStoreChanged[]): void;
12
12
  private updateButtonState;
13
- private determineErrorMessage;
14
13
  private clearErrorTimeout;
15
14
  private updateErrorDisplay;
16
15
  private determineButtonState;
17
- private applyButtonState;
18
16
  private handlePlaceOrderClick;
19
- private showPaymentError;
20
- private handleCheckoutReadyForSubmit;
21
17
  protected template(): HTMLElement[];
22
18
  }
@@ -0,0 +1,7 @@
1
+ import { BaseComponent } from '@/core/base-component.service';
2
+ import type { ICheckoutComponent } from '@/interfaces/configs';
3
+ export declare class CheckoutSendAsGiftComponent extends BaseComponent<null, ICheckoutComponent> {
4
+ get hostClasses(): string[];
5
+ constructor();
6
+ protected template(): HTMLElement[];
7
+ }
@@ -17,9 +17,10 @@ export interface IStripeConfig {
17
17
  elementOptions?: Record<string, any>;
18
18
  }
19
19
  export interface IStripeFormStatus {
20
- isComplete: boolean;
21
- hasError: boolean;
20
+ isFormComplete: boolean;
22
21
  isProcessing: boolean;
22
+ hasCompletedPayment: boolean;
23
+ hasError: boolean;
23
24
  errorMessage: string | null;
24
25
  }
25
26
  export declare class CheckoutStripeFormComponent extends HTMLElement {
@@ -31,6 +32,7 @@ export declare class CheckoutStripeFormComponent extends HTMLElement {
31
32
  private _isFormComplete;
32
33
  private _hasUsedCurrentSession;
33
34
  private _stripeConfig;
35
+ private _sessionRefreshPromise;
34
36
  initialize({ data }: {
35
37
  data: {
36
38
  stripeConfig: IStripeConfig;
@@ -38,11 +40,11 @@ export declare class CheckoutStripeFormComponent extends HTMLElement {
38
40
  }): Promise<void>;
39
41
  private initializeStripe;
40
42
  private setupEventListeners;
41
- private handleSubmitEvent;
42
43
  private handleRefreshSession;
43
44
  private handleSubmit;
44
45
  private requestSessionRefresh;
45
46
  private refreshPaymentSession;
47
+ private resetForm;
46
48
  private updateStripeFormStatus;
47
49
  private createConfirmationTokenId;
48
50
  disconnected(): Promise<void>;
@@ -1,20 +1,24 @@
1
+ export * from './checkout-amounts.component';
2
+ export * from './checkout-billing.component';
3
+ export * from './checkout-buyer.component';
4
+ export * from './checkout-buyer-summary.component';
5
+ export * from './checkout-completed.component';
6
+ export * from './checkout-deliver-to.component';
7
+ export * from './checkout-deliver-to-summary.component';
8
+ export * from './checkout-gift-cards.component';
1
9
  export * from './checkout-header.component';
2
- export * from './checkout-information-section.component';
10
+ export * from './checkout-information.component';
11
+ export * from './checkout-item.component';
12
+ export * from './checkout-item-quantity.component';
13
+ export * from './checkout-items.component';
14
+ export * from './checkout-order-summary.component';
15
+ export * from './checkout-payment.component';
16
+ export * from './checkout-payment-summary.component';
17
+ export * from './checkout-place-order-button.component';
3
18
  export * from './checkout-presale-countdown.component';
4
- export * from './checkout-summary-section.component';
5
- export * from './information/checkout-billing-form.component';
6
- export * from './information/checkout-buyer-information-form.component';
7
- export * from './information/checkout-delivery-information-form.component';
8
- export * from './information/checkout-payment-form.component';
9
- export * from './information/checkout-stripe-form.component';
10
- export * from './summary/checkout-amounts.component';
11
- export * from './summary/checkout-completed.component';
12
- export * from './summary/checkout-gift-cards.component';
13
- export * from './summary/checkout-item.component';
14
- export * from './summary/checkout-item-quantity.component';
15
- export * from './summary/checkout-items.component';
16
- export * from './summary/checkout-place-order-button.component';
17
- export * from './summary/checkout-presale-expired.component';
18
- export * from './summary/checkout-promo-code.component';
19
- export * from './summary/checkout-tips.component';
20
- export * from './summary/promo-pc-gc.component';
19
+ export * from './checkout-presale-expired.component';
20
+ export * from './checkout-promo-code.component';
21
+ export * from './checkout-send-as-gift.component';
22
+ export * from './checkout-stripe-form.component';
23
+ export * from './checkout-tips.component';
24
+ export * from './promo-pc-gc.component';
@@ -13,7 +13,6 @@ export declare const giftFormFields: {
13
13
  readonly lastName: "lastName";
14
14
  readonly email: "email";
15
15
  readonly phone: "phone";
16
- readonly birthDate: "birthDate";
17
16
  readonly addressTwo: "addressTwo";
18
17
  readonly message: "message";
19
18
  };