@cimplify/sdk 0.7.14 → 0.8.1

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { aa as AUTHORIZATION_TYPE, af as AUTH_MUTATION, $ as AbortablePromise, cc as AddressData, cE as AddressInfo, aP as AmountToPay, cn as AuthResponse, A as AuthService, m as AuthStatus, cG as AuthenticatedCustomer, cI as AuthenticatedData, c0 as AvailabilityCheck, c1 as AvailabilityResult, bF as AvailableSlot, bI as Booking, bH as BookingStatus, bJ as BookingWithDetails, b7 as BufferTimes, bm as Business, bA as BusinessHours, bl as BusinessPreferences, B as BusinessService, bz as BusinessSettings, bk as BusinessType, bx as BusinessWithLocations, a3 as CHECKOUT_MODE, ag as CHECKOUT_MUTATION, a6 as CHECKOUT_STEP, ac as CONTACT_TYPE, bQ as CancelBookingInput, bR as CancelBookingResult, b1 as CancelOrderInput, b9 as CancellationPolicy, i as CartOperations, b as CatalogueQueries, aC as CatalogueResult, aD as CatalogueSnapshot, bB as CategoryInfo, bN as CheckSlotAvailabilityInput, bO as CheckSlotAvailabilityResult, cq as CheckoutAddressInfo, cs as CheckoutCustomerInfo, N as CheckoutFormData, a$ as CheckoutInput, D as CheckoutMode, j as CheckoutOperations, H as CheckoutOrderType, J as CheckoutPaymentMethod, V as CheckoutResult, j as CheckoutService, Z as CheckoutStatus, _ as CheckoutStatusContext, K as CheckoutStep, C as CimplifyClient, a as CimplifyConfig, t as CimplifyElement, s as CimplifyElements, a2 as ContactType, c8 as CreateAddressInput, ca as CreateMobileMoneyInput, c3 as Customer, c4 as CustomerAddress, bL as CustomerBooking, bK as CustomerBookingServiceItem, c6 as CustomerLinkPreferences, c5 as CustomerMobileMoney, b6 as CustomerServicePreferences, ak as DEFAULT_COUNTRY, aj as DEFAULT_CURRENCY, ab as DEVICE_TYPE, bG as DayAvailability, bg as DepositResult, a1 as DeviceType, v as ELEMENT_TYPES, E as EVENT_TYPES, cD as ElementAppearance, cN as ElementEventHandler, z as ElementEventType, x as ElementOptions, y as ElementType, cJ as ElementsCheckoutData, cK as ElementsCheckoutResult, cH as ElementsCustomerInfo, w as ElementsOptions, ce as EnrollAndLinkOrderInput, ch as EnrollAndLinkOrderResult, cb as EnrollmentData, an as Err, aO as FeeBearerType, F as FetchQuoteInput, aM as FulfillmentLink, aL as FulfillmentStatus, aK as FulfillmentType, cu as FxQuote, ct as FxQuoteRequest, cv as FxRateResponse, q as FxService, bM as GetAvailableSlotsInput, l as GetOrdersOptions, G as GetProductsOptions, cM as IframeToParentMessage, I as InventoryService, c2 as InventorySummary, ae as LINK_MUTATION, ad as LINK_QUERY, aQ as LineItem, aH as LineType, c7 as LinkData, cg as LinkEnrollResult, L as LinkService, ci as LinkSession, cf as LinkStatusResult, r as LiteBootstrap, p as LiteService, bp as Location, bj as LocationAppointment, b$ as LocationStock, bn as LocationTaxBehavior, bo as LocationTaxOverrides, bs as LocationTimeProfile, by as LocationWithDetails, M as MESSAGE_TYPES, a9 as MOBILE_MONEY_PROVIDER, cd as MobileMoneyData, cr as MobileMoneyDetails, a0 as MobileMoneyProvider, ai as ORDER_MUTATION, a4 as ORDER_TYPE, cC as ObservabilityHooks, am as Ok, aR as Order, aG as OrderChannel, a_ as OrderFilter, aN as OrderFulfillmentSummary, aU as OrderGroup, aY as OrderGroupDetails, aV as OrderGroupPayment, aT as OrderGroupPaymentState, aX as OrderGroupPaymentSummary, aS as OrderHistory, aI as OrderLineState, aJ as OrderLineStatus, aZ as OrderPaymentEvent, O as OrderQueries, aW as OrderSplitDetail, aE as OrderStatus, n as OtpResult, a5 as PAYMENT_METHOD, ah as PAYMENT_MUTATION, a7 as PAYMENT_STATE, a8 as PICKUP_TIME_TYPE, cL as ParentToIframeMessage, cF as PaymentMethodInfo, aF as PaymentState, cp as PickupTime, co as PickupTimeType, P as PriceQuote, bb as PricingOverrides, Y as ProcessAndResolveOptions, W as ProcessCheckoutOptions, X as ProcessCheckoutResult, bZ as ProductStock, d as QuoteBundleSelectionInput, Q as QuoteCompositeSelectionInput, f as QuoteDynamicBuckets, e as QuoteStatus, g as QuoteUiMessage, R as RefreshQuoteInput, h as RefreshQuoteResult, b2 as RefundOrderInput, b5 as ReminderMethod, b8 as ReminderSettings, cw as RequestContext, cz as RequestErrorEvent, cl as RequestOtpInput, cx as RequestStartEvent, cy as RequestSuccessEvent, bP as RescheduleBookingInput, bS as RescheduleBookingResult, be as ResourceAssignment, al as Result, cA as RetryEvent, ck as RevokeAllSessionsResult, cj as RevokeSessionResult, bu as Room, bc as SchedulingMetadata, bf as SchedulingResult, o as SchedulingService, S as SearchOptions, bC as Service, bT as ServiceAvailabilityParams, bU as ServiceAvailabilityResult, bv as ServiceCharge, ba as ServiceNotes, bh as ServiceScheduleRequest, b3 as ServiceStatus, cB as SessionChangeEvent, bD as Staff, bd as StaffAssignment, b4 as StaffRole, bi as StaffScheduleItem, bX as Stock, bY as StockLevel, bV as StockOwnershipType, bW as StockStatus, bw as StorefrontBootstrap, bt as Table, T as TableInfo, bq as TimeRange, br as TimeRanges, bE as TimeSlot, c9 as UpdateAddressInput, b0 as UpdateOrderStatusInput, U as UpdateProfileInput, b_ as VariantStock, cm as VerifyOtpInput, aA as combine, aB as combineObject, c as createCimplifyClient, u as createElements, ap as err, au as flatMap, ay as fromPromise, k as generateIdempotencyKey, av as getOrElse, ar as isErr, aq as isOk, at as mapError, as as mapResult, ao as ok, ax as toNullable, az as tryCatch, aw as unwrap } from './client-Dkinq9Oz.js';
+export { aa as AUTHORIZATION_TYPE, af as AUTH_MUTATION, $ as AbortablePromise, cc as AddressData, cF as AddressInfo, aP as AmountToPay, cn as AuthResponse, A as AuthService, m as AuthStatus, cH as AuthenticatedCustomer, cJ as AuthenticatedData, c0 as AvailabilityCheck, c1 as AvailabilityResult, bF as AvailableSlot, bI as Booking, bH as BookingStatus, bJ as BookingWithDetails, b7 as BufferTimes, bm as Business, bA as BusinessHours, bl as BusinessPreferences, B as BusinessService, bz as BusinessSettings, bk as BusinessType, bx as BusinessWithLocations, a3 as CHECKOUT_MODE, ag as CHECKOUT_MUTATION, a6 as CHECKOUT_STEP, ac as CONTACT_TYPE, bQ as CancelBookingInput, bR as CancelBookingResult, b1 as CancelOrderInput, b9 as CancellationPolicy, i as CartOperations, b as CatalogueQueries, aC as CatalogueResult, aD as CatalogueSnapshot, bB as CategoryInfo, bN as CheckSlotAvailabilityInput, bO as CheckSlotAvailabilityResult, cq as CheckoutAddressInfo, cs as CheckoutCustomerInfo, N as CheckoutFormData, a$ as CheckoutInput, D as CheckoutMode, j as CheckoutOperations, H as CheckoutOrderType, J as CheckoutPaymentMethod, V as CheckoutResult, j as CheckoutService, Z as CheckoutStatus, _ as CheckoutStatusContext, K as CheckoutStep, C as CimplifyClient, a as CimplifyConfig, t as CimplifyElement, s as CimplifyElements, a2 as ContactType, c8 as CreateAddressInput, ca as CreateMobileMoneyInput, c3 as Customer, c4 as CustomerAddress, bL as CustomerBooking, bK as CustomerBookingServiceItem, c6 as CustomerLinkPreferences, c5 as CustomerMobileMoney, b6 as CustomerServicePreferences, ak as DEFAULT_COUNTRY, aj as DEFAULT_CURRENCY, ab as DEVICE_TYPE, bG as DayAvailability, bg as DepositResult, a1 as DeviceType, v as ELEMENT_TYPES, E as EVENT_TYPES, cE as ElementAppearance, cO as ElementEventHandler, z as ElementEventType, x as ElementOptions, y as ElementType, cK as ElementsCheckoutData, cL as ElementsCheckoutResult, cI as ElementsCustomerInfo, w as ElementsOptions, ce as EnrollAndLinkOrderInput, ch as EnrollAndLinkOrderResult, cb as EnrollmentData, an as Err, aO as FeeBearerType, F as FetchQuoteInput, aM as FulfillmentLink, aL as FulfillmentStatus, aK as FulfillmentType, cu as FxQuote, ct as FxQuoteRequest, cv as FxRateResponse, q as FxService, bM as GetAvailableSlotsInput, l as GetOrdersOptions, G as GetProductsOptions, cN as IframeToParentMessage, I as InventoryService, c2 as InventorySummary, ae as LINK_MUTATION, ad as LINK_QUERY, aQ as LineItem, aH as LineType, c7 as LinkData, cg as LinkEnrollResult, L as LinkService, ci as LinkSession, cf as LinkStatusResult, r as LiteBootstrap, p as LiteService, bp as Location, bj as LocationAppointment, b$ as LocationStock, bn as LocationTaxBehavior, bo as LocationTaxOverrides, bs as LocationTimeProfile, by as LocationWithDetails, M as MESSAGE_TYPES, a9 as MOBILE_MONEY_PROVIDER, cd as MobileMoneyData, cr as MobileMoneyDetails, a0 as MobileMoneyProvider, ai as ORDER_MUTATION, a4 as ORDER_TYPE, cC as ObservabilityHooks, am as Ok, aR as Order, aG as OrderChannel, a_ as OrderFilter, aN as OrderFulfillmentSummary, aU as OrderGroup, aY as OrderGroupDetails, aV as OrderGroupPayment, aT as OrderGroupPaymentState, aX as OrderGroupPaymentSummary, aS as OrderHistory, aI as OrderLineState, aJ as OrderLineStatus, aZ as OrderPaymentEvent, O as OrderQueries, aW as OrderSplitDetail, aE as OrderStatus, cD as OrderType, n as OtpResult, a5 as PAYMENT_METHOD, ah as PAYMENT_MUTATION, a7 as PAYMENT_STATE, a8 as PICKUP_TIME_TYPE, cM as ParentToIframeMessage, cG as PaymentMethodInfo, aF as PaymentState, cp as PickupTime, co as PickupTimeType, P as PriceQuote, bb as PricingOverrides, Y as ProcessAndResolveOptions, W as ProcessCheckoutOptions, X as ProcessCheckoutResult, bZ as ProductStock, d as QuoteBundleSelectionInput, Q as QuoteCompositeSelectionInput, f as QuoteDynamicBuckets, e as QuoteStatus, g as QuoteUiMessage, R as RefreshQuoteInput, h as RefreshQuoteResult, b2 as RefundOrderInput, b5 as ReminderMethod, b8 as ReminderSettings, cw as RequestContext, cz as RequestErrorEvent, cl as RequestOtpInput, cx as RequestStartEvent, cy as RequestSuccessEvent, bP as RescheduleBookingInput, bS as RescheduleBookingResult, be as ResourceAssignment, al as Result, cA as RetryEvent, ck as RevokeAllSessionsResult, cj as RevokeSessionResult, bu as Room, bc as SchedulingMetadata, bf as SchedulingResult, o as SchedulingService, S as SearchOptions, bC as Service, bT as ServiceAvailabilityParams, bU as ServiceAvailabilityResult, bv as ServiceCharge, ba as ServiceNotes, bh as ServiceScheduleRequest, b3 as ServiceStatus, cB as SessionChangeEvent, bD as Staff, bd as StaffAssignment, b4 as StaffRole, bi as StaffScheduleItem, bX as Stock, bY as StockLevel, bV as StockOwnershipType, bW as StockStatus, bw as StorefrontBootstrap, bt as Table, T as TableInfo, bq as TimeRange, br as TimeRanges, bE as TimeSlot, c9 as UpdateAddressInput, b0 as UpdateOrderStatusInput, U as UpdateProfileInput, b_ as VariantStock, cm as VerifyOtpInput, aA as combine, aB as combineObject, c as createCimplifyClient, u as createElements, ap as err, au as flatMap, ay as fromPromise, k as generateIdempotencyKey, av as getOrElse, ar as isErr, aq as isOk, at as mapError, as as mapResult, ao as ok, ax as toNullable, az as tryCatch, aw as unwrap } from './client-BJFeYCB2.js';
 export { QueryBuilder, query } from './advanced.js';
 import { A as ApiError } from './payment-CLIWNMaP.js';
 export { B as AddOn, at as AddOnDetails, aP as AddOnGroupDetails, G as AddOnOption, aO as AddOnOptionDetails, H as AddOnOptionPrice, F as AddOnWithOptions, aU as AddToCartInput, ai as AdjustmentType, ap as AppliedDiscount, a_ as AuthorizationType, ao as BenefitType, T as Bundle, Y as BundleComponentData, _ as BundleComponentInfo, R as BundlePriceType, W as BundleProduct, ay as BundleSelectionData, aw as BundleSelectionInput, ax as BundleStoredSelection, U as BundleSummary, X as BundleWithDetails, aD as Cart, au as CartAddOn, ag as CartChannel, aE as CartItem, aR as CartItemDetails, af as CartStatus, aW as CartSummary, aF as CartTotals, K as Category, L as CategorySummary, an as ChosenPrice, h as CimplifyError, N as Collection, Q as CollectionProduct, O as CollectionSummary, a4 as ComponentGroup, a5 as ComponentGroupWithComponents, a9 as ComponentPriceBreakdown, a7 as ComponentSelectionInput, a1 as ComponentSourceType, a2 as Composite, a6 as CompositeComponent, aA as CompositePriceBreakdown, a8 as CompositePriceResult, $ as CompositePricingMode, aB as CompositeSelectionData, a7 as CompositeSelectionInput, az as CompositeStoredSelection, a3 as CompositeWithDetails, b as Currency, C as CurrencyCode, p as DepositType, D as DigitalProductType, aq as DiscountBreakdown, ar as DiscountDetails, aI as DisplayAddOn, aJ as DisplayAddOnOption, aG as DisplayCart, aH as DisplayCartItem, g as ERROR_HINTS, E as ErrorCode, e as ErrorCodeType, f as ErrorHint, a0 as GroupPricingBehavior, b2 as InitializePaymentResult, I as InventoryType, aC as LineConfiguration, ac as LocationProductPrice, M as Money, d as Pagination, P as PaginationParams, b1 as Payment, b5 as PaymentErrorDetails, b0 as PaymentMethod, aZ as PaymentMethodType, a$ as PaymentProcessingState, aY as PaymentProvider, b3 as PaymentResponse, aX as PaymentStatus, b4 as PaymentStatusResponse, ab as Price, aj as PriceAdjustment, am as PriceDecisionPath, aa as PriceEntryType, al as PricePathTaxInfo, ah as PriceSource, q as Product, J as ProductAddOn, ad as ProductAvailability, o as ProductRenderHint, ae as ProductTimeProfile, n as ProductType, s as ProductVariant, x as ProductVariantValue, r as ProductWithDetails, S as SalesChannel, as as SelectedAddOnOption, b6 as SubmitAuthorizationInput, ak as TaxPathComponent, aS as UICart, aK as UICartBusiness, aM as UICartCustomer, aL as UICartLocation, aN as UICartPricing, aT as UICartResponse, aV as UpdateCartItemInput, u as VariantAxis, z as VariantAxisSelection, w as VariantAxisValue, v as VariantAxisWithValues, av as VariantDetails, aQ as VariantDetailsDTO, t as VariantDisplayAttribute, y as VariantLocationAvailability, V as VariantStrategy, Z as ZERO, c as currencyCode, k as enrichError, j as getErrorHint, i as isCimplifyError, l as isRetryableError, m as money, a as moneyFromNumber } from './payment-CLIWNMaP.js';

