@lexsis/storefront-components 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/PageRenderer.d.ts +8 -0
- package/dist/PageRenderer.d.ts.map +1 -0
- package/dist/PageRenderer.js +116 -0
- package/dist/PageRenderer.js.map +1 -0
- package/dist/SectionSkeleton.d.ts +2 -0
- package/dist/SectionSkeleton.d.ts.map +1 -0
- package/dist/SectionSkeleton.js +5 -0
- package/dist/SectionSkeleton.js.map +1 -0
- package/dist/ThemeContext.d.ts +11 -0
- package/dist/ThemeContext.d.ts.map +1 -0
- package/dist/ThemeContext.js +13 -0
- package/dist/ThemeContext.js.map +1 -0
- package/dist/ThemeProvider.d.ts +9 -0
- package/dist/ThemeProvider.d.ts.map +1 -0
- package/dist/ThemeProvider.js +227 -0
- package/dist/ThemeProvider.js.map +1 -0
- package/dist/ThemeToggle.d.ts +6 -0
- package/dist/ThemeToggle.d.ts.map +1 -0
- package/dist/ThemeToggle.js +26 -0
- package/dist/ThemeToggle.js.map +1 -0
- package/dist/animations/advanced-hooks.d.ts +36 -0
- package/dist/animations/advanced-hooks.d.ts.map +1 -0
- package/dist/animations/advanced-hooks.js +106 -0
- package/dist/animations/advanced-hooks.js.map +1 -0
- package/dist/animations/canvas-utils.d.ts +41 -0
- package/dist/animations/canvas-utils.d.ts.map +1 -0
- package/dist/animations/canvas-utils.js +115 -0
- package/dist/animations/canvas-utils.js.map +1 -0
- package/dist/animations/hooks.d.ts +48 -0
- package/dist/animations/hooks.d.ts.map +1 -0
- package/dist/animations/hooks.js +50 -0
- package/dist/animations/hooks.js.map +1 -0
- package/dist/animations/index.d.ts +4 -0
- package/dist/animations/index.d.ts.map +1 -0
- package/dist/animations/index.js +4 -0
- package/dist/animations/index.js.map +1 -0
- package/dist/animations/presets.d.ts +43 -0
- package/dist/animations/presets.d.ts.map +1 -0
- package/dist/animations/presets.js +278 -0
- package/dist/animations/presets.js.map +1 -0
- package/dist/animations/variants.d.ts +15 -0
- package/dist/animations/variants.d.ts.map +1 -0
- package/dist/animations/variants.js +90 -0
- package/dist/animations/variants.js.map +1 -0
- package/dist/backgrounds/BackgroundSection.d.ts +3 -0
- package/dist/backgrounds/BackgroundSection.d.ts.map +1 -0
- package/dist/backgrounds/BackgroundSection.js +205 -0
- package/dist/backgrounds/BackgroundSection.js.map +1 -0
- package/dist/buttons/ButtonSection.d.ts +3 -0
- package/dist/buttons/ButtonSection.d.ts.map +1 -0
- package/dist/buttons/ButtonSection.js +150 -0
- package/dist/buttons/ButtonSection.js.map +1 -0
- package/dist/cards/CardStack.d.ts +3 -0
- package/dist/cards/CardStack.d.ts.map +1 -0
- package/dist/cards/CardStack.js +140 -0
- package/dist/cards/CardStack.js.map +1 -0
- package/dist/cards/FeatureCard.d.ts +3 -0
- package/dist/cards/FeatureCard.d.ts.map +1 -0
- package/dist/cards/FeatureCard.js +100 -0
- package/dist/cards/FeatureCard.js.map +1 -0
- package/dist/cards/FeaturedCard.d.ts +3 -0
- package/dist/cards/FeaturedCard.d.ts.map +1 -0
- package/dist/cards/FeaturedCard.js +66 -0
- package/dist/cards/FeaturedCard.js.map +1 -0
- package/dist/cards/TerminalCard.d.ts +3 -0
- package/dist/cards/TerminalCard.d.ts.map +1 -0
- package/dist/cards/TerminalCard.js +73 -0
- package/dist/cards/TerminalCard.js.map +1 -0
- package/dist/cards/TestimonialCard.d.ts +3 -0
- package/dist/cards/TestimonialCard.d.ts.map +1 -0
- package/dist/cards/TestimonialCard.js +50 -0
- package/dist/cards/TestimonialCard.js.map +1 -0
- package/dist/cards/index.d.ts +2 -0
- package/dist/cards/index.d.ts.map +1 -0
- package/dist/cards/index.js +2 -0
- package/dist/cards/index.js.map +1 -0
- package/dist/cart/CartCheckoutBar.d.ts +3 -0
- package/dist/cart/CartCheckoutBar.d.ts.map +1 -0
- package/dist/cart/CartCheckoutBar.js +258 -0
- package/dist/cart/CartCheckoutBar.js.map +1 -0
- package/dist/cart/CartDiscount.d.ts +3 -0
- package/dist/cart/CartDiscount.d.ts.map +1 -0
- package/dist/cart/CartDiscount.js +78 -0
- package/dist/cart/CartDiscount.js.map +1 -0
- package/dist/cart/CartDrawer.d.ts +3 -0
- package/dist/cart/CartDrawer.d.ts.map +1 -0
- package/dist/cart/CartDrawer.js +141 -0
- package/dist/cart/CartDrawer.js.map +1 -0
- package/dist/cart/CartLines.d.ts +3 -0
- package/dist/cart/CartLines.d.ts.map +1 -0
- package/dist/cart/CartLines.js +227 -0
- package/dist/cart/CartLines.js.map +1 -0
- package/dist/cart/CartPage.d.ts +3 -0
- package/dist/cart/CartPage.d.ts.map +1 -0
- package/dist/cart/CartPage.js +128 -0
- package/dist/cart/CartPage.js.map +1 -0
- package/dist/cart/CartSummary.d.ts +3 -0
- package/dist/cart/CartSummary.d.ts.map +1 -0
- package/dist/cart/CartSummary.js +155 -0
- package/dist/cart/CartSummary.js.map +1 -0
- package/dist/cart/CartTrigger.d.ts +3 -0
- package/dist/cart/CartTrigger.d.ts.map +1 -0
- package/dist/cart/CartTrigger.js +45 -0
- package/dist/cart/CartTrigger.js.map +1 -0
- package/dist/cart/GuaranteeBanner.d.ts +3 -0
- package/dist/cart/GuaranteeBanner.d.ts.map +1 -0
- package/dist/cart/GuaranteeBanner.js +15 -0
- package/dist/cart/GuaranteeBanner.js.map +1 -0
- package/dist/cart/index.d.ts +8 -0
- package/dist/cart/index.d.ts.map +1 -0
- package/dist/cart/index.js +8 -0
- package/dist/cart/index.js.map +1 -0
- package/dist/content/BeforeAfterSlider.d.ts +3 -0
- package/dist/content/BeforeAfterSlider.d.ts.map +1 -0
- package/dist/content/BeforeAfterSlider.js +61 -0
- package/dist/content/BeforeAfterSlider.js.map +1 -0
- package/dist/content/ImageTextSplit.d.ts +3 -0
- package/dist/content/ImageTextSplit.d.ts.map +1 -0
- package/dist/content/ImageTextSplit.js +33 -0
- package/dist/content/ImageTextSplit.js.map +1 -0
- package/dist/content/LookbookGrid.d.ts +3 -0
- package/dist/content/LookbookGrid.d.ts.map +1 -0
- package/dist/content/LookbookGrid.js +183 -0
- package/dist/content/LookbookGrid.js.map +1 -0
- package/dist/content/ParallaxSection.d.ts +3 -0
- package/dist/content/ParallaxSection.d.ts.map +1 -0
- package/dist/content/ParallaxSection.js +66 -0
- package/dist/content/ParallaxSection.js.map +1 -0
- package/dist/content/RichText.d.ts +3 -0
- package/dist/content/RichText.d.ts.map +1 -0
- package/dist/content/RichText.js +21 -0
- package/dist/content/RichText.js.map +1 -0
- package/dist/content/index.d.ts +5 -0
- package/dist/content/index.d.ts.map +1 -0
- package/dist/content/index.js +5 -0
- package/dist/content/index.js.map +1 -0
- package/dist/content-types.d.ts +637 -0
- package/dist/content-types.d.ts.map +1 -0
- package/dist/content-types.js +2 -0
- package/dist/content-types.js.map +1 -0
- package/dist/context/LxCartContext.d.ts +71 -0
- package/dist/context/LxCartContext.d.ts.map +1 -0
- package/dist/context/LxCartContext.js +491 -0
- package/dist/context/LxCartContext.js.map +1 -0
- package/dist/context/LxEditorContext.d.ts +8 -0
- package/dist/context/LxEditorContext.d.ts.map +1 -0
- package/dist/context/LxEditorContext.js +10 -0
- package/dist/context/LxEditorContext.js.map +1 -0
- package/dist/context/LxPDPContext.d.ts +39 -0
- package/dist/context/LxPDPContext.d.ts.map +1 -0
- package/dist/context/LxPDPContext.js +52 -0
- package/dist/context/LxPDPContext.js.map +1 -0
- package/dist/cta/CtaFullWidth.d.ts +3 -0
- package/dist/cta/CtaFullWidth.d.ts.map +1 -0
- package/dist/cta/CtaFullWidth.js +30 -0
- package/dist/cta/CtaFullWidth.js.map +1 -0
- package/dist/cta/CtaStickyBottom.d.ts +3 -0
- package/dist/cta/CtaStickyBottom.d.ts.map +1 -0
- package/dist/cta/CtaStickyBottom.js +43 -0
- package/dist/cta/CtaStickyBottom.js.map +1 -0
- package/dist/cta/GuaranteeCta.d.ts +3 -0
- package/dist/cta/GuaranteeCta.d.ts.map +1 -0
- package/dist/cta/GuaranteeCta.js +27 -0
- package/dist/cta/GuaranteeCta.js.map +1 -0
- package/dist/cta/NewsletterSignup.d.ts +3 -0
- package/dist/cta/NewsletterSignup.d.ts.map +1 -0
- package/dist/cta/NewsletterSignup.js +35 -0
- package/dist/cta/NewsletterSignup.js.map +1 -0
- package/dist/cta/Popup.d.ts +3 -0
- package/dist/cta/Popup.d.ts.map +1 -0
- package/dist/cta/Popup.js +208 -0
- package/dist/cta/Popup.js.map +1 -0
- package/dist/cta/UrgencyCta.d.ts +3 -0
- package/dist/cta/UrgencyCta.d.ts.map +1 -0
- package/dist/cta/UrgencyCta.js +85 -0
- package/dist/cta/UrgencyCta.js.map +1 -0
- package/dist/cta/WaitlistCta.d.ts +3 -0
- package/dist/cta/WaitlistCta.d.ts.map +1 -0
- package/dist/cta/WaitlistCta.js +62 -0
- package/dist/cta/WaitlistCta.js.map +1 -0
- package/dist/cta/index.d.ts +3 -0
- package/dist/cta/index.d.ts.map +1 -0
- package/dist/cta/index.js +3 -0
- package/dist/cta/index.js.map +1 -0
- package/dist/effects/AnimatedBackground.d.ts +22 -0
- package/dist/effects/AnimatedBackground.d.ts.map +1 -0
- package/dist/effects/AnimatedBackground.js +313 -0
- package/dist/effects/AnimatedBackground.js.map +1 -0
- package/dist/effects/CanvasReveal.d.ts +5 -0
- package/dist/effects/CanvasReveal.d.ts.map +1 -0
- package/dist/effects/CanvasReveal.js +104 -0
- package/dist/effects/CanvasReveal.js.map +1 -0
- package/dist/effects/DecorativeOverlay.d.ts +10 -0
- package/dist/effects/DecorativeOverlay.d.ts.map +1 -0
- package/dist/effects/DecorativeOverlay.js +76 -0
- package/dist/effects/DecorativeOverlay.js.map +1 -0
- package/dist/effects/ScrollLinked.d.ts +3 -0
- package/dist/effects/ScrollLinked.d.ts.map +1 -0
- package/dist/effects/ScrollLinked.js +57 -0
- package/dist/effects/ScrollLinked.js.map +1 -0
- package/dist/effects/svg-library.d.ts +3 -0
- package/dist/effects/svg-library.d.ts.map +1 -0
- package/dist/effects/svg-library.js +105 -0
- package/dist/effects/svg-library.js.map +1 -0
- package/dist/faq/FaqAccordion.d.ts +3 -0
- package/dist/faq/FaqAccordion.d.ts.map +1 -0
- package/dist/faq/FaqAccordion.js +39 -0
- package/dist/faq/FaqAccordion.js.map +1 -0
- package/dist/faq/FaqTwoColumn.d.ts +3 -0
- package/dist/faq/FaqTwoColumn.d.ts.map +1 -0
- package/dist/faq/FaqTwoColumn.js +38 -0
- package/dist/faq/FaqTwoColumn.js.map +1 -0
- package/dist/faq/index.d.ts +3 -0
- package/dist/faq/index.d.ts.map +1 -0
- package/dist/faq/index.js +3 -0
- package/dist/faq/index.js.map +1 -0
- package/dist/features/BentoGrid.d.ts +3 -0
- package/dist/features/BentoGrid.d.ts.map +1 -0
- package/dist/features/BentoGrid.js +62 -0
- package/dist/features/BentoGrid.js.map +1 -0
- package/dist/features/FeatureGrid.d.ts +3 -0
- package/dist/features/FeatureGrid.d.ts.map +1 -0
- package/dist/features/FeatureGrid.js +89 -0
- package/dist/features/FeatureGrid.js.map +1 -0
- package/dist/features/FeatureTabs.d.ts +3 -0
- package/dist/features/FeatureTabs.d.ts.map +1 -0
- package/dist/features/FeatureTabs.js +64 -0
- package/dist/features/FeatureTabs.js.map +1 -0
- package/dist/features/ProcessSteps.d.ts +3 -0
- package/dist/features/ProcessSteps.d.ts.map +1 -0
- package/dist/features/ProcessSteps.js +74 -0
- package/dist/features/ProcessSteps.js.map +1 -0
- package/dist/heroes/HeroActivity.d.ts +3 -0
- package/dist/heroes/HeroActivity.d.ts.map +1 -0
- package/dist/heroes/HeroActivity.js +54 -0
- package/dist/heroes/HeroActivity.js.map +1 -0
- package/dist/heroes/HeroAnimated.d.ts +3 -0
- package/dist/heroes/HeroAnimated.d.ts.map +1 -0
- package/dist/heroes/HeroAnimated.js +101 -0
- package/dist/heroes/HeroAnimated.js.map +1 -0
- package/dist/heroes/HeroAurora.d.ts +3 -0
- package/dist/heroes/HeroAurora.d.ts.map +1 -0
- package/dist/heroes/HeroAurora.js +53 -0
- package/dist/heroes/HeroAurora.js.map +1 -0
- package/dist/heroes/HeroCarousel.d.ts +3 -0
- package/dist/heroes/HeroCarousel.d.ts.map +1 -0
- package/dist/heroes/HeroCarousel.js +187 -0
- package/dist/heroes/HeroCarousel.js.map +1 -0
- package/dist/heroes/HeroCentered.d.ts +3 -0
- package/dist/heroes/HeroCentered.d.ts.map +1 -0
- package/dist/heroes/HeroCentered.js +62 -0
- package/dist/heroes/HeroCentered.js.map +1 -0
- package/dist/heroes/HeroCinematicFullbleed.d.ts +3 -0
- package/dist/heroes/HeroCinematicFullbleed.d.ts.map +1 -0
- package/dist/heroes/HeroCinematicFullbleed.js +44 -0
- package/dist/heroes/HeroCinematicFullbleed.js.map +1 -0
- package/dist/heroes/HeroCountdown.d.ts +3 -0
- package/dist/heroes/HeroCountdown.d.ts.map +1 -0
- package/dist/heroes/HeroCountdown.js +64 -0
- package/dist/heroes/HeroCountdown.js.map +1 -0
- package/dist/heroes/HeroDarkSplitSticker.d.ts +3 -0
- package/dist/heroes/HeroDarkSplitSticker.d.ts.map +1 -0
- package/dist/heroes/HeroDarkSplitSticker.js +39 -0
- package/dist/heroes/HeroDarkSplitSticker.js.map +1 -0
- package/dist/heroes/HeroEditorial.d.ts +3 -0
- package/dist/heroes/HeroEditorial.d.ts.map +1 -0
- package/dist/heroes/HeroEditorial.js +30 -0
- package/dist/heroes/HeroEditorial.js.map +1 -0
- package/dist/heroes/HeroEditorialMinimal.d.ts +3 -0
- package/dist/heroes/HeroEditorialMinimal.d.ts.map +1 -0
- package/dist/heroes/HeroEditorialMinimal.js +47 -0
- package/dist/heroes/HeroEditorialMinimal.js.map +1 -0
- package/dist/heroes/HeroFullBleed.d.ts +3 -0
- package/dist/heroes/HeroFullBleed.d.ts.map +1 -0
- package/dist/heroes/HeroFullBleed.js +136 -0
- package/dist/heroes/HeroFullBleed.js.map +1 -0
- package/dist/heroes/HeroMini.d.ts +3 -0
- package/dist/heroes/HeroMini.d.ts.map +1 -0
- package/dist/heroes/HeroMini.js +25 -0
- package/dist/heroes/HeroMini.js.map +1 -0
- package/dist/heroes/HeroParallax.d.ts +3 -0
- package/dist/heroes/HeroParallax.d.ts.map +1 -0
- package/dist/heroes/HeroParallax.js +71 -0
- package/dist/heroes/HeroParallax.js.map +1 -0
- package/dist/heroes/HeroRetroCentered.d.ts +3 -0
- package/dist/heroes/HeroRetroCentered.d.ts.map +1 -0
- package/dist/heroes/HeroRetroCentered.js +49 -0
- package/dist/heroes/HeroRetroCentered.js.map +1 -0
- package/dist/heroes/HeroSplit.d.ts +3 -0
- package/dist/heroes/HeroSplit.d.ts.map +1 -0
- package/dist/heroes/HeroSplit.js +81 -0
- package/dist/heroes/HeroSplit.js.map +1 -0
- package/dist/heroes/HeroSpotlight.d.ts +3 -0
- package/dist/heroes/HeroSpotlight.d.ts.map +1 -0
- package/dist/heroes/HeroSpotlight.js +60 -0
- package/dist/heroes/HeroSpotlight.js.map +1 -0
- package/dist/heroes/HeroTrustSplit.d.ts +3 -0
- package/dist/heroes/HeroTrustSplit.d.ts.map +1 -0
- package/dist/heroes/HeroTrustSplit.js +53 -0
- package/dist/heroes/HeroTrustSplit.js.map +1 -0
- package/dist/heroes/HeroTypewriter.d.ts +3 -0
- package/dist/heroes/HeroTypewriter.d.ts.map +1 -0
- package/dist/heroes/HeroTypewriter.js +80 -0
- package/dist/heroes/HeroTypewriter.js.map +1 -0
- package/dist/heroes/index.d.ts +12 -0
- package/dist/heroes/index.d.ts.map +1 -0
- package/dist/heroes/index.js +12 -0
- package/dist/heroes/index.js.map +1 -0
- package/dist/index.d.ts +37 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +49 -0
- package/dist/index.js.map +1 -0
- package/dist/layout/Footer.d.ts +3 -0
- package/dist/layout/Footer.d.ts.map +1 -0
- package/dist/layout/Footer.js +75 -0
- package/dist/layout/Footer.js.map +1 -0
- package/dist/layout/Navbar.d.ts +3 -0
- package/dist/layout/Navbar.d.ts.map +1 -0
- package/dist/layout/Navbar.js +81 -0
- package/dist/layout/Navbar.js.map +1 -0
- package/dist/layout/PromoTopBar.d.ts +3 -0
- package/dist/layout/PromoTopBar.d.ts.map +1 -0
- package/dist/layout/PromoTopBar.js +201 -0
- package/dist/layout/PromoTopBar.js.map +1 -0
- package/dist/layout/SectionDivider.d.ts +3 -0
- package/dist/layout/SectionDivider.d.ts.map +1 -0
- package/dist/layout/SectionDivider.js +13 -0
- package/dist/layout/SectionDivider.js.map +1 -0
- package/dist/layout/SectionTransition.d.ts +3 -0
- package/dist/layout/SectionTransition.d.ts.map +1 -0
- package/dist/layout/SectionTransition.js +60 -0
- package/dist/layout/SectionTransition.js.map +1 -0
- package/dist/layout/Ticker.d.ts +3 -0
- package/dist/layout/Ticker.d.ts.map +1 -0
- package/dist/layout/Ticker.js +32 -0
- package/dist/layout/Ticker.js.map +1 -0
- package/dist/layout/index.d.ts +6 -0
- package/dist/layout/index.d.ts.map +1 -0
- package/dist/layout/index.js +6 -0
- package/dist/layout/index.js.map +1 -0
- package/dist/personalization/CartRecovery.d.ts +3 -0
- package/dist/personalization/CartRecovery.d.ts.map +1 -0
- package/dist/personalization/CartRecovery.js +224 -0
- package/dist/personalization/CartRecovery.js.map +1 -0
- package/dist/personalization/CohortTrustStack.d.ts +3 -0
- package/dist/personalization/CohortTrustStack.d.ts.map +1 -0
- package/dist/personalization/CohortTrustStack.js +101 -0
- package/dist/personalization/CohortTrustStack.js.map +1 -0
- package/dist/personalization/LiveActivityTicker.d.ts +3 -0
- package/dist/personalization/LiveActivityTicker.d.ts.map +1 -0
- package/dist/personalization/LiveActivityTicker.js +137 -0
- package/dist/personalization/LiveActivityTicker.js.map +1 -0
- package/dist/personalization/LoyaltyStatus.d.ts +3 -0
- package/dist/personalization/LoyaltyStatus.d.ts.map +1 -0
- package/dist/personalization/LoyaltyStatus.js +185 -0
- package/dist/personalization/LoyaltyStatus.js.map +1 -0
- package/dist/personalization/PersonalizedGreeting.d.ts +3 -0
- package/dist/personalization/PersonalizedGreeting.d.ts.map +1 -0
- package/dist/personalization/PersonalizedGreeting.js +176 -0
- package/dist/personalization/PersonalizedGreeting.js.map +1 -0
- package/dist/personalization/PersonalizedRecommendations.d.ts +3 -0
- package/dist/personalization/PersonalizedRecommendations.d.ts.map +1 -0
- package/dist/personalization/PersonalizedRecommendations.js +156 -0
- package/dist/personalization/PersonalizedRecommendations.js.map +1 -0
- package/dist/personalization/ProgressMilestone.d.ts +3 -0
- package/dist/personalization/ProgressMilestone.d.ts.map +1 -0
- package/dist/personalization/ProgressMilestone.js +127 -0
- package/dist/personalization/ProgressMilestone.js.map +1 -0
- package/dist/personalization/ReengagementBanner.d.ts +3 -0
- package/dist/personalization/ReengagementBanner.d.ts.map +1 -0
- package/dist/personalization/ReengagementBanner.js +185 -0
- package/dist/personalization/ReengagementBanner.js.map +1 -0
- package/dist/personalization/ScarcityIndicator.d.ts +3 -0
- package/dist/personalization/ScarcityIndicator.d.ts.map +1 -0
- package/dist/personalization/ScarcityIndicator.js +264 -0
- package/dist/personalization/ScarcityIndicator.js.map +1 -0
- package/dist/personalization/VipGate.d.ts +3 -0
- package/dist/personalization/VipGate.d.ts.map +1 -0
- package/dist/personalization/VipGate.js +309 -0
- package/dist/personalization/VipGate.js.map +1 -0
- package/dist/placeholder/UnknownComponent.d.ts +6 -0
- package/dist/placeholder/UnknownComponent.d.ts.map +1 -0
- package/dist/placeholder/UnknownComponent.js +5 -0
- package/dist/placeholder/UnknownComponent.js.map +1 -0
- package/dist/pricing/PricingCards.d.ts +3 -0
- package/dist/pricing/PricingCards.d.ts.map +1 -0
- package/dist/pricing/PricingCards.js +143 -0
- package/dist/pricing/PricingCards.js.map +1 -0
- package/dist/primitives/AspectBox.d.ts +12 -0
- package/dist/primitives/AspectBox.d.ts.map +1 -0
- package/dist/primitives/AspectBox.js +15 -0
- package/dist/primitives/AspectBox.js.map +1 -0
- package/dist/primitives/CursorSpotlight.d.ts +11 -0
- package/dist/primitives/CursorSpotlight.d.ts.map +1 -0
- package/dist/primitives/CursorSpotlight.js +21 -0
- package/dist/primitives/CursorSpotlight.js.map +1 -0
- package/dist/primitives/HeadlineEffect.d.ts +16 -0
- package/dist/primitives/HeadlineEffect.d.ts.map +1 -0
- package/dist/primitives/HeadlineEffect.js +187 -0
- package/dist/primitives/HeadlineEffect.js.map +1 -0
- package/dist/primitives/Marquee.d.ts +11 -0
- package/dist/primitives/Marquee.d.ts.map +1 -0
- package/dist/primitives/Marquee.js +22 -0
- package/dist/primitives/Marquee.js.map +1 -0
- package/dist/primitives/MediaFlip.d.ts +16 -0
- package/dist/primitives/MediaFlip.d.ts.map +1 -0
- package/dist/primitives/MediaFlip.js +118 -0
- package/dist/primitives/MediaFlip.js.map +1 -0
- package/dist/primitives/MediaLoop.d.ts +15 -0
- package/dist/primitives/MediaLoop.d.ts.map +1 -0
- package/dist/primitives/MediaLoop.js +31 -0
- package/dist/primitives/MediaLoop.js.map +1 -0
- package/dist/primitives/PDPGallery.d.ts +24 -0
- package/dist/primitives/PDPGallery.d.ts.map +1 -0
- package/dist/primitives/PDPGallery.js +128 -0
- package/dist/primitives/PDPGallery.js.map +1 -0
- package/dist/primitives/TiltCard.d.ts +12 -0
- package/dist/primitives/TiltCard.d.ts.map +1 -0
- package/dist/primitives/TiltCard.js +41 -0
- package/dist/primitives/TiltCard.js.map +1 -0
- package/dist/product/BundleBuilder.d.ts +3 -0
- package/dist/product/BundleBuilder.d.ts.map +1 -0
- package/dist/product/BundleBuilder.js +34 -0
- package/dist/product/BundleBuilder.js.map +1 -0
- package/dist/product/BuyBox.d.ts +3 -0
- package/dist/product/BuyBox.d.ts.map +1 -0
- package/dist/product/BuyBox.js +398 -0
- package/dist/product/BuyBox.js.map +1 -0
- package/dist/product/ComparisonTable.d.ts +3 -0
- package/dist/product/ComparisonTable.d.ts.map +1 -0
- package/dist/product/ComparisonTable.js +59 -0
- package/dist/product/ComparisonTable.js.map +1 -0
- package/dist/product/FormatGrid.d.ts +3 -0
- package/dist/product/FormatGrid.d.ts.map +1 -0
- package/dist/product/FormatGrid.js +28 -0
- package/dist/product/FormatGrid.js.map +1 -0
- package/dist/product/PDPVariants.d.ts +3 -0
- package/dist/product/PDPVariants.d.ts.map +1 -0
- package/dist/product/PDPVariants.js +284 -0
- package/dist/product/PDPVariants.js.map +1 -0
- package/dist/product/PillNav.d.ts +3 -0
- package/dist/product/PillNav.d.ts.map +1 -0
- package/dist/product/PillNav.js +35 -0
- package/dist/product/PillNav.js.map +1 -0
- package/dist/product/ProductAccordion.d.ts +3 -0
- package/dist/product/ProductAccordion.d.ts.map +1 -0
- package/dist/product/ProductAccordion.js +46 -0
- package/dist/product/ProductAccordion.js.map +1 -0
- package/dist/product/ProductCard.d.ts +62 -0
- package/dist/product/ProductCard.d.ts.map +1 -0
- package/dist/product/ProductCard.js +442 -0
- package/dist/product/ProductCard.js.map +1 -0
- package/dist/product/ProductCarousel.d.ts +3 -0
- package/dist/product/ProductCarousel.d.ts.map +1 -0
- package/dist/product/ProductCarousel.js +123 -0
- package/dist/product/ProductCarousel.js.map +1 -0
- package/dist/product/ProductCenteredStack.d.ts +3 -0
- package/dist/product/ProductCenteredStack.d.ts.map +1 -0
- package/dist/product/ProductCenteredStack.js +28 -0
- package/dist/product/ProductCenteredStack.js.map +1 -0
- package/dist/product/ProductGallery.d.ts +3 -0
- package/dist/product/ProductGallery.d.ts.map +1 -0
- package/dist/product/ProductGallery.js +80 -0
- package/dist/product/ProductGallery.js.map +1 -0
- package/dist/product/ProductGrid.d.ts +3 -0
- package/dist/product/ProductGrid.d.ts.map +1 -0
- package/dist/product/ProductGrid.js +58 -0
- package/dist/product/ProductGrid.js.map +1 -0
- package/dist/product/ProductHighlightLeft.d.ts +3 -0
- package/dist/product/ProductHighlightLeft.d.ts.map +1 -0
- package/dist/product/ProductHighlightLeft.js +37 -0
- package/dist/product/ProductHighlightLeft.js.map +1 -0
- package/dist/product/ProductHighlightRight.d.ts +3 -0
- package/dist/product/ProductHighlightRight.d.ts.map +1 -0
- package/dist/product/ProductHighlightRight.js +23 -0
- package/dist/product/ProductHighlightRight.js.map +1 -0
- package/dist/product/ProductPage.d.ts +3 -0
- package/dist/product/ProductPage.d.ts.map +1 -0
- package/dist/product/ProductPage.js +105 -0
- package/dist/product/ProductPage.js.map +1 -0
- package/dist/product/SubscriptionToggle.d.ts +3 -0
- package/dist/product/SubscriptionToggle.d.ts.map +1 -0
- package/dist/product/SubscriptionToggle.js +38 -0
- package/dist/product/SubscriptionToggle.js.map +1 -0
- package/dist/product/Upsell.d.ts +3 -0
- package/dist/product/Upsell.d.ts.map +1 -0
- package/dist/product/Upsell.js +59 -0
- package/dist/product/Upsell.js.map +1 -0
- package/dist/product/VideoCarousel.d.ts +3 -0
- package/dist/product/VideoCarousel.d.ts.map +1 -0
- package/dist/product/VideoCarousel.js +188 -0
- package/dist/product/VideoCarousel.js.map +1 -0
- package/dist/product/index.d.ts +8 -0
- package/dist/product/index.d.ts.map +1 -0
- package/dist/product/index.js +8 -0
- package/dist/product/index.js.map +1 -0
- package/dist/registry-field-schemas.d.ts +66 -0
- package/dist/registry-field-schemas.d.ts.map +1 -0
- package/dist/registry-field-schemas.js +745 -0
- package/dist/registry-field-schemas.js.map +1 -0
- package/dist/registry-metadata.d.ts +10 -0
- package/dist/registry-metadata.d.ts.map +1 -0
- package/dist/registry-metadata.js +2 -0
- package/dist/registry-metadata.js.map +1 -0
- package/dist/registry.d.ts +20 -0
- package/dist/registry.d.ts.map +1 -0
- package/dist/registry.js +2317 -0
- package/dist/registry.js.map +1 -0
- package/dist/renderText.d.ts +6 -0
- package/dist/renderText.d.ts.map +1 -0
- package/dist/renderText.js +23 -0
- package/dist/renderText.js.map +1 -0
- package/dist/reviews/ReviewCarousel.d.ts +3 -0
- package/dist/reviews/ReviewCarousel.d.ts.map +1 -0
- package/dist/reviews/ReviewCarousel.js +24 -0
- package/dist/reviews/ReviewCarousel.js.map +1 -0
- package/dist/reviews/ReviewMasonry.d.ts +3 -0
- package/dist/reviews/ReviewMasonry.d.ts.map +1 -0
- package/dist/reviews/ReviewMasonry.js +25 -0
- package/dist/reviews/ReviewMasonry.js.map +1 -0
- package/dist/reviews/ReviewSpotlight.d.ts +3 -0
- package/dist/reviews/ReviewSpotlight.d.ts.map +1 -0
- package/dist/reviews/ReviewSpotlight.js +13 -0
- package/dist/reviews/ReviewSpotlight.js.map +1 -0
- package/dist/reviews/VideoTestimonials.d.ts +3 -0
- package/dist/reviews/VideoTestimonials.d.ts.map +1 -0
- package/dist/reviews/VideoTestimonials.js +35 -0
- package/dist/reviews/VideoTestimonials.js.map +1 -0
- package/dist/reviews/index.d.ts +4 -0
- package/dist/reviews/index.d.ts.map +1 -0
- package/dist/reviews/index.js +4 -0
- package/dist/reviews/index.js.map +1 -0
- package/dist/schemas/content.d.ts +125 -0
- package/dist/schemas/content.d.ts.map +1 -0
- package/dist/schemas/content.js +2 -0
- package/dist/schemas/content.js.map +1 -0
- package/dist/schemas/index.d.ts +3 -0
- package/dist/schemas/index.d.ts.map +1 -0
- package/dist/schemas/index.js +2 -0
- package/dist/schemas/index.js.map +1 -0
- package/dist/schemas/settings.d.ts +23 -0
- package/dist/schemas/settings.d.ts.map +1 -0
- package/dist/schemas/settings.js +321 -0
- package/dist/schemas/settings.js.map +1 -0
- package/dist/social-proof/AvatarGroup.d.ts +3 -0
- package/dist/social-proof/AvatarGroup.d.ts.map +1 -0
- package/dist/social-proof/AvatarGroup.js +58 -0
- package/dist/social-proof/AvatarGroup.js.map +1 -0
- package/dist/social-proof/LogoCarousel.d.ts +3 -0
- package/dist/social-proof/LogoCarousel.d.ts.map +1 -0
- package/dist/social-proof/LogoCarousel.js +49 -0
- package/dist/social-proof/LogoCarousel.js.map +1 -0
- package/dist/social-proof/LogoStrip.d.ts +3 -0
- package/dist/social-proof/LogoStrip.d.ts.map +1 -0
- package/dist/social-proof/LogoStrip.js +35 -0
- package/dist/social-proof/LogoStrip.js.map +1 -0
- package/dist/social-proof/PressMentions.d.ts +3 -0
- package/dist/social-proof/PressMentions.d.ts.map +1 -0
- package/dist/social-proof/PressMentions.js +40 -0
- package/dist/social-proof/PressMentions.js.map +1 -0
- package/dist/social-proof/StatsGrid.d.ts +3 -0
- package/dist/social-proof/StatsGrid.d.ts.map +1 -0
- package/dist/social-proof/StatsGrid.js +39 -0
- package/dist/social-proof/StatsGrid.js.map +1 -0
- package/dist/social-proof/TrustBadges.d.ts +3 -0
- package/dist/social-proof/TrustBadges.d.ts.map +1 -0
- package/dist/social-proof/TrustBadges.js +18 -0
- package/dist/social-proof/TrustBadges.js.map +1 -0
- package/dist/social-proof/index.d.ts +4 -0
- package/dist/social-proof/index.d.ts.map +1 -0
- package/dist/social-proof/index.js +4 -0
- package/dist/social-proof/index.js.map +1 -0
- package/dist/text-effects/TextEffect.d.ts +3 -0
- package/dist/text-effects/TextEffect.d.ts.map +1 -0
- package/dist/text-effects/TextEffect.js +277 -0
- package/dist/text-effects/TextEffect.js.map +1 -0
- package/dist/theme/resolve.d.ts +12 -0
- package/dist/theme/resolve.d.ts.map +1 -0
- package/dist/theme/resolve.js +26 -0
- package/dist/theme/resolve.js.map +1 -0
- package/dist/theme/tokens.d.ts +147 -0
- package/dist/theme/tokens.d.ts.map +1 -0
- package/dist/theme/tokens.js +113 -0
- package/dist/theme/tokens.js.map +1 -0
- package/dist/types.d.ts +154 -0
- package/dist/types.d.ts.map +1 -0
- package/dist/types.js +2 -0
- package/dist/types.js.map +1 -0
- package/dist/utils/elementStyles.d.ts +4 -0
- package/dist/utils/elementStyles.d.ts.map +1 -0
- package/dist/utils/elementStyles.js +6 -0
- package/dist/utils/elementStyles.js.map +1 -0
- package/dist/utils/icon-map.d.ts +128 -0
- package/dist/utils/icon-map.d.ts.map +1 -0
- package/dist/utils/icon-map.js +199 -0
- package/dist/utils/icon-map.js.map +1 -0
- package/dist/utils/imageStyle.d.ts +4 -0
- package/dist/utils/imageStyle.d.ts.map +1 -0
- package/dist/utils/imageStyle.js +23 -0
- package/dist/utils/imageStyle.js.map +1 -0
- package/dist/utils/renderIcon.d.ts +32 -0
- package/dist/utils/renderIcon.d.ts.map +1 -0
- package/dist/utils/renderIcon.js +188 -0
- package/dist/utils/renderIcon.js.map +1 -0
- package/dist/utils/schemaUtils.d.ts +9 -0
- package/dist/utils/schemaUtils.d.ts.map +1 -0
- package/dist/utils/schemaUtils.js +10 -0
- package/dist/utils/schemaUtils.js.map +1 -0
- package/dist/value-props/HowItWorks.d.ts +3 -0
- package/dist/value-props/HowItWorks.d.ts.map +1 -0
- package/dist/value-props/HowItWorks.js +23 -0
- package/dist/value-props/HowItWorks.js.map +1 -0
- package/dist/value-props/NumberedList.d.ts +3 -0
- package/dist/value-props/NumberedList.d.ts.map +1 -0
- package/dist/value-props/NumberedList.js +22 -0
- package/dist/value-props/NumberedList.js.map +1 -0
- package/dist/value-props/ValuePropsAlternating.d.ts +3 -0
- package/dist/value-props/ValuePropsAlternating.d.ts.map +1 -0
- package/dist/value-props/ValuePropsAlternating.js +22 -0
- package/dist/value-props/ValuePropsAlternating.js.map +1 -0
- package/dist/value-props/ValuePropsGrid.d.ts +3 -0
- package/dist/value-props/ValuePropsGrid.d.ts.map +1 -0
- package/dist/value-props/ValuePropsGrid.js +23 -0
- package/dist/value-props/ValuePropsGrid.js.map +1 -0
- package/dist/value-props/ValuePropsIconStrip.d.ts +3 -0
- package/dist/value-props/ValuePropsIconStrip.d.ts.map +1 -0
- package/dist/value-props/ValuePropsIconStrip.js +11 -0
- package/dist/value-props/ValuePropsIconStrip.js.map +1 -0
- package/dist/value-props/index.d.ts +6 -0
- package/dist/value-props/index.d.ts.map +1 -0
- package/dist/value-props/index.js +6 -0
- package/dist/value-props/index.js.map +1 -0
- package/package.json +46 -0
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useState, useRef } from "react";
|
|
3
|
+
import { renderText } from "../renderText";
|
|
4
|
+
import { renderIcon } from "../utils/renderIcon";
|
|
5
|
+
function parseImages(content) {
|
|
6
|
+
const raw = content.images;
|
|
7
|
+
if (!Array.isArray(raw)) {
|
|
8
|
+
const single = renderText(content.image_url || content.media_url);
|
|
9
|
+
return single ? [single] : [];
|
|
10
|
+
}
|
|
11
|
+
return raw.map((img) => {
|
|
12
|
+
if (typeof img === "string")
|
|
13
|
+
return img;
|
|
14
|
+
const obj = img;
|
|
15
|
+
return renderText(obj.url || obj.src || "");
|
|
16
|
+
}).filter(Boolean);
|
|
17
|
+
}
|
|
18
|
+
// ─── Shared Buy Controls ──────────────────────────────────────────────────────
|
|
19
|
+
function BuyControls({ content, theme }) {
|
|
20
|
+
const price = renderText(content.price);
|
|
21
|
+
const compareAtPrice = content.compare_at_price ? renderText(content.compare_at_price) : undefined;
|
|
22
|
+
const ctaText = renderText(content.cta_text) || "Add to Cart";
|
|
23
|
+
const subscribePrice = content.subscribe_price ? renderText(content.subscribe_price) : undefined;
|
|
24
|
+
const subscribeLabel = renderText(content.subscribe_label) || "Subscribe & Save";
|
|
25
|
+
const rawVariants = content.variants || [];
|
|
26
|
+
const trustBadges = content.trust_badges || [];
|
|
27
|
+
const badges = content.badges || [];
|
|
28
|
+
const rating = typeof content.rating === "number" ? content.rating : undefined;
|
|
29
|
+
const reviewCount = typeof content.review_count === "number" ? content.review_count : undefined;
|
|
30
|
+
const features = content.features || [];
|
|
31
|
+
const secondaryCta = content.secondary_cta;
|
|
32
|
+
const emiOffers = content.emi_offers;
|
|
33
|
+
const selectorStyle = renderText(content.variant_selector_style) || "text";
|
|
34
|
+
const [selectedVariant, setSelectedVariant] = useState(0);
|
|
35
|
+
const [mode, setMode] = useState("one_time");
|
|
36
|
+
const accent = theme.palette.accent;
|
|
37
|
+
const border = theme.palette.border || "#e5e7eb";
|
|
38
|
+
const textColor = theme.palette.text;
|
|
39
|
+
return (_jsxs("div", { className: "space-y-4", children: [rating != null && (_jsxs("div", { style: { display: "flex", alignItems: "center", gap: "6px" }, children: [_jsxs("span", { style: { fontSize: "0.8rem", color: "#f59e0b", letterSpacing: "0.05em" }, children: ["★".repeat(Math.round(Math.min(5, rating))), "☆".repeat(5 - Math.round(Math.min(5, rating)))] }), _jsx("span", { style: { fontSize: "0.8rem", fontWeight: 600, color: textColor }, children: rating }), reviewCount != null && _jsxs("span", { style: { fontSize: "0.8rem", opacity: 0.5, color: textColor }, children: ["(", reviewCount, ")"] })] })), _jsxs("div", { className: "flex items-baseline gap-3", children: [_jsx("span", { className: "text-3xl font-bold", style: { color: textColor }, children: price }), compareAtPrice && _jsx("span", { className: "text-lg line-through opacity-50", style: { color: textColor }, children: compareAtPrice }), compareAtPrice && (_jsx("span", { className: "text-xs px-2 py-0.5 rounded-full font-semibold text-white", style: { backgroundColor: accent }, children: "Sale" }))] }), emiOffers && (_jsxs("div", { style: { border: `1px solid ${border}`, borderRadius: "8px", padding: "10px 14px", display: "flex", alignItems: "center", gap: "10px" }, children: [_jsx("span", { style: { backgroundColor: emiOffers.accent_color || "#ef4444", color: "#fff", fontSize: "0.6rem", fontWeight: 700, padding: "2px 6px", borderRadius: "3px", flexShrink: 0 }, children: emiOffers.label }), _jsxs("div", { style: { flex: 1 }, children: [_jsx("div", { style: { fontSize: "0.8rem", fontWeight: 600, color: textColor }, children: emiOffers.headline }), emiOffers.subtext && _jsx("div", { style: { fontSize: "0.72rem", opacity: 0.6, color: textColor }, children: emiOffers.subtext })] }), emiOffers.url && _jsx("a", { href: emiOffers.url, style: { color: accent, fontSize: "0.9rem", fontWeight: 700, textDecoration: "none", flexShrink: 0 }, children: "\u203A" })] })), features.length > 0 && (_jsx("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "6px 16px", margin: "4px 0" }, children: features.map((f, i) => (_jsxs("div", { style: { display: "flex", alignItems: "center", gap: "6px", fontSize: "0.8rem", color: textColor, opacity: 0.8 }, children: [_jsx("span", { style: { flexShrink: 0 }, children: renderIcon(f.icon, { size: 14, color: textColor }) }), _jsx("span", { children: f.text })] }, i))) })), badges.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-2", children: badges.map((b, i) => (_jsx("span", { className: "text-xs px-2.5 py-1 rounded-full border font-medium", style: { borderColor: border, color: textColor }, children: b }, i))) })), rawVariants.length > 0 && (_jsxs("div", { className: "space-y-2", children: [selectorStyle === "text" && (_jsxs("p", { className: "text-sm font-medium", style: { color: textColor }, children: ["Model: ", _jsx("span", { className: "font-semibold", children: rawVariants[selectedVariant]?.label })] })), selectorStyle === "color_swatch" && (_jsxs("p", { className: "text-sm font-medium", style: { color: textColor }, children: ["Select a Color: ", _jsx("span", { className: "font-semibold", children: rawVariants[selectedVariant]?.label })] })), _jsx("div", { className: "flex flex-wrap gap-2", children: rawVariants.map((v, i) => {
|
|
40
|
+
const isSelected = i === selectedVariant;
|
|
41
|
+
if (selectorStyle === "image") {
|
|
42
|
+
return (_jsx("button", { onClick: () => setSelectedVariant(i), disabled: !v.available, title: v.label, style: { width: "56px", height: "56px", borderRadius: "8px", overflow: "hidden", border: `2px solid ${isSelected ? accent : border}`, opacity: !v.available ? 0.4 : 1, cursor: !v.available ? "not-allowed" : "pointer", padding: 0 }, children: v.image_url
|
|
43
|
+
? _jsx("img", { src: v.image_url, alt: v.label, style: { width: "100%", height: "100%", objectFit: "cover" } })
|
|
44
|
+
: _jsx("span", { style: { fontSize: "0.6rem", color: textColor }, children: v.label }) }, i));
|
|
45
|
+
}
|
|
46
|
+
if (selectorStyle === "color_swatch") {
|
|
47
|
+
return (_jsx("button", { onClick: () => setSelectedVariant(i), disabled: !v.available, title: v.label, style: { width: "28px", height: "28px", borderRadius: "50%", backgroundColor: v.color || accent, border: `3px solid ${isSelected ? accent : "transparent"}`, outline: isSelected ? `2px solid ${accent}` : "none", outlineOffset: "2px", opacity: !v.available ? 0.4 : 1, cursor: !v.available ? "not-allowed" : "pointer" } }, i));
|
|
48
|
+
}
|
|
49
|
+
return (_jsx("button", { onClick: () => setSelectedVariant(i), disabled: !v.available, className: "px-4 py-2 text-sm rounded-lg border-2 transition-all", style: { borderColor: isSelected ? accent : border, backgroundColor: isSelected ? accent + "10" : "transparent", color: !v.available ? "#9ca3af" : textColor, textDecoration: !v.available ? "line-through" : "none", fontWeight: isSelected ? 600 : 400 }, children: v.label }, i));
|
|
50
|
+
}) })] })), subscribePrice && (_jsx("div", { className: "flex gap-2 p-1 rounded-xl", style: { backgroundColor: theme.palette.surface || "#f5f5f5" }, children: ["one_time", "subscribe"].map((m) => (_jsx("button", { onClick: () => setMode(m), className: "flex-1 py-2 text-sm font-medium rounded-lg transition-all", style: { backgroundColor: mode === m ? theme.palette.bg : "transparent", color: mode === m ? accent : textColor, boxShadow: mode === m ? "0 1px 4px rgba(0,0,0,0.08)" : "none" }, children: m === "one_time" ? `One-time ${price}` : `${subscribeLabel} ${subscribePrice}` }, m))) })), _jsx("button", { type: "button", "data-lx-atc": true, "data-variant-gid": rawVariants[selectedVariant]?.gid || "", "data-qty": "1", className: "w-full py-4 text-base font-semibold transition-all hover:-translate-y-0.5", style: { backgroundColor: accent, color: "#ffffff", borderRadius: "9999px" }, children: ctaText }), secondaryCta && (_jsxs("a", { href: secondaryCta.url || "#", style: {
|
|
51
|
+
display: "flex", alignItems: "center", justifyContent: "center", gap: "8px",
|
|
52
|
+
backgroundColor: secondaryCta.style === "outline" ? "transparent" : (secondaryCta.color || accent),
|
|
53
|
+
color: secondaryCta.text_color || "#fff",
|
|
54
|
+
border: secondaryCta.style === "outline" ? `2px solid ${secondaryCta.color || accent}` : "none",
|
|
55
|
+
borderRadius: "var(--lx-button-radius, 9999px)", padding: "14px 24px",
|
|
56
|
+
fontWeight: 700, textDecoration: "none", fontSize: "0.9rem", fontFamily: theme.fonts.body,
|
|
57
|
+
}, children: [secondaryCta.icon && renderIcon(secondaryCta.icon, { size: 18, color: secondaryCta.text_color || "#fff" }), secondaryCta.label] })), trustBadges.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-4 pt-2 border-t", style: { borderColor: border }, children: trustBadges.map((badge, i) => (_jsxs("div", { className: "flex items-center gap-1.5 text-xs opacity-60", style: { color: textColor }, children: [_jsx("span", { children: badge.icon }), _jsx("span", { children: badge.text })] }, i))) }))] }));
|
|
58
|
+
}
|
|
59
|
+
// ─── Split variant ────────────────────────────────────────────────────────────
|
|
60
|
+
function PDPSplit({ content, theme }) {
|
|
61
|
+
const images = parseImages(content);
|
|
62
|
+
const [activeImg, setActiveImg] = useState(0);
|
|
63
|
+
const productName = renderText(content.product_name || content.headline || "");
|
|
64
|
+
const description = renderText(content.description || "");
|
|
65
|
+
return (_jsx("section", { className: "py-12 px-5", style: { backgroundColor: theme.palette.bg }, children: _jsxs("div", { className: "mx-auto max-w-6xl flex flex-col md:flex-row gap-10 lg:gap-16", children: [_jsxs("div", { className: "w-full md:w-[55%] space-y-3", children: [_jsx("div", { className: "aspect-square overflow-hidden rounded-2xl bg-gray-50", style: { borderRadius: "var(--lx-image-radius, 16px)" }, children: images[activeImg] && (_jsx("img", { src: images[activeImg], alt: productName, className: "w-full h-full object-contain" })) }), images.length > 1 && (_jsx("div", { className: "flex gap-2 overflow-x-auto pb-1", children: images.map((img, i) => (_jsx("button", { onClick: () => setActiveImg(i), className: "flex-shrink-0 w-16 h-16 rounded-xl border-2 overflow-hidden transition-all", style: { borderColor: i === activeImg ? theme.palette.accent : theme.palette.border || "#e5e7eb" }, children: _jsx("img", { src: img, alt: "", className: "w-full h-full object-cover" }) }, i))) }))] }), _jsxs("div", { className: "flex-1 space-y-5", children: [productName && (_jsx("h1", { className: "text-3xl md:text-4xl leading-tight font-bold", style: { fontFamily: `${theme.fonts.display}, serif`, color: theme.palette.text }, children: productName })), _jsx(BuyControls, { content: content, theme: theme }), description && (_jsx("div", { className: "pt-4 border-t", style: { borderColor: theme.palette.border || "#e5e7eb" }, children: _jsx("p", { className: "text-sm leading-relaxed opacity-70", style: { color: theme.palette.text }, children: description }) }))] })] }) }));
|
|
66
|
+
}
|
|
67
|
+
// ─── Centered variant ─────────────────────────────────────────────────────────
|
|
68
|
+
function PDPCentered({ content, theme }) {
|
|
69
|
+
const images = parseImages(content);
|
|
70
|
+
const [activeImg, setActiveImg] = useState(0);
|
|
71
|
+
const productName = renderText(content.product_name || content.headline || "");
|
|
72
|
+
const description = renderText(content.description || "");
|
|
73
|
+
const dragRef = useRef(null);
|
|
74
|
+
return (_jsx("section", { className: "py-12 px-5", style: { backgroundColor: theme.palette.bg }, children: _jsxs("div", { className: "mx-auto max-w-lg space-y-6", children: [productName && (_jsx("h1", { className: "text-3xl font-bold text-center", style: { fontFamily: `${theme.fonts.display}, serif`, color: theme.palette.text }, children: productName })), images.length > 0 && (_jsxs("div", { className: "relative", children: [_jsx("div", { className: "aspect-square overflow-hidden rounded-2xl bg-gray-50 cursor-grab active:cursor-grabbing", style: { borderRadius: "var(--lx-image-radius, 16px)" }, onMouseDown: (e) => { dragRef.current = { startX: e.clientX }; }, onMouseUp: (e) => {
|
|
75
|
+
if (!dragRef.current)
|
|
76
|
+
return;
|
|
77
|
+
const delta = e.clientX - dragRef.current.startX;
|
|
78
|
+
if (delta < -40)
|
|
79
|
+
setActiveImg((i) => Math.min(i + 1, images.length - 1));
|
|
80
|
+
if (delta > 40)
|
|
81
|
+
setActiveImg((i) => Math.max(i - 1, 0));
|
|
82
|
+
dragRef.current = null;
|
|
83
|
+
}, children: _jsx("img", { src: images[activeImg], alt: productName, className: "w-full h-full object-contain pointer-events-none" }) }), images.length > 1 && (_jsx("div", { className: "flex justify-center gap-1.5 mt-3", children: images.map((_, i) => (_jsx("button", { onClick: () => setActiveImg(i), className: "rounded-full transition-all", style: {
|
|
84
|
+
width: i === activeImg ? "20px" : "6px",
|
|
85
|
+
height: "6px",
|
|
86
|
+
backgroundColor: i === activeImg ? theme.palette.accent : theme.palette.border || "#d1d5db",
|
|
87
|
+
} }, i))) }))] })), _jsx(BuyControls, { content: content, theme: theme }), description && (_jsx("div", { className: "pt-4 border-t text-center", style: { borderColor: theme.palette.border || "#e5e7eb" }, children: _jsx("p", { className: "text-sm leading-relaxed opacity-70", style: { color: theme.palette.text }, children: description }) }))] }) }));
|
|
88
|
+
}
|
|
89
|
+
// ─── Editorial variant ────────────────────────────────────────────────────────
|
|
90
|
+
function PDPEditorial({ content, theme }) {
|
|
91
|
+
const images = parseImages(content);
|
|
92
|
+
const productName = renderText(content.product_name || content.headline || "");
|
|
93
|
+
const eyebrow = content.eyebrow ? renderText(content.eyebrow) : undefined;
|
|
94
|
+
const description = renderText(content.description || "");
|
|
95
|
+
return (_jsxs("section", { style: { backgroundColor: theme.palette.bg }, children: [images[0] && (_jsx("div", { className: "w-full h-[60vh] overflow-hidden", children: _jsx("img", { src: images[0], alt: productName, className: "w-full h-full object-cover" }) })), _jsxs("div", { className: "relative -mt-16 mx-4 md:mx-auto md:max-w-3xl rounded-3xl shadow-2xl px-8 py-10 z-10", style: { backgroundColor: theme.palette.bg }, children: [eyebrow && (_jsx("p", { className: "text-xs font-bold uppercase tracking-[0.2em] mb-3", style: { color: theme.palette.accent }, children: eyebrow })), productName && (_jsx("h1", { className: "text-3xl md:text-4xl font-bold mb-6", style: { fontFamily: `${theme.fonts.display}, serif`, color: theme.palette.text }, children: productName })), _jsx(BuyControls, { content: content, theme: theme }), description && (_jsx("p", { className: "mt-6 pt-6 border-t text-sm leading-relaxed opacity-70", style: { borderColor: theme.palette.border || "#e5e7eb", color: theme.palette.text }, children: description }))] }), _jsx("div", { className: "h-16", style: { backgroundColor: theme.palette.bg } })] }));
|
|
96
|
+
}
|
|
97
|
+
// ─── Main export ──────────────────────────────────────────────────────────────
|
|
98
|
+
export default function ProductPage({ content, variant, theme }) {
|
|
99
|
+
if (variant === "centered")
|
|
100
|
+
return _jsx(PDPCentered, { content: content, variant: variant, theme: theme });
|
|
101
|
+
if (variant === "editorial")
|
|
102
|
+
return _jsx(PDPEditorial, { content: content, variant: variant, theme: theme });
|
|
103
|
+
return _jsx(PDPSplit, { content: content, variant: variant, theme: theme });
|
|
104
|
+
}
|
|
105
|
+
//# sourceMappingURL=ProductPage.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductPage.js","sourceRoot":"","sources":["../../src/product/ProductPage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SubscriptionToggle.d.ts","sourceRoot":"","sources":["../../src/product/SubscriptionToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG/C,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,cAAc,2CAsOrF"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { renderText } from "../renderText";
|
|
3
|
+
export default function SubscriptionToggle({ content, variant, theme }) {
|
|
4
|
+
const oneTimePrice = renderText(content.one_time_price);
|
|
5
|
+
const subscribePrice = renderText(content.subscribe_price);
|
|
6
|
+
const ctaText = content.cta_text ? renderText(content.cta_text) : undefined;
|
|
7
|
+
const savingsPercent = content.savings_percent ? renderText(content.savings_percent) : undefined;
|
|
8
|
+
const rawFrequencyOptions = content.frequency_options || [];
|
|
9
|
+
const isToggle = variant === "toggle";
|
|
10
|
+
const isRadio = variant === "radio";
|
|
11
|
+
const isTieredCards = variant === "tiered-cards";
|
|
12
|
+
return (_jsx("section", { className: "py-16 px-5 md:py-24 lg:py-32", style: { backgroundColor: theme.palette.bg }, children: _jsxs("div", { className: "mx-auto max-w-2xl text-center", children: [isToggle && (_jsxs("div", { className: "inline-flex items-center gap-4 mb-10", children: [_jsx("span", { className: "text-sm font-medium", style: { color: theme.palette.text }, children: "One-time" }), _jsx("div", { className: "relative w-14 h-7 rounded-full cursor-pointer", style: { backgroundColor: theme.palette.surface }, children: _jsx("div", { className: "absolute top-1 left-1 w-5 h-5 rounded-full transition-transform", style: { backgroundColor: theme.palette.accent } }) }), _jsx("span", { className: "text-sm font-medium", style: { color: theme.palette.text }, children: "Subscribe" }), savingsPercent && (_jsxs("span", { className: "text-xs font-bold px-2 py-1 rounded-full text-white", style: { backgroundColor: theme.palette.accent }, children: ["Save ", savingsPercent, "%"] }))] })), isRadio && (_jsxs("div", { className: "flex flex-col gap-4 mb-10 max-w-sm mx-auto", children: [_jsxs("label", { className: "flex items-center gap-3 p-4 rounded-xl cursor-pointer border-2", style: {
|
|
13
|
+
borderColor: theme.palette.surface,
|
|
14
|
+
backgroundColor: theme.palette.bg,
|
|
15
|
+
}, children: [_jsx("div", { className: "w-5 h-5 rounded-full border-2", style: { borderColor: theme.palette.accent } }), _jsx("span", { className: "flex-1 text-left text-sm font-medium", style: { color: theme.palette.text }, children: "One-time purchase" }), _jsx("span", { className: "font-bold", style: { color: theme.palette.text }, children: oneTimePrice })] }), _jsxs("label", { className: "flex items-center gap-3 p-4 rounded-xl cursor-pointer border-2", style: {
|
|
16
|
+
borderColor: theme.palette.accent,
|
|
17
|
+
backgroundColor: theme.palette.surface,
|
|
18
|
+
}, children: [_jsx("div", { className: "w-5 h-5 rounded-full border-2 flex items-center justify-center", style: { borderColor: theme.palette.accent }, children: _jsx("div", { className: "w-3 h-3 rounded-full", style: { backgroundColor: theme.palette.accent } }) }), _jsx("span", { className: "flex-1 text-left text-sm font-medium", style: { color: theme.palette.text }, children: "Subscribe & save" }), _jsxs("span", { className: "flex items-center gap-2", children: [_jsx("span", { className: "font-bold", style: { color: theme.palette.text }, children: subscribePrice }), savingsPercent && (_jsxs("span", { className: "text-xs font-bold px-2 py-0.5 rounded-full text-white", style: { backgroundColor: theme.palette.accent }, children: ["-", savingsPercent, "%"] }))] })] })] })), isTieredCards && (_jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-6 mb-10", children: [_jsxs("div", { className: "p-6 rounded-xl border-2", style: {
|
|
19
|
+
borderColor: theme.palette.surface,
|
|
20
|
+
backgroundColor: theme.palette.bg,
|
|
21
|
+
}, children: [_jsx("h3", { className: "text-lg font-bold mb-2", style: {
|
|
22
|
+
fontFamily: `${theme.fonts.display}, serif`,
|
|
23
|
+
color: theme.palette.text,
|
|
24
|
+
}, children: "One-time" }), _jsx("p", { className: "text-3xl font-bold mb-4", style: { color: theme.palette.text }, children: oneTimePrice }), _jsx("p", { className: "text-sm opacity-60", style: { color: theme.palette.text }, children: "Single purchase" })] }), _jsxs("div", { className: "p-6 rounded-xl border-2 relative", style: {
|
|
25
|
+
borderColor: theme.palette.accent,
|
|
26
|
+
backgroundColor: theme.palette.surface,
|
|
27
|
+
}, children: [savingsPercent && (_jsxs("span", { className: "absolute -top-3 left-1/2 -translate-x-1/2 text-xs font-bold px-3 py-1 rounded-full text-white", style: { backgroundColor: theme.palette.accent }, children: ["Save ", savingsPercent, "%"] })), _jsx("h3", { className: "text-lg font-bold mb-2", style: {
|
|
28
|
+
fontFamily: `${theme.fonts.display}, serif`,
|
|
29
|
+
color: theme.palette.text,
|
|
30
|
+
}, children: "Subscribe" }), _jsx("p", { className: "text-3xl font-bold mb-4", style: { color: theme.palette.accent }, children: subscribePrice }), rawFrequencyOptions.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-2 justify-center", children: rawFrequencyOptions.map((freq, i) => (_jsx("span", { className: "text-xs px-3 py-1 rounded-full", style: {
|
|
31
|
+
backgroundColor: i === 0 ? theme.palette.accent : theme.palette.bg,
|
|
32
|
+
color: i === 0 ? "#fff" : theme.palette.text,
|
|
33
|
+
}, children: renderText(freq) }, i))) }))] })] })), !isToggle && !isRadio && !isTieredCards && (_jsx("div", { className: "mb-10", children: _jsxs("p", { className: "text-2xl font-bold", style: { color: theme.palette.text }, children: [oneTimePrice, " or", " ", _jsxs("span", { style: { color: theme.palette.accent }, children: [subscribePrice, "/mo"] })] }) })), ctaText && (_jsx("button", { className: "inline-flex items-center px-8 py-4 font-semibold text-white hover:-translate-y-0.5 transition-transform", style: {
|
|
34
|
+
backgroundColor: theme.palette.accent,
|
|
35
|
+
borderRadius: "9999px",
|
|
36
|
+
}, children: ctaText }))] }) }));
|
|
37
|
+
}
|
|
38
|
+
//# sourceMappingURL=SubscriptionToggle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SubscriptionToggle.js","sourceRoot":"","sources":["../../src/product/SubscriptionToggle.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Upsell.d.ts","sourceRoot":"","sources":["../../src/product/Upsell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AA8F/C,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,cAAc,2CAwGxF"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { elStyle } from "../utils/elementStyles";
|
|
3
|
+
// ─── Grid variant ─────────────────────────────────────────────────────────────
|
|
4
|
+
function UpsellGrid({ content, theme, elementStyles }) {
|
|
5
|
+
const products = content.products || [];
|
|
6
|
+
if (!products.length)
|
|
7
|
+
return null;
|
|
8
|
+
const headline = (content.headline || "You Might Also Like");
|
|
9
|
+
return (_jsx("section", { className: "py-12 px-5", style: { backgroundColor: theme.palette.surface || theme.palette.bg }, children: _jsxs("div", { className: "mx-auto max-w-4xl", children: [_jsx("h2", { "data-lx-field": "headline", className: "text-2xl font-bold mb-6", style: { color: theme.palette.text, fontFamily: `${theme.fonts.display}, serif`, ...elStyle(elementStyles, "headline") }, children: headline }), _jsx("div", { className: `grid gap-4 ${products.length === 2 ? "grid-cols-2" : "grid-cols-2 md:grid-cols-3"}`, children: products.map((p, i) => (_jsxs("div", { className: "rounded-xl border overflow-hidden transition-shadow hover:shadow-lg", style: { borderColor: theme.palette.border || "#e5e7eb", backgroundColor: theme.palette.bg }, children: [p.image_url && (_jsx("img", { src: p.image_url, alt: p.title, className: "w-full aspect-square object-cover" })), _jsxs("div", { className: "p-4", children: [_jsx("p", { className: "text-sm font-semibold mb-1 leading-tight", style: { color: theme.palette.text }, children: p.title }), p.description && _jsx("p", { className: "text-xs opacity-60 mb-2", style: { color: theme.palette.text }, children: p.description }), _jsxs("div", { className: "flex items-center justify-between gap-2 mt-2", children: [_jsx("span", { className: "text-sm font-bold", style: { color: theme.palette.accent }, children: p.price }), _jsx("button", { type: "button", "data-lx-atc": true, "data-variant-gid": p.gid, "data-qty": "1", className: "text-xs px-3 py-1.5 rounded-full font-semibold text-white transition-all hover:-translate-y-0.5", style: { backgroundColor: theme.palette.accent }, children: "Add" })] })] })] }, i))) })] }) }));
|
|
10
|
+
}
|
|
11
|
+
// ─── Post Purchase variant ────────────────────────────────────────────────────
|
|
12
|
+
function UpsellPostPurchase({ content, theme, elementStyles }) {
|
|
13
|
+
const products = content.products || [];
|
|
14
|
+
const featured = products[0];
|
|
15
|
+
if (!featured)
|
|
16
|
+
return null;
|
|
17
|
+
const headline = (content.headline || "Complete Your Ritual");
|
|
18
|
+
const subhead = (content.subhead || "Pair it with the products that work best together.");
|
|
19
|
+
return (_jsx("section", { className: "py-0", style: { backgroundColor: theme.palette.accent + "10" }, children: _jsxs("div", { className: "mx-auto max-w-5xl flex flex-col md:flex-row items-center gap-0 overflow-hidden", children: [featured.image_url && (_jsx("div", { className: "w-full md:w-2/5 flex-shrink-0", children: _jsx("img", { src: featured.image_url, alt: featured.title, className: "w-full h-64 md:h-80 object-cover" }) })), _jsxs("div", { className: "flex-1 px-8 py-10", children: [_jsx("p", { className: "text-xs font-bold uppercase tracking-[0.2em] mb-3", style: { color: theme.palette.accent }, children: "Recommended For You" }), _jsx("h2", { "data-lx-field": "headline", className: "text-2xl md:text-3xl font-bold mb-2", style: { color: theme.palette.text, fontFamily: `${theme.fonts.display}, serif`, ...elStyle(elementStyles, "headline") }, children: headline }), _jsx("p", { "data-lx-field": "subhead", className: "opacity-70 mb-1 text-sm", style: { color: theme.palette.text, ...elStyle(elementStyles, "subhead") }, children: subhead }), _jsx("p", { className: "text-xl font-bold mb-6", style: { color: theme.palette.accent }, children: featured.price }), _jsx("button", { type: "button", "data-lx-atc": true, "data-variant-gid": featured.gid, "data-qty": "1", className: "px-8 py-3.5 text-base font-semibold text-white rounded-full transition-all hover:-translate-y-0.5", style: { backgroundColor: theme.palette.accent }, children: "Add to Cart" })] })] }) }));
|
|
20
|
+
}
|
|
21
|
+
export default function Upsell({ content, variant, theme, elementStyles }) {
|
|
22
|
+
if (variant === "grid")
|
|
23
|
+
return _jsx(UpsellGrid, { content: content, variant: variant, theme: theme, elementStyles: elementStyles });
|
|
24
|
+
if (variant === "post_purchase")
|
|
25
|
+
return _jsx(UpsellPostPurchase, { content: content, variant: variant, theme: theme, elementStyles: elementStyles });
|
|
26
|
+
const products = content.products || [];
|
|
27
|
+
if (!products.length)
|
|
28
|
+
return null;
|
|
29
|
+
const headline = content.headline || "Frequently Bought Together";
|
|
30
|
+
return (_jsx("section", { className: "py-12 px-5", style: { backgroundColor: `var(--lx-surface-alt, ${theme.palette.surface})` }, children: _jsxs("div", { className: "mx-auto max-w-2xl", children: [_jsx("h2", { "data-lx-field": "headline", className: "text-2xl font-bold mb-6", style: {
|
|
31
|
+
fontFamily: `var(--lx-font-heading)`,
|
|
32
|
+
fontWeight: `var(--lx-heading-weight, 700)`,
|
|
33
|
+
color: theme.palette.text,
|
|
34
|
+
...elStyle(elementStyles, "headline"),
|
|
35
|
+
}, children: headline }), _jsx("div", { className: "space-y-3", "data-lx-upsell-list": true, children: products.map((p, i) => (_jsxs("label", { className: "flex items-center gap-4 p-4 border rounded-xl cursor-pointer hover:border-[var(--lx-accent-color)] transition-colors", style: {
|
|
36
|
+
borderColor: `var(--lx-border-color)`,
|
|
37
|
+
backgroundColor: theme.palette.bg,
|
|
38
|
+
borderRadius: `var(--lx-card-radius, 16px)`,
|
|
39
|
+
}, children: [_jsx("input", { type: "checkbox", defaultChecked: p.checked !== false, "data-lx-upsell-check": i, "data-variant-gid": p.gid, className: "w-5 h-5 accent-[var(--lx-accent-color)] rounded" }), p.image_url && (_jsx("img", { src: p.image_url, alt: p.title, className: "w-14 h-14 rounded-lg object-cover border", style: { borderRadius: `calc(var(--lx-image-radius, 16px) * 0.5)` } })), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "text-sm font-medium truncate", style: { color: theme.palette.text }, children: p.title }), _jsx("div", { className: "text-sm font-semibold", style: { color: theme.palette.accent }, children: p.price })] })] }, i))) }), _jsxs("div", { className: "mt-6 flex items-center justify-between", children: [_jsxs("div", { className: "text-sm opacity-70", "data-lx-upsell-total": true, children: ["Total: ", _jsx("span", { className: "font-semibold", style: { color: theme.palette.text }, children: "\u2014" })] }), _jsx("button", { type: "button", "data-lx-upsell-atc": true, className: "px-6 py-3 text-sm font-semibold rounded-lg transition-all hover:-translate-y-0.5", style: {
|
|
40
|
+
backgroundColor: `var(--lx-button-bg, ${theme.palette.accent})`,
|
|
41
|
+
color: `var(--lx-button-text, #ffffff)`,
|
|
42
|
+
borderRadius: `var(--lx-button-radius, 9999px)`,
|
|
43
|
+
boxShadow: `var(--lx-button-shadow, 0 4px 16px rgba(0,0,0,0.1))`,
|
|
44
|
+
}, children: "Add Selected to Cart" })] }), _jsx("script", { dangerouslySetInnerHTML: {
|
|
45
|
+
__html: `
|
|
46
|
+
document.addEventListener('click', function(e) {
|
|
47
|
+
var btn = e.target.closest('[data-lx-upsell-atc]');
|
|
48
|
+
if (!btn) return;
|
|
49
|
+
var checks = document.querySelectorAll('[data-lx-upsell-check]:checked');
|
|
50
|
+
var lines = [];
|
|
51
|
+
checks.forEach(function(c) {
|
|
52
|
+
if (c.dataset.variantGid) lines.push({ merchandiseId: c.dataset.variantGid, quantity: 1 });
|
|
53
|
+
});
|
|
54
|
+
if (lines.length && window.LexsisCart) window.LexsisCart.cartCreate(lines);
|
|
55
|
+
});
|
|
56
|
+
`,
|
|
57
|
+
} })] }) }));
|
|
58
|
+
}
|
|
59
|
+
//# sourceMappingURL=Upsell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Upsell.js","sourceRoot":"","sources":["../../src/product/Upsell.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VideoCarousel.d.ts","sourceRoot":"","sources":["../../src/product/VideoCarousel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAkB/C,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,cAAc,2CAgK/F"}
|
|
@@ -0,0 +1,188 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from "react";
|
|
3
|
+
import { renderText } from "../renderText";
|
|
4
|
+
import { renderIcon } from "../utils/renderIcon";
|
|
5
|
+
import { elStyle } from "../utils/elementStyles";
|
|
6
|
+
export default function VideoCarousel({ content, variant, theme, elementStyles }) {
|
|
7
|
+
const heading = renderText(content.heading);
|
|
8
|
+
const subheading = renderText(content.subheading);
|
|
9
|
+
const rawItems = content.items || [];
|
|
10
|
+
const trackId = `lx-vctrack-${Math.random().toString(36).slice(2, 8)}`;
|
|
11
|
+
// ── JSON-controllable section flags ──────────────────────────────────
|
|
12
|
+
const CARD_W = Number(content.card_width) || 240;
|
|
13
|
+
const TALL = Number(content.tall_height) || 420;
|
|
14
|
+
const SHORT = Number(content.short_height) || 320;
|
|
15
|
+
const GAP = Number(content.gap) || 12;
|
|
16
|
+
const rawSpeed = renderText(content.speed) || "normal";
|
|
17
|
+
const speedMap = { slow: 10, normal: 6, fast: 3 };
|
|
18
|
+
const secPerCard = speedMap[rawSpeed] ?? (Number(rawSpeed) || 6);
|
|
19
|
+
const pauseOnHover = content.pause_on_hover !== false; // default true
|
|
20
|
+
const hoverScale = content.hover_scale !== false; // default true
|
|
21
|
+
const hoverScaleAmt = Number(content.hover_scale_amount) || 1.12;
|
|
22
|
+
const direction = renderText(content.direction) === "right" ? "right" : "left";
|
|
23
|
+
const showOverlay = content.show_product_overlay !== false; // default true
|
|
24
|
+
const showFlag = content.show_flag !== false; // default true
|
|
25
|
+
const showGradient = content.show_gradient !== false; // default true
|
|
26
|
+
const flagPosition = renderText(content.flag_position) || "top-right"; // "top-left"|"top-right"
|
|
27
|
+
const showCta = content.show_cta === true; // default false
|
|
28
|
+
const items = rawItems.map((item) => {
|
|
29
|
+
const i = item;
|
|
30
|
+
const rawType = renderText(i.media_type);
|
|
31
|
+
return {
|
|
32
|
+
media_url: renderText(i.media_url),
|
|
33
|
+
media_type: rawType === "video" ? "video" : "image",
|
|
34
|
+
product_name: renderText(i.product_name || i.name),
|
|
35
|
+
product_price: renderText(i.product_price || i.price),
|
|
36
|
+
product_image_url: i.product_image_url ? renderText(i.product_image_url) : undefined,
|
|
37
|
+
flag_icon: i.flag_icon ? renderText(i.flag_icon) : undefined,
|
|
38
|
+
flag_label: i.flag_label ? renderText(i.flag_label) : undefined,
|
|
39
|
+
flag_color: i.flag_color ? renderText(i.flag_color) : undefined,
|
|
40
|
+
cta_url: i.cta_url ? renderText(i.cta_url) : undefined,
|
|
41
|
+
cta_label: i.cta_label ? renderText(i.cta_label) : undefined,
|
|
42
|
+
};
|
|
43
|
+
});
|
|
44
|
+
const isAlternating = variant === "alternating_heights" || !variant;
|
|
45
|
+
const loopItems = [...items, ...items, ...items];
|
|
46
|
+
function getCardHeight(idx) {
|
|
47
|
+
if (!isAlternating)
|
|
48
|
+
return TALL;
|
|
49
|
+
const pos = idx % items.length;
|
|
50
|
+
const mid = Math.floor(items.length / 2);
|
|
51
|
+
const dist = Math.abs(pos - mid);
|
|
52
|
+
return dist === 0 ? TALL : dist === 1 ? Math.round((TALL + SHORT) / 2) : SHORT;
|
|
53
|
+
}
|
|
54
|
+
const animId = `lx-vc-anim-${trackId}`;
|
|
55
|
+
const setWidth = items.length * (CARD_W + GAP);
|
|
56
|
+
const duration = Math.max(10, items.length * secPerCard);
|
|
57
|
+
const dirSign = direction === "right" ? setWidth : -setWidth;
|
|
58
|
+
// Extra padding so scaled cards aren't vertically clipped
|
|
59
|
+
const scaleBuffer = hoverScale ? Math.round(TALL * (hoverScaleAmt - 1) / 2) + 8 : 0;
|
|
60
|
+
return (_jsxs("section", { style: { backgroundColor: theme.palette.bg, padding: "3rem 0" }, children: [_jsx("style", { children: `
|
|
61
|
+
@keyframes ${animId} {
|
|
62
|
+
0% { transform: translateX(0); }
|
|
63
|
+
100% { transform: translateX(${dirSign}px); }
|
|
64
|
+
}
|
|
65
|
+
.${animId}-inner {
|
|
66
|
+
display: flex;
|
|
67
|
+
gap: ${GAP}px;
|
|
68
|
+
animation: ${animId} ${duration}s linear infinite;
|
|
69
|
+
width: max-content;
|
|
70
|
+
align-items: center;
|
|
71
|
+
}
|
|
72
|
+
${pauseOnHover ? `.${animId}-inner:hover { animation-play-state: paused; }` : ""}
|
|
73
|
+
.lx-vc-outer-${trackId} {
|
|
74
|
+
overflow: hidden;
|
|
75
|
+
width: 100%;
|
|
76
|
+
padding: ${scaleBuffer}px 0;
|
|
77
|
+
margin: -${scaleBuffer}px 0;
|
|
78
|
+
box-sizing: content-box;
|
|
79
|
+
}
|
|
80
|
+
.lx-vc-card-${trackId} {
|
|
81
|
+
transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), z-index 0s;
|
|
82
|
+
position: relative;
|
|
83
|
+
z-index: 0;
|
|
84
|
+
cursor: ${showCta ? "pointer" : "default"};
|
|
85
|
+
}
|
|
86
|
+
${hoverScale ? `
|
|
87
|
+
.lx-vc-card-${trackId}:hover {
|
|
88
|
+
transform: scale(${hoverScaleAmt});
|
|
89
|
+
z-index: 10;
|
|
90
|
+
}` : ""}
|
|
91
|
+
.lx-vc-cta-${trackId} {
|
|
92
|
+
position: absolute;
|
|
93
|
+
inset: 0;
|
|
94
|
+
display: flex;
|
|
95
|
+
align-items: flex-end;
|
|
96
|
+
justify-content: center;
|
|
97
|
+
padding-bottom: 56px;
|
|
98
|
+
opacity: 0;
|
|
99
|
+
transition: opacity 0.25s ease;
|
|
100
|
+
pointer-events: none;
|
|
101
|
+
}
|
|
102
|
+
${showCta ? `.lx-vc-card-${trackId}:hover .lx-vc-cta-${trackId} { opacity: 1; pointer-events: auto; }` : ""}
|
|
103
|
+
` }), _jsx("div", { style: { maxWidth: "1200px", margin: "0 auto", padding: "0 1.25rem" }, children: (heading || subheading) && (_jsxs("div", { style: { textAlign: "center", marginBottom: "2rem" }, children: [heading && (_jsx("h2", { "data-lx-field": "heading", style: {
|
|
104
|
+
fontFamily: `var(--lx-font-heading, ${theme.fonts.display})`,
|
|
105
|
+
fontWeight: "var(--lx-heading-weight, 700)",
|
|
106
|
+
color: theme.palette.text,
|
|
107
|
+
fontSize: "2rem",
|
|
108
|
+
margin: "0 0 0.5rem",
|
|
109
|
+
...elStyle(elementStyles, "heading"),
|
|
110
|
+
}, children: heading })), subheading && (_jsx("p", { "data-lx-field": "subheading", style: {
|
|
111
|
+
fontFamily: theme.fonts.body,
|
|
112
|
+
color: theme.palette.text,
|
|
113
|
+
opacity: 0.65,
|
|
114
|
+
margin: 0,
|
|
115
|
+
fontSize: "0.95rem",
|
|
116
|
+
...elStyle(elementStyles, "subheading"),
|
|
117
|
+
}, children: subheading }))] })) }), _jsx("div", { className: `lx-vc-outer-${trackId}`, children: _jsx("div", { className: `${animId}-inner`, children: loopItems.map((item, idx) => (_jsx(VideoCard, { item: item, height: getCardHeight(idx), width: CARD_W, theme: theme, trackId: trackId, showOverlay: showOverlay, showFlag: showFlag, showGradient: showGradient, flagPosition: flagPosition, showCta: showCta }, idx))) }) })] }));
|
|
118
|
+
}
|
|
119
|
+
function VideoCard({ item, height, width, theme, trackId, showOverlay, showFlag, showGradient, flagPosition, showCta, }) {
|
|
120
|
+
const [hovered, setHovered] = useState(false);
|
|
121
|
+
const flagStyle = {
|
|
122
|
+
position: "absolute",
|
|
123
|
+
top: "10px",
|
|
124
|
+
...(flagPosition === "top-left" ? { left: "10px" } : { right: "10px" }),
|
|
125
|
+
backgroundColor: item.flag_color || theme.palette.accent,
|
|
126
|
+
color: "#fff",
|
|
127
|
+
borderRadius: "9999px",
|
|
128
|
+
padding: "4px 10px",
|
|
129
|
+
fontSize: "0.7rem",
|
|
130
|
+
fontWeight: 700,
|
|
131
|
+
fontFamily: theme.fonts.body,
|
|
132
|
+
display: "flex",
|
|
133
|
+
alignItems: "center",
|
|
134
|
+
gap: "4px",
|
|
135
|
+
zIndex: 2,
|
|
136
|
+
};
|
|
137
|
+
return (_jsxs("div", { className: `lx-vc-card-${trackId}`, style: {
|
|
138
|
+
flexShrink: 0,
|
|
139
|
+
width: `${width}px`,
|
|
140
|
+
height: `${height}px`,
|
|
141
|
+
borderRadius: "var(--lx-card-radius, 16px)",
|
|
142
|
+
overflow: "hidden",
|
|
143
|
+
}, onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), children: [item.media_type === "video" ? (_jsx("video", { src: item.media_url, autoPlay: hovered, muted: true, loop: true, playsInline: true, style: { width: "100%", height: "100%", objectFit: "cover", display: "block" } })) : (_jsx("img", { src: item.media_url, alt: item.product_name, loading: "lazy", style: { width: "100%", height: "100%", objectFit: "cover", display: "block" } })), showGradient && (_jsx("div", { style: {
|
|
144
|
+
position: "absolute",
|
|
145
|
+
inset: 0,
|
|
146
|
+
background: "linear-gradient(to top, rgba(0,0,0,0.65) 0%, transparent 55%)",
|
|
147
|
+
pointerEvents: "none",
|
|
148
|
+
} })), showFlag && item.flag_icon && (_jsxs("div", { style: flagStyle, children: [renderIcon(item.flag_icon, { size: 14, color: "#fff" }), item.flag_label && _jsx("span", { children: item.flag_label })] })), showCta && (_jsx("div", { className: `lx-vc-cta-${trackId}`, children: _jsx("a", { href: item.cta_url || "#", style: {
|
|
149
|
+
backgroundColor: theme.palette.accent,
|
|
150
|
+
color: "#fff",
|
|
151
|
+
borderRadius: "8px",
|
|
152
|
+
padding: "8px 20px",
|
|
153
|
+
fontSize: "0.8rem",
|
|
154
|
+
fontWeight: 700,
|
|
155
|
+
fontFamily: theme.fonts.body,
|
|
156
|
+
textDecoration: "none",
|
|
157
|
+
display: "inline-block",
|
|
158
|
+
}, children: item.cta_label || "Shop Now" }) })), showOverlay && (_jsxs("div", { style: {
|
|
159
|
+
position: "absolute",
|
|
160
|
+
bottom: "12px",
|
|
161
|
+
left: "12px",
|
|
162
|
+
display: "flex",
|
|
163
|
+
alignItems: "center",
|
|
164
|
+
gap: "8px",
|
|
165
|
+
zIndex: 2,
|
|
166
|
+
}, children: [item.product_image_url && (_jsx("img", { src: item.product_image_url, alt: item.product_name, style: {
|
|
167
|
+
width: "36px",
|
|
168
|
+
height: "36px",
|
|
169
|
+
borderRadius: "6px",
|
|
170
|
+
objectFit: "cover",
|
|
171
|
+
flexShrink: 0,
|
|
172
|
+
border: "1.5px solid rgba(255,255,255,0.4)",
|
|
173
|
+
} })), _jsxs("div", { children: [_jsx("div", { style: {
|
|
174
|
+
color: "#fff",
|
|
175
|
+
fontSize: "0.8rem",
|
|
176
|
+
fontWeight: 600,
|
|
177
|
+
fontFamily: theme.fonts.body,
|
|
178
|
+
lineHeight: 1.2,
|
|
179
|
+
textShadow: "0 1px 3px rgba(0,0,0,0.4)",
|
|
180
|
+
}, children: item.product_name }), item.product_price && (_jsx("div", { style: {
|
|
181
|
+
color: "#fff",
|
|
182
|
+
fontSize: "0.72rem",
|
|
183
|
+
opacity: 0.85,
|
|
184
|
+
fontFamily: theme.fonts.body,
|
|
185
|
+
marginTop: "1px",
|
|
186
|
+
}, children: item.product_price }))] })] }))] }));
|
|
187
|
+
}
|
|
188
|
+
//# sourceMappingURL=VideoCarousel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VideoCarousel.js","sourceRoot":"","sources":["../../src/product/VideoCarousel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export { default as ProductHighlightLeft } from "./ProductHighlightLeft";
|
|
2
|
+
export { default as ProductHighlightRight } from "./ProductHighlightRight";
|
|
3
|
+
export { default as ProductCenteredStack } from "./ProductCenteredStack";
|
|
4
|
+
export { default as ComparisonTable } from "./ComparisonTable";
|
|
5
|
+
export { default as BundleBuilder } from "./BundleBuilder";
|
|
6
|
+
export { default as SubscriptionToggle } from "./SubscriptionToggle";
|
|
7
|
+
export { default as ProductPage } from "./ProductPage";
|
|
8
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/product/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export { default as ProductHighlightLeft } from "./ProductHighlightLeft";
|
|
2
|
+
export { default as ProductHighlightRight } from "./ProductHighlightRight";
|
|
3
|
+
export { default as ProductCenteredStack } from "./ProductCenteredStack";
|
|
4
|
+
export { default as ComparisonTable } from "./ComparisonTable";
|
|
5
|
+
export { default as BundleBuilder } from "./BundleBuilder";
|
|
6
|
+
export { default as SubscriptionToggle } from "./SubscriptionToggle";
|
|
7
|
+
export { default as ProductPage } from "./ProductPage";
|
|
8
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/product/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC"}
|