@cimplify/sdk 0.8.3 → 0.8.5

package/dist/advanced.d.mts

@@ -1,4 +1,4 @@
-export { A as AuthService, B as BusinessService, i as CartOperations, b as CatalogueQueries, j as CheckoutOperations, j as CheckoutService, t as CimplifyElement, s as CimplifyElements, v as ELEMENT_TYPES, E as EVENT_TYPES, z as ElementEventType, x as ElementOptions, y as ElementType, w as ElementsOptions, F as FetchQuoteInput, q as FxService, G as GetProductsOptions, I as InventoryService, L as LinkService, p as LiteService, M as MESSAGE_TYPES, O as OrderQueries, P as PriceQuote, d as QuoteBundleSelectionInput, Q as QuoteCompositeSelectionInput, f as QuoteDynamicBuckets, e as QuoteStatus, g as QuoteUiMessage, R as RefreshQuoteInput, h as RefreshQuoteResult, o as SchedulingService, S as SearchOptions, u as createElements, k as generateIdempotencyKey } from './client-DnAfLDhV.mjs';
+export { A as AuthService, B as BusinessService, i as CartOperations, b as CatalogueQueries, j as CheckoutOperations, j as CheckoutService, t as CimplifyElement, s as CimplifyElements, v as ELEMENT_TYPES, E as EVENT_TYPES, z as ElementEventType, x as ElementOptions, y as ElementType, w as ElementsOptions, F as FetchQuoteInput, q as FxService, G as GetProductsOptions, I as InventoryService, L as LinkService, p as LiteService, M as MESSAGE_TYPES, O as OrderQueries, P as PriceQuote, d as QuoteBundleSelectionInput, Q as QuoteCompositeSelectionInput, f as QuoteDynamicBuckets, e as QuoteStatus, g as QuoteUiMessage, R as RefreshQuoteInput, h as RefreshQuoteResult, o as SchedulingService, S as SearchOptions, u as createElements, k as generateIdempotencyKey } from './client-iRG2DBq0.mjs';
 import './payment-CLIWNMaP.mjs';
 
 type Operator = "==" | "!=" | ">" | "<" | ">=" | "<=" | "contains" | "startsWith";

package/dist/advanced.d.ts

@@ -1,4 +1,4 @@
-export { A as AuthService, B as BusinessService, i as CartOperations, b as CatalogueQueries, j as CheckoutOperations, j as CheckoutService, t as CimplifyElement, s as CimplifyElements, v as ELEMENT_TYPES, E as EVENT_TYPES, z as ElementEventType, x as ElementOptions, y as ElementType, w as ElementsOptions, F as FetchQuoteInput, q as FxService, G as GetProductsOptions, I as InventoryService, L as LinkService, p as LiteService, M as MESSAGE_TYPES, O as OrderQueries, P as PriceQuote, d as QuoteBundleSelectionInput, Q as QuoteCompositeSelectionInput, f as QuoteDynamicBuckets, e as QuoteStatus, g as QuoteUiMessage, R as RefreshQuoteInput, h as RefreshQuoteResult, o as SchedulingService, S as SearchOptions, u as createElements, k as generateIdempotencyKey } from './client-hKTJv1I1.js';
+export { A as AuthService, B as BusinessService, i as CartOperations, b as CatalogueQueries, j as CheckoutOperations, j as CheckoutService, t as CimplifyElement, s as CimplifyElements, v as ELEMENT_TYPES, E as EVENT_TYPES, z as ElementEventType, x as ElementOptions, y as ElementType, w as ElementsOptions, F as FetchQuoteInput, q as FxService, G as GetProductsOptions, I as InventoryService, L as LinkService, p as LiteService, M as MESSAGE_TYPES, O as OrderQueries, P as PriceQuote, d as QuoteBundleSelectionInput, Q as QuoteCompositeSelectionInput, f as QuoteDynamicBuckets, e as QuoteStatus, g as QuoteUiMessage, R as RefreshQuoteInput, h as RefreshQuoteResult, o as SchedulingService, S as SearchOptions, u as createElements, k as generateIdempotencyKey } from './client-8SahVQEy.js';
 import './payment-CLIWNMaP.js';
 
 type Operator = "==" | "!=" | ">" | "<" | ">=" | "<=" | "contains" | "startsWith";

