@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,73 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState, useEffect } from "react";
|
|
3
|
+
import { renderText } from "../renderText";
|
|
4
|
+
export default function TerminalCard({ content, variant, theme }) {
|
|
5
|
+
const title = renderText(content.title);
|
|
6
|
+
const rawLines = content.lines || [];
|
|
7
|
+
const lines = rawLines.map((l) => renderText(l));
|
|
8
|
+
const prompt = renderText(content.prompt) || "$ ";
|
|
9
|
+
function Header() {
|
|
10
|
+
return (_jsxs("div", { style: { backgroundColor: "#1e1e1e", display: "flex", alignItems: "center", gap: "var(--lx-terminalcard-header-gap, var(--lx-space-sm))", padding: "var(--lx-terminalcard-header-padding-y, var(--lx-space-3)) var(--lx-terminalcard-header-padding-x, var(--lx-space-md))" }, children: [_jsx("div", { style: { width: "var(--lx-space-3)", height: "var(--lx-space-3)", borderRadius: "var(--lx-terminalcard-dot-radius, var(--lx-radius-full))", backgroundColor: "#ff5f57" } }), _jsx("div", { style: { width: "var(--lx-space-3)", height: "var(--lx-space-3)", borderRadius: "var(--lx-terminalcard-dot-radius, var(--lx-radius-full))", backgroundColor: "#febc2e" } }), _jsx("div", { style: { width: "var(--lx-space-3)", height: "var(--lx-space-3)", borderRadius: "var(--lx-terminalcard-dot-radius, var(--lx-radius-full))", backgroundColor: "#28c840" } }), title && _jsx("span", { style: { color: "rgba(255,255,255,0.5)", fontSize: "0.875rem", marginLeft: "var(--lx-terminalcard-header-title-gap, var(--lx-space-sm))" }, children: title })] }));
|
|
11
|
+
}
|
|
12
|
+
const wrapperStyle = {
|
|
13
|
+
borderRadius: "var(--lx-terminalcard-radius, var(--lx-radius-lg))",
|
|
14
|
+
overflow: "hidden",
|
|
15
|
+
boxShadow: "0 20px 60px rgba(0,0,0,0.4)",
|
|
16
|
+
maxWidth: "672px",
|
|
17
|
+
margin: "0 auto",
|
|
18
|
+
};
|
|
19
|
+
const bodyStyle = {
|
|
20
|
+
backgroundColor: "#0d1117",
|
|
21
|
+
padding: "var(--lx-terminalcard-body-padding, var(--lx-space-md))",
|
|
22
|
+
fontFamily: "monospace",
|
|
23
|
+
fontSize: "0.875rem",
|
|
24
|
+
color: "#34d399",
|
|
25
|
+
minHeight: "200px",
|
|
26
|
+
};
|
|
27
|
+
if (variant === "static") {
|
|
28
|
+
return (_jsx("section", { style: { backgroundColor: theme.palette.bg, padding: "var(--lx-terminalcard-padding-y, var(--lx-space-2xl)) var(--lx-terminalcard-padding-x, var(--lx-space-5))" }, children: _jsxs("div", { style: wrapperStyle, children: [_jsx(Header, {}), _jsx("div", { style: bodyStyle, children: lines.map((line, i) => (_jsxs("div", { children: [_jsx("span", { style: { color: "#60a5fa" }, children: prompt }), line] }, i))) })] }) }));
|
|
29
|
+
}
|
|
30
|
+
if (variant === "typing") {
|
|
31
|
+
const [displayedLines, setDisplayedLines] = useState([]);
|
|
32
|
+
const [lineIdx, setLineIdx] = useState(0);
|
|
33
|
+
const [charIdx, setCharIdx] = useState(0);
|
|
34
|
+
const [waiting, setWaiting] = useState(false);
|
|
35
|
+
useEffect(() => {
|
|
36
|
+
if (lineIdx >= lines.length)
|
|
37
|
+
return;
|
|
38
|
+
const currentLine = lines[lineIdx];
|
|
39
|
+
if (waiting) {
|
|
40
|
+
const t = setTimeout(() => {
|
|
41
|
+
setWaiting(false);
|
|
42
|
+
setLineIdx((p) => p + 1);
|
|
43
|
+
setCharIdx(0);
|
|
44
|
+
}, 300);
|
|
45
|
+
return () => clearTimeout(t);
|
|
46
|
+
}
|
|
47
|
+
if (charIdx < currentLine.length) {
|
|
48
|
+
const t = setInterval(() => {
|
|
49
|
+
setCharIdx((p) => {
|
|
50
|
+
const next = p + 1;
|
|
51
|
+
setDisplayedLines((prev) => {
|
|
52
|
+
const updated = [...prev];
|
|
53
|
+
updated[lineIdx] = currentLine.slice(0, next);
|
|
54
|
+
return updated;
|
|
55
|
+
});
|
|
56
|
+
if (next >= currentLine.length) {
|
|
57
|
+
clearInterval(t);
|
|
58
|
+
setWaiting(true);
|
|
59
|
+
}
|
|
60
|
+
return next;
|
|
61
|
+
});
|
|
62
|
+
}, 40);
|
|
63
|
+
return () => clearInterval(t);
|
|
64
|
+
}
|
|
65
|
+
}, [lineIdx, charIdx, waiting, lines]);
|
|
66
|
+
return (_jsxs("section", { style: { backgroundColor: theme.palette.bg, padding: "var(--lx-terminalcard-padding-y, var(--lx-space-2xl)) var(--lx-terminalcard-padding-x, var(--lx-space-5))" }, children: [_jsx("style", { children: `
|
|
67
|
+
@keyframes termBlink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }
|
|
68
|
+
` }), _jsxs("div", { style: wrapperStyle, children: [_jsx(Header, {}), _jsxs("div", { style: bodyStyle, children: [displayedLines.map((line, i) => (_jsxs("div", { children: [_jsx("span", { style: { color: "#60a5fa" }, children: prompt }), line, i === lineIdx && i < lines.length && (_jsx("span", { style: { display: "inline-block", width: "8px", height: "14px", backgroundColor: "#34d399", marginLeft: "2px", animation: "termBlink 0.8s step-end infinite", verticalAlign: "text-bottom" } }))] }, i))), lineIdx < lines.length && displayedLines.length === lineIdx && (_jsxs("div", { children: [_jsx("span", { style: { color: "#60a5fa" }, children: prompt }), _jsx("span", { style: { display: "inline-block", width: "8px", height: "14px", backgroundColor: "#34d399", marginLeft: "2px", animation: "termBlink 0.8s step-end infinite", verticalAlign: "text-bottom" } })] }))] })] })] }));
|
|
69
|
+
}
|
|
70
|
+
// fallback: static
|
|
71
|
+
return (_jsx("section", { style: { backgroundColor: theme.palette.bg, padding: "var(--lx-terminalcard-padding-y, var(--lx-space-2xl)) var(--lx-terminalcard-padding-x, var(--lx-space-5))" }, children: _jsxs("div", { style: wrapperStyle, children: [_jsx(Header, {}), _jsx("div", { style: bodyStyle, children: lines.map((line, i) => (_jsxs("div", { children: [_jsx("span", { style: { color: "#60a5fa" }, children: prompt }), line] }, i))) })] }) }));
|
|
72
|
+
}
|
|
73
|
+
//# sourceMappingURL=TerminalCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TerminalCard.js","sourceRoot":"","sources":["../../src/cards/TerminalCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TestimonialCard.d.ts","sourceRoot":"","sources":["../../src/cards/TestimonialCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAI/C,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,cAAc,2CAkIjG"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { renderText } from "../renderText";
|
|
3
|
+
import { elStyle } from "../utils/elementStyles";
|
|
4
|
+
export default function TestimonialCard({ content, variant, theme, elementStyles }) {
|
|
5
|
+
const quote = renderText(content.quote);
|
|
6
|
+
const author = renderText(content.author);
|
|
7
|
+
const role = renderText(content.role);
|
|
8
|
+
const company = renderText(content.company);
|
|
9
|
+
const avatarUrl = renderText(content.avatar_url);
|
|
10
|
+
const logoUrl = renderText(content.logo_url);
|
|
11
|
+
const metricValue = renderText(content.metric_value);
|
|
12
|
+
const metricLabel = renderText(content.metric_label);
|
|
13
|
+
const ratingRaw = content.rating;
|
|
14
|
+
const rating = typeof ratingRaw === "number" ? ratingRaw : parseInt(renderText(ratingRaw)) || 0;
|
|
15
|
+
const accent = theme.palette.accent;
|
|
16
|
+
const surface = theme.palette.surface;
|
|
17
|
+
const textColor = theme.palette.text;
|
|
18
|
+
const border = theme.palette.border || "var(--lx-border-color)";
|
|
19
|
+
const cardStyle = {
|
|
20
|
+
backgroundColor: surface,
|
|
21
|
+
border: `1px solid ${border}`,
|
|
22
|
+
borderRadius: "var(--lx-testimonialcard-radius, var(--lx-radius-xl))",
|
|
23
|
+
padding: "var(--lx-testimonialcard-padding, var(--lx-space-xl))",
|
|
24
|
+
maxWidth: "672px",
|
|
25
|
+
margin: "0 auto",
|
|
26
|
+
};
|
|
27
|
+
function Stars({ count }) {
|
|
28
|
+
if (!count)
|
|
29
|
+
return null;
|
|
30
|
+
return (_jsx("div", { style: { display: "flex", gap: "2px", marginBottom: "var(--lx-testimonialcard-stars-gap, var(--lx-space-3))" }, children: Array.from({ length: 5 }).map((_, i) => (_jsx("span", { style: { color: i < count ? accent : "#d1d5db", fontSize: "1.1rem" }, children: "\u2605" }, i))) }));
|
|
31
|
+
}
|
|
32
|
+
function AuthorLine() {
|
|
33
|
+
return (_jsxs("div", { style: { marginTop: "var(--lx-testimonialcard-inner-gap, var(--lx-space-md))" }, children: [_jsx("div", { "data-lx-field": "author", style: { fontFamily: theme.fonts.body, fontWeight: 700, color: textColor, ...elStyle(elementStyles, "author") }, children: author }), (role || company) && (_jsxs("div", { style: { fontFamily: theme.fonts.body, color: textColor, opacity: 0.6, fontSize: "0.875rem" }, children: [role && _jsx("span", { "data-lx-field": "role", style: { ...elStyle(elementStyles, "role") }, children: role }), role && company && " · ", company && _jsx("span", { "data-lx-field": "company", style: { ...elStyle(elementStyles, "company") }, children: company })] }))] }));
|
|
34
|
+
}
|
|
35
|
+
if (variant === "quote") {
|
|
36
|
+
return (_jsx("section", { style: { backgroundColor: theme.palette.bg, padding: "var(--lx-testimonialcard-section-padding-y, var(--lx-space-2xl)) var(--lx-testimonialcard-section-padding-x, var(--lx-space-5))" }, children: _jsxs("div", { style: cardStyle, children: [_jsx("div", { style: { fontFamily: theme.fonts.display, fontSize: "4rem", lineHeight: 1, color: accent, opacity: 0.2, marginBottom: "var(--lx-testimonialcard-quote-icon-gap, var(--lx-space-sm))" }, children: "\u275D" }), _jsx(Stars, { count: rating }), _jsx("p", { "data-lx-field": "quote", style: { fontFamily: theme.fonts.body, fontStyle: "italic", color: textColor, fontSize: "1.125rem", lineHeight: 1.7, ...elStyle(elementStyles, "quote") }, children: quote }), _jsx(AuthorLine, {})] }) }));
|
|
37
|
+
}
|
|
38
|
+
if (variant === "metric") {
|
|
39
|
+
return (_jsx("section", { style: { backgroundColor: theme.palette.bg, padding: "var(--lx-testimonialcard-section-padding-y, var(--lx-space-2xl)) var(--lx-testimonialcard-section-padding-x, var(--lx-space-5))" }, children: _jsxs("div", { style: cardStyle, children: [metricValue && (_jsxs("div", { style: { marginBottom: "var(--lx-testimonialcard-inner-gap, var(--lx-space-md))" }, children: [_jsx("span", { "data-lx-field": "metric_value", style: { fontFamily: theme.fonts.display, fontSize: "3rem", fontWeight: 700, color: accent, ...elStyle(elementStyles, "metric_value") }, children: metricValue }), metricLabel && _jsx("div", { "data-lx-field": "metric_label", style: { fontFamily: theme.fonts.body, fontSize: "0.875rem", color: textColor, opacity: 0.7, marginTop: "2px", ...elStyle(elementStyles, "metric_label") }, children: metricLabel })] })), _jsx(Stars, { count: rating }), _jsx("p", { "data-lx-field": "quote", style: { fontFamily: theme.fonts.body, color: textColor, fontSize: "1rem", lineHeight: 1.7, ...elStyle(elementStyles, "quote") }, children: quote }), _jsx(AuthorLine, {})] }) }));
|
|
40
|
+
}
|
|
41
|
+
if (variant === "with_photo") {
|
|
42
|
+
return (_jsx("section", { style: { backgroundColor: theme.palette.bg, padding: "var(--lx-testimonialcard-section-padding-y, var(--lx-space-2xl)) var(--lx-testimonialcard-section-padding-x, var(--lx-space-5))" }, children: _jsxs("div", { style: { ...cardStyle, display: "flex", alignItems: "flex-start", gap: "var(--lx-testimonialcard-inner-gap, var(--lx-space-md))" }, children: [avatarUrl ? (_jsx("img", { src: avatarUrl, alt: author, style: { width: "64px", height: "64px", borderRadius: "var(--lx-testimonialcard-avatar-radius, var(--lx-radius-full))", objectFit: "cover", flexShrink: 0 } })) : (_jsx("div", { style: { width: "64px", height: "64px", borderRadius: "var(--lx-testimonialcard-avatar-radius, var(--lx-radius-full))", backgroundColor: accent, color: "#fff", display: "flex", alignItems: "center", justifyContent: "center", fontWeight: 700, fontSize: "1.25rem", flexShrink: 0 }, children: author.charAt(0).toUpperCase() })), _jsxs("div", { style: { flex: 1 }, children: [_jsx(Stars, { count: rating }), _jsx("p", { "data-lx-field": "quote", style: { fontFamily: theme.fonts.body, color: textColor, fontSize: "1rem", lineHeight: 1.7, ...elStyle(elementStyles, "quote") }, children: quote }), _jsx(AuthorLine, {})] })] }) }));
|
|
43
|
+
}
|
|
44
|
+
if (variant === "company_logo") {
|
|
45
|
+
return (_jsx("section", { style: { backgroundColor: theme.palette.bg, padding: "var(--lx-testimonialcard-section-padding-y, var(--lx-space-2xl)) var(--lx-testimonialcard-section-padding-x, var(--lx-space-5))" }, children: _jsxs("div", { style: { ...cardStyle, textAlign: "center" }, children: [logoUrl ? (_jsx("img", { src: logoUrl, alt: company, style: { height: "var(--lx-space-xl)", filter: "grayscale(1)", marginBottom: "var(--lx-testimonialcard-inner-gap, var(--lx-space-md))", margin: "0 auto var(--lx-testimonialcard-inner-gap, var(--lx-space-md))" } })) : company ? (_jsx("div", { "data-lx-field": "company", style: { fontFamily: theme.fonts.display, fontWeight: 700, color: textColor, opacity: 0.4, marginBottom: "var(--lx-testimonialcard-inner-gap, var(--lx-space-md))", letterSpacing: "0.1em", textTransform: "uppercase", fontSize: "0.875rem", ...elStyle(elementStyles, "company") }, children: company })) : null, _jsx(Stars, { count: rating }), _jsx("p", { "data-lx-field": "quote", style: { fontFamily: theme.fonts.body, fontStyle: "italic", color: textColor, fontSize: "1.125rem", lineHeight: 1.7, marginBottom: "var(--lx-testimonialcard-inner-gap, var(--lx-space-md))", ...elStyle(elementStyles, "quote") }, children: quote }), _jsx(AuthorLine, {})] }) }));
|
|
46
|
+
}
|
|
47
|
+
// fallback: quote
|
|
48
|
+
return (_jsx("section", { style: { backgroundColor: theme.palette.bg, padding: "var(--lx-testimonialcard-section-padding-y, var(--lx-space-2xl)) var(--lx-testimonialcard-section-padding-x, var(--lx-space-5))" }, children: _jsxs("div", { style: cardStyle, children: [_jsx("p", { "data-lx-field": "quote", style: { fontFamily: theme.fonts.body, color: textColor, fontStyle: "italic", fontSize: "1.125rem", lineHeight: 1.7, ...elStyle(elementStyles, "quote") }, children: quote }), _jsx(AuthorLine, {})] }) }));
|
|
49
|
+
}
|
|
50
|
+
//# sourceMappingURL=TestimonialCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TestimonialCard.js","sourceRoot":"","sources":["../../src/cards/TestimonialCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/cards/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/cards/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CartCheckoutBar.d.ts","sourceRoot":"","sources":["../../src/cart/CartCheckoutBar.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AA+J/C,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,cAAc,2CAkalF"}
|
|
@@ -0,0 +1,258 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { useRef, useCallback } from "react";
|
|
3
|
+
import { motion, AnimatePresence, useMotionValue, useSpring, useTransform, } from "framer-motion";
|
|
4
|
+
import { useLxCart } from "../context/LxCartContext";
|
|
5
|
+
import { renderText } from "../renderText";
|
|
6
|
+
function fmt(amount, currency = "INR") {
|
|
7
|
+
const n = parseFloat(amount);
|
|
8
|
+
if (isNaN(n))
|
|
9
|
+
return amount;
|
|
10
|
+
return new Intl.NumberFormat("en-IN", { style: "currency", currency, maximumFractionDigits: 0 }).format(n);
|
|
11
|
+
}
|
|
12
|
+
function LockIcon() {
|
|
13
|
+
return (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }), _jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })] }));
|
|
14
|
+
}
|
|
15
|
+
function Spinner() {
|
|
16
|
+
return (_jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", style: { animation: "lxSpin 0.75s linear infinite" }, children: _jsx("path", { d: "M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83" }) }));
|
|
17
|
+
}
|
|
18
|
+
function ShieldIcon() {
|
|
19
|
+
return (_jsx("svg", { width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }) }));
|
|
20
|
+
}
|
|
21
|
+
function CheckoutButton({ accent, text, buttonRadius, ctaText, isMutating, onClick, disabled }) {
|
|
22
|
+
const btnRef = useRef(null);
|
|
23
|
+
const rawX = useMotionValue(0);
|
|
24
|
+
const rawY = useMotionValue(0);
|
|
25
|
+
const springX = useSpring(rawX, { stiffness: 180, damping: 22 });
|
|
26
|
+
const springY = useSpring(rawY, { stiffness: 180, damping: 22 });
|
|
27
|
+
const cursorBg = useTransform([springX, springY], ([x, y]) => `radial-gradient(circle 120px at ${x}px ${y}px, rgba(255,255,255,0.18) 0%, transparent 70%)`);
|
|
28
|
+
const handleMouseMove = useCallback((e) => {
|
|
29
|
+
if (!btnRef.current)
|
|
30
|
+
return;
|
|
31
|
+
const rect = btnRef.current.getBoundingClientRect();
|
|
32
|
+
rawX.set(e.clientX - rect.left);
|
|
33
|
+
rawY.set(e.clientY - rect.top);
|
|
34
|
+
}, [rawX, rawY]);
|
|
35
|
+
const handleMouseLeave = useCallback(() => {
|
|
36
|
+
rawX.set(-200);
|
|
37
|
+
rawY.set(-200);
|
|
38
|
+
}, [rawX, rawY]);
|
|
39
|
+
const buttonStyle = {
|
|
40
|
+
background: `linear-gradient(135deg, ${accent} 0%, ${accent}CC 50%, ${accent} 100%)`,
|
|
41
|
+
backgroundSize: "200% 200%",
|
|
42
|
+
animation: disabled ? "none" : "lxGradientShift 3s ease infinite",
|
|
43
|
+
color: text,
|
|
44
|
+
opacity: disabled ? 0.55 : 1,
|
|
45
|
+
};
|
|
46
|
+
return (_jsx("div", { ref: btnRef, onMouseMove: handleMouseMove, onMouseLeave: handleMouseLeave, style: { width: "100%" }, children: _jsxs(motion.button, { layout: true, onClick: onClick, disabled: disabled, style: {
|
|
47
|
+
width: isMutating ? "52px" : "100%",
|
|
48
|
+
minHeight: "48px",
|
|
49
|
+
borderRadius: isMutating ? "9999px" : buttonRadius,
|
|
50
|
+
overflow: "hidden",
|
|
51
|
+
border: "none",
|
|
52
|
+
cursor: disabled ? "not-allowed" : "pointer",
|
|
53
|
+
display: "flex",
|
|
54
|
+
alignItems: "center",
|
|
55
|
+
justifyContent: "center",
|
|
56
|
+
gap: "8px",
|
|
57
|
+
fontSize: "15px",
|
|
58
|
+
fontWeight: 600,
|
|
59
|
+
letterSpacing: "-0.01em",
|
|
60
|
+
position: "relative",
|
|
61
|
+
pointerEvents: isMutating ? "none" : "auto",
|
|
62
|
+
...buttonStyle,
|
|
63
|
+
}, transition: { layout: { type: "spring", stiffness: 300, damping: 30 } }, whileHover: !isMutating ? { scale: 1.015 } : {}, whileTap: !isMutating ? { scale: 0.97 } : {}, children: [_jsx(motion.div, { style: {
|
|
64
|
+
position: "absolute",
|
|
65
|
+
inset: 0,
|
|
66
|
+
background: cursorBg,
|
|
67
|
+
borderRadius: "inherit",
|
|
68
|
+
pointerEvents: "none",
|
|
69
|
+
} }), _jsx("span", { style: { position: "relative", zIndex: 1, display: "flex", alignItems: "center", gap: "7px" }, children: _jsx(AnimatePresence, { mode: "wait", children: isMutating ? (_jsx(motion.span, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.15 }, children: _jsx(Spinner, {}) }, "spinner")) : (_jsxs(motion.span, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.15 }, style: { display: "flex", alignItems: "center", gap: "7px" }, children: [_jsx(LockIcon, {}), ctaText] }, "label")) }) })] }) }));
|
|
70
|
+
}
|
|
71
|
+
export default function CartCheckoutBar({ content, variant, theme }) {
|
|
72
|
+
const { lines, cost, totalQuantity, proceedToCheckout, isMutating, isInitialized } = useLxCart();
|
|
73
|
+
const ctaText = renderText(content.cta_text) || "Proceed to Checkout";
|
|
74
|
+
const trustText = renderText(content.trust_text) || "Secure checkout · Free returns";
|
|
75
|
+
const continueText = renderText(content.continue_text) || "Continue Shopping";
|
|
76
|
+
const continueUrl = renderText(content.continue_url) || "/";
|
|
77
|
+
const isFloating = variant === "floating";
|
|
78
|
+
const isFullWidth = variant === "full_width";
|
|
79
|
+
const isSplitProduct = variant === "split_product";
|
|
80
|
+
const isStickyOrFloat = !isFullWidth && !isSplitProduct;
|
|
81
|
+
const heroLine = isSplitProduct && lines.length > 0 ? lines[0] : null;
|
|
82
|
+
const { accent, text, bg } = theme.palette;
|
|
83
|
+
const buttonTextColor = theme.button?.text ?? "#ffffff";
|
|
84
|
+
const buttonRadius = theme.button?.radius ?? "16px";
|
|
85
|
+
const globalStyles = `
|
|
86
|
+
@keyframes lxGradientShift {
|
|
87
|
+
0% { background-position: 0% 50%; }
|
|
88
|
+
50% { background-position: 100% 50%; }
|
|
89
|
+
100% { background-position: 0% 50%; }
|
|
90
|
+
}
|
|
91
|
+
@keyframes lxSpin {
|
|
92
|
+
from { transform: rotate(0deg); }
|
|
93
|
+
to { transform: rotate(360deg); }
|
|
94
|
+
}
|
|
95
|
+
@keyframes lxBarEntry {
|
|
96
|
+
from { transform: translateY(80px); opacity: 0; }
|
|
97
|
+
to { transform: translateY(0); opacity: 1; }
|
|
98
|
+
}
|
|
99
|
+
`;
|
|
100
|
+
if (!isInitialized || lines.length === 0)
|
|
101
|
+
return null;
|
|
102
|
+
// ── full_width / split_product — original 2-row layout (desktop cart page) ──
|
|
103
|
+
if (isFullWidth || isSplitProduct) {
|
|
104
|
+
const innerContent = (_jsxs("div", { style: { maxWidth: "480px", margin: "0 auto", display: "flex", flexDirection: "column", gap: "10px" }, children: [isSplitProduct && heroLine && (_jsxs(motion.div, { initial: { opacity: 0, y: 6 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.3, ease: [0.16, 1, 0.3, 1] }, style: { display: "flex", alignItems: "center", gap: "12px", marginBottom: "2px" }, children: [heroLine.imageUrl && (_jsx("img", { src: heroLine.imageUrl, alt: heroLine.productTitle, style: {
|
|
105
|
+
width: 40,
|
|
106
|
+
height: 40,
|
|
107
|
+
borderRadius: "10px",
|
|
108
|
+
objectFit: "cover",
|
|
109
|
+
flexShrink: 0,
|
|
110
|
+
border: `1px solid ${text}10`,
|
|
111
|
+
} })), _jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [_jsx("p", { style: {
|
|
112
|
+
fontSize: "13px",
|
|
113
|
+
fontWeight: 500,
|
|
114
|
+
color: text,
|
|
115
|
+
margin: 0,
|
|
116
|
+
overflow: "hidden",
|
|
117
|
+
textOverflow: "ellipsis",
|
|
118
|
+
whiteSpace: "nowrap",
|
|
119
|
+
fontFamily: `${theme.fonts.body}, sans-serif`,
|
|
120
|
+
}, children: heroLine.productTitle }), heroLine.variantTitle !== "Default Title" && (_jsx("p", { style: {
|
|
121
|
+
fontSize: "11px",
|
|
122
|
+
color: `${text}55`,
|
|
123
|
+
margin: "1px 0 0",
|
|
124
|
+
fontFamily: `${theme.fonts.body}, sans-serif`,
|
|
125
|
+
}, children: heroLine.variantTitle }))] }), _jsx("p", { style: {
|
|
126
|
+
fontSize: "14px",
|
|
127
|
+
fontWeight: 600,
|
|
128
|
+
flexShrink: 0,
|
|
129
|
+
color: text,
|
|
130
|
+
fontFamily: `${theme.fonts.display}, sans-serif`,
|
|
131
|
+
}, children: fmt(cost.totalAmount, cost.currencyCode) })] })), isFullWidth && (_jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "2px" }, children: [_jsxs("span", { style: {
|
|
132
|
+
fontSize: "12px",
|
|
133
|
+
color: `${text}55`,
|
|
134
|
+
fontFamily: `${theme.fonts.body}, sans-serif`,
|
|
135
|
+
}, children: [totalQuantity, " item", totalQuantity !== 1 ? "s" : ""] }), _jsx(AnimatePresence, { mode: "wait", children: _jsx(motion.span, { initial: { opacity: 0, y: -4 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: 4 }, transition: { duration: 0.2 }, style: {
|
|
136
|
+
fontSize: "15px",
|
|
137
|
+
fontWeight: 600,
|
|
138
|
+
color: text,
|
|
139
|
+
fontFamily: `${theme.fonts.display}, sans-serif`,
|
|
140
|
+
fontVariantNumeric: "tabular-nums",
|
|
141
|
+
}, children: fmt(cost.totalAmount, cost.currencyCode) }, cost.totalAmount) })] })), trustText && (_jsx("p", { style: {
|
|
142
|
+
textAlign: "center",
|
|
143
|
+
marginBottom: "4px",
|
|
144
|
+
fontSize: "10px",
|
|
145
|
+
color: `${text}30`,
|
|
146
|
+
fontFamily: `${theme.fonts.body}, sans-serif`,
|
|
147
|
+
letterSpacing: "0.02em",
|
|
148
|
+
}, children: trustText })), _jsx(CheckoutButton, { accent: theme.button?.bg ?? accent, text: buttonTextColor, buttonRadius: buttonRadius, ctaText: ctaText, isMutating: isMutating, onClick: proceedToCheckout, disabled: isMutating || lines.length === 0 }), isFullWidth && continueText && (_jsx("a", { href: continueUrl, style: {
|
|
149
|
+
display: "block",
|
|
150
|
+
textAlign: "center",
|
|
151
|
+
fontSize: "12px",
|
|
152
|
+
color: `${text}40`,
|
|
153
|
+
textDecoration: "none",
|
|
154
|
+
textUnderlineOffset: "2px",
|
|
155
|
+
marginTop: "2px",
|
|
156
|
+
fontFamily: `${theme.fonts.body}, sans-serif`,
|
|
157
|
+
}, onMouseEnter: (e) => (e.currentTarget.style.textDecoration = "underline"), onMouseLeave: (e) => (e.currentTarget.style.textDecoration = "none"), children: continueText }))] }));
|
|
158
|
+
return (_jsxs(_Fragment, { children: [_jsx("style", { children: globalStyles }), _jsx(motion.div, { initial: { y: 80, opacity: 0 }, animate: { y: 0, opacity: 1 }, transition: { type: "spring", stiffness: 280, damping: 28, mass: 0.9 }, style: {
|
|
159
|
+
position: "fixed",
|
|
160
|
+
bottom: 0,
|
|
161
|
+
left: 0,
|
|
162
|
+
right: 0,
|
|
163
|
+
zIndex: 50,
|
|
164
|
+
backdropFilter: "blur(20px)",
|
|
165
|
+
WebkitBackdropFilter: "blur(20px)",
|
|
166
|
+
backgroundColor: `${bg}E8`,
|
|
167
|
+
borderTop: `1px solid ${text}08`,
|
|
168
|
+
paddingTop: "0.5rem",
|
|
169
|
+
paddingBottom: `env(safe-area-inset-bottom, 12px)`,
|
|
170
|
+
paddingLeft: "1rem",
|
|
171
|
+
paddingRight: "1rem",
|
|
172
|
+
}, children: innerContent })] }));
|
|
173
|
+
}
|
|
174
|
+
// ── sticky_bottom / floating — single row on mobile, 2-row on sm+ ────────────
|
|
175
|
+
// Shared single-row mobile content
|
|
176
|
+
const mobileRow = (_jsxs("div", { style: { display: "flex", alignItems: "center", gap: "12px", minHeight: "56px" }, children: [_jsxs("div", { style: { flexShrink: 0, width: "35%" }, children: [_jsxs("p", { style: {
|
|
177
|
+
fontSize: "12px",
|
|
178
|
+
color: `${text}50`,
|
|
179
|
+
margin: 0,
|
|
180
|
+
fontFamily: `${theme.fonts.body}, sans-serif`,
|
|
181
|
+
}, children: [totalQuantity, " item", totalQuantity !== 1 ? "s" : ""] }), _jsx(motion.p, { initial: { opacity: 0, y: 4 }, animate: { opacity: 1, y: 0 }, style: {
|
|
182
|
+
fontSize: "16px",
|
|
183
|
+
fontWeight: 700,
|
|
184
|
+
color: text,
|
|
185
|
+
margin: 0,
|
|
186
|
+
fontFamily: `${theme.fonts.display}, serif`,
|
|
187
|
+
fontVariantNumeric: "tabular-nums",
|
|
188
|
+
}, children: fmt(cost.totalAmount, cost.currencyCode) }, cost.totalAmount)] }), _jsx("div", { style: { flex: 1 }, children: _jsx(CheckoutButton, { accent: theme.button?.bg ?? accent, text: buttonTextColor, buttonRadius: buttonRadius, ctaText: ctaText, isMutating: isMutating, onClick: proceedToCheckout, disabled: isMutating || lines.length === 0 }) })] }));
|
|
189
|
+
// Desktop 2-row layout (sm+) — hidden on mobile via inline media query trick using CSS class
|
|
190
|
+
// We use a wrapper with className approach leveraging Tailwind's responsive prefix on the container
|
|
191
|
+
const innerContent = (_jsxs("div", { style: { maxWidth: "480px", margin: "0 auto" }, children: [trustText && (_jsx("p", { className: "text-center mb-2", style: {
|
|
192
|
+
fontSize: "10px",
|
|
193
|
+
color: `${text}30`,
|
|
194
|
+
fontFamily: `${theme.fonts.body}, sans-serif`,
|
|
195
|
+
letterSpacing: "0.02em",
|
|
196
|
+
}, children: trustText })), _jsxs("div", { className: "flex flex-row sm:flex-col sm:gap-[10px]", style: { alignItems: "center", gap: "12px" }, children: [_jsxs("div", { className: "sm:hidden", style: { flexShrink: 0, width: "35%" }, children: [_jsxs("p", { style: {
|
|
197
|
+
fontSize: "12px",
|
|
198
|
+
color: `${text}50`,
|
|
199
|
+
margin: 0,
|
|
200
|
+
fontFamily: `${theme.fonts.body}, sans-serif`,
|
|
201
|
+
}, children: [totalQuantity, " item", totalQuantity !== 1 ? "s" : ""] }), _jsx(motion.p, { initial: { opacity: 0, y: 4 }, animate: { opacity: 1, y: 0 }, style: {
|
|
202
|
+
fontSize: "16px",
|
|
203
|
+
fontWeight: 700,
|
|
204
|
+
color: text,
|
|
205
|
+
margin: 0,
|
|
206
|
+
fontFamily: `${theme.fonts.display}, serif`,
|
|
207
|
+
fontVariantNumeric: "tabular-nums",
|
|
208
|
+
}, children: fmt(cost.totalAmount, cost.currencyCode) }, cost.totalAmount)] }), _jsxs("div", { className: "hidden sm:flex", style: { alignItems: "center", justifyContent: "space-between", width: "100%", marginBottom: "2px" }, children: [_jsxs("span", { style: {
|
|
209
|
+
fontSize: "12px",
|
|
210
|
+
color: `${text}55`,
|
|
211
|
+
fontFamily: `${theme.fonts.body}, sans-serif`,
|
|
212
|
+
}, children: [totalQuantity, " item", totalQuantity !== 1 ? "s" : ""] }), _jsx(AnimatePresence, { mode: "wait", children: _jsx(motion.span, { initial: { opacity: 0, y: -4 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: 4 }, transition: { duration: 0.2 }, style: {
|
|
213
|
+
fontSize: "15px",
|
|
214
|
+
fontWeight: 600,
|
|
215
|
+
color: text,
|
|
216
|
+
fontFamily: `${theme.fonts.display}, sans-serif`,
|
|
217
|
+
fontVariantNumeric: "tabular-nums",
|
|
218
|
+
}, children: fmt(cost.totalAmount, cost.currencyCode) }, cost.totalAmount) })] }), _jsx("div", { className: "sm:w-full", style: { flex: 1 }, children: _jsx(CheckoutButton, { accent: theme.button?.bg ?? accent, text: buttonTextColor, buttonRadius: buttonRadius, ctaText: ctaText, isMutating: isMutating, onClick: proceedToCheckout, disabled: isMutating || lines.length === 0 }) })] })] }));
|
|
219
|
+
// ── Floating variant ──────────────────────────────────────────────────────────
|
|
220
|
+
if (isFloating) {
|
|
221
|
+
return (_jsxs(_Fragment, { children: [_jsx("style", { children: globalStyles }), _jsx(motion.div, { initial: { y: 80, opacity: 0 }, animate: { y: 0, opacity: 1 }, transition: { type: "spring", stiffness: 280, damping: 28, mass: 0.9 }, style: {
|
|
222
|
+
position: "fixed",
|
|
223
|
+
bottom: 0,
|
|
224
|
+
left: 0,
|
|
225
|
+
right: 0,
|
|
226
|
+
zIndex: 50,
|
|
227
|
+
padding: "0 1rem",
|
|
228
|
+
paddingBottom: "calc(0.75rem + env(safe-area-inset-bottom, 0px))",
|
|
229
|
+
paddingTop: "0.5rem",
|
|
230
|
+
}, children: _jsx("div", { style: {
|
|
231
|
+
borderRadius: "1.25rem",
|
|
232
|
+
boxShadow: "0 -2px 40px rgba(0,0,0,0.18), 0 8px 32px rgba(0,0,0,0.12)",
|
|
233
|
+
overflow: "hidden",
|
|
234
|
+
backdropFilter: "blur(20px)",
|
|
235
|
+
WebkitBackdropFilter: "blur(20px)",
|
|
236
|
+
backgroundColor: `${bg}E8`,
|
|
237
|
+
border: `1px solid ${text}08`,
|
|
238
|
+
padding: "0.625rem 1rem",
|
|
239
|
+
}, children: innerContent }) })] }));
|
|
240
|
+
}
|
|
241
|
+
// ── sticky_bottom ─────────────────────────────────────────────────────────────
|
|
242
|
+
return (_jsxs(_Fragment, { children: [_jsx("style", { children: globalStyles }), _jsx(motion.div, { initial: { y: 80, opacity: 0 }, animate: { y: 0, opacity: 1 }, transition: { type: "spring", stiffness: 280, damping: 28, mass: 0.9 }, style: {
|
|
243
|
+
position: "fixed",
|
|
244
|
+
bottom: 0,
|
|
245
|
+
left: 0,
|
|
246
|
+
right: 0,
|
|
247
|
+
zIndex: 50,
|
|
248
|
+
backdropFilter: "blur(20px)",
|
|
249
|
+
WebkitBackdropFilter: "blur(20px)",
|
|
250
|
+
backgroundColor: `${bg}E8`,
|
|
251
|
+
borderTop: `1px solid ${text}08`,
|
|
252
|
+
paddingTop: "0.5rem",
|
|
253
|
+
paddingBottom: `env(safe-area-inset-bottom, 12px)`,
|
|
254
|
+
paddingLeft: "1rem",
|
|
255
|
+
paddingRight: "1rem",
|
|
256
|
+
}, children: innerContent })] }));
|
|
257
|
+
}
|
|
258
|
+
//# sourceMappingURL=CartCheckoutBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CartCheckoutBar.js","sourceRoot":"","sources":["../../src/cart/CartCheckoutBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EACL,MAAM,EACN,eAAe,EACf,cAAc,EACd,SAAS,EACT,YAAY,GACb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,SAAS,GAAG,CAAC,MAAc,EAAE,QAAQ,GAAG,KAAK;IAC3C,MAAM,CAAC,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;IAC7B,IAAI,KAAK,CAAC,CAAC,CAAC;QAAE,OAAO,MAAM,CAAC;IAC5B,OAAO,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,qBAAqB,EAAE,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AAC7G,CAAC;AAED,SAAS,QAAQ;IACf,OAAO,CACL,eAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,aAC9I,eAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,GAAG,EAC1D,eAAM,CAAC,EAAC,0BAA0B,GAAG,IACjC,CACP,CAAC;AACJ,CAAC;AAED,SAAS,OAAO;IACd,OAAO,CACL,cACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,KAAK,EAAE,EAAE,SAAS,EAAE,8BAA8B,EAAE,YAEpD,eAAM,CAAC,EAAC,oHAAoH,GAAG,GAC3H,CACP,CAAC;AACJ,CAAC;AAED,SAAS,UAAU;IACjB,OAAO,CACL,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,YAC5I,eAAM,CAAC,EAAC,6CAA6C,GAAG,GACpD,CACP,CAAC;AACJ,CAAC;AAYD,SAAS,cAAc,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAuB;IACjH,MAAM,MAAM,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE5C,MAAM,IAAI,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;IAC/B,MAAM,IAAI,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;IAC/B,MAAM,OAAO,GAAG,SAAS,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;IACjE,MAAM,OAAO,GAAG,SAAS,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;IAEjE,MAAM,QAAQ,GAAG,YAAY,CAC3B,CAAC,OAAO,EAAE,OAAO,CAAC,EAClB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CACT,mCAAmC,CAAC,MAAM,CAAC,iDAAiD,CAC/F,CAAC;IAEF,MAAM,eAAe,GAAG,WAAW,CAAC,CAAC,CAAmC,EAAE,EAAE;QAC1E,IAAI,CAAC,MAAM,CAAC,OAAO;YAAE,OAAO;QAC5B,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;QACpD,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;QAChC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;IAEjB,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;QACf,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;IACjB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;IAEjB,MAAM,WAAW,GAAG;QAClB,UAAU,EAAE,2BAA2B,MAAM,QAAQ,MAAM,WAAW,MAAM,QAAQ;QACpF,cAAc,EAAE,WAAW;QAC3B,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,kCAAkC;QACjE,KAAK,EAAE,IAAI;QACX,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;KAC7B,CAAC;IAEF,OAAO,CACL,cAAK,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,eAAe,EAAE,YAAY,EAAE,gBAAgB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,YACtG,MAAC,MAAM,CAAC,MAAM,IACZ,MAAM,QACN,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE;gBACL,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;gBACnC,SAAS,EAAE,MAAM;gBACjB,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY;gBAClD,QAAQ,EAAE,QAAQ;gBAClB,MAAM,EAAE,MAAM;gBACd,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS;gBAC5C,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,GAAG,EAAE,KAAK;gBACV,QAAQ,EAAE,MAAM;gBAChB,UAAU,EAAE,GAAG;gBACf,aAAa,EAAE,SAAS;gBACxB,QAAQ,EAAE,UAAU;gBACpB,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;gBAC3C,GAAG,WAAW;aACf,EACD,UAAU,EAAE,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,EACvE,UAAU,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,EAC/C,QAAQ,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,aAG5C,KAAC,MAAM,CAAC,GAAG,IACT,KAAK,EAAE;wBACL,QAAQ,EAAE,UAAU;wBACpB,KAAK,EAAE,CAAC;wBACR,UAAU,EAAE,QAAQ;wBACpB,YAAY,EAAE,SAAS;wBACvB,aAAa,EAAE,MAAM;qBACtB,GACD,EAGF,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,YACjG,KAAC,eAAe,IAAC,IAAI,EAAC,MAAM,YACzB,UAAU,CAAC,CAAC,CAAC,CACZ,KAAC,MAAM,CAAC,IAAI,IAEV,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACvB,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACvB,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACpB,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,YAE9B,KAAC,OAAO,KAAG,IANP,SAAS,CAOD,CACf,CAAC,CAAC,CAAC,CACF,MAAC,MAAM,CAAC,IAAI,IAEV,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACvB,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACvB,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACpB,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EAC9B,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,aAE5D,KAAC,QAAQ,KAAG,EACX,OAAO,KARJ,OAAO,CASC,CACf,GACe,GACb,IACO,GACZ,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAkB;IACjF,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,iBAAiB,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE,CAAC;IAEjG,MAAM,OAAO,GAAQ,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAS,qBAAqB,CAAC;IAChF,MAAM,SAAS,GAAM,UAAU,CAAC,OAAO,CAAC,UAAU,CAAC,IAAO,gCAAgC,CAAC;IAC3F,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,mBAAmB,CAAC;IAC9E,MAAM,WAAW,GAAI,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,IAAK,GAAG,CAAC;IAE9D,MAAM,UAAU,GAAO,OAAO,KAAK,UAAU,CAAC;IAC9C,MAAM,WAAW,GAAM,OAAO,KAAK,YAAY,CAAC;IAChD,MAAM,cAAc,GAAG,OAAO,KAAK,eAAe,CAAC;IACnD,MAAM,eAAe,GAAG,CAAC,WAAW,IAAI,CAAC,cAAc,CAAC;IAExD,MAAM,QAAQ,GAAG,cAAc,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAEtE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC;IAC3C,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,IAAI,SAAS,CAAC;IACxD,MAAM,YAAY,GAAM,KAAK,CAAC,MAAM,EAAE,MAAM,IAAI,MAAM,CAAC;IAEvD,MAAM,YAAY,GAAG;;;;;;;;;;;;;;GAcpB,CAAC;IAEF,IAAI,CAAC,aAAa,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEtD,+EAA+E;IAC/E,IAAI,WAAW,IAAI,cAAc,EAAE,CAAC;QAClC,MAAM,YAAY,GAAG,CACnB,eAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,aAGvG,cAAc,IAAI,QAAQ,IAAI,CAC7B,MAAC,MAAM,CAAC,GAAG,IACT,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC7B,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC7B,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,EACtD,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,aAEjF,QAAQ,CAAC,QAAQ,IAAI,CACpB,cACE,GAAG,EAAE,QAAQ,CAAC,QAAQ,EACtB,GAAG,EAAE,QAAQ,CAAC,YAAY,EAC1B,KAAK,EAAE;gCACL,KAAK,EAAE,EAAE;gCACT,MAAM,EAAE,EAAE;gCACV,YAAY,EAAE,MAAM;gCACpB,SAAS,EAAE,OAAO;gCAClB,UAAU,EAAE,CAAC;gCACb,MAAM,EAAE,aAAa,IAAI,IAAI;6BAC9B,GACD,CACH,EACD,eAAK,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,aAClC,YAAG,KAAK,EAAE;wCACR,QAAQ,EAAE,MAAM;wCAChB,UAAU,EAAE,GAAG;wCACf,KAAK,EAAE,IAAI;wCACX,MAAM,EAAE,CAAC;wCACT,QAAQ,EAAE,QAAQ;wCAClB,YAAY,EAAE,UAAU;wCACxB,UAAU,EAAE,QAAQ;wCACpB,UAAU,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,cAAc;qCAC9C,YACE,QAAQ,CAAC,YAAY,GACpB,EACH,QAAQ,CAAC,YAAY,KAAK,eAAe,IAAI,CAC5C,YAAG,KAAK,EAAE;wCACR,QAAQ,EAAE,MAAM;wCAChB,KAAK,EAAE,GAAG,IAAI,IAAI;wCAClB,MAAM,EAAE,SAAS;wCACjB,UAAU,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,cAAc;qCAC9C,YACE,QAAQ,CAAC,YAAY,GACpB,CACL,IACG,EACN,YAAG,KAAK,EAAE;gCACR,QAAQ,EAAE,MAAM;gCAChB,UAAU,EAAE,GAAG;gCACf,UAAU,EAAE,CAAC;gCACb,KAAK,EAAE,IAAI;gCACX,UAAU,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,cAAc;6BACjD,YACE,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,GACvC,IACO,CACd,EAGA,WAAW,IAAI,CACd,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,eAAe,EAAE,YAAY,EAAE,KAAK,EAAE,aACzG,gBAAM,KAAK,EAAE;gCACX,QAAQ,EAAE,MAAM;gCAChB,KAAK,EAAE,GAAG,IAAI,IAAI;gCAClB,UAAU,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,cAAc;6BAC9C,aACE,aAAa,WAAO,aAAa,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,IAC9C,EACP,KAAC,eAAe,IAAC,IAAI,EAAC,MAAM,YAC1B,KAAC,MAAM,CAAC,IAAI,IAEV,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,EAC9B,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC7B,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC1B,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,EAC7B,KAAK,EAAE;oCACL,QAAQ,EAAE,MAAM;oCAChB,UAAU,EAAE,GAAG;oCACf,KAAK,EAAE,IAAI;oCACX,UAAU,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,cAAc;oCAChD,kBAAkB,EAAE,cAAc;iCACnC,YAEA,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,IAbpC,IAAI,CAAC,WAAW,CAcT,GACE,IACd,CACP,EAGA,SAAS,IAAI,CACZ,YACE,KAAK,EAAE;wBACL,SAAS,EAAE,QAAQ;wBACnB,YAAY,EAAE,KAAK;wBACnB,QAAQ,EAAE,MAAM;wBAChB,KAAK,EAAE,GAAG,IAAI,IAAI;wBAClB,UAAU,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,cAAc;wBAC7C,aAAa,EAAE,QAAQ;qBACxB,YAEA,SAAS,GACR,CACL,EAGD,KAAC,cAAc,IACb,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,EAAE,IAAI,MAAM,EAClC,IAAI,EAAE,eAAe,EACrB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,EAAE,UAAU,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,GAC1C,EAGD,WAAW,IAAI,YAAY,IAAI,CAC9B,YACE,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE;wBACL,OAAO,EAAE,OAAO;wBAChB,SAAS,EAAE,QAAQ;wBACnB,QAAQ,EAAE,MAAM;wBAChB,KAAK,EAAE,GAAG,IAAI,IAAI;wBAClB,cAAc,EAAE,MAAM;wBACtB,mBAAmB,EAAE,KAAK;wBAC1B,SAAS,EAAE,KAAK;wBAChB,UAAU,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,cAAc;qBAC9C,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,cAAc,GAAG,WAAW,CAAC,EACzE,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,cAAc,GAAG,MAAM,CAAC,YAEnE,YAAY,GACX,CACL,IACG,CACP,CAAC;QAEF,OAAO,CACL,8BACE,0BAAQ,YAAY,GAAS,EAC7B,KAAC,MAAM,CAAC,GAAG,IACT,OAAO,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EAC9B,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAC7B,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,EACtE,KAAK,EAAE;wBACL,QAAQ,EAAE,OAAO;wBACjB,MAAM,EAAE,CAAC;wBACT,IAAI,EAAE,CAAC;wBACP,KAAK,EAAE,CAAC;wBACR,MAAM,EAAE,EAAE;wBACV,cAAc,EAAE,YAAY;wBAC5B,oBAAoB,EAAE,YAAY;wBAClC,eAAe,EAAE,GAAG,EAAE,IAAI;wBAC1B,SAAS,EAAE,aAAa,IAAI,IAAI;wBAChC,UAAU,EAAE,QAAQ;wBACpB,aAAa,EAAE,mCAAmC;wBAClD,WAAW,EAAE,MAAM;wBACnB,YAAY,EAAE,MAAM;qBACrB,YAEA,YAAY,GACF,IACZ,CACJ,CAAC;IACJ,CAAC;IAED,gFAAgF;IAEhF,mCAAmC;IACnC,MAAM,SAAS,GAAG,CAChB,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,aAEnF,eAAK,KAAK,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,aACzC,aAAG,KAAK,EAAE;4BACR,QAAQ,EAAE,MAAM;4BAChB,KAAK,EAAE,GAAG,IAAI,IAAI;4BAClB,MAAM,EAAE,CAAC;4BACT,UAAU,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,cAAc;yBAC9C,aACE,aAAa,WAAO,aAAa,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,IACjD,EACJ,KAAC,MAAM,CAAC,CAAC,IAEP,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC7B,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC7B,KAAK,EAAE;4BACL,QAAQ,EAAE,MAAM;4BAChB,UAAU,EAAE,GAAG;4BACf,KAAK,EAAE,IAAI;4BACX,MAAM,EAAE,CAAC;4BACT,UAAU,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,SAAS;4BAC3C,kBAAkB,EAAE,cAAc;yBACnC,YAEA,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,IAZpC,IAAI,CAAC,WAAW,CAaZ,IACP,EAEN,cAAK,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,YACrB,KAAC,cAAc,IACb,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,EAAE,IAAI,MAAM,EAClC,IAAI,EAAE,eAAe,EACrB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,EAAE,UAAU,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,GAC1C,GACE,IACF,CACP,CAAC;IAEF,6FAA6F;IAC7F,oGAAoG;IACpG,MAAM,YAAY,GAAG,CACnB,eAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,aAEhD,SAAS,IAAI,CACZ,YACE,SAAS,EAAC,kBAAkB,EAC5B,KAAK,EAAE;oBACL,QAAQ,EAAE,MAAM;oBAChB,KAAK,EAAE,GAAG,IAAI,IAAI;oBAClB,UAAU,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,cAAc;oBAC7C,aAAa,EAAE,QAAQ;iBACxB,YAEA,SAAS,GACR,CACL,EAGD,eAAK,SAAS,EAAC,yCAAyC,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,aAGnG,eAAK,SAAS,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,aAC/D,aAAG,KAAK,EAAE;oCACR,QAAQ,EAAE,MAAM;oCAChB,KAAK,EAAE,GAAG,IAAI,IAAI;oCAClB,MAAM,EAAE,CAAC;oCACT,UAAU,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,cAAc;iCAC9C,aACE,aAAa,WAAO,aAAa,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,IACjD,EACJ,KAAC,MAAM,CAAC,CAAC,IAEP,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC7B,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC7B,KAAK,EAAE;oCACL,QAAQ,EAAE,MAAM;oCAChB,UAAU,EAAE,GAAG;oCACf,KAAK,EAAE,IAAI;oCACX,MAAM,EAAE,CAAC;oCACT,UAAU,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,SAAS;oCAC3C,kBAAkB,EAAE,cAAc;iCACnC,YAEA,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,IAZpC,IAAI,CAAC,WAAW,CAaZ,IACP,EAGN,eACE,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,aAEpG,gBAAM,KAAK,EAAE;oCACX,QAAQ,EAAE,MAAM;oCAChB,KAAK,EAAE,GAAG,IAAI,IAAI;oCAClB,UAAU,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,cAAc;iCAC9C,aACE,aAAa,WAAO,aAAa,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,IAC9C,EACP,KAAC,eAAe,IAAC,IAAI,EAAC,MAAM,YAC1B,KAAC,MAAM,CAAC,IAAI,IAEV,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,EAC9B,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC7B,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC1B,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,EAC7B,KAAK,EAAE;wCACL,QAAQ,EAAE,MAAM;wCAChB,UAAU,EAAE,GAAG;wCACf,KAAK,EAAE,IAAI;wCACX,UAAU,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,cAAc;wCAChD,kBAAkB,EAAE,cAAc;qCACnC,YAEA,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,IAbpC,IAAI,CAAC,WAAW,CAcT,GACE,IACd,EAGN,cAAK,SAAS,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,YAC3C,KAAC,cAAc,IACb,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,EAAE,IAAI,MAAM,EAClC,IAAI,EAAE,eAAe,EACrB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,EAAE,UAAU,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,GAC1C,GACE,IACF,IACF,CACP,CAAC;IAEF,iFAAiF;IACjF,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,CACL,8BACE,0BAAQ,YAAY,GAAS,EAC7B,KAAC,MAAM,CAAC,GAAG,IACT,OAAO,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EAC9B,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAC7B,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,EACtE,KAAK,EAAE;wBACL,QAAQ,EAAE,OAAO;wBACjB,MAAM,EAAE,CAAC;wBACT,IAAI,EAAE,CAAC;wBACP,KAAK,EAAE,CAAC;wBACR,MAAM,EAAE,EAAE;wBACV,OAAO,EAAE,QAAQ;wBACjB,aAAa,EAAE,kDAAkD;wBACjE,UAAU,EAAE,QAAQ;qBACrB,YAED,cAAK,KAAK,EAAE;4BACV,YAAY,EAAE,SAAS;4BACvB,SAAS,EAAE,2DAA2D;4BACtE,QAAQ,EAAE,QAAQ;4BAClB,cAAc,EAAE,YAAY;4BAC5B,oBAAoB,EAAE,YAAY;4BAClC,eAAe,EAAE,GAAG,EAAE,IAAI;4BAC1B,MAAM,EAAE,aAAa,IAAI,IAAI;4BAC7B,OAAO,EAAE,eAAe;yBACzB,YACE,YAAY,GACT,GACK,IACZ,CACJ,CAAC;IACJ,CAAC;IAED,iFAAiF;IACjF,OAAO,CACL,8BACE,0BAAQ,YAAY,GAAS,EAC7B,KAAC,MAAM,CAAC,GAAG,IACT,OAAO,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EAC9B,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAC7B,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,EACtE,KAAK,EAAE;oBACL,QAAQ,EAAE,OAAO;oBACjB,MAAM,EAAE,CAAC;oBACT,IAAI,EAAE,CAAC;oBACP,KAAK,EAAE,CAAC;oBACR,MAAM,EAAE,EAAE;oBACV,cAAc,EAAE,YAAY;oBAC5B,oBAAoB,EAAE,YAAY;oBAClC,eAAe,EAAE,GAAG,EAAE,IAAI;oBAC1B,SAAS,EAAE,aAAa,IAAI,IAAI;oBAChC,UAAU,EAAE,QAAQ;oBACpB,aAAa,EAAE,mCAAmC;oBAClD,WAAW,EAAE,MAAM;oBACnB,YAAY,EAAE,MAAM;iBACrB,YAEA,YAAY,GACF,IACZ,CACJ,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CartDiscount.d.ts","sourceRoot":"","sources":["../../src/cart/CartDiscount.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AA6I/C,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,cAAc,2CA4L/E"}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from "react";
|
|
3
|
+
import { motion, AnimatePresence } from "framer-motion";
|
|
4
|
+
import { useLxCart } from "../context/LxCartContext";
|
|
5
|
+
import { renderText } from "../renderText";
|
|
6
|
+
function fmt(amount, currency = "INR") {
|
|
7
|
+
const n = parseFloat(amount);
|
|
8
|
+
if (isNaN(n))
|
|
9
|
+
return amount;
|
|
10
|
+
return new Intl.NumberFormat("en-IN", { style: "currency", currency, maximumFractionDigits: 0 }).format(n);
|
|
11
|
+
}
|
|
12
|
+
function CheckIcon({ color }) {
|
|
13
|
+
return (_jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) }));
|
|
14
|
+
}
|
|
15
|
+
function XIcon({ color }) {
|
|
16
|
+
return (_jsxs("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] }));
|
|
17
|
+
}
|
|
18
|
+
function AnimatedInput({ value, onChange, onSubmit, placeholder, disabled, theme }) {
|
|
19
|
+
const [focused, setFocused] = useState(false);
|
|
20
|
+
return (_jsxs("div", { className: "relative pb-1", children: [_jsx("input", { value: value, onChange: (e) => onChange(e.target.value.toUpperCase()), onKeyDown: (e) => e.key === "Enter" && onSubmit(), onFocus: () => setFocused(true), onBlur: () => setFocused(false), placeholder: placeholder, disabled: disabled, className: "w-full bg-transparent text-sm pr-16 pb-1 outline-none placeholder-opacity-40", style: {
|
|
21
|
+
color: theme.palette.text,
|
|
22
|
+
fontFamily: `${theme.fonts.body}, sans-serif`,
|
|
23
|
+
border: "none",
|
|
24
|
+
borderBottom: `1px solid ${theme.palette.text}20`,
|
|
25
|
+
} }), _jsx(motion.div, { className: "absolute bottom-0 left-0 h-px", style: { backgroundColor: theme.palette.accent }, initial: { width: "0%" }, animate: { width: focused ? "100%" : "0%" }, transition: { duration: 0.3, ease: [0.25, 0.46, 0.45, 0.94] } }), _jsx(AnimatePresence, { children: focused && value.trim() && (_jsx(motion.button, { initial: { opacity: 0, x: 10 }, animate: { opacity: 1, x: 0 }, exit: { opacity: 0, x: 10 }, transition: { duration: 0.2 }, onClick: onSubmit, disabled: disabled, className: "absolute right-0 bottom-1 text-sm font-semibold", style: { color: theme.palette.accent }, children: "Apply \u2192" })) })] }));
|
|
26
|
+
}
|
|
27
|
+
function RewardUnlockCards({ conditions, currentSubtotal, theme }) {
|
|
28
|
+
return (_jsx("div", { className: "space-y-2", children: conditions.map((uc, i) => {
|
|
29
|
+
const isUnlocked = parseFloat(currentSubtotal) >= uc.threshold;
|
|
30
|
+
return (_jsxs(motion.div, { className: "flex items-center gap-3 px-4 py-3 rounded-2xl border overflow-hidden", style: {
|
|
31
|
+
borderColor: isUnlocked ? `${theme.palette.accent}40` : `${theme.palette.text}15`,
|
|
32
|
+
backgroundColor: isUnlocked ? `${theme.palette.accent}08` : `${theme.palette.text}04`,
|
|
33
|
+
}, children: [_jsx(motion.div, { animate: isUnlocked ? { rotate: [0, -15, 0], scale: [1, 1.2, 1] } : {}, transition: { duration: 0.4, ease: "easeOut" }, className: "text-xl flex-shrink-0", children: isUnlocked ? "🔓" : "🔒" }), _jsx("div", { className: "flex-1 min-w-0", children: _jsx(AnimatePresence, { mode: "wait", children: isUnlocked ? (_jsxs(motion.p, { initial: { opacity: 0, y: -6 }, animate: { opacity: 1, y: 0 }, className: "text-sm font-semibold", style: { color: theme.palette.accent }, children: [uc.label, " \u2014 Use code ", _jsx("span", { className: "font-bold", children: uc.code })] }, "unlocked")) : (_jsxs(motion.p, { initial: { opacity: 0, y: 6 }, animate: { opacity: 1, y: 0 }, className: "text-sm", style: { color: `${theme.palette.text}60` }, children: ["Add ", fmt((uc.threshold - parseFloat(currentSubtotal)).toFixed(2), "INR"), " more to unlock"] }, "locked")) }) })] }, i));
|
|
34
|
+
}) }));
|
|
35
|
+
}
|
|
36
|
+
export default function CartDiscount({ content, variant, theme }) {
|
|
37
|
+
const { discountCodes, applyDiscountCode, removeDiscountCode, isMutating, lines, cost } = useLxCart();
|
|
38
|
+
const [inputValue, setInputValue] = useState("");
|
|
39
|
+
const [localError, setLocalError] = useState(null);
|
|
40
|
+
const [shakeKey, setShakeKey] = useState(0);
|
|
41
|
+
const placeholder = renderText(content.placeholder_text) || "Discount code";
|
|
42
|
+
const isPillApplied = variant === "pill_applied";
|
|
43
|
+
const isStackedCodes = variant === "stacked_codes";
|
|
44
|
+
const isRewardUnlock = variant === "reward_unlock";
|
|
45
|
+
const applicableCodes = discountCodes.filter((d) => d.applicable);
|
|
46
|
+
const inapplicableCodes = discountCodes.filter((d) => !d.applicable);
|
|
47
|
+
if (lines.length === 0)
|
|
48
|
+
return null;
|
|
49
|
+
// ── Reward unlock variant ─────────────────────────────────────────────────
|
|
50
|
+
if (isRewardUnlock) {
|
|
51
|
+
const unlockConditions = content.unlock_conditions || [];
|
|
52
|
+
return (_jsx(RewardUnlockCards, { conditions: unlockConditions, currentSubtotal: cost.subtotalAmount, theme: theme }));
|
|
53
|
+
}
|
|
54
|
+
// ── Pill applied variant — show only applied pills, no input ──────────────
|
|
55
|
+
if (isPillApplied) {
|
|
56
|
+
if (applicableCodes.length === 0)
|
|
57
|
+
return null;
|
|
58
|
+
return (_jsx("div", { className: "flex flex-wrap gap-2", children: _jsx(AnimatePresence, { children: applicableCodes.map((d) => (_jsxs(motion.div, { initial: { scale: 0, opacity: 0, y: 10 }, animate: { scale: 1, opacity: 1, y: 0 }, exit: { scale: 0, opacity: 0 }, transition: { type: "spring", stiffness: 400, damping: 20 }, className: "flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-semibold", style: { backgroundColor: `${theme.palette.accent}15`, color: theme.palette.accent, border: `1px solid ${theme.palette.accent}30` }, children: [_jsx(CheckIcon, { color: theme.palette.accent }), d.code, _jsx("button", { onClick: () => removeDiscountCode(d.code), disabled: isMutating, className: "ml-0.5 opacity-60 hover:opacity-100 transition-opacity", "aria-label": `Remove ${d.code}`, children: _jsx(XIcon, { color: theme.palette.accent }) })] }, d.code))) }) }));
|
|
59
|
+
}
|
|
60
|
+
// ── Inline field & stacked codes (default) ────────────────────────────────
|
|
61
|
+
const handleApply = async () => {
|
|
62
|
+
const code = inputValue.trim().toUpperCase();
|
|
63
|
+
if (!code)
|
|
64
|
+
return;
|
|
65
|
+
setLocalError(null);
|
|
66
|
+
await applyDiscountCode(code);
|
|
67
|
+
setInputValue("");
|
|
68
|
+
setTimeout(() => {
|
|
69
|
+
const applied = discountCodes.find((d) => d.code === code);
|
|
70
|
+
if (applied && !applied.applicable) {
|
|
71
|
+
setLocalError(`"${code}" is not valid for your cart.`);
|
|
72
|
+
setShakeKey((k) => k + 1);
|
|
73
|
+
}
|
|
74
|
+
}, 500);
|
|
75
|
+
};
|
|
76
|
+
return (_jsxs("div", { className: "space-y-3", children: [_jsx(AnimatePresence, { children: applicableCodes.length > 0 && (_jsx(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, className: "flex flex-wrap gap-2", children: _jsx(AnimatePresence, { children: applicableCodes.map((d) => (_jsxs(motion.div, { initial: { scale: 0, opacity: 0, y: 10 }, animate: { scale: 1, opacity: 1, y: 0 }, exit: { scale: 0, opacity: 0 }, transition: { type: "spring", stiffness: 400, damping: 20 }, className: "flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-semibold", style: { backgroundColor: `${theme.palette.accent}15`, color: theme.palette.accent, border: `1px solid ${theme.palette.accent}30` }, children: [_jsx(CheckIcon, { color: theme.palette.accent }), d.code, _jsx("button", { onClick: () => removeDiscountCode(d.code), disabled: isMutating, className: "ml-0.5 opacity-60 hover:opacity-100 transition-opacity", "aria-label": `Remove ${d.code}`, children: _jsx(XIcon, { color: theme.palette.accent }) })] }, d.code))) }) })) }), _jsx(AnimatePresence, { children: inapplicableCodes.length > 0 && (_jsx(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, className: "flex flex-wrap gap-2", children: _jsx(AnimatePresence, { children: inapplicableCodes.map((d) => (_jsxs(motion.div, { initial: { scale: 0, opacity: 0, y: 10 }, animate: { scale: 1, opacity: 1, y: 0 }, exit: { scale: 0, opacity: 0 }, transition: { type: "spring", stiffness: 400, damping: 20 }, className: "flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-semibold opacity-60", style: { backgroundColor: `${theme.palette.text}10`, color: `${theme.palette.text}80`, border: `1px solid ${theme.palette.text}20` }, children: [_jsx(XIcon, { color: `${theme.palette.text}80` }), d.code, " \u2014 invalid", _jsx("button", { onClick: () => removeDiscountCode(d.code), disabled: isMutating, className: "ml-0.5 opacity-60 hover:opacity-100 transition-opacity", children: _jsx(XIcon, { color: `${theme.palette.text}60` }) })] }, d.code))) }) })) }), (!isStackedCodes || discountCodes.length < 10) && (_jsx(motion.div, { animate: shakeKey > 0 ? { x: [0, -8, 8, -6, 6, -4, 4, 0] } : {}, transition: { duration: 0.4, ease: "easeInOut" }, children: _jsx(AnimatedInput, { value: inputValue, onChange: (v) => { setInputValue(v); setLocalError(null); }, onSubmit: handleApply, placeholder: placeholder, disabled: isMutating, theme: theme }) }, shakeKey)), _jsx(AnimatePresence, { children: localError && (_jsx(motion.p, { initial: { opacity: 0, y: 6 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: 6 }, transition: { duration: 0.2 }, className: "text-xs mt-1", style: { color: "#ef4444" }, children: localError })) })] }));
|
|
77
|
+
}
|
|
78
|
+
//# sourceMappingURL=CartDiscount.js.map
|