package/dist/index.js

@@ -2584,7 +2584,8 @@ var FxService = class {
 var ELEMENT_TYPES = {
   AUTH: "auth",
   ADDRESS: "address",
-  PAYMENT: "payment"
+  PAYMENT: "payment",
+  CHECKOUT: "checkout"
 };
 var MESSAGE_TYPES = {
   // Parent → Iframe
@@ -2608,7 +2609,9 @@ var MESSAGE_TYPES = {
   LOGOUT_COMPLETE: "logout_complete",
   CONTACT_PROVIDED: "contact_provided",
   CHECKOUT_STATUS: "checkout_status",
-  CHECKOUT_COMPLETE: "checkout_complete"
+  CHECKOUT_COMPLETE: "checkout_complete",
+  ORDER_TYPE_CHANGED: "order_type_changed",
+  REQUEST_SUBMIT: "request_submit"
 };
 var EVENT_TYPES = {
   READY: "ready",
@@ -2617,7 +2620,9 @@ var EVENT_TYPES = {
   ERROR: "error",
   CHANGE: "change",
   BLUR: "blur",
-  FOCUS: "focus"
+  FOCUS: "focus",
+  ORDER_TYPE_CHANGED: "order_type_changed",
+  REQUEST_SUBMIT: "request_submit"
 };
 
 // src/elements.ts
@@ -2766,40 +2771,43 @@ var CimplifyElements = class {
           false
         );
       }
-      const paymentElement = this.elements.get(ELEMENT_TYPES.PAYMENT);
-      if (!paymentElement) {
-        console.debug("[cimplify:checkout] BLOCKED: no payment element");
+      const checkoutElement = this.elements.get(ELEMENT_TYPES.CHECKOUT) || this.elements.get(ELEMENT_TYPES.PAYMENT);
+      if (!checkoutElement) {
+        console.debug("[cimplify:checkout] BLOCKED: no checkout element");
         return toCheckoutError(
           "NO_PAYMENT_ELEMENT",
-          "Payment element must be mounted before checkout.",
+          "Checkout element must be mounted before checkout.",
           false
         );
       }
-      if (!paymentElement.isMounted()) {
-        console.debug("[cimplify:checkout] BLOCKED: payment element not mounted");
+      if (!checkoutElement.isMounted()) {
+        console.debug("[cimplify:checkout] BLOCKED: checkout element not mounted");
         return toCheckoutError(
           "PAYMENT_NOT_MOUNTED",
-          "Payment element must be mounted before checkout.",
+          "Checkout element must be mounted before checkout.",
           false
         );
       }
-      const authElement = this.elements.get(ELEMENT_TYPES.AUTH);
-      if (authElement && !this.accessToken) {
-        console.debug("[cimplify:checkout] BLOCKED: auth incomplete");
-        return toCheckoutError(
-          "AUTH_INCOMPLETE",
-          "Authentication must complete before checkout can start.",
-          true
-        );
-      }
-      const addressElement = this.elements.get(ELEMENT_TYPES.ADDRESS);
-      if (addressElement) {
-        console.debug("[cimplify:checkout] getting address data...");
-        await addressElement.getData();
-        console.debug("[cimplify:checkout] address data resolved", this.addressData);
+      const isUnifiedCheckout = this.elements.has(ELEMENT_TYPES.CHECKOUT);
+      if (!isUnifiedCheckout) {
+        const authElement = this.elements.get(ELEMENT_TYPES.AUTH);
+        if (authElement && !this.accessToken) {
+          console.debug("[cimplify:checkout] BLOCKED: auth incomplete");
+          return toCheckoutError(
+            "AUTH_INCOMPLETE",
+            "Authentication must complete before checkout can start.",
+            true
+          );
+        }
+        const addressElement = this.elements.get(ELEMENT_TYPES.ADDRESS);
+        if (addressElement) {
+          console.debug("[cimplify:checkout] getting address data...");
+          await addressElement.getData();
+          console.debug("[cimplify:checkout] address data resolved", this.addressData);
+        }
+        await this.hydrateCustomerData();
       }
-      await this.hydrateCustomerData();
-      console.debug("[cimplify:checkout] customer data hydrated", { customerData: this.customerData, accountId: this.accountId });
+      console.debug("[cimplify:checkout] customer data hydrated", { customerData: this.customerData, accountId: this.accountId, isUnifiedCheckout });
       const processMessage = {
         type: MESSAGE_TYPES.PROCESS_CHECKOUT,
         cart_id: options.cart_id,
@@ -2810,8 +2818,9 @@ var CimplifyElements = class {
         tip_amount: options.tip_amount,
         pay_currency: options.pay_currency,
         enroll_in_link: options.enroll_in_link ?? true,
-        address: this.addressData ?? void 0,
-        customer: this.customerData ? {
+        // Unified checkout has its own address/customer state; only pass if available externally
+        address: isUnifiedCheckout ? void 0 : this.addressData ?? void 0,
+        customer: isUnifiedCheckout ? void 0 : this.customerData ? {
           name: this.customerData.name,
           email: this.customerData.email,
           phone: this.customerData.phone
@@ -2820,7 +2829,7 @@ var CimplifyElements = class {
         customer_id: this.customerId ?? void 0
       };
       const timeoutMs = options.timeout_ms ?? 18e4;
-      const paymentWindow = paymentElement.getContentWindow();
+      const paymentWindow = checkoutElement.getContentWindow();
       this.checkoutInProgress = true;
       return new Promise((resolve) => {
         let settled = false;
@@ -2858,7 +2867,7 @@ var CimplifyElements = class {
             return;
           }
           if (message.type === MESSAGE_TYPES.LOGOUT_COMPLETE) {
-            paymentElement.sendMessage({ type: MESSAGE_TYPES.ABORT_CHECKOUT });
+            checkoutElement.sendMessage({ type: MESSAGE_TYPES.ABORT_CHECKOUT });
             settle(
               toCheckoutError(
                 "AUTH_LOST",
@@ -2889,7 +2898,7 @@ var CimplifyElements = class {
           window.addEventListener("message", handleCheckoutMessage);
         }
         abortFn = () => {
-          paymentElement.sendMessage({ type: MESSAGE_TYPES.ABORT_CHECKOUT });
+          checkoutElement.sendMessage({ type: MESSAGE_TYPES.ABORT_CHECKOUT });
           settle(
             toCheckoutError(
               "CANCELLED",
@@ -2899,8 +2908,8 @@ var CimplifyElements = class {
           );
         };
         this.activeCheckoutAbort = abortFn;
-        console.debug("[cimplify:checkout] sending process_checkout to payment iframe", { cart_id: processMessage.cart_id, order_type: processMessage.order_type, hasCustomer: !!processMessage.customer, hasAddress: !!processMessage.address });
-        paymentElement.sendMessage(processMessage);
+        console.debug("[cimplify:checkout] sending process_checkout to checkout iframe", { cart_id: processMessage.cart_id, order_type: processMessage.order_type, hasCustomer: !!processMessage.customer, hasAddress: !!processMessage.address, isUnifiedCheckout });
+        checkoutElement.sendMessage(processMessage);
         console.debug("[cimplify:checkout] postMessage sent, waiting for checkout_complete...");
       });
     })();
@@ -2979,7 +2988,7 @@ var CimplifyElements = class {
         this.customerData = customer;
         this.client.setAccessToken(message.token);
         this.elements.forEach((element, type) => {
-          if (type !== ELEMENT_TYPES.AUTH) {
+          if (type !== ELEMENT_TYPES.AUTH && type !== ELEMENT_TYPES.CHECKOUT) {
             element.sendMessage({ type: MESSAGE_TYPES.SET_TOKEN, token: message.token });
           }
         });
@@ -3169,7 +3178,10 @@ var CimplifyElement = class {
         publicKey,
         demoMode: publicKey.length === 0,
         prefillEmail: this.options.prefillEmail,
-        appearance: this.parent.getAppearance()
+        appearance: this.parent.getAppearance(),
+        orderTypes: this.options.orderTypes,
+        defaultOrderType: this.options.defaultOrderType,
+        renderSubmitButton: true
       });
       const token = this.parent.getAccessToken();
       if (token && this.type !== ELEMENT_TYPES.AUTH) {
@@ -3233,6 +3245,12 @@ var CimplifyElement = class {
       case MESSAGE_TYPES.CONTACT_PROVIDED:
         this.parent._setGuestContact(message.contact, message.contactType);
         break;
+      case MESSAGE_TYPES.ORDER_TYPE_CHANGED:
+        this.emit(EVENT_TYPES.ORDER_TYPE_CHANGED, { orderType: message.orderType });
+        break;
+      case MESSAGE_TYPES.REQUEST_SUBMIT:
+        this.emit(EVENT_TYPES.REQUEST_SUBMIT, {});
+        break;
     }
   }
   emit(event, data) {

package/dist/index.mjs

@@ -2582,7 +2582,8 @@ var FxService = class {
 var ELEMENT_TYPES = {
   AUTH: "auth",
   ADDRESS: "address",
-  PAYMENT: "payment"
+  PAYMENT: "payment",
+  CHECKOUT: "checkout"
 };
 var MESSAGE_TYPES = {
   // Parent → Iframe
@@ -2606,7 +2607,9 @@ var MESSAGE_TYPES = {
   LOGOUT_COMPLETE: "logout_complete",
   CONTACT_PROVIDED: "contact_provided",
   CHECKOUT_STATUS: "checkout_status",
-  CHECKOUT_COMPLETE: "checkout_complete"
+  CHECKOUT_COMPLETE: "checkout_complete",
+  ORDER_TYPE_CHANGED: "order_type_changed",
+  REQUEST_SUBMIT: "request_submit"
 };
 var EVENT_TYPES = {
   READY: "ready",
@@ -2615,7 +2618,9 @@ var EVENT_TYPES = {
   ERROR: "error",
   CHANGE: "change",
   BLUR: "blur",
-  FOCUS: "focus"
+  FOCUS: "focus",
+  ORDER_TYPE_CHANGED: "order_type_changed",
+  REQUEST_SUBMIT: "request_submit"
 };
 
 // src/elements.ts
@@ -2764,40 +2769,43 @@ var CimplifyElements = class {
           false
         );
       }
-      const paymentElement = this.elements.get(ELEMENT_TYPES.PAYMENT);
-      if (!paymentElement) {
-        console.debug("[cimplify:checkout] BLOCKED: no payment element");
+      const checkoutElement = this.elements.get(ELEMENT_TYPES.CHECKOUT) || this.elements.get(ELEMENT_TYPES.PAYMENT);
+      if (!checkoutElement) {
+        console.debug("[cimplify:checkout] BLOCKED: no checkout element");
         return toCheckoutError(
           "NO_PAYMENT_ELEMENT",
-          "Payment element must be mounted before checkout.",
+          "Checkout element must be mounted before checkout.",
           false
         );
       }
-      if (!paymentElement.isMounted()) {
-        console.debug("[cimplify:checkout] BLOCKED: payment element not mounted");
+      if (!checkoutElement.isMounted()) {
+        console.debug("[cimplify:checkout] BLOCKED: checkout element not mounted");
         return toCheckoutError(
           "PAYMENT_NOT_MOUNTED",
-          "Payment element must be mounted before checkout.",
+          "Checkout element must be mounted before checkout.",
           false
         );
       }
-      const authElement = this.elements.get(ELEMENT_TYPES.AUTH);
-      if (authElement && !this.accessToken) {
-        console.debug("[cimplify:checkout] BLOCKED: auth incomplete");
-        return toCheckoutError(
-          "AUTH_INCOMPLETE",
-          "Authentication must complete before checkout can start.",
-          true
-        );
-      }
-      const addressElement = this.elements.get(ELEMENT_TYPES.ADDRESS);
-      if (addressElement) {
-        console.debug("[cimplify:checkout] getting address data...");
-        await addressElement.getData();
-        console.debug("[cimplify:checkout] address data resolved", this.addressData);
+      const isUnifiedCheckout = this.elements.has(ELEMENT_TYPES.CHECKOUT);
+      if (!isUnifiedCheckout) {
+        const authElement = this.elements.get(ELEMENT_TYPES.AUTH);
+        if (authElement && !this.accessToken) {
+          console.debug("[cimplify:checkout] BLOCKED: auth incomplete");
+          return toCheckoutError(
+            "AUTH_INCOMPLETE",
+            "Authentication must complete before checkout can start.",
+            true
+          );
+        }
+        const addressElement = this.elements.get(ELEMENT_TYPES.ADDRESS);
+        if (addressElement) {
+          console.debug("[cimplify:checkout] getting address data...");
+          await addressElement.getData();
+          console.debug("[cimplify:checkout] address data resolved", this.addressData);
+        }
+        await this.hydrateCustomerData();
       }
-      await this.hydrateCustomerData();
-      console.debug("[cimplify:checkout] customer data hydrated", { customerData: this.customerData, accountId: this.accountId });
+      console.debug("[cimplify:checkout] customer data hydrated", { customerData: this.customerData, accountId: this.accountId, isUnifiedCheckout });
       const processMessage = {
         type: MESSAGE_TYPES.PROCESS_CHECKOUT,
         cart_id: options.cart_id,
@@ -2808,8 +2816,9 @@ var CimplifyElements = class {
         tip_amount: options.tip_amount,
         pay_currency: options.pay_currency,
         enroll_in_link: options.enroll_in_link ?? true,
-        address: this.addressData ?? void 0,
-        customer: this.customerData ? {
+        // Unified checkout has its own address/customer state; only pass if available externally
+        address: isUnifiedCheckout ? void 0 : this.addressData ?? void 0,
+        customer: isUnifiedCheckout ? void 0 : this.customerData ? {
           name: this.customerData.name,
           email: this.customerData.email,
           phone: this.customerData.phone
@@ -2818,7 +2827,7 @@ var CimplifyElements = class {
         customer_id: this.customerId ?? void 0
       };
       const timeoutMs = options.timeout_ms ?? 18e4;
-      const paymentWindow = paymentElement.getContentWindow();
+      const paymentWindow = checkoutElement.getContentWindow();
       this.checkoutInProgress = true;
       return new Promise((resolve) => {
         let settled = false;
@@ -2856,7 +2865,7 @@ var CimplifyElements = class {
             return;
           }
           if (message.type === MESSAGE_TYPES.LOGOUT_COMPLETE) {
-            paymentElement.sendMessage({ type: MESSAGE_TYPES.ABORT_CHECKOUT });
+            checkoutElement.sendMessage({ type: MESSAGE_TYPES.ABORT_CHECKOUT });
             settle(
               toCheckoutError(
                 "AUTH_LOST",
@@ -2887,7 +2896,7 @@ var CimplifyElements = class {
           window.addEventListener("message", handleCheckoutMessage);
         }
         abortFn = () => {
-          paymentElement.sendMessage({ type: MESSAGE_TYPES.ABORT_CHECKOUT });
+          checkoutElement.sendMessage({ type: MESSAGE_TYPES.ABORT_CHECKOUT });
           settle(
             toCheckoutError(
               "CANCELLED",
@@ -2897,8 +2906,8 @@ var CimplifyElements = class {
           );
         };
         this.activeCheckoutAbort = abortFn;
-        console.debug("[cimplify:checkout] sending process_checkout to payment iframe", { cart_id: processMessage.cart_id, order_type: processMessage.order_type, hasCustomer: !!processMessage.customer, hasAddress: !!processMessage.address });
-        paymentElement.sendMessage(processMessage);
+        console.debug("[cimplify:checkout] sending process_checkout to checkout iframe", { cart_id: processMessage.cart_id, order_type: processMessage.order_type, hasCustomer: !!processMessage.customer, hasAddress: !!processMessage.address, isUnifiedCheckout });
+        checkoutElement.sendMessage(processMessage);
         console.debug("[cimplify:checkout] postMessage sent, waiting for checkout_complete...");
       });
     })();
@@ -2977,7 +2986,7 @@ var CimplifyElements = class {
         this.customerData = customer;
         this.client.setAccessToken(message.token);
         this.elements.forEach((element, type) => {
-          if (type !== ELEMENT_TYPES.AUTH) {
+          if (type !== ELEMENT_TYPES.AUTH && type !== ELEMENT_TYPES.CHECKOUT) {
             element.sendMessage({ type: MESSAGE_TYPES.SET_TOKEN, token: message.token });
           }
         });
@@ -3167,7 +3176,10 @@ var CimplifyElement = class {
         publicKey,
         demoMode: publicKey.length === 0,
         prefillEmail: this.options.prefillEmail,
-        appearance: this.parent.getAppearance()
+        appearance: this.parent.getAppearance(),
+        orderTypes: this.options.orderTypes,
+        defaultOrderType: this.options.defaultOrderType,
+        renderSubmitButton: true
       });
       const token = this.parent.getAccessToken();
       if (token && this.type !== ELEMENT_TYPES.AUTH) {
@@ -3231,6 +3243,12 @@ var CimplifyElement = class {
       case MESSAGE_TYPES.CONTACT_PROVIDED:
         this.parent._setGuestContact(message.contact, message.contactType);
         break;
+      case MESSAGE_TYPES.ORDER_TYPE_CHANGED:
+        this.emit(EVENT_TYPES.ORDER_TYPE_CHANGED, { orderType: message.orderType });
+        break;
+      case MESSAGE_TYPES.REQUEST_SUBMIT:
+        this.emit(EVENT_TYPES.REQUEST_SUBMIT, {});
+        break;
     }
   }
   emit(event, data) {

package/dist/react.d.mts

@@ -1,4 +1,4 @@
-import { C as CimplifyClient, X as ProcessCheckoutResult, Z as CheckoutStatus, _ as CheckoutStatusContext, bp as Location, bm as Business, aR as Order, d as QuoteBundleSelectionInput, Q as QuoteCompositeSelectionInput, P as PriceQuote, g as QuoteUiMessage, s as CimplifyElements, w as ElementsOptions, cI as AuthenticatedData, cE as AddressInfo, cF as PaymentMethodInfo, cK as ElementsCheckoutResult, W as ProcessCheckoutOptions } from './client-CVqmSTNq.mjs';
+import { C as CimplifyClient, X as ProcessCheckoutResult, Z as CheckoutStatus, _ as CheckoutStatusContext, bp as Location, bm as Business, aR as Order, d as QuoteBundleSelectionInput, Q as QuoteCompositeSelectionInput, P as PriceQuote, g as QuoteUiMessage, s as CimplifyElements, w as ElementsOptions, cJ as AuthenticatedData, cF as AddressInfo, cG as PaymentMethodInfo, cL as ElementsCheckoutResult, W as ProcessCheckoutOptions } from './client-bq-xxzM7.mjs';
 import React, { ReactNode } from 'react';
 import { q as Product, d as Pagination, h as CimplifyError, r as ProductWithDetails, K as Category, aw as BundleSelectionInput, a7 as ComponentSelectionInput, N as Collection, X as BundleWithDetails, a3 as CompositeWithDetails, a8 as CompositePriceResult, C as CurrencyCode } from './payment-CLIWNMaP.mjs';
 import { A as AdSlot, a as AdPosition, e as AdContextValue } from './ads-t3FBTU8p.mjs';

package/dist/react.d.ts

@@ -1,4 +1,4 @@
-import { C as CimplifyClient, X as ProcessCheckoutResult, Z as CheckoutStatus, _ as CheckoutStatusContext, bp as Location, bm as Business, aR as Order, d as QuoteBundleSelectionInput, Q as QuoteCompositeSelectionInput, P as PriceQuote, g as QuoteUiMessage, s as CimplifyElements, w as ElementsOptions, cI as AuthenticatedData, cE as AddressInfo, cF as PaymentMethodInfo, cK as ElementsCheckoutResult, W as ProcessCheckoutOptions } from './client-Dkinq9Oz.js';
+import { C as CimplifyClient, X as ProcessCheckoutResult, Z as CheckoutStatus, _ as CheckoutStatusContext, bp as Location, bm as Business, aR as Order, d as QuoteBundleSelectionInput, Q as QuoteCompositeSelectionInput, P as PriceQuote, g as QuoteUiMessage, s as CimplifyElements, w as ElementsOptions, cJ as AuthenticatedData, cF as AddressInfo, cG as PaymentMethodInfo, cL as ElementsCheckoutResult, W as ProcessCheckoutOptions } from './client-BJFeYCB2.js';
 import React, { ReactNode } from 'react';
 import { q as Product, d as Pagination, h as CimplifyError, r as ProductWithDetails, K as Category, aw as BundleSelectionInput, a7 as ComponentSelectionInput, N as Collection, X as BundleWithDetails, a3 as CompositeWithDetails, a8 as CompositePriceResult, C as CurrencyCode } from './payment-CLIWNMaP.js';
 import { A as AdSlot, a as AdPosition, e as AdContextValue } from './ads-t3FBTU8p.js';