package/dist/advanced.js

@@ -2628,6 +2628,7 @@ var CimplifyElement = class {
     this.iframe = null;
     this.container = null;
     this.mounted = false;
+    this.pendingInit = null;
     this.eventHandlers = /* @__PURE__ */ new Map();
     this.resolvers = /* @__PURE__ */ new Map();
     this.listening = false;
@@ -2741,6 +2742,7 @@ var CimplifyElement = class {
     iframe.src = url.toString();
     iframe.style.border = "none";
     iframe.style.width = "100%";
+    iframe.style.minHeight = "200px";
     iframe.style.display = "block";
     iframe.style.overflow = "hidden";
     iframe.style.background = "transparent";
@@ -2752,23 +2754,9 @@ var CimplifyElement = class {
     );
     this.iframe = iframe;
     this.container.appendChild(iframe);
-    iframe.onload = () => {
-      const publicKey = this.parent.getPublicKey();
-      this.sendMessage({
-        type: MESSAGE_TYPES.INIT,
-        businessId: resolvedBusinessId,
-        publicKey,
-        demoMode: publicKey.length === 0,
-        prefillEmail: this.options.prefillEmail,
-        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) {
-        this.sendMessage({ type: MESSAGE_TYPES.SET_TOKEN, token });
-      }
+    this.pendingInit = {
+      businessId: resolvedBusinessId,
+      publicKey: this.parent.getPublicKey()
     };
   }
   handleMessage(event) {
@@ -2789,6 +2777,25 @@ var CimplifyElement = class {
     switch (message.type) {
       case MESSAGE_TYPES.READY:
         if (this.iframe && message.height) this.iframe.style.height = `${message.height}px`;
+        if (this.pendingInit) {
+          const { publicKey } = this.pendingInit;
+          this.sendMessage({
+            type: MESSAGE_TYPES.INIT,
+            businessId: this.pendingInit.businessId,
+            publicKey,
+            demoMode: publicKey.length === 0,
+            prefillEmail: this.options.prefillEmail,
+            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) {
+            this.sendMessage({ type: MESSAGE_TYPES.SET_TOKEN, token });
+          }
+          this.pendingInit = null;
+        }
         this.emit(EVENT_TYPES.READY, { height: message.height });
         break;
       case MESSAGE_TYPES.HEIGHT_CHANGE:

package/dist/advanced.mjs

@@ -2626,6 +2626,7 @@ var CimplifyElement = class {
     this.iframe = null;
     this.container = null;
     this.mounted = false;
+    this.pendingInit = null;
     this.eventHandlers = /* @__PURE__ */ new Map();
     this.resolvers = /* @__PURE__ */ new Map();
     this.listening = false;
@@ -2739,6 +2740,7 @@ var CimplifyElement = class {
     iframe.src = url.toString();
     iframe.style.border = "none";
     iframe.style.width = "100%";
+    iframe.style.minHeight = "200px";
     iframe.style.display = "block";
     iframe.style.overflow = "hidden";
     iframe.style.background = "transparent";
@@ -2750,23 +2752,9 @@ var CimplifyElement = class {
     );
     this.iframe = iframe;
     this.container.appendChild(iframe);
-    iframe.onload = () => {
-      const publicKey = this.parent.getPublicKey();
-      this.sendMessage({
-        type: MESSAGE_TYPES.INIT,
-        businessId: resolvedBusinessId,
-        publicKey,
-        demoMode: publicKey.length === 0,
-        prefillEmail: this.options.prefillEmail,
-        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) {
-        this.sendMessage({ type: MESSAGE_TYPES.SET_TOKEN, token });
-      }
+    this.pendingInit = {
+      businessId: resolvedBusinessId,
+      publicKey: this.parent.getPublicKey()
     };
   }
   handleMessage(event) {
@@ -2787,6 +2775,25 @@ var CimplifyElement = class {
     switch (message.type) {
       case MESSAGE_TYPES.READY:
         if (this.iframe && message.height) this.iframe.style.height = `${message.height}px`;
+        if (this.pendingInit) {
+          const { publicKey } = this.pendingInit;
+          this.sendMessage({
+            type: MESSAGE_TYPES.INIT,
+            businessId: this.pendingInit.businessId,
+            publicKey,
+            demoMode: publicKey.length === 0,
+            prefillEmail: this.options.prefillEmail,
+            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) {
+            this.sendMessage({ type: MESSAGE_TYPES.SET_TOKEN, token });
+          }
+          this.pendingInit = null;
+        }
         this.emit(EVENT_TYPES.READY, { height: message.height });
         break;
       case MESSAGE_TYPES.HEIGHT_CHANGE:

package/dist/{client-hKTJv1I1.d.ts → client-8SahVQEy.d.ts}

@@ -2184,6 +2184,7 @@ declare class CimplifyElement {
     private iframe;
     private container;
     private mounted;
+    private pendingInit;
     private eventHandlers;
     private resolvers;
     private boundHandleMessage;

package/dist/{client-DnAfLDhV.d.mts → client-iRG2DBq0.d.mts}

@@ -2184,6 +2184,7 @@ declare class CimplifyElement {
     private iframe;
     private container;
     private mounted;
+    private pendingInit;
     private eventHandlers;
     private resolvers;
     private boundHandleMessage;

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-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, cN as CheckoutCartData, cM as CheckoutCartItem, 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, cQ 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, cP 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, cO 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-DnAfLDhV.mjs';
+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, cN as CheckoutCartData, cM as CheckoutCartItem, 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, cQ 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, cP 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, cO 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-iRG2DBq0.mjs';
 export { QueryBuilder, query } from './advanced.mjs';
 import { A as ApiError } from './payment-CLIWNMaP.mjs';
 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.mjs';

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-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, cN as CheckoutCartData, cM as CheckoutCartItem, 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, cQ 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, cP 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, cO 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-hKTJv1I1.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, cN as CheckoutCartData, cM as CheckoutCartItem, 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, cQ 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, cP 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, cO 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-8SahVQEy.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

@@ -3168,6 +3168,7 @@ var CimplifyElement = class {
     this.iframe = null;
     this.container = null;
     this.mounted = false;
+    this.pendingInit = null;
     this.eventHandlers = /* @__PURE__ */ new Map();
     this.resolvers = /* @__PURE__ */ new Map();
     this.listening = false;
@@ -3281,6 +3282,7 @@ var CimplifyElement = class {
     iframe.src = url.toString();
     iframe.style.border = "none";
     iframe.style.width = "100%";
+    iframe.style.minHeight = "200px";
     iframe.style.display = "block";
     iframe.style.overflow = "hidden";
     iframe.style.background = "transparent";
@@ -3292,23 +3294,9 @@ var CimplifyElement = class {
     );
     this.iframe = iframe;
     this.container.appendChild(iframe);
-    iframe.onload = () => {
-      const publicKey = this.parent.getPublicKey();
-      this.sendMessage({
-        type: MESSAGE_TYPES.INIT,
-        businessId: resolvedBusinessId,
-        publicKey,
-        demoMode: publicKey.length === 0,
-        prefillEmail: this.options.prefillEmail,
-        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) {
-        this.sendMessage({ type: MESSAGE_TYPES.SET_TOKEN, token });
-      }
+    this.pendingInit = {
+      businessId: resolvedBusinessId,
+      publicKey: this.parent.getPublicKey()
     };
   }
   handleMessage(event) {
@@ -3329,6 +3317,25 @@ var CimplifyElement = class {
     switch (message.type) {
       case MESSAGE_TYPES.READY:
         if (this.iframe && message.height) this.iframe.style.height = `${message.height}px`;
+        if (this.pendingInit) {
+          const { publicKey } = this.pendingInit;
+          this.sendMessage({
+            type: MESSAGE_TYPES.INIT,
+            businessId: this.pendingInit.businessId,
+            publicKey,
+            demoMode: publicKey.length === 0,
+            prefillEmail: this.options.prefillEmail,
+            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) {
+            this.sendMessage({ type: MESSAGE_TYPES.SET_TOKEN, token });
+          }
+          this.pendingInit = null;
+        }
         this.emit(EVENT_TYPES.READY, { height: message.height });
         break;
       case MESSAGE_TYPES.HEIGHT_CHANGE:

package/dist/index.mjs

@@ -3166,6 +3166,7 @@ var CimplifyElement = class {
     this.iframe = null;
     this.container = null;
     this.mounted = false;
+    this.pendingInit = null;
     this.eventHandlers = /* @__PURE__ */ new Map();
     this.resolvers = /* @__PURE__ */ new Map();
     this.listening = false;
@@ -3279,6 +3280,7 @@ var CimplifyElement = class {
     iframe.src = url.toString();
     iframe.style.border = "none";
     iframe.style.width = "100%";
+    iframe.style.minHeight = "200px";
     iframe.style.display = "block";
     iframe.style.overflow = "hidden";
     iframe.style.background = "transparent";
@@ -3290,23 +3292,9 @@ var CimplifyElement = class {
     );
     this.iframe = iframe;
     this.container.appendChild(iframe);
-    iframe.onload = () => {
-      const publicKey = this.parent.getPublicKey();
-      this.sendMessage({
-        type: MESSAGE_TYPES.INIT,
-        businessId: resolvedBusinessId,
-        publicKey,
-        demoMode: publicKey.length === 0,
-        prefillEmail: this.options.prefillEmail,
-        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) {
-        this.sendMessage({ type: MESSAGE_TYPES.SET_TOKEN, token });
-      }
+    this.pendingInit = {
+      businessId: resolvedBusinessId,
+      publicKey: this.parent.getPublicKey()
     };
   }
   handleMessage(event) {
@@ -3327,6 +3315,25 @@ var CimplifyElement = class {
     switch (message.type) {
       case MESSAGE_TYPES.READY:
         if (this.iframe && message.height) this.iframe.style.height = `${message.height}px`;
+        if (this.pendingInit) {
+          const { publicKey } = this.pendingInit;
+          this.sendMessage({
+            type: MESSAGE_TYPES.INIT,
+            businessId: this.pendingInit.businessId,
+            publicKey,
+            demoMode: publicKey.length === 0,
+            prefillEmail: this.options.prefillEmail,
+            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) {
+            this.sendMessage({ type: MESSAGE_TYPES.SET_TOKEN, token });
+          }
+          this.pendingInit = null;
+        }
         this.emit(EVENT_TYPES.READY, { height: message.height });
         break;
       case MESSAGE_TYPES.HEIGHT_CHANGE:

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, cJ as AuthenticatedData, cF as AddressInfo, cG as PaymentMethodInfo, cL as ElementsCheckoutResult, W as ProcessCheckoutOptions } from './client-DnAfLDhV.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-iRG2DBq0.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, cJ as AuthenticatedData, cF as AddressInfo, cG as PaymentMethodInfo, cL as ElementsCheckoutResult, W as ProcessCheckoutOptions } from './client-hKTJv1I1.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-8SahVQEy.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';

package/dist/react.js

@@ -3346,6 +3346,7 @@ var CimplifyElement = class {
     this.iframe = null;
     this.container = null;
     this.mounted = false;
+    this.pendingInit = null;
     this.eventHandlers = /* @__PURE__ */ new Map();
     this.resolvers = /* @__PURE__ */ new Map();
     this.listening = false;
@@ -3459,6 +3460,7 @@ var CimplifyElement = class {
     iframe.src = url.toString();
     iframe.style.border = "none";
     iframe.style.width = "100%";
+    iframe.style.minHeight = "200px";
     iframe.style.display = "block";
     iframe.style.overflow = "hidden";
     iframe.style.background = "transparent";
@@ -3470,23 +3472,9 @@ var CimplifyElement = class {
     );
     this.iframe = iframe;
     this.container.appendChild(iframe);
-    iframe.onload = () => {
-      const publicKey = this.parent.getPublicKey();
-      this.sendMessage({
-        type: MESSAGE_TYPES.INIT,
-        businessId: resolvedBusinessId,
-        publicKey,
-        demoMode: publicKey.length === 0,
-        prefillEmail: this.options.prefillEmail,
-        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) {
-        this.sendMessage({ type: MESSAGE_TYPES.SET_TOKEN, token });
-      }
+    this.pendingInit = {
+      businessId: resolvedBusinessId,
+      publicKey: this.parent.getPublicKey()
     };
   }
   handleMessage(event) {
@@ -3507,6 +3495,25 @@ var CimplifyElement = class {
     switch (message.type) {
       case MESSAGE_TYPES.READY:
         if (this.iframe && message.height) this.iframe.style.height = `${message.height}px`;
+        if (this.pendingInit) {
+          const { publicKey } = this.pendingInit;
+          this.sendMessage({
+            type: MESSAGE_TYPES.INIT,
+            businessId: this.pendingInit.businessId,
+            publicKey,
+            demoMode: publicKey.length === 0,
+            prefillEmail: this.options.prefillEmail,
+            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) {
+            this.sendMessage({ type: MESSAGE_TYPES.SET_TOKEN, token });
+          }
+          this.pendingInit = null;
+        }
         this.emit(EVENT_TYPES.READY, { height: message.height });
         break;
       case MESSAGE_TYPES.HEIGHT_CHANGE:

package/dist/react.mjs

@@ -3340,6 +3340,7 @@ var CimplifyElement = class {
     this.iframe = null;
     this.container = null;
     this.mounted = false;
+    this.pendingInit = null;
     this.eventHandlers = /* @__PURE__ */ new Map();
     this.resolvers = /* @__PURE__ */ new Map();
     this.listening = false;
@@ -3453,6 +3454,7 @@ var CimplifyElement = class {
     iframe.src = url.toString();
     iframe.style.border = "none";
     iframe.style.width = "100%";
+    iframe.style.minHeight = "200px";
     iframe.style.display = "block";
     iframe.style.overflow = "hidden";
     iframe.style.background = "transparent";
@@ -3464,23 +3466,9 @@ var CimplifyElement = class {
     );
     this.iframe = iframe;
     this.container.appendChild(iframe);
-    iframe.onload = () => {
-      const publicKey = this.parent.getPublicKey();
-      this.sendMessage({
-        type: MESSAGE_TYPES.INIT,
-        businessId: resolvedBusinessId,
-        publicKey,
-        demoMode: publicKey.length === 0,
-        prefillEmail: this.options.prefillEmail,
-        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) {
-        this.sendMessage({ type: MESSAGE_TYPES.SET_TOKEN, token });
-      }
+    this.pendingInit = {
+      businessId: resolvedBusinessId,
+      publicKey: this.parent.getPublicKey()
     };
   }
   handleMessage(event) {
@@ -3501,6 +3489,25 @@ var CimplifyElement = class {
     switch (message.type) {
       case MESSAGE_TYPES.READY:
         if (this.iframe && message.height) this.iframe.style.height = `${message.height}px`;
+        if (this.pendingInit) {
+          const { publicKey } = this.pendingInit;
+          this.sendMessage({
+            type: MESSAGE_TYPES.INIT,
+            businessId: this.pendingInit.businessId,
+            publicKey,
+            demoMode: publicKey.length === 0,
+            prefillEmail: this.options.prefillEmail,
+            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) {
+            this.sendMessage({ type: MESSAGE_TYPES.SET_TOKEN, token });
+          }
+          this.pendingInit = null;
+        }
         this.emit(EVENT_TYPES.READY, { height: message.height });
         break;
       case MESSAGE_TYPES.HEIGHT_CHANGE:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cimplify/sdk",
-  "version": "0.8.3",
+  "version": "0.8.5",
   "description": "Cimplify Commerce SDK for storefronts",
   "keywords": [
     "cimplify",