@cimplify/sdk 0.57.0 → 0.59.0

package/dist/{chunk-JYPLT56O.js → chunk-3QPO2UK5.js}

@@ -1,5 +1,44 @@
 'use strict';
 
+var chunkLA2T2TPA_js = require('./chunk-LA2T2TPA.js');
+
+// src/gallery.ts
+function dedupe(urls) {
+  const seen = /* @__PURE__ */ new Set();
+  const out = [];
+  for (const url of urls) {
+    if (url && !seen.has(url)) {
+      seen.add(url);
+      out.push(url);
+    }
+  }
+  return out;
+}
+function resolveGallery(product, selectedVariantId) {
+  const variant = selectedVariantId ? product.variants?.find((v) => v.id === selectedVariantId) : void 0;
+  if (variant?.images?.length) return dedupe(variant.images);
+  if (product.images?.length) return dedupe(product.images);
+  const firstWithImages = product.variants?.find((v) => v.images?.length);
+  if (firstWithImages?.images?.length) return dedupe(firstWithImages.images);
+  return product.image_url ? [product.image_url] : [];
+}
+function allGalleryImages(product) {
+  const seen = /* @__PURE__ */ new Set();
+  const out = [];
+  const push = (url, variantId) => {
+    if (url && !seen.has(url)) {
+      seen.add(url);
+      out.push({ url, variantId });
+    }
+  };
+  push(product.image_url, null);
+  for (const url of product.images ?? []) push(url, null);
+  for (const variant of product.variants ?? []) {
+    for (const url of variant.images ?? []) push(url, variant.id);
+  }
+  return out;
+}
+
 // src/utils/variant.ts
 function stripProductPrefix(variantName, productName) {
   if (!variantName || !productName) return variantName || productName;
@@ -118,20 +157,17 @@ function openModalIframe(opts) {
   });
   const card = document.createElement("div");
   Object.assign(card.style, {
-    width: `${opts.width ?? 440}px`,
+    width: `${opts.width ?? 480}px`,
     maxWidth: "calc(100vw - 24px)",
-    height: `${opts.height ?? 620}px`,
-    maxHeight: "calc(100vh - 48px)",
-    background: "#fff",
-    borderRadius: "14px",
-    overflow: "hidden",
-    boxShadow: "0 24px 64px rgba(0,0,0,0.25)"
+    height: `${opts.height ?? 720}px`,
+    maxHeight: "calc(100vh - 32px)"
   });
   const iframe = document.createElement("iframe");
   iframe.src = opts.src;
   iframe.style.width = "100%";
   iframe.style.height = "100%";
   iframe.style.border = "none";
+  iframe.style.background = "transparent";
   iframe.setAttribute(
     "sandbox",
     opts.sandbox ?? "allow-scripts allow-same-origin allow-forms allow-popups"
@@ -163,6 +199,10 @@ async function startSignIn(opts) {
   const callbackUri = opts.callbackUri ?? "/auth/callback";
   const pkce = await generatePkce();
   const state = generateState();
+  if ((opts.mode ?? "redirect") === "redirect") {
+    startRedirectSignIn(opts, authUrl, pkce, state);
+    return;
+  }
   const params = new URLSearchParams({
     response_type: "code",
     response_mode: "web_message",
@@ -221,6 +261,25 @@ async function startSignIn(opts) {
   };
   window.addEventListener("message", handler);
 }
+function startRedirectSignIn(opts, authUrl, pkce, state) {
+  const returnTo = opts.returnTo ?? window.location.pathname + window.location.search;
+  const cookieValue = chunkLA2T2TPA_js.encodePkceState({ verifier: pkce.verifier, state, returnTo });
+  const secure = window.location.protocol === "https:" ? "; Secure" : "";
+  document.cookie = `${chunkLA2T2TPA_js.PKCE_COOKIE}=${cookieValue}; Path=${chunkLA2T2TPA_js.PKCE_COOKIE_PATH}; Max-Age=${chunkLA2T2TPA_js.PKCE_COOKIE_MAX_AGE_SECONDS}; SameSite=Lax${secure}`;
+  const params = new URLSearchParams({
+    response_type: "code",
+    response_mode: "query",
+    client_id: opts.clientId,
+    redirect_uri: opts.redirectUri,
+    scope: opts.scope ?? DEFAULT_SCOPE,
+    state,
+    code_challenge: pkce.challenge,
+    code_challenge_method: pkce.method
+  });
+  if (opts.loginHint) params.set("login_hint", opts.loginHint);
+  if (opts.prompt) params.set("prompt", opts.prompt);
+  window.location.assign(`${authUrl}/oauth/authorize?${params.toString()}`);
+}
 
 // src/assets/url.ts
 var DEFAULT_CDN_BASE_URL = "https://storefrontassetscdn.cimplify.io";
@@ -264,9 +323,11 @@ exports.DURATION_UNIT = DURATION_UNIT;
 exports.INPUT_FIELD_TYPE = INPUT_FIELD_TYPE;
 exports.PRODUCT_TYPE = PRODUCT_TYPE;
 exports.RENDER_HINT = RENDER_HINT;
+exports.allGalleryImages = allGalleryImages;
 exports.assetUrl = assetUrl;
 exports.generatePkce = generatePkce;
 exports.generateState = generateState;
 exports.getVariantDisplayName = getVariantDisplayName;
 exports.isCimplifyAsset = isCimplifyAsset;
+exports.resolveGallery = resolveGallery;
 exports.startSignIn = startSignIn;

package/dist/chunk-LA2T2TPA.js

@@ -0,0 +1,25 @@
+'use strict';
+
+// src/internal/pkce-cookie.ts
+var PKCE_COOKIE = "cimplify_pkce";
+var PKCE_COOKIE_PATH = "/auth";
+var PKCE_COOKIE_MAX_AGE_SECONDS = 600;
+function encodePkceState(state) {
+  return encodeURIComponent(JSON.stringify(state));
+}
+function decodePkceState(raw) {
+  try {
+    const parsed = JSON.parse(decodeURIComponent(raw));
+    if (typeof parsed?.verifier === "string" && typeof parsed.state === "string" && typeof parsed.returnTo === "string") {
+      return { verifier: parsed.verifier, state: parsed.state, returnTo: parsed.returnTo };
+    }
+  } catch {
+  }
+  return null;
+}
+
+exports.PKCE_COOKIE = PKCE_COOKIE;
+exports.PKCE_COOKIE_MAX_AGE_SECONDS = PKCE_COOKIE_MAX_AGE_SECONDS;
+exports.PKCE_COOKIE_PATH = PKCE_COOKIE_PATH;
+exports.decodePkceState = decodePkceState;
+exports.encodePkceState = encodePkceState;

package/dist/{chunk-XYI4NXWG.mjs → chunk-TGAROSXB.mjs}

@@ -1,3 +1,42 @@
+import { encodePkceState, PKCE_COOKIE, PKCE_COOKIE_PATH, PKCE_COOKIE_MAX_AGE_SECONDS } from './chunk-ZKTXRWP6.mjs';
+
+// src/gallery.ts
+function dedupe(urls) {
+  const seen = /* @__PURE__ */ new Set();
+  const out = [];
+  for (const url of urls) {
+    if (url && !seen.has(url)) {
+      seen.add(url);
+      out.push(url);
+    }
+  }
+  return out;
+}
+function resolveGallery(product, selectedVariantId) {
+  const variant = selectedVariantId ? product.variants?.find((v) => v.id === selectedVariantId) : void 0;
+  if (variant?.images?.length) return dedupe(variant.images);
+  if (product.images?.length) return dedupe(product.images);
+  const firstWithImages = product.variants?.find((v) => v.images?.length);
+  if (firstWithImages?.images?.length) return dedupe(firstWithImages.images);
+  return product.image_url ? [product.image_url] : [];
+}
+function allGalleryImages(product) {
+  const seen = /* @__PURE__ */ new Set();
+  const out = [];
+  const push = (url, variantId) => {
+    if (url && !seen.has(url)) {
+      seen.add(url);
+      out.push({ url, variantId });
+    }
+  };
+  push(product.image_url, null);
+  for (const url of product.images ?? []) push(url, null);
+  for (const variant of product.variants ?? []) {
+    for (const url of variant.images ?? []) push(url, variant.id);
+  }
+  return out;
+}
+
 // src/utils/variant.ts
 function stripProductPrefix(variantName, productName) {
   if (!variantName || !productName) return variantName || productName;
@@ -116,20 +155,17 @@ function openModalIframe(opts) {
   });
   const card = document.createElement("div");
   Object.assign(card.style, {
-    width: `${opts.width ?? 440}px`,
+    width: `${opts.width ?? 480}px`,
     maxWidth: "calc(100vw - 24px)",
-    height: `${opts.height ?? 620}px`,
-    maxHeight: "calc(100vh - 48px)",
-    background: "#fff",
-    borderRadius: "14px",
-    overflow: "hidden",
-    boxShadow: "0 24px 64px rgba(0,0,0,0.25)"
+    height: `${opts.height ?? 720}px`,
+    maxHeight: "calc(100vh - 32px)"
   });
   const iframe = document.createElement("iframe");
   iframe.src = opts.src;
   iframe.style.width = "100%";
   iframe.style.height = "100%";
   iframe.style.border = "none";
+  iframe.style.background = "transparent";
   iframe.setAttribute(
     "sandbox",
     opts.sandbox ?? "allow-scripts allow-same-origin allow-forms allow-popups"
@@ -161,6 +197,10 @@ async function startSignIn(opts) {
   const callbackUri = opts.callbackUri ?? "/auth/callback";
   const pkce = await generatePkce();
   const state = generateState();
+  if ((opts.mode ?? "redirect") === "redirect") {
+    startRedirectSignIn(opts, authUrl, pkce, state);
+    return;
+  }
   const params = new URLSearchParams({
     response_type: "code",
     response_mode: "web_message",
@@ -219,6 +259,25 @@ async function startSignIn(opts) {
   };
   window.addEventListener("message", handler);
 }
+function startRedirectSignIn(opts, authUrl, pkce, state) {
+  const returnTo = opts.returnTo ?? window.location.pathname + window.location.search;
+  const cookieValue = encodePkceState({ verifier: pkce.verifier, state, returnTo });
+  const secure = window.location.protocol === "https:" ? "; Secure" : "";
+  document.cookie = `${PKCE_COOKIE}=${cookieValue}; Path=${PKCE_COOKIE_PATH}; Max-Age=${PKCE_COOKIE_MAX_AGE_SECONDS}; SameSite=Lax${secure}`;
+  const params = new URLSearchParams({
+    response_type: "code",
+    response_mode: "query",
+    client_id: opts.clientId,
+    redirect_uri: opts.redirectUri,
+    scope: opts.scope ?? DEFAULT_SCOPE,
+    state,
+    code_challenge: pkce.challenge,
+    code_challenge_method: pkce.method
+  });
+  if (opts.loginHint) params.set("login_hint", opts.loginHint);
+  if (opts.prompt) params.set("prompt", opts.prompt);
+  window.location.assign(`${authUrl}/oauth/authorize?${params.toString()}`);
+}
 
 // src/assets/url.ts
 var DEFAULT_CDN_BASE_URL = "https://storefrontassetscdn.cimplify.io";
@@ -256,4 +315,4 @@ function appendTransform(url, t) {
   return `${url}${url.includes("?") ? "&" : "?"}${query}`;
 }
 
-export { CIMPLIFY_CDN_HOSTS, DEFAULT_CDN_BASE_URL, DURATION_UNIT, INPUT_FIELD_TYPE, PRODUCT_TYPE, RENDER_HINT, assetUrl, generatePkce, generateState, getVariantDisplayName, isCimplifyAsset, startSignIn };
+export { CIMPLIFY_CDN_HOSTS, DEFAULT_CDN_BASE_URL, DURATION_UNIT, INPUT_FIELD_TYPE, PRODUCT_TYPE, RENDER_HINT, allGalleryImages, assetUrl, generatePkce, generateState, getVariantDisplayName, isCimplifyAsset, resolveGallery, startSignIn };

package/dist/chunk-ZKTXRWP6.mjs

@@ -0,0 +1,19 @@
+// src/internal/pkce-cookie.ts
+var PKCE_COOKIE = "cimplify_pkce";
+var PKCE_COOKIE_PATH = "/auth";
+var PKCE_COOKIE_MAX_AGE_SECONDS = 600;
+function encodePkceState(state) {
+  return encodeURIComponent(JSON.stringify(state));
+}
+function decodePkceState(raw) {
+  try {
+    const parsed = JSON.parse(decodeURIComponent(raw));
+    if (typeof parsed?.verifier === "string" && typeof parsed.state === "string" && typeof parsed.returnTo === "string") {
+      return { verifier: parsed.verifier, state: parsed.state, returnTo: parsed.returnTo };
+    }
+  } catch {
+  }
+  return null;
+}
+
+export { PKCE_COOKIE, PKCE_COOKIE_MAX_AGE_SECONDS, PKCE_COOKIE_PATH, decodePkceState, encodePkceState };

package/dist/index.d.mts

@@ -1,13 +1,36 @@
 export { A as AUTHORIZATION_TYPE, a as AUTH_MUTATION, b as AbortablePromise, c as ActivityRecommendation, d as ActivityRecommendationsResponse, e as ActivityService, f as ActivityStateResponse, g as AddressData, h as AddressInfo, i as AmountToPay, j as AuthResponse, k as AuthService, l as AuthStatus, m as AuthenticatedCustomer, n as AuthenticatedData, o as AutocompletePrediction, p as AutocompleteResponse, q as AvailabilityResult, r as AvailableSlot, B as Booking, s as BookingModificationType, t as BookingStatus, u as BookingWithDetails, v as BufferTimes, w as Business, x as BusinessHours, y as BusinessPreferences, z as BusinessService, C as BusinessSettings, D as BusinessType, E as BusinessWithLocations, F as CHECKOUT_MODE, G as CHECKOUT_MUTATION, H as CHECKOUT_STEP, I as CONTACT_TYPE, J as CacheOptions, K as CancelBookingInput, L as CancelBookingResult, M as CancelOrderInput, N as CancellationPolicy, O as CartOperations, P as CatalogueQueries, Q as CatalogueResult, R as CatalogueSnapshot, S as CategoryInfo, T as ChatAttachment, U as ChatConversation, V as ChatConversationResponse, W as ChatMessage, X as ChatWidgetStarter, Y as CheckSlotAvailabilityInput, Z as CheckSlotAvailabilityResult, _ as CheckoutAddressInfo, $ as CheckoutCartData, a0 as CheckoutCartItem, a1 as CheckoutCustomerInfo, a2 as CheckoutFormData, a3 as CheckoutInput, a4 as CheckoutMode, a8 as CheckoutOperations, a5 as CheckoutOrderType, a6 as CheckoutPaymentMethod, a7 as CheckoutResult, a8 as CheckoutService, a9 as CheckoutStatus, aa as CheckoutStatusContext, ab as CheckoutStep, ac as CimplifyClient, ad as CimplifyConfig, ae as CimplifyElement, af as CimplifyElements, ag as ContactType, ah as ContentType, ai as CreateAddressInput, aj as CreateMobileMoneyInput, ak as Customer, al as CustomerAddress, am as CustomerBooking, an as CustomerBookingServiceItem, ao as CustomerLinkPreferences, ap as CustomerMobileMoney, aq as CustomerServicePreferences, ar as DEFAULT_COUNTRY, as as DEFAULT_CURRENCY, at as DEVICE_TYPE, au as DayAvailability, av as DeliveryFeeDetails, aw as DeliveryFeeResponse, ax as DeliveryService, ay as DepositResult, az as DeviceType, aA as DismissMessageResponse, aB as ELEMENT_TYPES, aC as EVENT_TYPES, aD as ElementAppearance, aE as ElementEventHandler, aF as ElementEventType, aG as ElementOptions, aH as ElementType, aI as ElementsCheckoutData, aJ as ElementsCheckoutResult, aK as ElementsCustomerInfo, aL as ElementsOptions, aM as EnrollAndLinkOrderInput, aN as EnrollAndLinkOrderResult, aO as EnrollmentData, aP as Err, aQ as FeeBearerType, aR as FetchQuoteInput, aS as FulfillmentLink, aT as FulfillmentStatus, aU as FulfillmentType, aV as FxQuote, aW as FxQuoteRequest, aX as FxRateResponse, aY as FxService, aZ as GetAvailableSlotsInput, a_ as GetOrdersOptions, a$ as GetProductsOptions, b0 as IframeToParentMessage, b1 as InventoryService, b2 as LINK_MUTATION, b3 as LINK_QUERY, b4 as LineItem, b5 as LineType, b6 as LinkData, b7 as LinkEnrollResult, b8 as LinkService, b9 as LinkSession, ba as LinkStatusResult, bb as LiteBootstrap, bc as LiteService, bd as Location, be as LocationBooking, bf as LocationTaxBehavior, bg as LocationTaxOverrides, bh as LocationTimeProfile, bi as LocationWithDetails, bj as MESSAGE_TYPES, bk as MOBILE_MONEY_PROVIDER, bl as MobileMoneyData, bm as MobileMoneyDetails, bn as MobileMoneyProvider, bo as NextAction, bp as ORDER_MUTATION, bq as ORDER_TYPE, br as ObservabilityHooks, bs as Ok, bt as Order, bu as OrderChannel, bv as OrderFilter, bw as OrderFulfillmentSummary, bx as OrderGroup, by as OrderGroupDetails, bz as OrderGroupPayment, bA as OrderGroupPaymentState, bB as OrderGroupPaymentStatus, bC as OrderGroupPaymentSummary, bD as OrderGroupStatus, bE as OrderHistory, bF as OrderLineState, bG as OrderLineStatus, bH as OrderPaymentEvent, bI as OrderQueries, bJ as OrderSplitDetail, bK as OrderStatus, bL as OrderType, bM as OtpResult, bN as PAYMENT_METHOD, bO as PAYMENT_MUTATION, bP as PAYMENT_STATE, bQ as PICKUP_TIME_TYPE, bR as ParentToIframeMessage, bS as PaymentMethodInfo, bT as PaymentState, bU as PickupTime, bV as PickupTimeType, bW as PlaceDetailsResponse, bX as PlacesService, bY as PriceQuote, bZ as PricingOverrides, b_ as ProcessAndResolveOptions, b$ as ProcessCheckoutOptions, c0 as ProcessCheckoutResult, c1 as ProviderResolutionSource, c2 as QuoteBundleSelectionInput, c3 as QuoteCompositeSelectionInput, c4 as QuoteDynamicBuckets, c5 as QuoteStatus, c6 as QuoteUiMessage, c7 as ReadRequestOptions, c8 as RefreshQuoteInput, c9 as RefreshQuoteResult, ca as RefundOrderInput, cb as RelatedCandidate, cc as RelatedProduct, cd as RelatedProductsEnrichment, ce as RelationType, cf as ReminderMethod, cg as ReminderSettings, ch as ReorderResult, ci as RequestContext, cj as RequestErrorEvent, ck as RequestOptions, cl as RequestOtpInput, cm as RequestSource, cn as RequestStartEvent, co as RequestSuccessEvent, cp as RescheduleBookingInput, cq as RescheduleBookingResult, cr as RescheduleHistoryRecord, cs as ResourceAssignment, ct as Result, cu as RetryEvent, cv as RevokeAllSessionsResult, cw as RevokeSessionResult, cx as Room, cy as SchedulingMetadata, cz as SchedulingResult, cA as SchedulingService, cB as SenderType, cC as Service, cD as ServiceAvailabilityParams, cE as ServiceAvailabilityResult, cF as ServiceCharge, cG as ServiceNotes, cH as ServiceScheduleRequest, cI as ServiceStatus, cJ as SessionActivityData, cK as SessionChangeEvent, cL as SessionMessage, cM as SlotResourceInfo, cN as SlotStaffInfo, cO as Staff, cP as StaffAssignment, cQ as StaffRole, cR as StaffScheduleItem, cS as StockLevel, cT as StockStatus, cU as StorefrontBootstrap, cV as SubscriptionService, cW as SupportService, cX as Table, cY as TableInfo, cZ as TimeRange, c_ as TimeRanges, c$ as TimeSlot, d0 as TrackCategoryViewOptions, d1 as TrackProductViewOptions, d2 as UpdateAddressInput, d3 as UpdateOrderStatusInput, d4 as UpdateProfileInput, d5 as UploadInitResponse, d6 as UploadResult, d7 as UploadService, d8 as VerifyOtpInput, d9 as combine, da as combineObject, db as createCimplifyClient, dc as createElements, dd as err, de as flatMap, df as fromPromise, dg as getOrElse, dh as isErr, di as isOk, dj as mapError, dk as mapResult, dl as ok, dm as toNullable, dn as tryCatch, dp as unwrap } from './client-DKg-5OWu.mjs';
-import { j as ApiError } from './product-B_kS4Oxa.mjs';
-export { A as AddOn, a as AddOnDetails, b as AddOnGroupDetails, c as AddOnOption, d as AddOnOptionDetails, e as AddOnOptionPrice, f as AddOnWithOptions, g as AddToCartInput, h as AddressValue, i as AdjustmentType, k as AppliedDiscount, l as AttributeAppliesTo, m as AttributeType, n as AttributeValidationRules, o as AttributeVisibility, B as BenefitType, p as BillingFrequency, q as BillingMarkupType, r as BillingPlanType, s as Bundle, t as BundleComponentData, u as BundleComponentInfo, v as BundleComponentVariantView, w as BundleComponentView, x as BundlePriceType, y as BundleProduct, z as BundleSelectionData, C as BundleSelectionInput, D as BundleStoredSelection, E as BundleSummary, F as BundleWithDetails, G as Cart, H as CartAddOn, I as CartChannel, J as CartItem, K as CartItemDetails, L as CartMutationResult, M as CartNotice, N as CartStatus, O as CartSummary, P as CartTotals, Q as Category, R as CategorySummary, S as ChosenPrice, T as CimplifyError, U as Collection, V as CollectionProduct, W as CollectionSummary, X as ComponentGroup, Y as ComponentGroupWithComponents, Z as ComponentPriceBreakdown, _ as ComponentSchedulingData, $ as ComponentSelectionInput, a0 as ComponentSourceType, a1 as Composite, a2 as CompositeComponent, a3 as CompositeComponentView, a4 as CompositeGroupView, a5 as CompositePriceBreakdown, a6 as CompositePriceResult, a7 as CompositePricingMode, a8 as CompositeSelectionData, $ as CompositeSelectionInput, a9 as CompositeStoredSelection, aa as CompositeWithDetails, ab as CurrencyCode, ac as CustomAttributeDefinition, ad as CustomAttributeValue, ae as CustomerInputValue, af as DURATION_UNIT, ag as DateRangeValue, ah as Deal, ai as DealBenefitType, aj as DepositType, ak as DigitalProductType, al as DiscountBreakdown, am as DiscountDetails, an as DiscountValidation, ao as DisplayAddOn, ap as DisplayAddOnOption, aq as DisplayCart, ar as DisplayCartItem, as as DisplayMode, at as DurationUnit, au as ERROR_HINTS, av as EligiblePlansQuery, aw as ErrorCode, ax as ErrorCodeType, ay as ErrorHint, az as FacetValue, aA as FormattedPlanOption, aB as GroupPricingBehavior, aC as INPUT_FIELD_TYPE, aD as IdempotencyMismatchError, aE as InputFieldType, aF as InputFieldValidation, aG as InventoryType, aH as KnowledgeArticle, aI as LineConfiguration, aJ as LocationProductPrice, aK as LocationValue, aL as MeasurementValue, aM as Money, aN as PRODUCT_TYPE, aO as Pagination, aP as PaginationParams, aQ as PhoneValue, aR as Price, aS as PriceAdjustment, aT as PriceDecisionPath, aU as PriceEntryType, aV as PricePathTaxInfo, aW as PriceSource, aX as Product, aY as ProductAddOn, aZ as ProductAvailability, a_ as ProductAvailabilityNow, a$ as ProductBillingPlan, b0 as ProductDealInfo, b1 as ProductInputField, b2 as ProductProperty, b3 as ProductRenderHint, b4 as ProductTaxonomy, b5 as ProductTimeProfile, b6 as ProductType, b7 as ProductVariant, b8 as ProductVariantValue, b9 as ProductWithDetails, ba as PropertyFacet, bb as PropertySource, bc as QuantityPricingTier, bd as RENDER_HINT, be as RelatedProductView, bf as SalesChannel, bg as SchedulingMode, bh as SelectedAddOnOption, bi as SemanticKind, bj as SignatureValue, bk as Subscription, bl as SubscriptionInvoice, bm as SubscriptionItem, bn as SubscriptionStatus, bo as SubscriptionWithDetails, bp as Tag, bq as TagsResponse, br as TaxPathComponent, bs as TaxonomyAttributeTemplate, bt as TaxonomyWithChildren, bu as UICart, bv as UICartBusiness, bw as UICartCustomer, bx as UICartLocation, by as UICartPricing, bz as UpdateCartItemInput, bA as VariantAxis, bB as VariantAxisSelection, bC as VariantAxisValue, bD as VariantAxisValueView, bE as VariantAxisView, bF as VariantAxisWithValues, bG as VariantDetails, bH as VariantDetailsDTO, bI as VariantDisplayAttribute, bJ as VariantLocationAvailability, bK as VariantStrategy, bL as VariantView, bM as ZERO, bN as currencyCode, bO as enrichError, bP as getErrorHint, bQ as isCimplifyError, bR as isIdempotencyMismatchError, bS as isQuoteConflictRequiringConsent, bT as isQuoteError, bU as isRetryableError, bV as isSupportedCurrency, bW as money, bX as moneyFromNumber } from './product-B_kS4Oxa.mjs';
+import { b9 as ProductWithDetails, j as ApiError } from './product-B_kS4Oxa.mjs';
+export { A as AddOn, a as AddOnDetails, b as AddOnGroupDetails, c as AddOnOption, d as AddOnOptionDetails, e as AddOnOptionPrice, f as AddOnWithOptions, g as AddToCartInput, h as AddressValue, i as AdjustmentType, k as AppliedDiscount, l as AttributeAppliesTo, m as AttributeType, n as AttributeValidationRules, o as AttributeVisibility, B as BenefitType, p as BillingFrequency, q as BillingMarkupType, r as BillingPlanType, s as Bundle, t as BundleComponentData, u as BundleComponentInfo, v as BundleComponentVariantView, w as BundleComponentView, x as BundlePriceType, y as BundleProduct, z as BundleSelectionData, C as BundleSelectionInput, D as BundleStoredSelection, E as BundleSummary, F as BundleWithDetails, G as Cart, H as CartAddOn, I as CartChannel, J as CartItem, K as CartItemDetails, L as CartMutationResult, M as CartNotice, N as CartStatus, O as CartSummary, P as CartTotals, Q as Category, R as CategorySummary, S as ChosenPrice, T as CimplifyError, U as Collection, V as CollectionProduct, W as CollectionSummary, X as ComponentGroup, Y as ComponentGroupWithComponents, Z as ComponentPriceBreakdown, _ as ComponentSchedulingData, $ as ComponentSelectionInput, a0 as ComponentSourceType, a1 as Composite, a2 as CompositeComponent, a3 as CompositeComponentView, a4 as CompositeGroupView, a5 as CompositePriceBreakdown, a6 as CompositePriceResult, a7 as CompositePricingMode, a8 as CompositeSelectionData, $ as CompositeSelectionInput, a9 as CompositeStoredSelection, aa as CompositeWithDetails, ab as CurrencyCode, ac as CustomAttributeDefinition, ad as CustomAttributeValue, ae as CustomerInputValue, af as DURATION_UNIT, ag as DateRangeValue, ah as Deal, ai as DealBenefitType, aj as DepositType, ak as DigitalProductType, al as DiscountBreakdown, am as DiscountDetails, an as DiscountValidation, ao as DisplayAddOn, ap as DisplayAddOnOption, aq as DisplayCart, ar as DisplayCartItem, as as DisplayMode, at as DurationUnit, au as ERROR_HINTS, av as EligiblePlansQuery, aw as ErrorCode, ax as ErrorCodeType, ay as ErrorHint, az as FacetValue, aA as FormattedPlanOption, aB as GroupPricingBehavior, aC as INPUT_FIELD_TYPE, aD as IdempotencyMismatchError, aE as InputFieldType, aF as InputFieldValidation, aG as InventoryType, aH as KnowledgeArticle, aI as LineConfiguration, aJ as LocationProductPrice, aK as LocationValue, aL as MeasurementValue, aM as Money, aN as PRODUCT_TYPE, aO as Pagination, aP as PaginationParams, aQ as PhoneValue, aR as Price, aS as PriceAdjustment, aT as PriceDecisionPath, aU as PriceEntryType, aV as PricePathTaxInfo, aW as PriceSource, aX as Product, aY as ProductAddOn, aZ as ProductAvailability, a_ as ProductAvailabilityNow, a$ as ProductBillingPlan, b0 as ProductDealInfo, b1 as ProductInputField, b2 as ProductProperty, b3 as ProductRenderHint, b4 as ProductTaxonomy, b5 as ProductTimeProfile, b6 as ProductType, b7 as ProductVariant, b8 as ProductVariantValue, ba as PropertyFacet, bb as PropertySource, bc as QuantityPricingTier, bd as RENDER_HINT, be as RelatedProductView, bf as SalesChannel, bg as SchedulingMode, bh as SelectedAddOnOption, bi as SemanticKind, bj as SignatureValue, bk as Subscription, bl as SubscriptionInvoice, bm as SubscriptionItem, bn as SubscriptionStatus, bo as SubscriptionWithDetails, bp as Tag, bq as TagsResponse, br as TaxPathComponent, bs as TaxonomyAttributeTemplate, bt as TaxonomyWithChildren, bu as UICart, bv as UICartBusiness, bw as UICartCustomer, bx as UICartLocation, by as UICartPricing, bz as UpdateCartItemInput, bA as VariantAxis, bB as VariantAxisSelection, bC as VariantAxisValue, bD as VariantAxisValueView, bE as VariantAxisView, bF as VariantAxisWithValues, bG as VariantDetails, bH as VariantDetailsDTO, bI as VariantDisplayAttribute, bJ as VariantLocationAvailability, bK as VariantStrategy, bL as VariantView, bM as ZERO, bN as currencyCode, bO as enrichError, bP as getErrorHint, bQ as isCimplifyError, bR as isIdempotencyMismatchError, bS as isQuoteConflictRequiringConsent, bT as isQuoteError, bU as isRetryableError, bV as isSupportedCurrency, bW as money, bX as moneyFromNumber } from './product-B_kS4Oxa.mjs';
 export { C as CURRENCY_SYMBOLS, M as MOBILE_MONEY_PROVIDERS, c as categorizePaymentError, d as detectMobileMoneyProvider, f as formatMoney, a as formatNumberCompact, b as formatPrice, e as formatPriceAdjustment, g as formatPriceCompact, h as formatPriceRange, i as formatPriceWithTax, j as formatProductPrice, k as getBasePrice, l as getCurrencySymbol, m as getDiscountPercentage, n as getDisplayPrice, o as getMarkupPercentage, p as getPriceRange, q as getProductCurrency, r as getTaxAmount, s as getUnitPriceAtQuantity, t as hasTaxInfo, u as isOnSale, v as isPaymentStatusFailure, w as isPaymentStatusRequiresAction, x as isPaymentStatusSuccess, y as isTaxInclusive, z as isValidPhoneForContext, A as normalizePaymentResponse, B as normalizePhoneToE164, D as normalizeStatusResponse, E as parsePrice, F as resolvePhoneCountryCode } from './index-D8vnKlOQ.mjs';
-export { A as AdConfig, a as AdContextValue, b as AdCreative, c as AdPosition, d as AdSlot, e as AdTheme, S as SignInOptions, g as getVariantDisplayName, s as startSignIn } from './sign-in-TL01-awQ.mjs';
+export { A as AdConfig, a as AdContextValue, b as AdCreative, c as AdPosition, d as AdSlot, e as AdTheme, S as SignInOptions, g as getVariantDisplayName, s as startSignIn } from './sign-in-CZ2ioBAP.mjs';
 export { A as AddressAuthorizationData, a as AuthorizationType, I as InitializePaymentResult, P as Payment, b as PaymentErrorDetails, c as PaymentMethod, d as PaymentMethodType, e as PaymentProcessingState, f as PaymentProvider, g as PaymentResponse, h as PaymentStatus, i as PaymentStatusResponse, S as SubmitAuthorizationInput } from './payment-DVS7ZUEp.mjs';
 export { F as FormatCompactOptions, a as FormatPriceOptions, P as ProductWithPrice } from './price-Cm0tU0V5.mjs';
 export { generateIdempotencyKey } from './advanced.mjs';
 import 'libphonenumber-js';
 
+interface GalleryImage {
+    url: string;
+    /** null = product-level image; otherwise the variant it belongs to. */
+    variantId: string | null;
+}
+type GalleryProduct = Pick<ProductWithDetails, "image_url" | "images" | "variants">;
+/**
+ * The gallery to show for a product, optionally scoped to a selected variant.
+ *
+ * Resolution order (replace-on-select):
+ *  1. Selected variant's own photos, if it has any.
+ *  2. Product-level gallery (`images`, which already includes `image_url`).
+ *  3. First variant with photos — covers the fashion case where the product
+ *     row has no images and every photo lives on a variant.
+ *  4. The primary `image_url` alone.
+ */
+declare function resolveGallery(product: GalleryProduct, selectedVariantId?: string): string[];
+/**
+ * Every image across the product and all its variants, deduped by URL and
+ * tagged with provenance. Use for a "view all photos" lightbox.
+ */
+declare function allGalleryImages(product: GalleryProduct): GalleryImage[];
+
 interface CustomerGroup {
     id: string;
     business_id: string;
@@ -95,4 +118,4 @@ interface AssetUrlOptions extends AssetTransform {
 declare function assetUrl(path: string, opts?: AssetUrlOptions): string;
 declare function isCimplifyAsset(src: string, base?: string): boolean;
 
-export { ApiError, type ApiResponse, type AssetTransform, type AssetUrlOptions, CIMPLIFY_CDN_HOSTS, type CustomerGroup, type CustomerPricingInfo, DEFAULT_CDN_BASE_URL, type FrontendContext, type MutationRequest, type PriceListItem, type QuantityBreak, type QueryRequest, type ResolvedQuantityBreak, type ResponseMetadata, type SilentSignInOptions, type SilentSignInResult, assetUrl, isCimplifyAsset, signInSilent };
+export { ApiError, type ApiResponse, type AssetTransform, type AssetUrlOptions, CIMPLIFY_CDN_HOSTS, type CustomerGroup, type CustomerPricingInfo, DEFAULT_CDN_BASE_URL, type FrontendContext, type GalleryImage, type MutationRequest, type PriceListItem, ProductWithDetails, type QuantityBreak, type QueryRequest, type ResolvedQuantityBreak, type ResponseMetadata, type SilentSignInOptions, type SilentSignInResult, allGalleryImages, assetUrl, isCimplifyAsset, resolveGallery, signInSilent };

package/dist/index.d.ts

@@ -1,13 +1,36 @@
 export { A as AUTHORIZATION_TYPE, a as AUTH_MUTATION, b as AbortablePromise, c as ActivityRecommendation, d as ActivityRecommendationsResponse, e as ActivityService, f as ActivityStateResponse, g as AddressData, h as AddressInfo, i as AmountToPay, j as AuthResponse, k as AuthService, l as AuthStatus, m as AuthenticatedCustomer, n as AuthenticatedData, o as AutocompletePrediction, p as AutocompleteResponse, q as AvailabilityResult, r as AvailableSlot, B as Booking, s as BookingModificationType, t as BookingStatus, u as BookingWithDetails, v as BufferTimes, w as Business, x as BusinessHours, y as BusinessPreferences, z as BusinessService, C as BusinessSettings, D as BusinessType, E as BusinessWithLocations, F as CHECKOUT_MODE, G as CHECKOUT_MUTATION, H as CHECKOUT_STEP, I as CONTACT_TYPE, J as CacheOptions, K as CancelBookingInput, L as CancelBookingResult, M as CancelOrderInput, N as CancellationPolicy, O as CartOperations, P as CatalogueQueries, Q as CatalogueResult, R as CatalogueSnapshot, S as CategoryInfo, T as ChatAttachment, U as ChatConversation, V as ChatConversationResponse, W as ChatMessage, X as ChatWidgetStarter, Y as CheckSlotAvailabilityInput, Z as CheckSlotAvailabilityResult, _ as CheckoutAddressInfo, $ as CheckoutCartData, a0 as CheckoutCartItem, a1 as CheckoutCustomerInfo, a2 as CheckoutFormData, a3 as CheckoutInput, a4 as CheckoutMode, a8 as CheckoutOperations, a5 as CheckoutOrderType, a6 as CheckoutPaymentMethod, a7 as CheckoutResult, a8 as CheckoutService, a9 as CheckoutStatus, aa as CheckoutStatusContext, ab as CheckoutStep, ac as CimplifyClient, ad as CimplifyConfig, ae as CimplifyElement, af as CimplifyElements, ag as ContactType, ah as ContentType, ai as CreateAddressInput, aj as CreateMobileMoneyInput, ak as Customer, al as CustomerAddress, am as CustomerBooking, an as CustomerBookingServiceItem, ao as CustomerLinkPreferences, ap as CustomerMobileMoney, aq as CustomerServicePreferences, ar as DEFAULT_COUNTRY, as as DEFAULT_CURRENCY, at as DEVICE_TYPE, au as DayAvailability, av as DeliveryFeeDetails, aw as DeliveryFeeResponse, ax as DeliveryService, ay as DepositResult, az as DeviceType, aA as DismissMessageResponse, aB as ELEMENT_TYPES, aC as EVENT_TYPES, aD as ElementAppearance, aE as ElementEventHandler, aF as ElementEventType, aG as ElementOptions, aH as ElementType, aI as ElementsCheckoutData, aJ as ElementsCheckoutResult, aK as ElementsCustomerInfo, aL as ElementsOptions, aM as EnrollAndLinkOrderInput, aN as EnrollAndLinkOrderResult, aO as EnrollmentData, aP as Err, aQ as FeeBearerType, aR as FetchQuoteInput, aS as FulfillmentLink, aT as FulfillmentStatus, aU as FulfillmentType, aV as FxQuote, aW as FxQuoteRequest, aX as FxRateResponse, aY as FxService, aZ as GetAvailableSlotsInput, a_ as GetOrdersOptions, a$ as GetProductsOptions, b0 as IframeToParentMessage, b1 as InventoryService, b2 as LINK_MUTATION, b3 as LINK_QUERY, b4 as LineItem, b5 as LineType, b6 as LinkData, b7 as LinkEnrollResult, b8 as LinkService, b9 as LinkSession, ba as LinkStatusResult, bb as LiteBootstrap, bc as LiteService, bd as Location, be as LocationBooking, bf as LocationTaxBehavior, bg as LocationTaxOverrides, bh as LocationTimeProfile, bi as LocationWithDetails, bj as MESSAGE_TYPES, bk as MOBILE_MONEY_PROVIDER, bl as MobileMoneyData, bm as MobileMoneyDetails, bn as MobileMoneyProvider, bo as NextAction, bp as ORDER_MUTATION, bq as ORDER_TYPE, br as ObservabilityHooks, bs as Ok, bt as Order, bu as OrderChannel, bv as OrderFilter, bw as OrderFulfillmentSummary, bx as OrderGroup, by as OrderGroupDetails, bz as OrderGroupPayment, bA as OrderGroupPaymentState, bB as OrderGroupPaymentStatus, bC as OrderGroupPaymentSummary, bD as OrderGroupStatus, bE as OrderHistory, bF as OrderLineState, bG as OrderLineStatus, bH as OrderPaymentEvent, bI as OrderQueries, bJ as OrderSplitDetail, bK as OrderStatus, bL as OrderType, bM as OtpResult, bN as PAYMENT_METHOD, bO as PAYMENT_MUTATION, bP as PAYMENT_STATE, bQ as PICKUP_TIME_TYPE, bR as ParentToIframeMessage, bS as PaymentMethodInfo, bT as PaymentState, bU as PickupTime, bV as PickupTimeType, bW as PlaceDetailsResponse, bX as PlacesService, bY as PriceQuote, bZ as PricingOverrides, b_ as ProcessAndResolveOptions, b$ as ProcessCheckoutOptions, c0 as ProcessCheckoutResult, c1 as ProviderResolutionSource, c2 as QuoteBundleSelectionInput, c3 as QuoteCompositeSelectionInput, c4 as QuoteDynamicBuckets, c5 as QuoteStatus, c6 as QuoteUiMessage, c7 as ReadRequestOptions, c8 as RefreshQuoteInput, c9 as RefreshQuoteResult, ca as RefundOrderInput, cb as RelatedCandidate, cc as RelatedProduct, cd as RelatedProductsEnrichment, ce as RelationType, cf as ReminderMethod, cg as ReminderSettings, ch as ReorderResult, ci as RequestContext, cj as RequestErrorEvent, ck as RequestOptions, cl as RequestOtpInput, cm as RequestSource, cn as RequestStartEvent, co as RequestSuccessEvent, cp as RescheduleBookingInput, cq as RescheduleBookingResult, cr as RescheduleHistoryRecord, cs as ResourceAssignment, ct as Result, cu as RetryEvent, cv as RevokeAllSessionsResult, cw as RevokeSessionResult, cx as Room, cy as SchedulingMetadata, cz as SchedulingResult, cA as SchedulingService, cB as SenderType, cC as Service, cD as ServiceAvailabilityParams, cE as ServiceAvailabilityResult, cF as ServiceCharge, cG as ServiceNotes, cH as ServiceScheduleRequest, cI as ServiceStatus, cJ as SessionActivityData, cK as SessionChangeEvent, cL as SessionMessage, cM as SlotResourceInfo, cN as SlotStaffInfo, cO as Staff, cP as StaffAssignment, cQ as StaffRole, cR as StaffScheduleItem, cS as StockLevel, cT as StockStatus, cU as StorefrontBootstrap, cV as SubscriptionService, cW as SupportService, cX as Table, cY as TableInfo, cZ as TimeRange, c_ as TimeRanges, c$ as TimeSlot, d0 as TrackCategoryViewOptions, d1 as TrackProductViewOptions, d2 as UpdateAddressInput, d3 as UpdateOrderStatusInput, d4 as UpdateProfileInput, d5 as UploadInitResponse, d6 as UploadResult, d7 as UploadService, d8 as VerifyOtpInput, d9 as combine, da as combineObject, db as createCimplifyClient, dc as createElements, dd as err, de as flatMap, df as fromPromise, dg as getOrElse, dh as isErr, di as isOk, dj as mapError, dk as mapResult, dl as ok, dm as toNullable, dn as tryCatch, dp as unwrap } from './client-Dfg_hmkP.js';
-import { j as ApiError } from './product-B_kS4Oxa.js';
-export { A as AddOn, a as AddOnDetails, b as AddOnGroupDetails, c as AddOnOption, d as AddOnOptionDetails, e as AddOnOptionPrice, f as AddOnWithOptions, g as AddToCartInput, h as AddressValue, i as AdjustmentType, k as AppliedDiscount, l as AttributeAppliesTo, m as AttributeType, n as AttributeValidationRules, o as AttributeVisibility, B as BenefitType, p as BillingFrequency, q as BillingMarkupType, r as BillingPlanType, s as Bundle, t as BundleComponentData, u as BundleComponentInfo, v as BundleComponentVariantView, w as BundleComponentView, x as BundlePriceType, y as BundleProduct, z as BundleSelectionData, C as BundleSelectionInput, D as BundleStoredSelection, E as BundleSummary, F as BundleWithDetails, G as Cart, H as CartAddOn, I as CartChannel, J as CartItem, K as CartItemDetails, L as CartMutationResult, M as CartNotice, N as CartStatus, O as CartSummary, P as CartTotals, Q as Category, R as CategorySummary, S as ChosenPrice, T as CimplifyError, U as Collection, V as CollectionProduct, W as CollectionSummary, X as ComponentGroup, Y as ComponentGroupWithComponents, Z as ComponentPriceBreakdown, _ as ComponentSchedulingData, $ as ComponentSelectionInput, a0 as ComponentSourceType, a1 as Composite, a2 as CompositeComponent, a3 as CompositeComponentView, a4 as CompositeGroupView, a5 as CompositePriceBreakdown, a6 as CompositePriceResult, a7 as CompositePricingMode, a8 as CompositeSelectionData, $ as CompositeSelectionInput, a9 as CompositeStoredSelection, aa as CompositeWithDetails, ab as CurrencyCode, ac as CustomAttributeDefinition, ad as CustomAttributeValue, ae as CustomerInputValue, af as DURATION_UNIT, ag as DateRangeValue, ah as Deal, ai as DealBenefitType, aj as DepositType, ak as DigitalProductType, al as DiscountBreakdown, am as DiscountDetails, an as DiscountValidation, ao as DisplayAddOn, ap as DisplayAddOnOption, aq as DisplayCart, ar as DisplayCartItem, as as DisplayMode, at as DurationUnit, au as ERROR_HINTS, av as EligiblePlansQuery, aw as ErrorCode, ax as ErrorCodeType, ay as ErrorHint, az as FacetValue, aA as FormattedPlanOption, aB as GroupPricingBehavior, aC as INPUT_FIELD_TYPE, aD as IdempotencyMismatchError, aE as InputFieldType, aF as InputFieldValidation, aG as InventoryType, aH as KnowledgeArticle, aI as LineConfiguration, aJ as LocationProductPrice, aK as LocationValue, aL as MeasurementValue, aM as Money, aN as PRODUCT_TYPE, aO as Pagination, aP as PaginationParams, aQ as PhoneValue, aR as Price, aS as PriceAdjustment, aT as PriceDecisionPath, aU as PriceEntryType, aV as PricePathTaxInfo, aW as PriceSource, aX as Product, aY as ProductAddOn, aZ as ProductAvailability, a_ as ProductAvailabilityNow, a$ as ProductBillingPlan, b0 as ProductDealInfo, b1 as ProductInputField, b2 as ProductProperty, b3 as ProductRenderHint, b4 as ProductTaxonomy, b5 as ProductTimeProfile, b6 as ProductType, b7 as ProductVariant, b8 as ProductVariantValue, b9 as ProductWithDetails, ba as PropertyFacet, bb as PropertySource, bc as QuantityPricingTier, bd as RENDER_HINT, be as RelatedProductView, bf as SalesChannel, bg as SchedulingMode, bh as SelectedAddOnOption, bi as SemanticKind, bj as SignatureValue, bk as Subscription, bl as SubscriptionInvoice, bm as SubscriptionItem, bn as SubscriptionStatus, bo as SubscriptionWithDetails, bp as Tag, bq as TagsResponse, br as TaxPathComponent, bs as TaxonomyAttributeTemplate, bt as TaxonomyWithChildren, bu as UICart, bv as UICartBusiness, bw as UICartCustomer, bx as UICartLocation, by as UICartPricing, bz as UpdateCartItemInput, bA as VariantAxis, bB as VariantAxisSelection, bC as VariantAxisValue, bD as VariantAxisValueView, bE as VariantAxisView, bF as VariantAxisWithValues, bG as VariantDetails, bH as VariantDetailsDTO, bI as VariantDisplayAttribute, bJ as VariantLocationAvailability, bK as VariantStrategy, bL as VariantView, bM as ZERO, bN as currencyCode, bO as enrichError, bP as getErrorHint, bQ as isCimplifyError, bR as isIdempotencyMismatchError, bS as isQuoteConflictRequiringConsent, bT as isQuoteError, bU as isRetryableError, bV as isSupportedCurrency, bW as money, bX as moneyFromNumber } from './product-B_kS4Oxa.js';
+import { b9 as ProductWithDetails, j as ApiError } from './product-B_kS4Oxa.js';
+export { A as AddOn, a as AddOnDetails, b as AddOnGroupDetails, c as AddOnOption, d as AddOnOptionDetails, e as AddOnOptionPrice, f as AddOnWithOptions, g as AddToCartInput, h as AddressValue, i as AdjustmentType, k as AppliedDiscount, l as AttributeAppliesTo, m as AttributeType, n as AttributeValidationRules, o as AttributeVisibility, B as BenefitType, p as BillingFrequency, q as BillingMarkupType, r as BillingPlanType, s as Bundle, t as BundleComponentData, u as BundleComponentInfo, v as BundleComponentVariantView, w as BundleComponentView, x as BundlePriceType, y as BundleProduct, z as BundleSelectionData, C as BundleSelectionInput, D as BundleStoredSelection, E as BundleSummary, F as BundleWithDetails, G as Cart, H as CartAddOn, I as CartChannel, J as CartItem, K as CartItemDetails, L as CartMutationResult, M as CartNotice, N as CartStatus, O as CartSummary, P as CartTotals, Q as Category, R as CategorySummary, S as ChosenPrice, T as CimplifyError, U as Collection, V as CollectionProduct, W as CollectionSummary, X as ComponentGroup, Y as ComponentGroupWithComponents, Z as ComponentPriceBreakdown, _ as ComponentSchedulingData, $ as ComponentSelectionInput, a0 as ComponentSourceType, a1 as Composite, a2 as CompositeComponent, a3 as CompositeComponentView, a4 as CompositeGroupView, a5 as CompositePriceBreakdown, a6 as CompositePriceResult, a7 as CompositePricingMode, a8 as CompositeSelectionData, $ as CompositeSelectionInput, a9 as CompositeStoredSelection, aa as CompositeWithDetails, ab as CurrencyCode, ac as CustomAttributeDefinition, ad as CustomAttributeValue, ae as CustomerInputValue, af as DURATION_UNIT, ag as DateRangeValue, ah as Deal, ai as DealBenefitType, aj as DepositType, ak as DigitalProductType, al as DiscountBreakdown, am as DiscountDetails, an as DiscountValidation, ao as DisplayAddOn, ap as DisplayAddOnOption, aq as DisplayCart, ar as DisplayCartItem, as as DisplayMode, at as DurationUnit, au as ERROR_HINTS, av as EligiblePlansQuery, aw as ErrorCode, ax as ErrorCodeType, ay as ErrorHint, az as FacetValue, aA as FormattedPlanOption, aB as GroupPricingBehavior, aC as INPUT_FIELD_TYPE, aD as IdempotencyMismatchError, aE as InputFieldType, aF as InputFieldValidation, aG as InventoryType, aH as KnowledgeArticle, aI as LineConfiguration, aJ as LocationProductPrice, aK as LocationValue, aL as MeasurementValue, aM as Money, aN as PRODUCT_TYPE, aO as Pagination, aP as PaginationParams, aQ as PhoneValue, aR as Price, aS as PriceAdjustment, aT as PriceDecisionPath, aU as PriceEntryType, aV as PricePathTaxInfo, aW as PriceSource, aX as Product, aY as ProductAddOn, aZ as ProductAvailability, a_ as ProductAvailabilityNow, a$ as ProductBillingPlan, b0 as ProductDealInfo, b1 as ProductInputField, b2 as ProductProperty, b3 as ProductRenderHint, b4 as ProductTaxonomy, b5 as ProductTimeProfile, b6 as ProductType, b7 as ProductVariant, b8 as ProductVariantValue, ba as PropertyFacet, bb as PropertySource, bc as QuantityPricingTier, bd as RENDER_HINT, be as RelatedProductView, bf as SalesChannel, bg as SchedulingMode, bh as SelectedAddOnOption, bi as SemanticKind, bj as SignatureValue, bk as Subscription, bl as SubscriptionInvoice, bm as SubscriptionItem, bn as SubscriptionStatus, bo as SubscriptionWithDetails, bp as Tag, bq as TagsResponse, br as TaxPathComponent, bs as TaxonomyAttributeTemplate, bt as TaxonomyWithChildren, bu as UICart, bv as UICartBusiness, bw as UICartCustomer, bx as UICartLocation, by as UICartPricing, bz as UpdateCartItemInput, bA as VariantAxis, bB as VariantAxisSelection, bC as VariantAxisValue, bD as VariantAxisValueView, bE as VariantAxisView, bF as VariantAxisWithValues, bG as VariantDetails, bH as VariantDetailsDTO, bI as VariantDisplayAttribute, bJ as VariantLocationAvailability, bK as VariantStrategy, bL as VariantView, bM as ZERO, bN as currencyCode, bO as enrichError, bP as getErrorHint, bQ as isCimplifyError, bR as isIdempotencyMismatchError, bS as isQuoteConflictRequiringConsent, bT as isQuoteError, bU as isRetryableError, bV as isSupportedCurrency, bW as money, bX as moneyFromNumber } from './product-B_kS4Oxa.js';
 export { C as CURRENCY_SYMBOLS, M as MOBILE_MONEY_PROVIDERS, c as categorizePaymentError, d as detectMobileMoneyProvider, f as formatMoney, a as formatNumberCompact, b as formatPrice, e as formatPriceAdjustment, g as formatPriceCompact, h as formatPriceRange, i as formatPriceWithTax, j as formatProductPrice, k as getBasePrice, l as getCurrencySymbol, m as getDiscountPercentage, n as getDisplayPrice, o as getMarkupPercentage, p as getPriceRange, q as getProductCurrency, r as getTaxAmount, s as getUnitPriceAtQuantity, t as hasTaxInfo, u as isOnSale, v as isPaymentStatusFailure, w as isPaymentStatusRequiresAction, x as isPaymentStatusSuccess, y as isTaxInclusive, z as isValidPhoneForContext, A as normalizePaymentResponse, B as normalizePhoneToE164, D as normalizeStatusResponse, E as parsePrice, F as resolvePhoneCountryCode } from './index-DIIlPUOC.js';
-export { A as AdConfig, a as AdContextValue, b as AdCreative, c as AdPosition, d as AdSlot, e as AdTheme, S as SignInOptions, g as getVariantDisplayName, s as startSignIn } from './sign-in-TL01-awQ.js';
+export { A as AdConfig, a as AdContextValue, b as AdCreative, c as AdPosition, d as AdSlot, e as AdTheme, S as SignInOptions, g as getVariantDisplayName, s as startSignIn } from './sign-in-CZ2ioBAP.js';
 export { A as AddressAuthorizationData, a as AuthorizationType, I as InitializePaymentResult, P as Payment, b as PaymentErrorDetails, c as PaymentMethod, d as PaymentMethodType, e as PaymentProcessingState, f as PaymentProvider, g as PaymentResponse, h as PaymentStatus, i as PaymentStatusResponse, S as SubmitAuthorizationInput } from './payment-sn-yGL7v.js';
 export { F as FormatCompactOptions, a as FormatPriceOptions, P as ProductWithPrice } from './price-9T1Y47oS.js';
 export { generateIdempotencyKey } from './advanced.js';
 import 'libphonenumber-js';
 
+interface GalleryImage {
+    url: string;
+    /** null = product-level image; otherwise the variant it belongs to. */
+    variantId: string | null;
+}
+type GalleryProduct = Pick<ProductWithDetails, "image_url" | "images" | "variants">;
+/**
+ * The gallery to show for a product, optionally scoped to a selected variant.
+ *
+ * Resolution order (replace-on-select):
+ *  1. Selected variant's own photos, if it has any.
+ *  2. Product-level gallery (`images`, which already includes `image_url`).
+ *  3. First variant with photos — covers the fashion case where the product
+ *     row has no images and every photo lives on a variant.
+ *  4. The primary `image_url` alone.
+ */
+declare function resolveGallery(product: GalleryProduct, selectedVariantId?: string): string[];
+/**
+ * Every image across the product and all its variants, deduped by URL and
+ * tagged with provenance. Use for a "view all photos" lightbox.
+ */
+declare function allGalleryImages(product: GalleryProduct): GalleryImage[];
+
 interface CustomerGroup {
     id: string;
     business_id: string;
@@ -95,4 +118,4 @@ interface AssetUrlOptions extends AssetTransform {
 declare function assetUrl(path: string, opts?: AssetUrlOptions): string;
 declare function isCimplifyAsset(src: string, base?: string): boolean;
 
-export { ApiError, type ApiResponse, type AssetTransform, type AssetUrlOptions, CIMPLIFY_CDN_HOSTS, type CustomerGroup, type CustomerPricingInfo, DEFAULT_CDN_BASE_URL, type FrontendContext, type MutationRequest, type PriceListItem, type QuantityBreak, type QueryRequest, type ResolvedQuantityBreak, type ResponseMetadata, type SilentSignInOptions, type SilentSignInResult, assetUrl, isCimplifyAsset, signInSilent };
+export { ApiError, type ApiResponse, type AssetTransform, type AssetUrlOptions, CIMPLIFY_CDN_HOSTS, type CustomerGroup, type CustomerPricingInfo, DEFAULT_CDN_BASE_URL, type FrontendContext, type GalleryImage, type MutationRequest, type PriceListItem, ProductWithDetails, type QuantityBreak, type QueryRequest, type ResolvedQuantityBreak, type ResponseMetadata, type SilentSignInOptions, type SilentSignInResult, allGalleryImages, assetUrl, isCimplifyAsset, resolveGallery, signInSilent };

package/dist/index.js

@@ -1,7 +1,8 @@
 'use strict';
 
-var chunkJYPLT56O_js = require('./chunk-JYPLT56O.js');
+var chunk3QPO2UK5_js = require('./chunk-3QPO2UK5.js');
 var chunkL5GKVQVJ_js = require('./chunk-L5GKVQVJ.js');
+require('./chunk-LA2T2TPA.js');
 var chunkMW7ICTVK_js = require('./chunk-MW7ICTVK.js');
 var chunkJGBDWEPJ_js = require('./chunk-JGBDWEPJ.js');
 var chunk7Y2O3E4D_js = require('./chunk-7Y2O3E4D.js');
@@ -24,8 +25,8 @@ async function signInSilent(opts) {
   }
   const authUrl = (opts.authUrl ?? DEFAULT_AUTH_URL).replace(/\/$/, "");
   const callbackUri = opts.callbackUri ?? "/auth/callback";
-  const pkce = await chunkJYPLT56O_js.generatePkce();
-  const state = chunkJYPLT56O_js.generateState();
+  const pkce = await chunk3QPO2UK5_js.generatePkce();
+  const state = chunk3QPO2UK5_js.generateState();
   const params = new URLSearchParams({
     response_type: "code",
     response_mode: "web_message",
@@ -95,43 +96,51 @@ async function signInSilent(opts) {
 
 Object.defineProperty(exports, "CIMPLIFY_CDN_HOSTS", {
   enumerable: true,
-  get: function () { return chunkJYPLT56O_js.CIMPLIFY_CDN_HOSTS; }
+  get: function () { return chunk3QPO2UK5_js.CIMPLIFY_CDN_HOSTS; }
 });
 Object.defineProperty(exports, "DEFAULT_CDN_BASE_URL", {
   enumerable: true,
-  get: function () { return chunkJYPLT56O_js.DEFAULT_CDN_BASE_URL; }
+  get: function () { return chunk3QPO2UK5_js.DEFAULT_CDN_BASE_URL; }
 });
 Object.defineProperty(exports, "DURATION_UNIT", {
   enumerable: true,
-  get: function () { return chunkJYPLT56O_js.DURATION_UNIT; }
+  get: function () { return chunk3QPO2UK5_js.DURATION_UNIT; }
 });
 Object.defineProperty(exports, "INPUT_FIELD_TYPE", {
   enumerable: true,
-  get: function () { return chunkJYPLT56O_js.INPUT_FIELD_TYPE; }
+  get: function () { return chunk3QPO2UK5_js.INPUT_FIELD_TYPE; }
 });
 Object.defineProperty(exports, "PRODUCT_TYPE", {
   enumerable: true,
-  get: function () { return chunkJYPLT56O_js.PRODUCT_TYPE; }
+  get: function () { return chunk3QPO2UK5_js.PRODUCT_TYPE; }
 });
 Object.defineProperty(exports, "RENDER_HINT", {
   enumerable: true,
-  get: function () { return chunkJYPLT56O_js.RENDER_HINT; }
+  get: function () { return chunk3QPO2UK5_js.RENDER_HINT; }
+});
+Object.defineProperty(exports, "allGalleryImages", {
+  enumerable: true,
+  get: function () { return chunk3QPO2UK5_js.allGalleryImages; }
 });
 Object.defineProperty(exports, "assetUrl", {
   enumerable: true,
-  get: function () { return chunkJYPLT56O_js.assetUrl; }
+  get: function () { return chunk3QPO2UK5_js.assetUrl; }
 });
 Object.defineProperty(exports, "getVariantDisplayName", {
   enumerable: true,
-  get: function () { return chunkJYPLT56O_js.getVariantDisplayName; }
+  get: function () { return chunk3QPO2UK5_js.getVariantDisplayName; }
 });
 Object.defineProperty(exports, "isCimplifyAsset", {
   enumerable: true,
-  get: function () { return chunkJYPLT56O_js.isCimplifyAsset; }
+  get: function () { return chunk3QPO2UK5_js.isCimplifyAsset; }
+});
+Object.defineProperty(exports, "resolveGallery", {
+  enumerable: true,
+  get: function () { return chunk3QPO2UK5_js.resolveGallery; }
 });
 Object.defineProperty(exports, "startSignIn", {
   enumerable: true,
-  get: function () { return chunkJYPLT56O_js.startSignIn; }
+  get: function () { return chunk3QPO2UK5_js.startSignIn; }
 });
 Object.defineProperty(exports, "isValidPhoneForContext", {
   enumerable: true,

package/dist/index.mjs

@@ -1,6 +1,7 @@
-import { generatePkce, generateState } from './chunk-XYI4NXWG.mjs';
-export { CIMPLIFY_CDN_HOSTS, DEFAULT_CDN_BASE_URL, DURATION_UNIT, INPUT_FIELD_TYPE, PRODUCT_TYPE, RENDER_HINT, assetUrl, getVariantDisplayName, isCimplifyAsset, startSignIn } from './chunk-XYI4NXWG.mjs';
+import { generatePkce, generateState } from './chunk-TGAROSXB.mjs';
+export { CIMPLIFY_CDN_HOSTS, DEFAULT_CDN_BASE_URL, DURATION_UNIT, INPUT_FIELD_TYPE, PRODUCT_TYPE, RENDER_HINT, allGalleryImages, assetUrl, getVariantDisplayName, isCimplifyAsset, resolveGallery, startSignIn } from './chunk-TGAROSXB.mjs';
 export { isValidPhoneForContext, normalizePhoneToE164, resolvePhoneCountryCode } from './chunk-YOIVZ6OA.mjs';
+import './chunk-ZKTXRWP6.mjs';
 export { ActivityService, CimplifyClient, DeliveryService, PlacesService, SubscriptionService, SupportService, UploadService, createCimplifyClient } from './chunk-SQ7U3BWY.mjs';
 export { AUTHORIZATION_TYPE, AUTH_MUTATION, AuthService, BusinessService, CHECKOUT_MODE, CHECKOUT_MUTATION, CHECKOUT_STEP, CONTACT_TYPE, CartOperations, CatalogueQueries, CheckoutService as CheckoutOperations, CheckoutService, CimplifyElement, CimplifyElements, DEFAULT_COUNTRY, DEFAULT_CURRENCY, DEVICE_TYPE, ELEMENT_TYPES, EVENT_TYPES, FxService, InventoryService, LINK_MUTATION, LINK_QUERY, LinkService, LiteService, MESSAGE_TYPES, MOBILE_MONEY_PROVIDER, ORDER_MUTATION, ORDER_TYPE, OrderQueries, PAYMENT_METHOD, PAYMENT_MUTATION, PAYMENT_STATE, PICKUP_TIME_TYPE, SchedulingService, combine, combineObject, createElements, err, flatMap, fromPromise, generateIdempotencyKey, getOrElse, isErr, isOk, mapError, mapResult, ok, toNullable, tryCatch, unwrap } from './chunk-I4IXPQIX.mjs';
 export { CURRENCY_SYMBOLS, MOBILE_MONEY_PROVIDERS, categorizePaymentError, detectMobileMoneyProvider, formatMoney, formatNumberCompact, formatPrice, formatPriceAdjustment, formatPriceCompact, formatPriceRange, formatPriceWithTax, formatProductPrice, getBasePrice, getCurrencySymbol, getDiscountPercentage, getDisplayPrice, getMarkupPercentage, getPriceRange, getProductCurrency, getTaxAmount, getUnitPriceAtQuantity, hasTaxInfo, isOnSale, isPaymentStatusFailure, isPaymentStatusRequiresAction, isPaymentStatusSuccess, isTaxInclusive, normalizePaymentResponse, normalizeStatusResponse, parsePrice } from './chunk-TD3AY34U.mjs';

package/dist/react.d.mts

@@ -1,6 +1,6 @@
 import React$1, { ReactNode } from 'react';
-import { d as AdSlot, c as AdPosition, a as AdContextValue, S as SignInOptions } from './sign-in-TL01-awQ.mjs';
-export { A as AdConfig, g as getVariantDisplayName } from './sign-in-TL01-awQ.mjs';
+import { d as AdSlot, c as AdPosition, a as AdContextValue, S as SignInOptions } from './sign-in-CZ2ioBAP.mjs';
+export { A as AdConfig, g as getVariantDisplayName } from './sign-in-CZ2ioBAP.mjs';
 import { ac as CimplifyClient, c0 as ProcessCheckoutResult, a9 as CheckoutStatus, aa as CheckoutStatusContext, w as Business, bd as Location, ch as ReorderResult, bK as OrderStatus, bt as Order, c2 as QuoteBundleSelectionInput, c3 as QuoteCompositeSelectionInput, bY as PriceQuote, c6 as QuoteUiMessage, cC as Service, r as AvailableSlot, au as DayAvailability, am as CustomerBooking, L as CancelBookingResult, f as ActivityStateResponse, cL as SessionMessage, c as ActivityRecommendation, aw as DeliveryFeeResponse, aX as FxRateResponse, cU as StorefrontBootstrap, X as ChatWidgetStarter, W as ChatMessage, h as AddressInfo, n as AuthenticatedData, aL as ElementsOptions, bS as PaymentMethodInfo, aJ as ElementsCheckoutResult, b$ as ProcessCheckoutOptions, af as CimplifyElements, b4 as LineItem, cO as Staff, cx as Room } from './client-DKg-5OWu.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ab as CurrencyCode, aX as Product, aO as Pagination, T as CimplifyError, b9 as ProductWithDetails, Q as Category, aM as Money, C as BundleSelectionInput, $ as ComponentSelectionInput, z as BundleSelectionData, a8 as CompositeSelectionData, U as Collection, b4 as ProductTaxonomy, bt as TaxonomyWithChildren, b5 as ProductTimeProfile, ah as Deal, b0 as ProductDealInfo, an as DiscountValidation, E as BundleSummary, a6 as CompositePriceResult, bo as SubscriptionWithDetails, bn as SubscriptionStatus, bk as Subscription, ac as CustomAttributeDefinition, ba as PropertyFacet, a$ as ProductBillingPlan, bL as VariantView, bF as VariantAxisWithValues, f as AddOnWithOptions, w as BundleComponentView, x as BundlePriceType, a4 as CompositeGroupView, aq as DisplayCart, b1 as ProductInputField, bg as SchedulingMode, at as DurationUnit, ad as CustomAttributeValue, b2 as ProductProperty, bc as QuantityPricingTier } from './product-B_kS4Oxa.mjs';

package/dist/react.d.ts

@@ -1,6 +1,6 @@
 import React$1, { ReactNode } from 'react';
-import { d as AdSlot, c as AdPosition, a as AdContextValue, S as SignInOptions } from './sign-in-TL01-awQ.js';
-export { A as AdConfig, g as getVariantDisplayName } from './sign-in-TL01-awQ.js';
+import { d as AdSlot, c as AdPosition, a as AdContextValue, S as SignInOptions } from './sign-in-CZ2ioBAP.js';
+export { A as AdConfig, g as getVariantDisplayName } from './sign-in-CZ2ioBAP.js';
 import { ac as CimplifyClient, c0 as ProcessCheckoutResult, a9 as CheckoutStatus, aa as CheckoutStatusContext, w as Business, bd as Location, ch as ReorderResult, bK as OrderStatus, bt as Order, c2 as QuoteBundleSelectionInput, c3 as QuoteCompositeSelectionInput, bY as PriceQuote, c6 as QuoteUiMessage, cC as Service, r as AvailableSlot, au as DayAvailability, am as CustomerBooking, L as CancelBookingResult, f as ActivityStateResponse, cL as SessionMessage, c as ActivityRecommendation, aw as DeliveryFeeResponse, aX as FxRateResponse, cU as StorefrontBootstrap, X as ChatWidgetStarter, W as ChatMessage, h as AddressInfo, n as AuthenticatedData, aL as ElementsOptions, bS as PaymentMethodInfo, aJ as ElementsCheckoutResult, b$ as ProcessCheckoutOptions, af as CimplifyElements, b4 as LineItem, cO as Staff, cx as Room } from './client-Dfg_hmkP.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ab as CurrencyCode, aX as Product, aO as Pagination, T as CimplifyError, b9 as ProductWithDetails, Q as Category, aM as Money, C as BundleSelectionInput, $ as ComponentSelectionInput, z as BundleSelectionData, a8 as CompositeSelectionData, U as Collection, b4 as ProductTaxonomy, bt as TaxonomyWithChildren, b5 as ProductTimeProfile, ah as Deal, b0 as ProductDealInfo, an as DiscountValidation, E as BundleSummary, a6 as CompositePriceResult, bo as SubscriptionWithDetails, bn as SubscriptionStatus, bk as Subscription, ac as CustomAttributeDefinition, ba as PropertyFacet, a$ as ProductBillingPlan, bL as VariantView, bF as VariantAxisWithValues, f as AddOnWithOptions, w as BundleComponentView, x as BundlePriceType, a4 as CompositeGroupView, aq as DisplayCart, b1 as ProductInputField, bg as SchedulingMode, at as DurationUnit, ad as CustomAttributeValue, b2 as ProductProperty, bc as QuantityPricingTier } from './product-B_kS4Oxa.js';

package/dist/react.js

@@ -1,7 +1,8 @@
 "use client";
 'use strict';
 
-var chunkJYPLT56O_js = require('./chunk-JYPLT56O.js');
+var chunk3QPO2UK5_js = require('./chunk-3QPO2UK5.js');
+require('./chunk-LA2T2TPA.js');
 var chunkMW7ICTVK_js = require('./chunk-MW7ICTVK.js');
 var chunkJGBDWEPJ_js = require('./chunk-JGBDWEPJ.js');
 var chunk7Y2O3E4D_js = require('./chunk-7Y2O3E4D.js');
@@ -2714,7 +2715,7 @@ function CimplifySignInButton({
   const onClick = async () => {
     if (busy || disabled) return;
     setBusy(true);
-    await chunkJYPLT56O_js.startSignIn({
+    await chunk3QPO2UK5_js.startSignIn({
       ...signInOpts,
       onSuccess: () => {
         setBusy(false);
@@ -5463,7 +5464,7 @@ function VariantSelector({
                   {
                     "data-cimplify-variant-name": true,
                     className: cn("flex-1 min-w-0 text-sm", classNames?.name),
-                    children: chunkJYPLT56O_js.getVariantDisplayName(variant, productName)
+                    children: chunk3QPO2UK5_js.getVariantDisplayName(variant, productName)
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-variant-pricing": true, className: cn("text-sm text-muted-foreground", classNames?.pricing), children: [
@@ -6936,12 +6937,12 @@ function FieldInput({
     classNames?.input
   );
   switch (field.field_type) {
-    case chunkJYPLT56O_js.INPUT_FIELD_TYPE.Text:
-    case chunkJYPLT56O_js.INPUT_FIELD_TYPE.Url:
+    case chunk3QPO2UK5_js.INPUT_FIELD_TYPE.Text:
+    case chunk3QPO2UK5_js.INPUT_FIELD_TYPE.Url:
       return /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
-          type: field.field_type === chunkJYPLT56O_js.INPUT_FIELD_TYPE.Url ? "url" : "text",
+          type: field.field_type === chunk3QPO2UK5_js.INPUT_FIELD_TYPE.Url ? "url" : "text",
           value: typeof value === "string" ? value : "",
           onChange: (e) => onValueChange(e.target.value),
           placeholder: field.placeholder,
@@ -6950,7 +6951,7 @@ function FieldInput({
           className: inputClass
         }
       );
-    case chunkJYPLT56O_js.INPUT_FIELD_TYPE.Textarea:
+    case chunk3QPO2UK5_js.INPUT_FIELD_TYPE.Textarea:
       return /* @__PURE__ */ jsxRuntime.jsx(
         "textarea",
         {
@@ -6963,7 +6964,7 @@ function FieldInput({
           className: cn(inputClass, "resize-none", classNames?.textarea)
         }
       );
-    case chunkJYPLT56O_js.INPUT_FIELD_TYPE.Number:
+    case chunk3QPO2UK5_js.INPUT_FIELD_TYPE.Number:
       return /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
@@ -6977,7 +6978,7 @@ function FieldInput({
           className: inputClass
         }
       );
-    case chunkJYPLT56O_js.INPUT_FIELD_TYPE.Select:
+    case chunk3QPO2UK5_js.INPUT_FIELD_TYPE.Select:
       return /* @__PURE__ */ jsxRuntime.jsxs(
         "select",
         {
@@ -6991,7 +6992,7 @@ function FieldInput({
           ]
         }
       );
-    case chunkJYPLT56O_js.INPUT_FIELD_TYPE.Radio:
+    case chunk3QPO2UK5_js.INPUT_FIELD_TYPE.Radio:
       return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("space-y-2", classNames?.radioGroup), children: (field.options || []).map((opt) => /* @__PURE__ */ jsxRuntime.jsxs(
         "label",
         {
@@ -7016,7 +7017,7 @@ function FieldInput({
         },
         opt
       )) });
-    case chunkJYPLT56O_js.INPUT_FIELD_TYPE.Checkbox:
+    case chunk3QPO2UK5_js.INPUT_FIELD_TYPE.Checkbox:
       return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: cn("flex items-center gap-2 text-sm cursor-pointer", classNames?.checkboxLabel), children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "input",
@@ -7029,7 +7030,7 @@ function FieldInput({
         ),
         field.placeholder || field.name
       ] });
-    case chunkJYPLT56O_js.INPUT_FIELD_TYPE.Color:
+    case chunk3QPO2UK5_js.INPUT_FIELD_TYPE.Color:
       return /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
@@ -7039,7 +7040,7 @@ function FieldInput({
           className: cn("w-12 h-10 rounded-md border border-input cursor-pointer", classNames?.colorInput)
         }
       );
-    case chunkJYPLT56O_js.INPUT_FIELD_TYPE.Date:
+    case chunk3QPO2UK5_js.INPUT_FIELD_TYPE.Date:
       return /* @__PURE__ */ jsxRuntime.jsx(
         DatePicker,
         {
@@ -7050,8 +7051,8 @@ function FieldInput({
           "aria-label": field.name
         }
       );
-    case chunkJYPLT56O_js.INPUT_FIELD_TYPE.File:
-    case chunkJYPLT56O_js.INPUT_FIELD_TYPE.Image:
+    case chunk3QPO2UK5_js.INPUT_FIELD_TYPE.File:
+    case chunk3QPO2UK5_js.INPUT_FIELD_TYPE.Image:
       return /* @__PURE__ */ jsxRuntime.jsx(
         FileUploadInput,
         {
@@ -7062,7 +7063,7 @@ function FieldInput({
           classNames
         }
       );
-    case chunkJYPLT56O_js.INPUT_FIELD_TYPE.Email:
+    case chunk3QPO2UK5_js.INPUT_FIELD_TYPE.Email:
       return /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
@@ -7074,7 +7075,7 @@ function FieldInput({
           className: inputClass
         }
       );
-    case chunkJYPLT56O_js.INPUT_FIELD_TYPE.DateTime: {
+    case chunk3QPO2UK5_js.INPUT_FIELD_TYPE.DateTime: {
       const stringValue = typeof value === "string" ? value : "";
       const [datePart, timePartRaw] = stringValue.includes("T") ? stringValue.split("T", 2) : [stringValue, ""];
       const timePart = (timePartRaw ?? "").slice(0, 5);
@@ -7113,7 +7114,7 @@ function FieldInput({
         )
       ] });
     }
-    case chunkJYPLT56O_js.INPUT_FIELD_TYPE.Time:
+    case chunk3QPO2UK5_js.INPUT_FIELD_TYPE.Time:
       return /* @__PURE__ */ jsxRuntime.jsx(
         TimePicker,
         {
@@ -7124,7 +7125,7 @@ function FieldInput({
           "aria-label": field.name
         }
       );
-    case chunkJYPLT56O_js.INPUT_FIELD_TYPE.MultiSelect:
+    case chunk3QPO2UK5_js.INPUT_FIELD_TYPE.MultiSelect:
       return /* @__PURE__ */ jsxRuntime.jsx(
         MultiSelectInput,
         {
@@ -7134,7 +7135,7 @@ function FieldInput({
           classNames
         }
       );
-    case chunkJYPLT56O_js.INPUT_FIELD_TYPE.DateRange:
+    case chunk3QPO2UK5_js.INPUT_FIELD_TYPE.DateRange:
       return /* @__PURE__ */ jsxRuntime.jsx(
         DateRangeInput,
         {
@@ -7144,7 +7145,7 @@ function FieldInput({
           classNames
         }
       );
-    case chunkJYPLT56O_js.INPUT_FIELD_TYPE.Address:
+    case chunk3QPO2UK5_js.INPUT_FIELD_TYPE.Address:
       return /* @__PURE__ */ jsxRuntime.jsx(
         AddressInput,
         {
@@ -7155,7 +7156,7 @@ function FieldInput({
           inputClass
         }
       );
-    case chunkJYPLT56O_js.INPUT_FIELD_TYPE.Location:
+    case chunk3QPO2UK5_js.INPUT_FIELD_TYPE.Location:
       return /* @__PURE__ */ jsxRuntime.jsx(
         LocationInput,
         {
@@ -7166,7 +7167,7 @@ function FieldInput({
           inputClass
         }
       );
-    case chunkJYPLT56O_js.INPUT_FIELD_TYPE.Phone:
+    case chunk3QPO2UK5_js.INPUT_FIELD_TYPE.Phone:
       return /* @__PURE__ */ jsxRuntime.jsx(
         PhoneInput,
         {
@@ -7177,7 +7178,7 @@ function FieldInput({
           inputClass
         }
       );
-    case chunkJYPLT56O_js.INPUT_FIELD_TYPE.Signature:
+    case chunk3QPO2UK5_js.INPUT_FIELD_TYPE.Signature:
       return /* @__PURE__ */ jsxRuntime.jsx(
         SignatureInput,
         {
@@ -7210,7 +7211,7 @@ function FileUploadInput({
   const [isUploading, setIsUploading] = React12__default.default.useState(false);
   const fileUrl = typeof value === "string" ? value : void 0;
   const acceptedFormats = field.validation?.accepted_formats;
-  const accept = acceptedFormats ? acceptedFormats.map((f) => `.${f}`).join(",") : field.field_type === chunkJYPLT56O_js.INPUT_FIELD_TYPE.Image ? "image/*" : void 0;
+  const accept = acceptedFormats ? acceptedFormats.map((f) => `.${f}`).join(",") : field.field_type === chunk3QPO2UK5_js.INPUT_FIELD_TYPE.Image ? "image/*" : void 0;
   const handleFile = async (file) => {
     if (!onFileUpload) return;
     if (field.validation?.max_size_mb) {
@@ -7228,7 +7229,7 @@ function FileUploadInput({
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("space-y-2", classNames?.fileInput), children: fileUrl ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-    field.field_type === chunkJYPLT56O_js.INPUT_FIELD_TYPE.Image && /* @__PURE__ */ jsxRuntime.jsx("img", { src: fileUrl, alt: "Uploaded", className: "w-16 h-16 object-cover rounded-md border border-border" }),
+    field.field_type === chunk3QPO2UK5_js.INPUT_FIELD_TYPE.Image && /* @__PURE__ */ jsxRuntime.jsx("img", { src: fileUrl, alt: "Uploaded", className: "w-16 h-16 object-cover rounded-md border border-border" }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground truncate", children: fileUrl.split("/").pop() }) }),
     /* @__PURE__ */ jsxRuntime.jsx(
       "button",
@@ -7254,7 +7255,7 @@ function FileUploadInput({
       }
     ),
     isUploading ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: "Uploading..." }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: field.placeholder || `Upload ${field.field_type === chunkJYPLT56O_js.INPUT_FIELD_TYPE.Image ? "image" : "file"}` }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: field.placeholder || `Upload ${field.field_type === chunk3QPO2UK5_js.INPUT_FIELD_TYPE.Image ? "image" : "file"}` }),
       acceptedFormats && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground/60 mt-1", children: [
         acceptedFormats.map((f) => f.toUpperCase()).join(", "),
         field.validation?.max_size_mb && ` \xB7 Max ${field.validation.max_size_mb}MB`
@@ -8876,7 +8877,7 @@ function CartLineItemRow({
   const isOptimistic = item.isOptimistic === true;
   const lineTotal = chunk7Y2O3E4D_js.parsePrice(unitPrice) * item.quantity;
   const imageUrl = item.product.image_url;
-  const variantLabel = item.variant ? chunkJYPLT56O_js.getVariantDisplayName(item.variant, item.product.name) : null;
+  const variantLabel = item.variant ? chunk3QPO2UK5_js.getVariantDisplayName(item.variant, item.product.name) : null;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -8976,7 +8977,7 @@ function CartLineItemRow({
               input.field_name,
               ":"
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("dd", { "data-cimplify-cart-input-value": true, className: "text-foreground m-0 truncate", children: input.field_type === chunkJYPLT56O_js.INPUT_FIELD_TYPE.File || input.field_type === chunkJYPLT56O_js.INPUT_FIELD_TYPE.Image ? String(input.value).split("/").pop() || "Uploaded file" : String(input.value) })
+            /* @__PURE__ */ jsxRuntime.jsx("dd", { "data-cimplify-cart-input-value": true, className: "text-foreground m-0 truncate", children: input.field_type === chunk3QPO2UK5_js.INPUT_FIELD_TYPE.File || input.field_type === chunk3QPO2UK5_js.INPUT_FIELD_TYPE.Image ? String(input.value).split("/").pop() || "Uploaded file" : String(input.value) })
           ] }, input.field_id)) }),
           (item.lineType === "service" || item.product.type === "service") && item.scheduledStart && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-cart-service-info": true, className: cn("mt-1.5 flex items-center gap-1.5 text-xs text-muted-foreground", classNames?.serviceInfo), children: [
             /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-3.5 h-3.5 shrink-0", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" }) }),
@@ -9532,7 +9533,7 @@ function FoodProductCard({
   const tags = product.tags || [];
   const isSignature = product.metadata?.is_signature === true;
   const isNew = product.metadata?.is_new === true;
-  const isComposite = product.type === chunkJYPLT56O_js.PRODUCT_TYPE.Composite;
+  const isComposite = product.type === chunk3QPO2UK5_js.PRODUCT_TYPE.Composite;
   return /* @__PURE__ */ jsxRuntime.jsxs(CardShell, { product, renderLink, className, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(CardImage, { src: image, alt: product.name, aspectRatio: "square", renderImage, children: [
       isSignature && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "absolute top-3 left-3 inline-flex items-center gap-1 text-[11px] font-semibold tracking-wide bg-amber-50 text-amber-700 border border-amber-200/60 px-2 py-0.5 rounded-md", children: [
@@ -10285,26 +10286,26 @@ var BUILT_IN_CARDS = {
   ["composite" /* Composite */]: CompositeProductCard,
   ["subscription" /* Subscription */]: SubscriptionCard
 };
-var RENTAL_UNITS = /* @__PURE__ */ new Set([chunkJYPLT56O_js.DURATION_UNIT.Days, chunkJYPLT56O_js.DURATION_UNIT.Hours]);
-var LEASE_UNITS = /* @__PURE__ */ new Set([chunkJYPLT56O_js.DURATION_UNIT.Weeks, chunkJYPLT56O_js.DURATION_UNIT.Months, chunkJYPLT56O_js.DURATION_UNIT.Years]);
+var RENTAL_UNITS = /* @__PURE__ */ new Set([chunk3QPO2UK5_js.DURATION_UNIT.Days, chunk3QPO2UK5_js.DURATION_UNIT.Hours]);
+var LEASE_UNITS = /* @__PURE__ */ new Set([chunk3QPO2UK5_js.DURATION_UNIT.Weeks, chunk3QPO2UK5_js.DURATION_UNIT.Months, chunk3QPO2UK5_js.DURATION_UNIT.Years]);
 function resolveCardVariant(product) {
-  if (product.type === chunkJYPLT56O_js.PRODUCT_TYPE.Bundle) {
+  if (product.type === chunk3QPO2UK5_js.PRODUCT_TYPE.Bundle) {
     return "bundle" /* Bundle */;
   }
-  if (product.type === chunkJYPLT56O_js.PRODUCT_TYPE.Composite) {
+  if (product.type === chunk3QPO2UK5_js.PRODUCT_TYPE.Composite) {
     return "composite" /* Composite */;
   }
   if (product.quantity_pricing && product.quantity_pricing.length > 1) {
     return "wholesale" /* Wholesale */;
   }
-  if (product.type === chunkJYPLT56O_js.PRODUCT_TYPE.Digital) {
+  if (product.type === chunk3QPO2UK5_js.PRODUCT_TYPE.Digital) {
     return "digital" /* Digital */;
   }
-  if (product.type === chunkJYPLT56O_js.PRODUCT_TYPE.Service) {
+  if (product.type === chunk3QPO2UK5_js.PRODUCT_TYPE.Service) {
     if (product.duration_unit && RENTAL_UNITS.has(product.duration_unit)) {
       return "rental" /* Rental */;
     }
-    if (product.duration_unit === chunkJYPLT56O_js.DURATION_UNIT.Nights) {
+    if (product.duration_unit === chunk3QPO2UK5_js.DURATION_UNIT.Nights) {
       return "accommodation" /* Accommodation */;
     }
     if (product.duration_unit && LEASE_UNITS.has(product.duration_unit)) {
@@ -10315,10 +10316,10 @@ function resolveCardVariant(product) {
     }
     return "standard" /* Standard */;
   }
-  if (product.render_hint === chunkJYPLT56O_js.RENDER_HINT.Food) {
+  if (product.render_hint === chunk3QPO2UK5_js.RENDER_HINT.Food) {
     return "food" /* Food */;
   }
-  if (product.render_hint === chunkJYPLT56O_js.RENDER_HINT.Physical) {
+  if (product.render_hint === chunk3QPO2UK5_js.RENDER_HINT.Physical) {
     return "retail" /* Retail */;
   }
   return "retail" /* Retail */;
@@ -12623,7 +12624,8 @@ function DefaultProductLayout({
   showRelated = true,
   className
 }) {
-  const images = product.images || (product.image_url ? [product.image_url] : []);
+  const [selectedVariantId, setSelectedVariantId] = React12__default.default.useState();
+  const images = chunk3QPO2UK5_js.resolveGallery(product, selectedVariantId);
   const hasRange = product.quantity_pricing && product.quantity_pricing.length > 1 || product.variants && product.variants.length > 1;
   const onSale = chunk7Y2O3E4D_js.isOnSale(product);
   const hasPhysicalDetails = product.sku || product.vendor || product.material;
@@ -12688,7 +12690,8 @@ function DefaultProductLayout({
             ProductCustomizer,
             {
               product,
-              onAddToCart
+              onAddToCart,
+              onVariantChange: (variantId) => setSelectedVariantId(variantId)
             }
           )
         ] })
@@ -13258,25 +13261,25 @@ function resolveTemplateKey(product) {
   if (typeof metaTemplate === "string" && metaTemplate.trim()) {
     return metaTemplate.trim();
   }
-  if (product.type === chunkJYPLT56O_js.PRODUCT_TYPE.Bundle) {
+  if (product.type === chunk3QPO2UK5_js.PRODUCT_TYPE.Bundle) {
     return "bundle" /* Bundle */;
   }
-  if (product.type === chunkJYPLT56O_js.PRODUCT_TYPE.Composite) {
+  if (product.type === chunk3QPO2UK5_js.PRODUCT_TYPE.Composite) {
     return "composite" /* Composite */;
   }
   if (product.quantity_pricing && product.quantity_pricing.length > 1) {
     return "wholesale" /* Wholesale */;
   }
-  if (product.type === chunkJYPLT56O_js.PRODUCT_TYPE.Service) {
+  if (product.type === chunk3QPO2UK5_js.PRODUCT_TYPE.Service) {
     return "service" /* Service */;
   }
-  if (product.type === chunkJYPLT56O_js.PRODUCT_TYPE.Digital) {
+  if (product.type === chunk3QPO2UK5_js.PRODUCT_TYPE.Digital) {
     return "digital" /* Digital */;
   }
-  if (product.render_hint === chunkJYPLT56O_js.RENDER_HINT.Food) {
+  if (product.render_hint === chunk3QPO2UK5_js.RENDER_HINT.Food) {
     return "food" /* Food */;
   }
-  if (product.render_hint === chunkJYPLT56O_js.RENDER_HINT.Physical) {
+  if (product.render_hint === chunk3QPO2UK5_js.RENDER_HINT.Physical) {
     return "physical" /* Physical */;
   }
   return "default" /* Default */;
@@ -15502,7 +15505,7 @@ function SparkleIcon({ className }) {
 
 Object.defineProperty(exports, "getVariantDisplayName", {
   enumerable: true,
-  get: function () { return chunkJYPLT56O_js.getVariantDisplayName; }
+  get: function () { return chunk3QPO2UK5_js.getVariantDisplayName; }
 });
 exports.AccommodationCard = AccommodationCard;
 exports.AccountContent = AccountContent;

package/dist/react.mjs

@@ -1,6 +1,7 @@
 "use client";
-import { DURATION_UNIT, getVariantDisplayName, INPUT_FIELD_TYPE, PRODUCT_TYPE, startSignIn, RENDER_HINT } from './chunk-XYI4NXWG.mjs';
-export { getVariantDisplayName } from './chunk-XYI4NXWG.mjs';
+import { DURATION_UNIT, getVariantDisplayName, INPUT_FIELD_TYPE, PRODUCT_TYPE, resolveGallery, startSignIn, RENDER_HINT } from './chunk-TGAROSXB.mjs';
+export { getVariantDisplayName } from './chunk-TGAROSXB.mjs';
+import './chunk-ZKTXRWP6.mjs';
 import { createCimplifyClient } from './chunk-SQ7U3BWY.mjs';
 import { ELEMENT_TYPES, EVENT_TYPES } from './chunk-I4IXPQIX.mjs';
 import { formatPrice, parsePrice, getUnitPriceAtQuantity, isOnSale, getDiscountPercentage, getBasePrice, getPriceRange, formatPriceRange } from './chunk-TD3AY34U.mjs';
@@ -12618,7 +12619,8 @@ function DefaultProductLayout({
   showRelated = true,
   className
 }) {
-  const images = product.images || (product.image_url ? [product.image_url] : []);
+  const [selectedVariantId, setSelectedVariantId] = React12.useState();
+  const images = resolveGallery(product, selectedVariantId);
   const hasRange = product.quantity_pricing && product.quantity_pricing.length > 1 || product.variants && product.variants.length > 1;
   const onSale = isOnSale(product);
   const hasPhysicalDetails = product.sku || product.vendor || product.material;
@@ -12683,7 +12685,8 @@ function DefaultProductLayout({
             ProductCustomizer,
             {
               product,
-              onAddToCart
+              onAddToCart,
+              onVariantChange: (variantId) => setSelectedVariantId(variantId)
             }
           )
         ] })

package/dist/server.d.mts

@@ -233,7 +233,18 @@ interface CallbackHandlerOptions extends OidcConfig {
     redirectUri: string;
 }
 declare function handleOidcCallback(req: Request, opts: CallbackHandlerOptions): Promise<Response>;
+interface RedirectCallbackOptions extends OidcConfig {
+    redirectUri: string;
+    defaultReturnTo?: string;
+}
+/**
+ * Completes the redirect sign-in flow. The browser lands here (a top-level GET
+ * to the storefront's registered redirect_uri) carrying ?code&state; the PKCE
+ * verifier rides along in the first-party cimplify_pkce cookie. Exchanges the
+ * code server-side, sets the session cookies, and 302s back to returnTo.
+ */
+declare function handleRedirectCallback(req: Request, opts: RedirectCallbackOptions): Promise<Response>;
 declare function handleSessionRequest(req: Request, cfg: OidcConfig): Promise<Response>;
 declare function getSessionFromCookieHeader(cfg: OidcConfig, cookieHeader: string | null | undefined): Promise<CimplifySession | null>;
 
-export { CACHE_LIFE_DEFAULT, CACHE_LIFE_PROBE, type CacheLifeDefault, type CacheLifeProbe, type CallbackHandlerOptions, CimplifyClient, type CimplifySession, type CodeExchangeOptions, type CodeExchangeResult, type OidcConfig, type RevalidateProfile, type ServerClientOptions, buildAccessTokenCookie, buildSessionCookie, buildSignoutCookie, buildSignoutCookies, exchangeCode, getAccessTokenFromCookieHeader, getServerClient, getSessionFromCookieHeader, handleOidcCallback, handleSessionRequest, refreshPage, revalidateAddOn, revalidateAddOns, revalidateBrand, revalidateBusiness, revalidateByTag, revalidateCategories, revalidateCategory, revalidateCollection, revalidateCollections, revalidateLocation, revalidateLocations, revalidatePricing, revalidateProduct, revalidateProducts, revalidateStock, revalidateSubscription, revalidateSubscriptions, tags, updateAddOn, updateAddOns, updateBrand, updateBusiness, updateByTag, updateCategories, updateCategory, updateCollection, updateCollections, updateLocation, updateLocations, updatePricing, updateProduct, updateProducts, updateStock, updateSubscription, updateSubscriptions, verifyIdToken };
+export { CACHE_LIFE_DEFAULT, CACHE_LIFE_PROBE, type CacheLifeDefault, type CacheLifeProbe, type CallbackHandlerOptions, CimplifyClient, type CimplifySession, type CodeExchangeOptions, type CodeExchangeResult, type OidcConfig, type RedirectCallbackOptions, type RevalidateProfile, type ServerClientOptions, buildAccessTokenCookie, buildSessionCookie, buildSignoutCookie, buildSignoutCookies, exchangeCode, getAccessTokenFromCookieHeader, getServerClient, getSessionFromCookieHeader, handleOidcCallback, handleRedirectCallback, handleSessionRequest, refreshPage, revalidateAddOn, revalidateAddOns, revalidateBrand, revalidateBusiness, revalidateByTag, revalidateCategories, revalidateCategory, revalidateCollection, revalidateCollections, revalidateLocation, revalidateLocations, revalidatePricing, revalidateProduct, revalidateProducts, revalidateStock, revalidateSubscription, revalidateSubscriptions, tags, updateAddOn, updateAddOns, updateBrand, updateBusiness, updateByTag, updateCategories, updateCategory, updateCollection, updateCollections, updateLocation, updateLocations, updatePricing, updateProduct, updateProducts, updateStock, updateSubscription, updateSubscriptions, verifyIdToken };

package/dist/server.d.ts

@@ -233,7 +233,18 @@ interface CallbackHandlerOptions extends OidcConfig {
     redirectUri: string;
 }
 declare function handleOidcCallback(req: Request, opts: CallbackHandlerOptions): Promise<Response>;
+interface RedirectCallbackOptions extends OidcConfig {
+    redirectUri: string;
+    defaultReturnTo?: string;
+}
+/**
+ * Completes the redirect sign-in flow. The browser lands here (a top-level GET
+ * to the storefront's registered redirect_uri) carrying ?code&state; the PKCE
+ * verifier rides along in the first-party cimplify_pkce cookie. Exchanges the
+ * code server-side, sets the session cookies, and 302s back to returnTo.
+ */
+declare function handleRedirectCallback(req: Request, opts: RedirectCallbackOptions): Promise<Response>;
 declare function handleSessionRequest(req: Request, cfg: OidcConfig): Promise<Response>;
 declare function getSessionFromCookieHeader(cfg: OidcConfig, cookieHeader: string | null | undefined): Promise<CimplifySession | null>;
 
-export { CACHE_LIFE_DEFAULT, CACHE_LIFE_PROBE, type CacheLifeDefault, type CacheLifeProbe, type CallbackHandlerOptions, CimplifyClient, type CimplifySession, type CodeExchangeOptions, type CodeExchangeResult, type OidcConfig, type RevalidateProfile, type ServerClientOptions, buildAccessTokenCookie, buildSessionCookie, buildSignoutCookie, buildSignoutCookies, exchangeCode, getAccessTokenFromCookieHeader, getServerClient, getSessionFromCookieHeader, handleOidcCallback, handleSessionRequest, refreshPage, revalidateAddOn, revalidateAddOns, revalidateBrand, revalidateBusiness, revalidateByTag, revalidateCategories, revalidateCategory, revalidateCollection, revalidateCollections, revalidateLocation, revalidateLocations, revalidatePricing, revalidateProduct, revalidateProducts, revalidateStock, revalidateSubscription, revalidateSubscriptions, tags, updateAddOn, updateAddOns, updateBrand, updateBusiness, updateByTag, updateCategories, updateCategory, updateCollection, updateCollections, updateLocation, updateLocations, updatePricing, updateProduct, updateProducts, updateStock, updateSubscription, updateSubscriptions, verifyIdToken };
+export { CACHE_LIFE_DEFAULT, CACHE_LIFE_PROBE, type CacheLifeDefault, type CacheLifeProbe, type CallbackHandlerOptions, CimplifyClient, type CimplifySession, type CodeExchangeOptions, type CodeExchangeResult, type OidcConfig, type RedirectCallbackOptions, type RevalidateProfile, type ServerClientOptions, buildAccessTokenCookie, buildSessionCookie, buildSignoutCookie, buildSignoutCookies, exchangeCode, getAccessTokenFromCookieHeader, getServerClient, getSessionFromCookieHeader, handleOidcCallback, handleRedirectCallback, handleSessionRequest, refreshPage, revalidateAddOn, revalidateAddOns, revalidateBrand, revalidateBusiness, revalidateByTag, revalidateCategories, revalidateCategory, revalidateCollection, revalidateCollections, revalidateLocation, revalidateLocations, revalidatePricing, revalidateProduct, revalidateProducts, revalidateStock, revalidateSubscription, revalidateSubscriptions, tags, updateAddOn, updateAddOns, updateBrand, updateBusiness, updateByTag, updateCategories, updateCategory, updateCollection, updateCollections, updateLocation, updateLocations, updatePricing, updateProduct, updateProducts, updateStock, updateSubscription, updateSubscriptions, verifyIdToken };

package/dist/server.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var chunkLA2T2TPA_js = require('./chunk-LA2T2TPA.js');
 var chunkMW7ICTVK_js = require('./chunk-MW7ICTVK.js');
 require('./chunk-JGBDWEPJ.js');
 require('./chunk-7Y2O3E4D.js');
@@ -240,6 +241,11 @@ async function refreshPage() {
 var DEFAULT_AUTH_URL = "https://auth.cimplify.io";
 var SESSION_COOKIE = "cimplify_session";
 var ACCESS_TOKEN_COOKIE = "cimplify_access";
+var HEADER_LOCATION = "Location";
+var PARAM_CODE = "code";
+var PARAM_STATE = "state";
+var PARAM_ERROR = "error";
+var QUERY_AUTH_ERROR = "cimplify_auth_error";
 var discoveryCache = /* @__PURE__ */ new Map();
 var jwksCache = /* @__PURE__ */ new Map();
 function authUrl(cfg) {
@@ -415,6 +421,56 @@ async function handleOidcCallback(req, opts) {
   headers.append("Set-Cookie", buildAccessTokenCookie(opts, tokens.accessToken, tokens.expiresIn));
   return new Response(JSON.stringify({ ok: true }), { status: 200, headers });
 }
+function readPkceCookie(cookieHeader) {
+  if (!cookieHeader) return null;
+  const match = cookieHeader.split(/;\s*/).find((p) => p.startsWith(`${chunkLA2T2TPA_js.PKCE_COOKIE}=`));
+  if (!match) return null;
+  return chunkLA2T2TPA_js.decodePkceState(match.slice(chunkLA2T2TPA_js.PKCE_COOKIE.length + 1));
+}
+function buildPkceClearCookie() {
+  return `${chunkLA2T2TPA_js.PKCE_COOKIE}=; Path=${chunkLA2T2TPA_js.PKCE_COOKIE_PATH}; Max-Age=0; Secure; SameSite=Lax`;
+}
+function safeReturnPath(returnTo, fallback) {
+  if (returnTo && returnTo.startsWith("/") && !returnTo.startsWith("//")) return returnTo;
+  return fallback;
+}
+function withAuthError(path, reason) {
+  const sep = path.includes("?") ? "&" : "?";
+  return `${path}${sep}${QUERY_AUTH_ERROR}=${encodeURIComponent(reason)}`;
+}
+async function handleRedirectCallback(req, opts) {
+  const url = new URL(req.url);
+  const code = url.searchParams.get(PARAM_CODE);
+  const urlState = url.searchParams.get(PARAM_STATE);
+  const authError = url.searchParams.get(PARAM_ERROR);
+  const pkce = readPkceCookie(req.headers.get("cookie"));
+  const returnTo = safeReturnPath(pkce?.returnTo, opts.defaultReturnTo ?? "/");
+  const fail = (reason) => {
+    const headers2 = new Headers({ [HEADER_LOCATION]: withAuthError(returnTo, reason) });
+    headers2.append("Set-Cookie", buildPkceClearCookie());
+    return new Response(null, { status: 302, headers: headers2 });
+  };
+  if (authError) return fail(authError);
+  if (!code || !pkce) return fail("missing_code");
+  if (!urlState || urlState !== pkce.state) return fail("state_mismatch");
+  let tokens;
+  try {
+    tokens = await exchangeCode({ ...opts, code, codeVerifier: pkce.verifier });
+  } catch {
+    return fail("exchange_failed");
+  }
+  if (!tokens.idToken) return fail("missing_id_token");
+  try {
+    await verifyIdToken(opts, tokens.idToken);
+  } catch {
+    return fail("id_token_invalid");
+  }
+  const headers = new Headers({ [HEADER_LOCATION]: returnTo });
+  headers.append("Set-Cookie", buildSessionCookie(opts, tokens.idToken, tokens.expiresIn));
+  headers.append("Set-Cookie", buildAccessTokenCookie(opts, tokens.accessToken, tokens.expiresIn));
+  headers.append("Set-Cookie", buildPkceClearCookie());
+  return new Response(null, { status: 302, headers });
+}
 async function handleSessionRequest(req, cfg) {
   const session = await getSessionFromCookieHeader(cfg, req.headers.get("cookie"));
   if (!session) {
@@ -458,6 +514,7 @@ exports.getAccessTokenFromCookieHeader = getAccessTokenFromCookieHeader;
 exports.getServerClient = getServerClient;
 exports.getSessionFromCookieHeader = getSessionFromCookieHeader;
 exports.handleOidcCallback = handleOidcCallback;
+exports.handleRedirectCallback = handleRedirectCallback;
 exports.handleSessionRequest = handleSessionRequest;
 exports.refreshPage = refreshPage;
 exports.revalidateAddOn = revalidateAddOn;

package/dist/server.mjs

@@ -1,3 +1,4 @@
+import { PKCE_COOKIE, decodePkceState, PKCE_COOKIE_PATH } from './chunk-ZKTXRWP6.mjs';
 import { createCimplifyClient } from './chunk-SQ7U3BWY.mjs';
 import './chunk-I4IXPQIX.mjs';
 import './chunk-TD3AY34U.mjs';
@@ -238,6 +239,11 @@ async function refreshPage() {
 var DEFAULT_AUTH_URL = "https://auth.cimplify.io";
 var SESSION_COOKIE = "cimplify_session";
 var ACCESS_TOKEN_COOKIE = "cimplify_access";
+var HEADER_LOCATION = "Location";
+var PARAM_CODE = "code";
+var PARAM_STATE = "state";
+var PARAM_ERROR = "error";
+var QUERY_AUTH_ERROR = "cimplify_auth_error";
 var discoveryCache = /* @__PURE__ */ new Map();
 var jwksCache = /* @__PURE__ */ new Map();
 function authUrl(cfg) {
@@ -413,6 +419,56 @@ async function handleOidcCallback(req, opts) {
   headers.append("Set-Cookie", buildAccessTokenCookie(opts, tokens.accessToken, tokens.expiresIn));
   return new Response(JSON.stringify({ ok: true }), { status: 200, headers });
 }
+function readPkceCookie(cookieHeader) {
+  if (!cookieHeader) return null;
+  const match = cookieHeader.split(/;\s*/).find((p) => p.startsWith(`${PKCE_COOKIE}=`));
+  if (!match) return null;
+  return decodePkceState(match.slice(PKCE_COOKIE.length + 1));
+}
+function buildPkceClearCookie() {
+  return `${PKCE_COOKIE}=; Path=${PKCE_COOKIE_PATH}; Max-Age=0; Secure; SameSite=Lax`;
+}
+function safeReturnPath(returnTo, fallback) {
+  if (returnTo && returnTo.startsWith("/") && !returnTo.startsWith("//")) return returnTo;
+  return fallback;
+}
+function withAuthError(path, reason) {
+  const sep = path.includes("?") ? "&" : "?";
+  return `${path}${sep}${QUERY_AUTH_ERROR}=${encodeURIComponent(reason)}`;
+}
+async function handleRedirectCallback(req, opts) {
+  const url = new URL(req.url);
+  const code = url.searchParams.get(PARAM_CODE);
+  const urlState = url.searchParams.get(PARAM_STATE);
+  const authError = url.searchParams.get(PARAM_ERROR);
+  const pkce = readPkceCookie(req.headers.get("cookie"));
+  const returnTo = safeReturnPath(pkce?.returnTo, opts.defaultReturnTo ?? "/");
+  const fail = (reason) => {
+    const headers2 = new Headers({ [HEADER_LOCATION]: withAuthError(returnTo, reason) });
+    headers2.append("Set-Cookie", buildPkceClearCookie());
+    return new Response(null, { status: 302, headers: headers2 });
+  };
+  if (authError) return fail(authError);
+  if (!code || !pkce) return fail("missing_code");
+  if (!urlState || urlState !== pkce.state) return fail("state_mismatch");
+  let tokens;
+  try {
+    tokens = await exchangeCode({ ...opts, code, codeVerifier: pkce.verifier });
+  } catch {
+    return fail("exchange_failed");
+  }
+  if (!tokens.idToken) return fail("missing_id_token");
+  try {
+    await verifyIdToken(opts, tokens.idToken);
+  } catch {
+    return fail("id_token_invalid");
+  }
+  const headers = new Headers({ [HEADER_LOCATION]: returnTo });
+  headers.append("Set-Cookie", buildSessionCookie(opts, tokens.idToken, tokens.expiresIn));
+  headers.append("Set-Cookie", buildAccessTokenCookie(opts, tokens.accessToken, tokens.expiresIn));
+  headers.append("Set-Cookie", buildPkceClearCookie());
+  return new Response(null, { status: 302, headers });
+}
 async function handleSessionRequest(req, cfg) {
   const session = await getSessionFromCookieHeader(cfg, req.headers.get("cookie"));
   if (!session) {
@@ -441,4 +497,4 @@ async function getSessionFromCookieHeader(cfg, cookieHeader) {
   }
 }
 
-export { CACHE_LIFE_DEFAULT, CACHE_LIFE_PROBE, buildAccessTokenCookie, buildSessionCookie, buildSignoutCookie, buildSignoutCookies, exchangeCode, getAccessTokenFromCookieHeader, getServerClient, getSessionFromCookieHeader, handleOidcCallback, handleSessionRequest, refreshPage, revalidateAddOn, revalidateAddOns, revalidateBrand, revalidateBusiness, revalidateByTag, revalidateCategories, revalidateCategory, revalidateCollection, revalidateCollections, revalidateLocation, revalidateLocations, revalidatePricing, revalidateProduct, revalidateProducts, revalidateStock, revalidateSubscription, revalidateSubscriptions, tags, updateAddOn, updateAddOns, updateBrand, updateBusiness, updateByTag, updateCategories, updateCategory, updateCollection, updateCollections, updateLocation, updateLocations, updatePricing, updateProduct, updateProducts, updateStock, updateSubscription, updateSubscriptions, verifyIdToken };
+export { CACHE_LIFE_DEFAULT, CACHE_LIFE_PROBE, buildAccessTokenCookie, buildSessionCookie, buildSignoutCookie, buildSignoutCookies, exchangeCode, getAccessTokenFromCookieHeader, getServerClient, getSessionFromCookieHeader, handleOidcCallback, handleRedirectCallback, handleSessionRequest, refreshPage, revalidateAddOn, revalidateAddOns, revalidateBrand, revalidateBusiness, revalidateByTag, revalidateCategories, revalidateCategory, revalidateCollection, revalidateCollections, revalidateLocation, revalidateLocations, revalidatePricing, revalidateProduct, revalidateProducts, revalidateStock, revalidateSubscription, revalidateSubscriptions, tags, updateAddOn, updateAddOns, updateBrand, updateBusiness, updateByTag, updateCategories, updateCategory, updateCollection, updateCollections, updateLocation, updateLocations, updatePricing, updateProduct, updateProducts, updateStock, updateSubscription, updateSubscriptions, verifyIdToken };

package/dist/{sign-in-TL01-awQ.d.mts → sign-in-CZ2ioBAP.d.mts}

@@ -33,6 +33,15 @@ interface SignInOptions {
     authUrl?: string;
     loginHint?: string;
     prompt?: "none" | "login" | "consent";
+    /**
+     * "redirect" (default) navigates the top-level window to the IdP and back —
+     * works in every browser, on any domain, because the IdP is first-party
+     * during the hop. "modal" opens an iframe and only works where third-party
+     * cookies are allowed (Chrome today; not Safari/Firefox).
+     */
+    mode?: "redirect" | "modal";
+    /** Where to land after a successful redirect sign-in. Defaults to the current path. */
+    returnTo?: string;
     onError?: (err: {
         error: string;
         description?: string;

package/dist/{sign-in-TL01-awQ.d.ts → sign-in-CZ2ioBAP.d.ts}

@@ -33,6 +33,15 @@ interface SignInOptions {
     authUrl?: string;
     loginHint?: string;
     prompt?: "none" | "login" | "consent";
+    /**
+     * "redirect" (default) navigates the top-level window to the IdP and back —
+     * works in every browser, on any domain, because the IdP is first-party
+     * during the hop. "modal" opens an iframe and only works where third-party
+     * cookies are allowed (Chrome today; not Safari/Firefox).
+     */
+    mode?: "redirect" | "modal";
+    /** Where to land after a successful redirect sign-in. Defaults to the current path. */
+    returnTo?: string;
     onError?: (err: {
         error: string;
         description?: string;

package/package.json

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

package/registry/default-product-layout.json

@@ -15,7 +15,7 @@
   "files": [
     {
       "path": "layouts/default-product-layout.tsx",
-      "content": "\"use client\";\n\nimport React from \"react\";\nimport type { ProductLayoutProps } from \"@cimplify/sdk/react\";\nimport {\n  TwoColumnGrid,\n  RelatedProductsSection,\n  CustomAttributesTable,\n  PropertiesTable,\n  TagPills,\n  InventoryBadge,\n} from \"@cimplify/sdk/react\";\nimport { ProductImageGallery } from \"@cimplify/sdk/react\";\nimport { ProductCustomizer } from \"@cimplify/sdk/react\";\nimport { Price } from \"@cimplify/sdk/react\";\nimport { PriceRange } from \"@cimplify/sdk/react\";\nimport { AvailabilityBadge } from \"@cimplify/sdk/react\";\nimport { SaleBadge } from \"@cimplify/sdk/react\";\nimport { parsePrice, isOnSale, getBasePrice, getDiscountPercentage } from \"@cimplify/sdk\";\nimport { cn } from \"@cimplify/sdk/react\";\n\nexport function DefaultProductLayout({\n  product,\n  onAddToCart,\n  renderBreadcrumb,\n  relatedProducts,\n  showRelated = true,\n  className,\n}: ProductLayoutProps): React.ReactElement {\n  const images = product.images || (product.image_url ? [product.image_url] : []);\n  const hasRange = (product.quantity_pricing && product.quantity_pricing.length > 1)\n    || (product.variants && product.variants.length > 1);\n  const onSale = isOnSale(product);\n  const hasPhysicalDetails = product.sku || product.vendor || product.material;\n\n  return (\n    <div data-cimplify-product-layout=\"default\" className={cn(\"space-y-8\", className)}>\n      {renderBreadcrumb?.(product)}\n\n      <TwoColumnGrid\n        left={\n          <ProductImageGallery\n            images={images}\n            productName={product.name}\n          />\n        }\n        right={\n          <div className=\"space-y-6\">\n            {/* Brand + Tags */}\n            <div className=\"flex flex-wrap items-center gap-2\">\n              {product.vendor && (\n                <span className=\"text-xs font-semibold text-muted-foreground uppercase tracking-widest\">\n                  {product.vendor}\n                </span>\n              )}\n              <TagPills tags={product.tags || []} />\n            </div>\n\n            {/* Name */}\n            <h1 data-cimplify-product-layout-name className=\"text-3xl lg:text-4xl font-extrabold tracking-tight\">\n              {product.name}\n            </h1>\n\n            {/* Price */}\n            <div className=\"flex items-baseline gap-3\">\n              {hasRange ? (\n                <PriceRange product={product} className=\"text-2xl font-extrabold\" />\n              ) : onSale ? (\n                <>\n                  <Price amount={product.default_price} className=\"text-2xl font-extrabold\" />\n                  <Price amount={getBasePrice(product)} className=\"text-lg text-muted-foreground line-through\" />\n                  <span className=\"text-sm font-bold text-destructive bg-destructive/10 px-2 py-0.5\">\n                    Save {getDiscountPercentage(product)}%\n                  </span>\n                </>\n              ) : (\n                <Price amount={product.default_price} className=\"text-2xl font-semibold\" />\n              )}\n            </div>\n\n            {/* Inventory */}\n            <InventoryBadge product={product} />\n\n            {/* Description */}\n            {product.description && (\n              <p data-cimplify-product-layout-description className=\"text-muted-foreground leading-relaxed\">\n                {product.description}\n              </p>\n            )}\n\n            {/* Physical product details */}\n            {hasPhysicalDetails && (\n              <div data-cimplify-product-layout-details className=\"space-y-1 text-sm text-muted-foreground\">\n                {product.sku && <p>SKU: <span className=\"font-mono text-foreground\">{product.sku}</span></p>}\n                {product.barcode && <p>Barcode: <span className=\"font-mono text-foreground\">{product.barcode}</span></p>}\n                {product.material && <p>Material: <span className=\"text-foreground\">{product.material}</span></p>}\n                {product.vendor && <p>Brand: <span className=\"text-foreground\">{product.vendor}</span></p>}\n                {(product.length_mm || product.width_mm || product.height_mm) && (\n                  <p>Dimensions: <span className=\"text-foreground\">\n                    {[product.length_mm, product.width_mm, product.height_mm]\n                      .filter(Boolean)\n                      .map((d) => `${(d! / 10).toFixed(1)} cm`)\n                      .join(\" x \")}\n                  </span></p>\n                )}\n                {product.item_condition && product.item_condition !== \"new\" && (\n                  <p>Condition: <span className=\"text-foreground capitalize\">{product.item_condition}</span></p>\n                )}\n              </div>\n            )}\n\n            {/* Custom Attributes */}\n            <CustomAttributesTable attributes={product.custom_attributes || []} />\n\n            {/* Properties */}\n            <PropertiesTable properties={product.properties || []} />\n\n            {/* Customizer */}\n            <ProductCustomizer\n              product={product}\n              onAddToCart={onAddToCart}\n            />\n          </div>\n        }\n      />\n\n      {showRelated && relatedProducts && relatedProducts.length > 0 && (\n        <RelatedProductsSection\n          products={relatedProducts}\n        />\n      )}\n    </div>\n  );\n}\n"
+      "content": "\"use client\";\n\nimport React from \"react\";\nimport type { ProductLayoutProps } from \"@cimplify/sdk/react\";\nimport {\n  TwoColumnGrid,\n  RelatedProductsSection,\n  CustomAttributesTable,\n  PropertiesTable,\n  TagPills,\n  InventoryBadge,\n} from \"@cimplify/sdk/react\";\nimport { ProductImageGallery } from \"@cimplify/sdk/react\";\nimport { ProductCustomizer } from \"@cimplify/sdk/react\";\nimport { resolveGallery } from \"../../gallery\";\nimport { Price } from \"@cimplify/sdk/react\";\nimport { PriceRange } from \"@cimplify/sdk/react\";\nimport { AvailabilityBadge } from \"@cimplify/sdk/react\";\nimport { SaleBadge } from \"@cimplify/sdk/react\";\nimport { parsePrice, isOnSale, getBasePrice, getDiscountPercentage } from \"@cimplify/sdk\";\nimport { cn } from \"@cimplify/sdk/react\";\n\nexport function DefaultProductLayout({\n  product,\n  onAddToCart,\n  renderBreadcrumb,\n  relatedProducts,\n  showRelated = true,\n  className,\n}: ProductLayoutProps): React.ReactElement {\n  const [selectedVariantId, setSelectedVariantId] = React.useState<string | undefined>();\n  const images = resolveGallery(product, selectedVariantId);\n  const hasRange = (product.quantity_pricing && product.quantity_pricing.length > 1)\n    || (product.variants && product.variants.length > 1);\n  const onSale = isOnSale(product);\n  const hasPhysicalDetails = product.sku || product.vendor || product.material;\n\n  return (\n    <div data-cimplify-product-layout=\"default\" className={cn(\"space-y-8\", className)}>\n      {renderBreadcrumb?.(product)}\n\n      <TwoColumnGrid\n        left={\n          <ProductImageGallery\n            images={images}\n            productName={product.name}\n          />\n        }\n        right={\n          <div className=\"space-y-6\">\n            {/* Brand + Tags */}\n            <div className=\"flex flex-wrap items-center gap-2\">\n              {product.vendor && (\n                <span className=\"text-xs font-semibold text-muted-foreground uppercase tracking-widest\">\n                  {product.vendor}\n                </span>\n              )}\n              <TagPills tags={product.tags || []} />\n            </div>\n\n            {/* Name */}\n            <h1 data-cimplify-product-layout-name className=\"text-3xl lg:text-4xl font-extrabold tracking-tight\">\n              {product.name}\n            </h1>\n\n            {/* Price */}\n            <div className=\"flex items-baseline gap-3\">\n              {hasRange ? (\n                <PriceRange product={product} className=\"text-2xl font-extrabold\" />\n              ) : onSale ? (\n                <>\n                  <Price amount={product.default_price} className=\"text-2xl font-extrabold\" />\n                  <Price amount={getBasePrice(product)} className=\"text-lg text-muted-foreground line-through\" />\n                  <span className=\"text-sm font-bold text-destructive bg-destructive/10 px-2 py-0.5\">\n                    Save {getDiscountPercentage(product)}%\n                  </span>\n                </>\n              ) : (\n                <Price amount={product.default_price} className=\"text-2xl font-semibold\" />\n              )}\n            </div>\n\n            {/* Inventory */}\n            <InventoryBadge product={product} />\n\n            {/* Description */}\n            {product.description && (\n              <p data-cimplify-product-layout-description className=\"text-muted-foreground leading-relaxed\">\n                {product.description}\n              </p>\n            )}\n\n            {/* Physical product details */}\n            {hasPhysicalDetails && (\n              <div data-cimplify-product-layout-details className=\"space-y-1 text-sm text-muted-foreground\">\n                {product.sku && <p>SKU: <span className=\"font-mono text-foreground\">{product.sku}</span></p>}\n                {product.barcode && <p>Barcode: <span className=\"font-mono text-foreground\">{product.barcode}</span></p>}\n                {product.material && <p>Material: <span className=\"text-foreground\">{product.material}</span></p>}\n                {product.vendor && <p>Brand: <span className=\"text-foreground\">{product.vendor}</span></p>}\n                {(product.length_mm || product.width_mm || product.height_mm) && (\n                  <p>Dimensions: <span className=\"text-foreground\">\n                    {[product.length_mm, product.width_mm, product.height_mm]\n                      .filter(Boolean)\n                      .map((d) => `${(d! / 10).toFixed(1)} cm`)\n                      .join(\" x \")}\n                  </span></p>\n                )}\n                {product.item_condition && product.item_condition !== \"new\" && (\n                  <p>Condition: <span className=\"text-foreground capitalize\">{product.item_condition}</span></p>\n                )}\n              </div>\n            )}\n\n            {/* Custom Attributes */}\n            <CustomAttributesTable attributes={product.custom_attributes || []} />\n\n            {/* Properties */}\n            <PropertiesTable properties={product.properties || []} />\n\n            {/* Customizer */}\n            <ProductCustomizer\n              product={product}\n              onAddToCart={onAddToCart}\n              onVariantChange={(variantId) => setSelectedVariantId(variantId)}\n            />\n          </div>\n        }\n      />\n\n      {showRelated && relatedProducts && relatedProducts.length > 0 && (\n        <RelatedProductsSection\n          products={relatedProducts}\n        />\n      )}\n    </div>\n  );\n}\n"
     }
   ]
 }