@anker-in/headless-ui 1.1.17-alpha.1766030104268 → 1.1.17-alpha.1766040702492

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.
Files changed (19) hide show
  1. package/dist/cjs/biz-components/FooterNavigation/index.js +1 -1
  2. package/dist/cjs/biz-components/FooterNavigation/index.js.map +2 -2
  3. package/dist/cjs/biz-components/NavigationSearch/index.js +2 -2
  4. package/dist/cjs/biz-components/NavigationSearch/index.js.map +2 -2
  5. package/dist/cjs/biz-components/SecondaryBanner/index.d.ts +7 -1
  6. package/dist/cjs/biz-components/SecondaryBanner/index.js +1 -1
  7. package/dist/cjs/biz-components/SecondaryBanner/index.js.map +2 -2
  8. package/dist/cjs/stories/secondaryBanner.stories.js +1 -1
  9. package/dist/cjs/stories/secondaryBanner.stories.js.map +2 -2
  10. package/dist/esm/biz-components/FooterNavigation/index.js +1 -1
  11. package/dist/esm/biz-components/FooterNavigation/index.js.map +2 -2
  12. package/dist/esm/biz-components/NavigationSearch/index.js +2 -2
  13. package/dist/esm/biz-components/NavigationSearch/index.js.map +2 -2
  14. package/dist/esm/biz-components/SecondaryBanner/index.d.ts +7 -1
  15. package/dist/esm/biz-components/SecondaryBanner/index.js +1 -1
  16. package/dist/esm/biz-components/SecondaryBanner/index.js.map +2 -2
  17. package/dist/esm/stories/secondaryBanner.stories.js +1 -1
  18. package/dist/esm/stories/secondaryBanner.stories.js.map +2 -2
  19. package/package.json +1 -1
package/dist/cjs/stories/secondaryBanner.stories.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/stories/secondaryBanner.stories.tsx"],
4
- "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport React from 'react'\n\nimport SecondaryBanner, { type SecondaryBannerData } from '../biz-components/SecondaryBanner/index.js'\n\n// \u57FA\u7840\u6A21\u62DF\u6570\u636E\nconst baseData: SecondaryBannerData = {\n title: 'Explore Endless Possibilities',\n superTitle: 'New Experience',\n subtitle: 'Discover more exciting content and start your digital journey',\n size: 'base',\n theme: 'light',\n primaryButton: {\n text: 'Get Started',\n onClick: () => alert('Button clicked!'),\n link: '#start',\n },\n secondaryButton: {\n text: 'Learn More',\n onClick: () => alert('Learn More clicked!'),\n link: '#learn-more',\n },\n endDate: '2025-12-31T23:59:59',\n endDate_tz: 'America/Los_Angeles',\n dateFormat: 'Day, Hour, Minute, Second',\n pcImage: {\n url: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/banner_pc.png?v=1765779947',\n alt: 'PC background image',\n thumbnailURL: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/banner_pc.png?v=1765779947',\n mimeType: 'image/jpeg',\n },\n padImage: {\n url: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Secondary_Banner_public_mobile.png?v=1765780165',\n alt: 'Tablet background image',\n thumbnailURL:\n 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Secondary_Banner_public_mobile.png?v=1765780165',\n mimeType: 'image/jpeg',\n },\n mobileImage: {\n url: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Secondary_Banner_public_mobile_2.png?v=1765780255',\n alt: 'Mobile background image',\n thumbnailURL:\n 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Secondary_Banner_public_mobile_2.png?v=1765780255',\n mimeType: 'image/jpeg',\n },\n iconArray: [\n {\n url: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/icon_endorsement_2.png?v=1765765485',\n alt: 'icon1',\n thumbnailURL: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/icon_endorsement_2.png?v=1765765485',\n mimeType: 'image/png',\n },\n {\n url: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/icon_endorsement.png?v=1765765486',\n alt: 'icon2',\n thumbnailURL: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/icon_endorsement.png?v=1765765486',\n mimeType: 'image/png',\n },\n ],\n}\n\nconst meta = {\n title: 'Biz Components/SecondaryBanner',\n component: SecondaryBanner,\n parameters: {\n layout: 'fullscreen',\n docs: {\n description: {\n component: '\u6B21\u7EA7\u6A2A\u5E45banner - \u662F\u6307\u7528\u6237\u8FDB\u5165\u4E8C\u7EA7\u9875\u9762\u540E\uFF0C\u65E0\u9700\u6EDA\u52A8\u9875\u9762\u5C31\u80FD\u5728\u7B2C\u4E00\u5C4F\uFF08\u5373\"\u9996\u5C4F\"\uFF09\u770B\u5230\u7684\u3001\u901A\u5E38\u6A2A\u8DE8\u6574\u4E2A\u6D4F\u89C8\u5668\u7A97\u53E3\u5BBD\u5EA6\u7684\u6838\u5FC3\u89C6\u89C9\u533A\u57DF\u3002\u652F\u6301\u54CD\u5E94\u5F0F\u8BBE\u8BA1\uFF0C\u9002\u914D\u4E0D\u540C\u5C4F\u5E55\u5C3A\u5BF8\u3002',\n },\n },\n },\n tags: ['autodocs'],\n argTypes: {\n data: {\n description: '\u4E1A\u52A1\u6570\u636E',\n control: 'object',\n },\n className: {\n description: '\u81EA\u5B9A\u4E49CSS\u7C7B\u540D',\n control: 'text',\n },\n classNames: {\n description: '\u8BED\u4E49\u5316\u7C7B\u540D\u6620\u5C04',\n control: 'object',\n },\n },\n args: {\n data: baseData,\n },\n} satisfies Meta<typeof SecondaryBanner>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\n// Default state\nexport const Default: Story = {\n args: {},\n}\n\n// Small size variant (suitable for filter pages)\nexport const SmallSize: Story = {\n args: {\n data: {\n ...baseData,\n title: 'Filter Page Title',\n superTitle: 'Product Filter',\n subtitle: 'Find the products that suit you best',\n size: 'sm',\n pcImage: {\n url: 'https://images.unsplash.com/photo-1441986300917-64674bd600d8?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80',\n alt: 'Filter page background image',\n thumbnailURL: 'https://images.unsplash.com/photo-1441986300917-64674bd600d8?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n padImage: {\n url: 'https://images.unsplash.com/photo-1441986300917-64674bd600d8?ixlib=rb-4.0.3&auto=format&fit=crop&w=1024&q=80',\n alt: 'Filter page background image',\n thumbnailURL: 'https://images.unsplash.com/photo-1441986300917-64674bd600d8?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n mobileImage: {\n url: 'https://images.unsplash.com/photo-1441986300917-64674bd600d8?ixlib=rb-4.0.3&auto=format&fit=crop&w=768&q=80',\n alt: 'Filter page background image',\n thumbnailURL: 'https://images.unsplash.com/photo-1441986300917-64674bd600d8?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n },\n },\n}\n\n// Large size variant (suitable for topic pages)\nexport const LargeSize: Story = {\n args: {\n data: {\n ...baseData,\n title: 'Exciting Topic Page Content',\n superTitle: 'Special Topic',\n subtitle: 'Deep exploration, discover more value',\n size: 'lg',\n pcImage: {\n url: 'https://images.unsplash.com/photo-1460925895917-afdab827c52f?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80',\n alt: 'Topic page background image',\n thumbnailURL: 'https://images.unsplash.com/photo-1460925895917-afdab827c52f?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n padImage: {\n url: 'https://images.unsplash.com/photo-1460925895917-afdab827c52f?ixlib=rb-4.0.3&auto=format&fit=crop&w=1024&q=80',\n alt: 'Topic page background image',\n thumbnailURL: 'https://images.unsplash.com/photo-1460925895917-afdab827c52f?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n mobileImage: {\n url: 'https://images.unsplash.com/photo-1460925895917-afdab827c52f?ixlib=rb-4.0.3&auto=format&fit=crop&w=768&q=80',\n alt: 'Topic page background image',\n thumbnailURL: 'https://images.unsplash.com/photo-1460925895917-afdab827c52f?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n },\n },\n}\n\n// Extra large size variant (suitable for event page banner)\nexport const ExtraLargeSize: Story = {\n args: {\n data: {\n ...baseData,\n title: 'Exciting Events in Progress',\n superTitle: 'Limited Time Event',\n subtitle: 'Don\\'t miss out, join now to get exclusive offers',\n size: 'xlg',\n pcImage: {\n url: 'https://images.unsplash.com/photo-1542744173-8e7e53415bb0?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80',\n alt: 'Event page background image',\n thumbnailURL: 'https://images.unsplash.com/photo-1542744173-8e7e53415bb0?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n padImage: {\n url: 'https://images.unsplash.com/photo-1542744173-8e7e53415bb0?ixlib=rb-4.0.3&auto=format&fit=crop&w=1024&q=80',\n alt: 'Event page background image',\n thumbnailURL: 'https://images.unsplash.com/photo-1542744173-8e7e53415bb0?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n mobileImage: {\n url: 'https://images.unsplash.com/photo-1542744173-8e7e53415bb0?ixlib=rb-4.0.3&auto=format&fit=crop&w=768&q=80',\n alt: 'Event page background image',\n thumbnailURL: 'https://images.unsplash.com/photo-1542744173-8e7e53415bb0?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n },\n },\n}\n\n// Variant with button\nexport const WithButton: Story = {\n args: {\n data: {\n ...baseData,\n title: 'Start Your Journey Now',\n superTitle: 'Welcome Experience',\n subtitle: 'Click the button below to explore more exciting content',\n\n pcImage: {\n url: 'https://images.unsplash.com/photo-1551434678-e076c223a692?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80',\n alt: 'Background image with button',\n thumbnailURL: 'https://images.unsplash.com/photo-1551434678-e076c223a692?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n padImage: {\n url: 'https://images.unsplash.com/photo-1551434678-e076c223a692?ixlib=rb-4.0.3&auto=format&fit=crop&w=1024&q=80',\n alt: 'Background image with button',\n thumbnailURL: 'https://images.unsplash.com/photo-1551434678-e076c223a692?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n mobileImage: {\n url: 'https://images.unsplash.com/photo-1551434678-e076c223a692?ixlib=rb-4.0.3&auto=format&fit=crop&w=768&q=80',\n alt: 'Background image with button',\n thumbnailURL: 'https://images.unsplash.com/photo-1551434678-e076c223a692?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n },\n },\n}\n\n// Simplified version (title only)\nexport const TitleOnly: Story = {\n args: {\n data: {\n ...baseData,\n title: 'Clear and Concise Main Title',\n superTitle: undefined,\n subtitle: undefined,\n pcImage: {\n url: 'https://images.unsplash.com/photo-1497486751825-1233686d5d80?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80',\n alt: 'Simple title background image',\n thumbnailURL: 'https://images.unsplash.com/photo-1497486751825-1233686d5d80?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n padImage: {\n url: 'https://images.unsplash.com/photo-1497486751825-1233686d5d80?ixlib=rb-4.0.3&auto=format&fit=crop&w=1024&q=80',\n alt: 'Simple title background image',\n thumbnailURL: 'https://images.unsplash.com/photo-1497486751825-1233686d5d80?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n mobileImage: {\n url: 'https://images.unsplash.com/photo-1497486751825-1233686d5d80?ixlib=rb-4.0.3&auto=format&fit=crop&w=768&q=80',\n alt: 'Simple title background image',\n thumbnailURL: 'https://images.unsplash.com/photo-1497486751825-1233686d5d80?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n },\n },\n}\n\n// Full content version (includes all text and button)\nexport const FullContent: Story = {\n args: {\n data: {\n ...baseData,\n title: 'Complete Banner Content Display',\n superTitle: 'Full Example',\n subtitle: 'This showcases all available text fields, including main title, subtitle and description text, plus action button',\n \n size: 'lg',\n pcImage: {\n url: 'https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80',\n alt: 'Full content background image',\n thumbnailURL: 'https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n padImage: {\n url: 'https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&auto=format&fit=crop&w=1024&q=80',\n alt: 'Full content background image',\n thumbnailURL: 'https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n mobileImage: {\n url: 'https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&auto=format&fit=crop&w=768&q=80',\n alt: 'Full content background image',\n thumbnailURL: 'https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n },\n },\n}\n\n// Dark theme variant\nexport const DarkTheme: Story = {\n args: {\n data: {\n ...baseData,\n title: 'Dark Theme Display',\n superTitle: 'Theme Style',\n subtitle: 'Showcasing banner effects under dark theme',\n theme: 'dark',\n pcImage: {\n url: 'https://images.unsplash.com/photo-1451187580459-43490279c0fa?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80',\n alt: 'Dark theme background image',\n thumbnailURL: 'https://images.unsplash.com/photo-1451187580459-43490279c0fa?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n padImage: {\n url: 'https://images.unsplash.com/photo-1451187580459-43490279c0fa?ixlib=rb-4.0.3&auto=format&fit=crop&w=1024&q=80',\n alt: 'Dark theme background image',\n thumbnailURL: 'https://images.unsplash.com/photo-1451187580459-43490279c0fa?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n mobileImage: {\n url: 'https://images.unsplash.com/photo-1451187580459-43490279c0fa?ixlib=rb-4.0.3&auto=format&fit=crop&w=768&q=80',\n alt: 'Dark theme background image',\n thumbnailURL: 'https://images.unsplash.com/photo-1451187580459-43490279c0fa?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n },\n },\n}\n\n\n// Multiple video sources variant\nexport const WithVideosBackground: Story = {\n args: {\n data: {\n ...baseData,\n theme: 'dark',\n title: 'Multi-Device Video Display',\n superTitle: 'Responsive Video',\n subtitle: 'Different video content optimized for each device size',\n size: 'base',\n pcImage: {\n url: 'https://cdn.shopify.com/videos/c/o/v/159d37d62cef485fa14bf2491b6e8725.mp4',\n alt: 'PC background video',\n thumbnailURL:\n 'https://images.unsplash.com/photo-1518709268805-4e9042af2176?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'video/mp4',\n },\n padImage: {\n url: 'https://cdn.shopify.com/videos/c/o/v/159d37d62cef485fa14bf2491b6e8725.mp4',\n alt: 'Tablet background video',\n thumbnailURL:\n 'https://images.unsplash.com/photo-1518709268805-4e9042af2176?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'video/mp4',\n },\n mobileImage: {\n url: 'https://cdn.shopify.com/videos/c/o/v/50981dfe2910408fa76436ca394cbc6f.mp4',\n alt: 'Mobile background video',\n thumbnailURL:\n 'https://images.unsplash.com/photo-1518709268805-4e9042af2176?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'video/mp4',\n },\n iconArray: undefined,\n },\n },\n}"],
5
- "mappings": "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",
4
+ "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport React from 'react'\n\nimport SecondaryBanner, { type SecondaryBannerData } from '../biz-components/SecondaryBanner/index.js'\n\n// \u57FA\u7840\u6A21\u62DF\u6570\u636E\nconst baseData: SecondaryBannerData = {\n title: 'Explore Endless Possibilities',\n superTitle: 'New Experience',\n subtitle: 'Discover more exciting content and start your digital journey',\n size: 'base',\n theme: 'light',\n primaryButton: {\n text: 'Get Started',\n onClick: () => alert('Button clicked!'),\n link: '#start',\n },\n secondaryButton: {\n text: 'Learn More',\n onClick: () => alert('Learn More clicked!'),\n link: '#learn-more',\n },\n endDate: '2025-12-31T23:59:59',\n endDate_tz: 'America/Los_Angeles',\n dateFormat: 'Day, Hour, Minute, Second',\n pcImage: {\n url: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/banner_pc.png?v=1765779947',\n alt: 'PC background image',\n thumbnailURL: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/banner_pc.png?v=1765779947',\n mimeType: 'image/jpeg',\n },\n padImage: {\n url: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Secondary_Banner_public_mobile.png?v=1765780165',\n alt: 'Tablet background image',\n thumbnailURL:\n 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Secondary_Banner_public_mobile.png?v=1765780165',\n mimeType: 'image/jpeg',\n },\n mobileImage: {\n url: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Secondary_Banner_public_mobile_2.png?v=1765780255',\n alt: 'Mobile background image',\n thumbnailURL:\n 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Secondary_Banner_public_mobile_2.png?v=1765780255',\n mimeType: 'image/jpeg',\n },\n iconArray: [\n {\n pcImage: {\n url: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/icon_endorsement_2.png?v=1765765485',\n alt: 'icon1',\n thumbnailURL: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/icon_endorsement_2.png?v=1765765485',\n mimeType: 'image/png',\n },\n },\n {\n pcImage: {\n url: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/icon_endorsement.png?v=1765765486',\n alt: 'icon2',\n thumbnailURL: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/icon_endorsement.png?v=1765765486',\n mimeType: 'image/png',\n },\n },\n ],\n}\n\nconst meta = {\n title: 'Biz Components/SecondaryBanner',\n component: SecondaryBanner,\n parameters: {\n layout: 'fullscreen',\n docs: {\n description: {\n component: '\u6B21\u7EA7\u6A2A\u5E45banner - \u662F\u6307\u7528\u6237\u8FDB\u5165\u4E8C\u7EA7\u9875\u9762\u540E\uFF0C\u65E0\u9700\u6EDA\u52A8\u9875\u9762\u5C31\u80FD\u5728\u7B2C\u4E00\u5C4F\uFF08\u5373\"\u9996\u5C4F\"\uFF09\u770B\u5230\u7684\u3001\u901A\u5E38\u6A2A\u8DE8\u6574\u4E2A\u6D4F\u89C8\u5668\u7A97\u53E3\u5BBD\u5EA6\u7684\u6838\u5FC3\u89C6\u89C9\u533A\u57DF\u3002\u652F\u6301\u54CD\u5E94\u5F0F\u8BBE\u8BA1\uFF0C\u9002\u914D\u4E0D\u540C\u5C4F\u5E55\u5C3A\u5BF8\u3002',\n },\n },\n },\n tags: ['autodocs'],\n argTypes: {\n data: {\n description: '\u4E1A\u52A1\u6570\u636E',\n control: 'object',\n },\n className: {\n description: '\u81EA\u5B9A\u4E49CSS\u7C7B\u540D',\n control: 'text',\n },\n classNames: {\n description: '\u8BED\u4E49\u5316\u7C7B\u540D\u6620\u5C04',\n control: 'object',\n },\n },\n args: {\n data: baseData,\n },\n} satisfies Meta<typeof SecondaryBanner>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\n// Default state\nexport const Default: Story = {\n args: {},\n}\n\n// Small size variant (suitable for filter pages)\nexport const SmallSize: Story = {\n args: {\n data: {\n ...baseData,\n title: 'Filter Page Title',\n superTitle: 'Product Filter',\n subtitle: 'Find the products that suit you best',\n size: 'sm',\n pcImage: {\n url: 'https://images.unsplash.com/photo-1441986300917-64674bd600d8?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80',\n alt: 'Filter page background image',\n thumbnailURL: 'https://images.unsplash.com/photo-1441986300917-64674bd600d8?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n padImage: {\n url: 'https://images.unsplash.com/photo-1441986300917-64674bd600d8?ixlib=rb-4.0.3&auto=format&fit=crop&w=1024&q=80',\n alt: 'Filter page background image',\n thumbnailURL: 'https://images.unsplash.com/photo-1441986300917-64674bd600d8?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n mobileImage: {\n url: 'https://images.unsplash.com/photo-1441986300917-64674bd600d8?ixlib=rb-4.0.3&auto=format&fit=crop&w=768&q=80',\n alt: 'Filter page background image',\n thumbnailURL: 'https://images.unsplash.com/photo-1441986300917-64674bd600d8?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n },\n },\n}\n\n// Large size variant (suitable for topic pages)\nexport const LargeSize: Story = {\n args: {\n data: {\n ...baseData,\n title: 'Exciting Topic Page Content',\n superTitle: 'Special Topic',\n subtitle: 'Deep exploration, discover more value',\n size: 'lg',\n pcImage: {\n url: 'https://images.unsplash.com/photo-1460925895917-afdab827c52f?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80',\n alt: 'Topic page background image',\n thumbnailURL: 'https://images.unsplash.com/photo-1460925895917-afdab827c52f?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n padImage: {\n url: 'https://images.unsplash.com/photo-1460925895917-afdab827c52f?ixlib=rb-4.0.3&auto=format&fit=crop&w=1024&q=80',\n alt: 'Topic page background image',\n thumbnailURL: 'https://images.unsplash.com/photo-1460925895917-afdab827c52f?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n mobileImage: {\n url: 'https://images.unsplash.com/photo-1460925895917-afdab827c52f?ixlib=rb-4.0.3&auto=format&fit=crop&w=768&q=80',\n alt: 'Topic page background image',\n thumbnailURL: 'https://images.unsplash.com/photo-1460925895917-afdab827c52f?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n },\n },\n}\n\n// Extra large size variant (suitable for event page banner)\nexport const ExtraLargeSize: Story = {\n args: {\n data: {\n ...baseData,\n title: 'Exciting Events in Progress',\n superTitle: 'Limited Time Event',\n subtitle: 'Don\\'t miss out, join now to get exclusive offers',\n size: 'xlg',\n pcImage: {\n url: 'https://images.unsplash.com/photo-1542744173-8e7e53415bb0?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80',\n alt: 'Event page background image',\n thumbnailURL: 'https://images.unsplash.com/photo-1542744173-8e7e53415bb0?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n padImage: {\n url: 'https://images.unsplash.com/photo-1542744173-8e7e53415bb0?ixlib=rb-4.0.3&auto=format&fit=crop&w=1024&q=80',\n alt: 'Event page background image',\n thumbnailURL: 'https://images.unsplash.com/photo-1542744173-8e7e53415bb0?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n mobileImage: {\n url: 'https://images.unsplash.com/photo-1542744173-8e7e53415bb0?ixlib=rb-4.0.3&auto=format&fit=crop&w=768&q=80',\n alt: 'Event page background image',\n thumbnailURL: 'https://images.unsplash.com/photo-1542744173-8e7e53415bb0?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n },\n },\n}\n\n// Variant with button\nexport const WithButton: Story = {\n args: {\n data: {\n ...baseData,\n title: 'Start Your Journey Now',\n superTitle: 'Welcome Experience',\n subtitle: 'Click the button below to explore more exciting content',\n pcImage: {\n url: 'https://images.unsplash.com/photo-1551434678-e076c223a692?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80',\n alt: 'Background image with button',\n thumbnailURL: 'https://images.unsplash.com/photo-1551434678-e076c223a692?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n padImage: {\n url: 'https://images.unsplash.com/photo-1551434678-e076c223a692?ixlib=rb-4.0.3&auto=format&fit=crop&w=1024&q=80',\n alt: 'Background image with button',\n thumbnailURL: 'https://images.unsplash.com/photo-1551434678-e076c223a692?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n mobileImage: {\n url: 'https://images.unsplash.com/photo-1551434678-e076c223a692?ixlib=rb-4.0.3&auto=format&fit=crop&w=768&q=80',\n alt: 'Background image with button',\n thumbnailURL: 'https://images.unsplash.com/photo-1551434678-e076c223a692?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n },\n },\n}\n\n// Simplified version (title only)\nexport const TitleOnly: Story = {\n args: {\n data: {\n ...baseData,\n title: 'Clear and Concise Main Title',\n superTitle: undefined,\n subtitle: undefined,\n pcImage: {\n url: 'https://images.unsplash.com/photo-1497486751825-1233686d5d80?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80',\n alt: 'Simple title background image',\n thumbnailURL: 'https://images.unsplash.com/photo-1497486751825-1233686d5d80?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n padImage: {\n url: 'https://images.unsplash.com/photo-1497486751825-1233686d5d80?ixlib=rb-4.0.3&auto=format&fit=crop&w=1024&q=80',\n alt: 'Simple title background image',\n thumbnailURL: 'https://images.unsplash.com/photo-1497486751825-1233686d5d80?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n mobileImage: {\n url: 'https://images.unsplash.com/photo-1497486751825-1233686d5d80?ixlib=rb-4.0.3&auto=format&fit=crop&w=768&q=80',\n alt: 'Simple title background image',\n thumbnailURL: 'https://images.unsplash.com/photo-1497486751825-1233686d5d80?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n },\n },\n}\n\n// Full content version (includes all text and button)\nexport const FullContent: Story = {\n args: {\n data: {\n ...baseData,\n title: 'Complete Banner Content Display',\n superTitle: 'Full Example',\n subtitle: 'This showcases all available text fields, including main title, subtitle and description text, plus action button',\n size: 'lg',\n pcImage: {\n url: 'https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80',\n alt: 'Full content background image',\n thumbnailURL: 'https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n padImage: {\n url: 'https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&auto=format&fit=crop&w=1024&q=80',\n alt: 'Full content background image',\n thumbnailURL: 'https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n mobileImage: {\n url: 'https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&auto=format&fit=crop&w=768&q=80',\n alt: 'Full content background image',\n thumbnailURL: 'https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n },\n },\n}\n\n// Dark theme variant\nexport const DarkTheme: Story = {\n args: {\n data: {\n ...baseData,\n title: 'Dark Theme Display',\n superTitle: 'Theme Style',\n subtitle: 'Showcasing banner effects under dark theme',\n theme: 'dark',\n pcImage: {\n url: 'https://images.unsplash.com/photo-1451187580459-43490279c0fa?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80',\n alt: 'Dark theme background image',\n thumbnailURL: 'https://images.unsplash.com/photo-1451187580459-43490279c0fa?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n padImage: {\n url: 'https://images.unsplash.com/photo-1451187580459-43490279c0fa?ixlib=rb-4.0.3&auto=format&fit=crop&w=1024&q=80',\n alt: 'Dark theme background image',\n thumbnailURL: 'https://images.unsplash.com/photo-1451187580459-43490279c0fa?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n mobileImage: {\n url: 'https://images.unsplash.com/photo-1451187580459-43490279c0fa?ixlib=rb-4.0.3&auto=format&fit=crop&w=768&q=80',\n alt: 'Dark theme background image',\n thumbnailURL: 'https://images.unsplash.com/photo-1451187580459-43490279c0fa?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'image/jpeg'\n },\n },\n },\n}\n\n\n// Multiple video sources variant\nexport const WithVideosBackground: Story = {\n args: {\n data: {\n ...baseData,\n theme: 'dark',\n title: 'Multi-Device Video Display',\n superTitle: 'Responsive Video',\n subtitle: 'Different video content optimized for each device size',\n size: 'base',\n pcImage: {\n url: 'https://cdn.shopify.com/videos/c/o/v/159d37d62cef485fa14bf2491b6e8725.mp4',\n alt: 'PC background video',\n thumbnailURL:\n 'https://images.unsplash.com/photo-1518709268805-4e9042af2176?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'video/mp4',\n },\n padImage: {\n url: 'https://cdn.shopify.com/videos/c/o/v/159d37d62cef485fa14bf2491b6e8725.mp4',\n alt: 'Tablet background video',\n thumbnailURL:\n 'https://images.unsplash.com/photo-1518709268805-4e9042af2176?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'video/mp4',\n },\n mobileImage: {\n url: 'https://cdn.shopify.com/videos/c/o/v/50981dfe2910408fa76436ca394cbc6f.mp4',\n alt: 'Mobile background video',\n thumbnailURL:\n 'https://images.unsplash.com/photo-1518709268805-4e9042af2176?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n mimeType: 'video/mp4',\n },\n iconArray: undefined,\n },\n },\n}"],
5
+ "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,eAAAE,EAAA,YAAAC,EAAA,mBAAAC,EAAA,gBAAAC,EAAA,cAAAC,EAAA,cAAAC,EAAA,cAAAC,EAAA,eAAAC,EAAA,yBAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAZ,GACA,IAAAa,EAAkB,iBAElBC,EAA0D,yDAG1D,MAAMC,EAAgC,CACpC,MAAO,gCACP,WAAY,iBACZ,SAAU,gEACV,KAAM,OACN,MAAO,QACP,cAAe,CACb,KAAM,cACN,QAAS,IAAM,MAAM,iBAAiB,EACtC,KAAM,QACR,EACA,gBAAiB,CACf,KAAM,aACN,QAAS,IAAM,MAAM,qBAAqB,EAC1C,KAAM,aACR,EACA,QAAS,sBACT,WAAY,sBACZ,WAAY,4BACZ,QAAS,CACP,IAAK,oFACL,IAAK,sBACL,aAAc,oFACd,SAAU,YACZ,EACA,SAAU,CACR,IAAK,yGACL,IAAK,0BACL,aACE,yGACF,SAAU,YACZ,EACA,YAAa,CACX,IAAK,2GACL,IAAK,0BACL,aACE,2GACF,SAAU,YACZ,EACA,UAAW,CACR,CACC,QAAS,CACP,IAAK,6FACL,IAAK,QACL,aAAc,6FACd,SAAU,WACZ,CACF,EACA,CACE,QAAS,CACP,IAAK,2FACL,IAAK,QACL,aAAc,2FACd,SAAU,WACZ,CACF,CACF,CACF,EAEMC,EAAO,CACX,MAAO,iCACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,+cACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,KAAM,CACJ,YAAa,2BACb,QAAS,QACX,EACA,UAAW,CACT,YAAa,oCACb,QAAS,MACX,EACA,WAAY,CACV,YAAa,6CACb,QAAS,QACX,CACF,EACA,KAAM,CACJ,KAAMF,CACR,CACF,EAEA,IAAOJ,EAAQK,EAIR,MAAMb,EAAiB,CAC5B,KAAM,CAAC,CACT,EAGaI,EAAmB,CAC9B,KAAM,CACJ,KAAM,CACJ,GAAGQ,EACH,MAAO,oBACP,WAAY,iBACZ,SAAU,uCACV,KAAM,KACN,QAAS,CACP,IAAK,+GACL,IAAK,+BACL,aAAc,8GACd,SAAU,YACZ,EACA,SAAU,CACR,IAAK,+GACL,IAAK,+BACL,aAAc,8GACd,SAAU,YACZ,EACA,YAAa,CACX,IAAK,8GACL,IAAK,+BACL,aAAc,8GACd,SAAU,YACZ,CACF,CACF,CACF,EAGaT,EAAmB,CAC9B,KAAM,CACJ,KAAM,CACJ,GAAGS,EACH,MAAO,8BACP,WAAY,gBACZ,SAAU,wCACV,KAAM,KACN,QAAS,CACP,IAAK,+GACL,IAAK,8BACL,aAAc,8GACd,SAAU,YACZ,EACA,SAAU,CACR,IAAK,+GACL,IAAK,8BACL,aAAc,8GACd,SAAU,YACZ,EACA,YAAa,CACX,IAAK,8GACL,IAAK,8BACL,aAAc,8GACd,SAAU,YACZ,CACF,CACF,CACF,EAGaX,EAAwB,CACnC,KAAM,CACJ,KAAM,CACJ,GAAGW,EACH,MAAO,8BACP,WAAY,qBACZ,SAAU,mDACV,KAAM,MACN,QAAS,CACP,IAAK,4GACL,IAAK,8BACL,aAAc,2GACd,SAAU,YACZ,EACA,SAAU,CACR,IAAK,4GACL,IAAK,8BACL,aAAc,2GACd,SAAU,YACZ,EACA,YAAa,CACX,IAAK,2GACL,IAAK,8BACL,aAAc,2GACd,SAAU,YACZ,CACF,CACF,CACF,EAGaN,EAAoB,CAC/B,KAAM,CACJ,KAAM,CACJ,GAAGM,EACH,MAAO,yBACP,WAAY,qBACZ,SAAU,0DACV,QAAS,CACP,IAAK,4GACL,IAAK,+BACL,aAAc,2GACd,SAAU,YACZ,EACA,SAAU,CACR,IAAK,4GACL,IAAK,+BACL,aAAc,2GACd,SAAU,YACZ,EACA,YAAa,CACX,IAAK,2GACL,IAAK,+BACL,aAAc,2GACd,SAAU,YACZ,CACF,CACF,CACF,EAGaP,EAAmB,CAC9B,KAAM,CACJ,KAAM,CACJ,GAAGO,EACH,MAAO,+BACP,WAAY,OACZ,SAAU,OACV,QAAS,CACP,IAAK,+GACL,IAAK,gCACL,aAAc,8GACd,SAAU,YACZ,EACA,SAAU,CACR,IAAK,+GACL,IAAK,gCACL,aAAc,8GACd,SAAU,YACZ,EACA,YAAa,CACX,IAAK,8GACL,IAAK,gCACL,aAAc,8GACd,SAAU,YACZ,CACF,CACF,CACF,EAGaV,EAAqB,CAChC,KAAM,CACJ,KAAM,CACJ,GAAGU,EACH,MAAO,kCACP,WAAY,eACZ,SAAU,oHACV,KAAM,KACN,QAAS,CACP,IAAK,+GACL,IAAK,gCACL,aAAc,8GACd,SAAU,YACZ,EACA,SAAU,CACR,IAAK,+GACL,IAAK,gCACL,aAAc,8GACd,SAAU,YACZ,EACA,YAAa,CACX,IAAK,8GACL,IAAK,gCACL,aAAc,8GACd,SAAU,YACZ,CACF,CACF,CACF,EAGab,EAAmB,CAC9B,KAAM,CACJ,KAAM,CACJ,GAAGa,EACH,MAAO,qBACP,WAAY,cACZ,SAAU,6CACV,MAAO,OACP,QAAS,CACP,IAAK,+GACL,IAAK,8BACL,aAAc,8GACd,SAAU,YACZ,EACA,SAAU,CACR,IAAK,+GACL,IAAK,8BACL,aAAc,8GACd,SAAU,YACZ,EACA,YAAa,CACX,IAAK,8GACL,IAAK,8BACL,aAAc,8GACd,SAAU,YACZ,CACF,CACF,CACF,EAIaL,EAA8B,CACzC,KAAM,CACJ,KAAM,CACJ,GAAGK,EACH,MAAO,OACP,MAAO,6BACP,WAAY,mBACZ,SAAU,yDACV,KAAM,OACN,QAAS,CACP,IAAK,4EACL,IAAK,sBACL,aACE,8GACF,SAAU,WACZ,EACA,SAAU,CACR,IAAK,4EACL,IAAK,0BACL,aACE,8GACF,SAAU,WACZ,EACA,YAAa,CACX,IAAK,4EACL,IAAK,0BACL,aACE,8GACF,SAAU,WACZ,EACA,UAAW,MACb,CACF,CACF",
6
6
  "names": ["secondaryBanner_stories_exports", "__export", "DarkTheme", "Default", "ExtraLargeSize", "FullContent", "LargeSize", "SmallSize", "TitleOnly", "WithButton", "WithVideosBackground", "secondaryBanner_stories_default", "__toCommonJS", "import_react", "import_SecondaryBanner", "baseData", "meta", "SecondaryBanner"]
7
7
  }
package/dist/esm/biz-components/FooterNavigation/index.js CHANGED
@@ -1,2 +1,2 @@
1
- import{Fragment as z,jsx as e,jsxs as a}from"react/jsx-runtime";import{useEffect as v,useMemo as C,useState as h}from"react";import{Picture as k,Text as n,Container as M,Link as c}from"../../components/index.js";import F from"../Subscribe/index.js";import{FooterNavigationBlockType as u}from"./types.js";import{AddIcon as N,SubtractIcon as g,ArrowRightIcon as A,CountryIcon as D}from"./icons/index.js";import{useMediaQuery as y}from"react-responsive";import{cn as m}from"../../helpers/utils.js";import{withLayout as L}from"../../shared/Styles.js";const E=({data:{footerNavigation:l}={},currentCountry:r,event:o,subscribeLoading:s,classNames:d})=>{const[x,p]=h(!1),i=y({query:"(max-width: 1439px)"});v(()=>{p(i)},[i]);const f=C(()=>l?.footerBlocks?.find(t=>t?.blockType===u.Brand)?.country||{},[l]);return a(M,{className:m(d?.root),childClassName:m("laptop:py-16 desktop:gap-16 flex flex-col gap-8 bg-black py-8",d?.child),children:[e(n,{html:l?.story,className:"desktop:text-sm text-xs font-bold text-[#6D6D6F]"}),l?.footerBlocks?.map(t=>{if(t?.blockType===u.Signup)return e(S,{subscribeLoading:s,data:t,onSubmit:o?.signup},t.id);if(t?.blockType===u.Brand)return e($,{data:t,isMobile:x,event:o,currentCountry:r},t?.id);if(t?.blockType===u.Main)return e(T,{data:{...t,country:f},event:o,isMobile:x,currentCountry:r},t.id)})]})},S=({data:l,onSubmit:r,subscribeLoading:o})=>a("div",{className:"desktop:py-16 desktop:gap-16 laptop:px-8 desktop:flex-row rounded-btn flex flex-col gap-8 bg-[#080A0F] px-4 py-8",children:[e(F,{subscribeMetadata:l?.signup,className:"desktop:flex-[744]",onSubmit:r,loading:o}),e("div",{className:"desktop:hidden h-px w-full bg-[#3D3E3F]"}),a("div",{className:"desktop:gap-6 laptop:flex-row desktop:flex-[792] flex flex-col gap-4",children:[a("div",{className:"flex-1",children:[e(n,{html:l?.enjoy?.title,className:" text-xl font-bold leading-[1.2] text-white"}),e("div",{className:"mt-4 flex flex-col gap-2",children:l?.enjoy?.enjoys?.map(s=>a("div",{className:"flex-start flex gap-2",children:[e(k,{source:s?.icon?.url,alt:s?.icon?.alt,className:"size-5 shrink-0"}),e(n,{html:s?.label,className:"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA]"})]},s?.id))})]}),e("div",{className:"desktop:block hidden w-px bg-[#3D3E3F]"}),a("div",{className:"flex-1",children:[e(n,{html:l?.benefit?.title,className:"text-xl font-bold leading-[1.2] text-white"}),e("div",{className:"mt-4 flex flex-col gap-2",children:l?.benefit?.benefits?.map(s=>e(c,{href:`${s?.link}?ref=footer`,asChild:!s?.link,className:"no-underline",children:e(n,{html:s?.label,className:"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] hover:text-white"})},s?.id))})]})]})]}),T=({data:l,event:r,isMobile:o,currentCountry:s})=>{const[d,x]=h(!1),{services:p,mainNav:i,country:f}=l;return a("div",{className:"flex flex-col gap-8",children:[a("div",{className:m({"desktop:gap-16 flex":p?.download?.title}),children:[a("div",{className:m("w-full",{"desktop:flex-[1260]":p?.download?.title}),children:[e(n,{html:p?.storeBenefits?.title,className:" text-xl font-bold leading-[1.2] text-white"}),e("div",{className:m("laptop:flex-row desktop:gap-4 laptop:flex-wrap mt-4 flex flex-col gap-2",{"desktop:max-w-[648px]":p?.download?.title}),children:p?.storeBenefits?.reasons?.map(t=>a("div",{className:"desktop:min-w-[288px] flex flex-1 shrink-0 items-center gap-2",children:[e(k,{source:t?.icon?.url,alt:t?.icon?.alt,className:"size-5 shrink-0"}),e(c,{href:`${t?.link}?ref=footer`,asChild:!t?.link,className:"no-underline",children:e(n,{html:t?.label,className:"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA]"})})]},t?.id))})]}),e(w,{className:m({"desktop:flex-[404] hidden desktop:block":p?.download?.title}),title:p?.download?.title,apps:p?.download?.apps})]}),e("div",{className:"desktop:block hidden h-px bg-[#3D3E3F]"}),a("div",{className:"desktop:grid grid-cols-4 gap-4",children:[e(b,{title:i?.products?.title,lists:i?.products?.products}),e(b,{title:i?.explore?.title,lists:i?.explore?.explores}),e(b,{title:i?.support?.title,lists:i?.support?.supports}),a("div",{className:"desktop:py-0 desktop:border-none border-t border-[#3D3E3F] pt-4",children:[a("div",{className:"desktop:pb-0 flex items-center justify-between pb-4",children:[e(n,{as:"p",html:i?.contact?.title,className:"text-xl font-bold leading-[1.2] text-white"}),o&&e("button",{onClick:()=>x(!d),children:d?e(g,{width:20,height:20}):e(N,{width:20,height:20})})]}),(d&&o||!o)&&e("div",{className:"desktop:mt-4 desktop:mb-0 mb-4 flex flex-col gap-2",children:i?.contact?.contacts?.map(t=>a("div",{className:"flex items-start gap-2",children:[e(k,{source:t?.icon?.url,alt:t?.icon?.alt,className:"size-5 shrink-0"}),e(c,{href:t?.link,className:"no-underline",children:e(n,{html:t?.label,className:"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] hover:text-white"})})]},t?.id))}),e(B,{country:s||f,className:"desktop:hidden border-b border-[#3D3E3F]",isMobile:o,onChangeCountry:r?.country}),e("div",{className:"desktop:hidden mt-8",children:e(w,{title:p?.download?.title,apps:p?.download?.apps})}),!!i?.socials?.length&&e("div",{className:"mt-8 flex items-center gap-2",children:i?.socials?.map(t=>e(c,{href:`${t?.link}?ref=footer`,children:e(k,{source:t?.icon?.url,alt:t?.icon?.alt,className:"size-8 shrink-0"})},t?.id))}),e("div",{className:"mt-4 flex flex-wrap gap-2",children:i?.payment?.map(t=>e(c,{href:t?.link,children:e(k,{source:t?.icon?.url,alt:t?.icon?.alt,className:"h-[28px] w-[44px] shrink-0"})},t?.id))})]})]})]})},$=({data:l,isMobile:r,event:o,currentCountry:s})=>a("div",{className:"flex flex-col gap-4",children:[a("div",{className:"desktop:items-center desktop:flex desktop:gap-4",children:[a("div",{className:"laptop:flex-row laptop:items-center desktop:flex-[980] flex flex-col items-start gap-4",children:[e(n,{html:l?.brand?.currentBrand,className:"text-[#B6B6BA]"}),e("div",{className:"laptop:block laptop:mb-[10px] hidden h-[20px] w-px bg-[#B6B6BA]"}),e("div",{className:"desktop:gap-6 flex flex-wrap items-center gap-4",children:l?.brand?.brands?.map(d=>e(c,{href:`${d?.link}?ref=footer`,children:e(n,{html:d?.icon,className:"text-[#B6B6BA] hover:text-white"})},d?.id))})]}),e(B,{country:s||l?.country,className:"desktop:flex-[316] desktop:block hidden",isMobile:r,onChangeCountry:o?.country})]}),e("div",{className:"h-px bg-[#3D3E3F]"}),a("div",{className:"laptop:flex-row desktop:gap-4 desktop:items-center flex flex-col items-start gap-1",children:[e(n,{html:l?.copyright?.label,className:"desktop:text-base text-xs font-bold leading-[1.4] text-[#6D6D6F]"}),a("div",{className:"flex flex-wrap items-center gap-x-2 gap-y-1",children:[l?.policy?.policies?.map(d=>e(c,{href:`${d?.link}?ref=footer`,className:"desktop:text-base text-xs font-bold leading-[1.4] text-[#B6B6BA] no-underline hover:text-white",children:d?.label},d?.id)),e("button",{onClick:o?.cookiesSet,className:"desktop:text-base text-xs font-bold leading-[1.4] text-[#B6B6BA] no-underline hover:text-white",children:l?.policy?.cookies})]})]})]}),b=({title:l,lists:r,className:o})=>{const[s,d]=h(!1),[x,p]=h(!1),i=y({query:"(max-width: 1439px)"});return v(()=>{p(i)},[i]),a("div",{className:m("desktop:py-0 desktop:border-none border-t border-[#3D3E3F] py-4",o),children:[a("div",{className:"flex items-center justify-between",onClick:()=>d(!s),children:[e(n,{as:"p",html:l,className:"text-xl font-bold leading-[1.2] text-white"}),x&&e(z,{children:s?e(g,{width:20,height:20}):e(N,{width:20,height:20})})]}),(s&&x||!x)&&e("div",{className:"mt-4 flex flex-col gap-2",children:r?.map(f=>e(c,{href:`${f?.link}?ref=footer`,className:"no-underline",children:e(n,{html:f?.label,className:"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] hover:text-white"})},f?.id))})]})},w=({title:l,apps:r,className:o})=>r?.length?a("div",{className:o,children:[e(n,{html:l,className:" text-xl font-bold leading-[1.2] text-white"}),e("div",{className:"mt-4 flex items-center gap-4",children:r?.map(s=>a("div",{className:"flex flex-col items-center gap-[6px]",children:[e(c,{href:s?.link,children:e(k,{source:s?.icon?.url,alt:s?.icon?.alt,className:"size-10 shrink-0"})}),s?.label&&e(n,{html:s?.label,className:"text-xs font-bold text-[#999999]"})]},s?.id))})]}):null,B=({country:l,isMobile:r,className:o,onChangeCountry:s})=>e("div",{className:m("desktop:py-0 desktop:border-none border-t border-[#3D3E3F] py-4",o),onClick:()=>s?.(),children:a("div",{className:"flex items-center justify-between",children:[a("div",{className:"flex cursor-pointer items-center gap-2",children:[e(D,{width:20,height:20,className:"shrink-0"}),e(n,{as:"p",html:l?.countryName||l?.country,className:"desktop:text-[#B6B6BA] text-base font-bold leading-[1.4] text-white hover:text-white"})]}),r&&e("button",{children:e(A,{width:20,height:20})})]})});var H=L(E);export{H as default};
1
+ import{Fragment as z,jsx as e,jsxs as a}from"react/jsx-runtime";import{useEffect as v,useMemo as C,useState as h}from"react";import{Picture as k,Text as n,Container as M,Link as c}from"../../components/index.js";import F from"../Subscribe/index.js";import{FooterNavigationBlockType as u}from"./types.js";import{AddIcon as N,SubtractIcon as g,ArrowRightIcon as A,CountryIcon as D}from"./icons/index.js";import{useMediaQuery as y}from"react-responsive";import{cn as m}from"../../helpers/utils.js";import{withLayout as L}from"../../shared/Styles.js";const E=({data:{footerNavigation:l}={},currentCountry:r,event:o,subscribeLoading:s,classNames:d})=>{const[x,p]=h(!1),i=y({query:"(max-width: 1439px)"});v(()=>{p(i)},[i]);const f=C(()=>l?.footerBlocks?.find(t=>t?.blockType===u.Brand)?.country||{},[l]);return a(M,{className:m(d?.root),childClassName:m("laptop:py-16 desktop:gap-16 flex flex-col gap-8 bg-black py-8",d?.child),children:[e(n,{html:l?.story,className:"desktop:text-sm text-xs font-bold text-[#6D6D6F]"}),l?.footerBlocks?.map(t=>{if(t?.blockType===u.Signup)return e(S,{subscribeLoading:s,data:t,onSubmit:o?.signup},t.id);if(t?.blockType===u.Brand)return e($,{data:t,isMobile:x,event:o,currentCountry:r},t?.id);if(t?.blockType===u.Main)return e(T,{data:{...t,country:f},event:o,isMobile:x,currentCountry:r},t.id)})]})},S=({data:l,onSubmit:r,subscribeLoading:o})=>a("div",{className:"desktop:py-16 desktop:gap-16 laptop:px-8 desktop:flex-row rounded-btn flex flex-col gap-8 bg-[#080A0F] px-4 py-8",children:[e(F,{subscribeMetadata:l?.signup,className:"desktop:flex-[744]",onSubmit:r,loading:o}),e("div",{className:"desktop:hidden h-px w-full bg-[#3D3E3F]"}),a("div",{className:"desktop:gap-6 laptop:flex-row desktop:flex-[792] flex flex-col gap-4",children:[a("div",{className:"flex-1",children:[e(n,{html:l?.enjoy?.title,className:" text-xl font-bold leading-[1.2] text-white"}),e("div",{className:"mt-4 flex flex-col gap-2",children:l?.enjoy?.enjoys?.map(s=>a("div",{className:"flex-start flex gap-2",children:[e(k,{source:s?.icon?.url,alt:s?.icon?.alt,className:"size-5 shrink-0"}),e(n,{html:s?.label,className:"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA]"})]},s?.id))})]}),e("div",{className:"desktop:block hidden w-px bg-[#3D3E3F]"}),a("div",{className:"flex-1",children:[e(n,{html:l?.benefit?.title,className:"text-xl font-bold leading-[1.2] text-white"}),e("div",{className:"mt-4 flex flex-col gap-2",children:l?.benefit?.benefits?.map(s=>e(c,{href:`${s?.link}?ref=footer`,asChild:!s?.link,className:"no-underline",children:e(n,{html:s?.label,className:"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] hover:text-white"})},s?.id))})]})]})]}),T=({data:l,event:r,isMobile:o,currentCountry:s})=>{const[d,x]=h(!1),{services:p,mainNav:i,country:f}=l;return a("div",{className:"flex flex-col gap-8",children:[a("div",{className:m({"desktop:gap-16 flex":p?.download?.title}),children:[a("div",{className:m("w-full",{"desktop:flex-[1260]":p?.download?.title}),children:[e(n,{html:p?.storeBenefits?.title,className:" text-xl font-bold leading-[1.2] text-white"}),e("div",{className:m("laptop:flex-row desktop:gap-4 laptop:flex-wrap mt-4 flex flex-col gap-2",{"desktop:max-w-[648px]":p?.download?.title}),children:p?.storeBenefits?.reasons?.map(t=>a("div",{className:"desktop:min-w-[288px] flex flex-1 shrink-0 items-center gap-2",children:[e(k,{source:t?.icon?.url,alt:t?.icon?.alt,className:"size-5 shrink-0"}),e(c,{href:`${t?.link}?ref=footer`,asChild:!t?.link,className:"no-underline",children:e(n,{html:t?.label,className:"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA]"})})]},t?.id))})]}),e(w,{className:m({"desktop:flex-[404] hidden desktop:block":p?.download?.title}),title:p?.download?.title,apps:p?.download?.apps})]}),e("div",{className:"desktop:block hidden h-px bg-[#3D3E3F]"}),a("div",{className:"desktop:grid grid-cols-4 gap-4",children:[e(b,{title:i?.products?.title,lists:i?.products?.products}),e(b,{title:i?.explore?.title,lists:i?.explore?.explores}),e(b,{title:i?.support?.title,lists:i?.support?.supports}),a("div",{className:"desktop:py-0 desktop:border-none border-t border-[#3D3E3F] pt-4",children:[a("div",{className:"desktop:pb-0 flex items-center justify-between pb-4",children:[e(n,{as:"p",html:i?.contact?.title,className:"text-xl font-bold leading-[1.2] text-white"}),o&&e("button",{onClick:()=>x(!d),children:d?e(g,{width:20,height:20}):e(N,{width:20,height:20})})]}),(d&&o||!o)&&e("div",{className:"desktop:mt-4 desktop:mb-0 mb-4 flex flex-col gap-2",children:i?.contact?.contacts?.map(t=>a("div",{className:"flex items-start gap-2",children:[e(k,{source:t?.icon?.url,alt:t?.icon?.alt,className:"size-5 shrink-0"}),e(c,{href:t?.link,className:"no-underline",children:e(n,{html:t?.label,className:"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] hover:text-white"})})]},t?.id))}),e(B,{country:s||f,className:"desktop:hidden border-b border-[#3D3E3F]",isMobile:o,onChangeCountry:r?.country}),e("div",{className:"desktop:hidden mt-8",children:e(w,{title:p?.download?.title,apps:p?.download?.apps})}),!!i?.socials?.length&&e("div",{className:"mt-8 flex items-center gap-2",children:i?.socials?.map(t=>e(c,{href:`${t?.link}?ref=footer`,children:e(k,{source:t?.icon?.url,alt:t?.icon?.alt,className:"size-8 shrink-0"})},t?.id))}),e("div",{className:"mt-4 flex flex-wrap gap-2",children:i?.payment?.map(t=>e(c,{href:t?.link,children:e(k,{source:t?.icon?.url,alt:t?.icon?.alt,className:"h-[28px] w-[44px] shrink-0"})},t?.id))})]})]})]})},$=({data:l,isMobile:r,event:o,currentCountry:s})=>a("div",{className:"flex flex-col gap-4",children:[a("div",{className:"desktop:items-center desktop:flex desktop:gap-4",children:[a("div",{className:"laptop:flex-row laptop:items-center desktop:flex-[980] flex flex-col items-start gap-4",children:[e(n,{html:l?.brand?.currentBrand,className:"text-[#B6B6BA]"}),e("div",{className:"laptop:block laptop:mb-[10px] hidden h-[20px] w-px bg-[#B6B6BA]"}),e("div",{className:"desktop:gap-6 flex flex-wrap items-center gap-4",children:l?.brand?.brands?.map(d=>e(c,{href:`${d?.link}?ref=footer`,children:e(n,{html:d?.icon,className:"text-[#B6B6BA] hover:text-white"})},d?.id))})]}),e(B,{country:s||l?.country,className:"desktop:flex-[316] desktop:block hidden",isMobile:r,onChangeCountry:o?.country})]}),e("div",{className:"h-px bg-[#3D3E3F]"}),a("div",{className:"laptop:flex-row desktop:gap-4 desktop:items-center flex flex-col items-start gap-1",children:[e(n,{html:l?.copyright?.label,className:"desktop:text-base text-xs font-bold leading-[1.4] text-[#6D6D6F]"}),a("div",{className:"flex flex-wrap items-center gap-x-2 gap-y-1",children:[l?.policy?.policies?.map(d=>e(c,{href:`${d?.link}?ref=footer`,className:"desktop:text-base text-xs font-bold leading-[1.4] text-[#B6B6BA] no-underline hover:text-white",children:d?.label},d?.id)),l?.policy?.cookies&&e("button",{onClick:o?.cookiesSet,className:"desktop:text-base text-xs font-bold leading-[1.4] text-[#B6B6BA] no-underline hover:text-white",children:l?.policy?.cookies})]})]})]}),b=({title:l,lists:r,className:o})=>{const[s,d]=h(!1),[x,p]=h(!1),i=y({query:"(max-width: 1439px)"});return v(()=>{p(i)},[i]),a("div",{className:m("desktop:py-0 desktop:border-none border-t border-[#3D3E3F] py-4",o),children:[a("div",{className:"flex items-center justify-between",onClick:()=>d(!s),children:[e(n,{as:"p",html:l,className:"text-xl font-bold leading-[1.2] text-white"}),x&&e(z,{children:s?e(g,{width:20,height:20}):e(N,{width:20,height:20})})]}),(s&&x||!x)&&e("div",{className:"mt-4 flex flex-col gap-2",children:r?.map(f=>e(c,{href:`${f?.link}?ref=footer`,className:"no-underline",children:e(n,{html:f?.label,className:"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] hover:text-white"})},f?.id))})]})},w=({title:l,apps:r,className:o})=>r?.length?a("div",{className:o,children:[e(n,{html:l,className:" text-xl font-bold leading-[1.2] text-white"}),e("div",{className:"mt-4 flex items-center gap-4",children:r?.map(s=>a("div",{className:"flex flex-col items-center gap-[6px]",children:[e(c,{href:s?.link,children:e(k,{source:s?.icon?.url,alt:s?.icon?.alt,className:"size-10 shrink-0"})}),s?.label&&e(n,{html:s?.label,className:"text-xs font-bold text-[#999999]"})]},s?.id))})]}):null,B=({country:l,isMobile:r,className:o,onChangeCountry:s})=>e("div",{className:m("desktop:py-0 desktop:border-none border-t border-[#3D3E3F] py-4",o),onClick:()=>s?.(),children:a("div",{className:"flex items-center justify-between",children:[a("div",{className:"flex cursor-pointer items-center gap-2",children:[e(D,{width:20,height:20,className:"shrink-0"}),e(n,{as:"p",html:l?.countryName||l?.country,className:"desktop:text-[#B6B6BA] text-base font-bold leading-[1.4] text-white hover:text-white"})]}),r&&e("button",{children:e(A,{width:20,height:20})})]})});var H=L(E);export{H as default};
2
2
  //# sourceMappingURL=index.js.map
package/dist/esm/biz-components/FooterNavigation/index.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/biz-components/FooterNavigation/index.tsx"],
4
- "sourcesContent": ["import { useEffect, useMemo, useState } from 'react'\nimport { Picture, Text, Container, Link } from '../../components/index.js'\nimport Subscribe from '../Subscribe/index.js'\nimport type { FooterNavigationProps } from './types.js'\nimport { FooterNavigationBlockType } from './types.js'\nimport { AddIcon, SubtractIcon, ArrowRightIcon, CountryIcon } from './icons/index.js'\nimport { useMediaQuery } from 'react-responsive'\nimport { cn } from '../../helpers/utils.js'\nimport { withLayout } from '../../shared/Styles.js'\n\nconst FooterNavigation = ({\n data: { footerNavigation } = {},\n currentCountry,\n event,\n subscribeLoading,\n classNames,\n}: FooterNavigationProps) => {\n const [isMobile, setIsMobile] = useState(false)\n\n const mediaQuery = useMediaQuery({ query: '(max-width: 1439px)' })\n\n useEffect(() => {\n setIsMobile(mediaQuery)\n }, [mediaQuery])\n\n const country = useMemo(() => {\n return (\n footerNavigation?.footerBlocks?.find((block: any) => block?.blockType === FooterNavigationBlockType.Brand)\n ?.country || {}\n )\n }, [footerNavigation])\n\n return (\n <Container\n className={cn(classNames?.root)}\n childClassName={cn('laptop:py-16 desktop:gap-16 flex flex-col gap-8 bg-black py-8', classNames?.child)}\n >\n <Text html={footerNavigation?.story} className=\"desktop:text-sm text-xs font-bold text-[#6D6D6F]\" />\n {footerNavigation?.footerBlocks?.map((block: any) => {\n if (block?.blockType === FooterNavigationBlockType.Signup) {\n return (\n <MarketingConversion\n key={block.id}\n subscribeLoading={subscribeLoading}\n data={block}\n onSubmit={event?.signup}\n />\n )\n }\n if (block?.blockType === FooterNavigationBlockType.Brand) {\n return (\n <FooterBrand\n key={block?.id}\n data={block}\n isMobile={isMobile}\n event={event}\n currentCountry={currentCountry}\n />\n )\n }\n if (block?.blockType === FooterNavigationBlockType.Main) {\n return (\n <MainServices\n key={block.id}\n data={{ ...block, country }}\n event={event}\n isMobile={isMobile}\n currentCountry={currentCountry}\n />\n )\n }\n })}\n </Container>\n )\n}\n\n/**\n * MarketingConversion \u8425\u9500\u8F6C\u5316\u6A21\u5757\n * @param data\n * @param onSubmit signup\u63D0\u4EA4\u4E8B\u4EF6\n * @returns\n */\nconst MarketingConversion = ({\n data,\n onSubmit,\n subscribeLoading,\n}: {\n data: any\n onSubmit?: (_params: any) => void\n subscribeLoading?: boolean\n}) => {\n return (\n <div className=\"desktop:py-16 desktop:gap-16 laptop:px-8 desktop:flex-row rounded-btn flex flex-col gap-8 bg-[#080A0F] px-4 py-8\">\n <Subscribe\n subscribeMetadata={data?.signup}\n className=\"desktop:flex-[744]\"\n onSubmit={onSubmit}\n loading={subscribeLoading}\n />\n <div className=\"desktop:hidden h-px w-full bg-[#3D3E3F]\" />\n <div className=\"desktop:gap-6 laptop:flex-row desktop:flex-[792] flex flex-col gap-4\">\n <div className=\"flex-1\">\n <Text html={data?.enjoy?.title} className=\" text-xl font-bold leading-[1.2] text-white\" />\n <div className=\"mt-4 flex flex-col gap-2\">\n {data?.enjoy?.enjoys?.map((enjoyItem: any) => (\n <div key={enjoyItem?.id} className=\"flex-start flex gap-2\">\n <Picture source={enjoyItem?.icon?.url} alt={enjoyItem?.icon?.alt} className=\"size-5 shrink-0\" />\n <Text\n html={enjoyItem?.label}\n className=\"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA]\"\n />\n </div>\n ))}\n </div>\n </div>\n <div className=\"desktop:block hidden w-px bg-[#3D3E3F]\" />\n <div className=\"flex-1\">\n <Text html={data?.benefit?.title} className=\"text-xl font-bold leading-[1.2] text-white\" />\n <div className=\"mt-4 flex flex-col gap-2\">\n {data?.benefit?.benefits?.map((benefitItem: any) => (\n <Link\n href={`${benefitItem?.link}?ref=footer`}\n asChild={!benefitItem?.link}\n key={benefitItem?.id}\n className=\"no-underline\"\n >\n <Text\n html={benefitItem?.label}\n className=\"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] hover:text-white\"\n />\n </Link>\n ))}\n </div>\n </div>\n </div>\n </div>\n )\n}\n\n/**\n * MainServices \u4E3B\u5BFC\u822A\u4E0E\u670D\u52A1\u6A21\u5757\n * @param services \u670D\u52A1\n * @param mainNav \u4E3B\u5BFC\u822A\n * @param event \u4E8B\u4EF6\n * @param isMobile \u662F\u5426\u662F\u79FB\u52A8\u7AEF\n * @param currentCountry \u5F53\u524D\u56FD\u5BB6\n * @returns\n */\nconst MainServices = ({\n data,\n event,\n isMobile,\n currentCountry,\n}: {\n data: any\n event: any\n isMobile: boolean\n currentCountry: any\n}) => {\n const [mainNavMenuOpen, setMainNavMenuOpen] = useState<boolean>(false)\n const { services, mainNav, country } = data\n return (\n <div className=\"flex flex-col gap-8\">\n <div\n className={cn({\n 'desktop:gap-16 flex': services?.download?.title,\n })}\n >\n <div\n className={cn('w-full', {\n 'desktop:flex-[1260]': services?.download?.title,\n })}\n >\n <Text html={services?.storeBenefits?.title} className=\" text-xl font-bold leading-[1.2] text-white\" />\n <div\n className={cn('laptop:flex-row desktop:gap-4 laptop:flex-wrap mt-4 flex flex-col gap-2', {\n 'desktop:max-w-[648px]': services?.download?.title,\n })}\n >\n {services?.storeBenefits?.reasons?.map((reasonItem: any) => (\n <div key={reasonItem?.id} className=\"desktop:min-w-[288px] flex flex-1 shrink-0 items-center gap-2\">\n <Picture source={reasonItem?.icon?.url} alt={reasonItem?.icon?.alt} className=\"size-5 shrink-0\" />\n <Link href={`${reasonItem?.link}?ref=footer`} asChild={!reasonItem?.link} className=\"no-underline\">\n <Text\n html={reasonItem?.label}\n className=\"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA]\"\n />\n </Link>\n </div>\n ))}\n </div>\n </div>\n <DownloadApp\n className={cn({\n 'desktop:flex-[404] hidden desktop:block': services?.download?.title,\n })}\n title={services?.download?.title}\n apps={services?.download?.apps}\n />\n </div>\n <div className=\"desktop:block hidden h-px bg-[#3D3E3F]\" />\n <div className=\"desktop:grid grid-cols-4 gap-4\">\n <MainNavMenu title={mainNav?.products?.title} lists={mainNav?.products?.products} />\n <MainNavMenu title={mainNav?.explore?.title} lists={mainNav?.explore?.explores} />\n <MainNavMenu title={mainNav?.support?.title} lists={mainNav?.support?.supports} />\n <div className=\"desktop:py-0 desktop:border-none border-t border-[#3D3E3F] pt-4\">\n <div className=\"desktop:pb-0 flex items-center justify-between pb-4\">\n <Text as=\"p\" html={mainNav?.contact?.title} className=\"text-xl font-bold leading-[1.2] text-white\" />\n {isMobile && (\n <button onClick={() => setMainNavMenuOpen(!mainNavMenuOpen)}>\n {mainNavMenuOpen ? <SubtractIcon width={20} height={20} /> : <AddIcon width={20} height={20} />}\n </button>\n )}\n </div>\n {((mainNavMenuOpen && isMobile) || !isMobile) && (\n <div className=\"desktop:mt-4 desktop:mb-0 mb-4 flex flex-col gap-2\">\n {mainNav?.contact?.contacts?.map((contactItem: any) => (\n <div key={contactItem?.id} className=\"flex items-start gap-2\">\n <Picture source={contactItem?.icon?.url} alt={contactItem?.icon?.alt} className=\"size-5 shrink-0\" />\n <Link href={contactItem?.link} className=\"no-underline\">\n <Text\n html={contactItem?.label}\n className=\"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] hover:text-white\"\n />\n </Link>\n </div>\n ))}\n </div>\n )}\n <ChangeCountry\n country={currentCountry || country}\n className=\"desktop:hidden border-b border-[#3D3E3F]\"\n isMobile={isMobile}\n onChangeCountry={event?.country}\n />\n <div className=\"desktop:hidden mt-8\">\n <DownloadApp title={services?.download?.title} apps={services?.download?.apps} />\n </div>\n {!!mainNav?.socials?.length && (\n <div className=\"mt-8 flex items-center gap-2\">\n {mainNav?.socials?.map((socialItem: any) => (\n <Link href={`${socialItem?.link}?ref=footer`} key={socialItem?.id}>\n <Picture source={socialItem?.icon?.url} alt={socialItem?.icon?.alt} className=\"size-8 shrink-0\" />\n </Link>\n ))}\n </div>\n )}\n <div className=\"mt-4 flex flex-wrap gap-2\">\n {mainNav?.payment?.map((paymentItem: any) => (\n <Link href={paymentItem?.link} key={paymentItem?.id}>\n <Picture\n source={paymentItem?.icon?.url}\n alt={paymentItem?.icon?.alt}\n className=\"h-[28px] w-[44px] shrink-0\"\n />\n </Link>\n ))}\n </div>\n </div>\n </div>\n </div>\n )\n}\n\nconst FooterBrand = ({\n data,\n isMobile,\n event,\n currentCountry,\n}: {\n data: any\n isMobile: boolean\n event: any\n currentCountry: any\n}) => {\n return (\n <div className=\"flex flex-col gap-4\">\n <div className=\"desktop:items-center desktop:flex desktop:gap-4\">\n <div className=\"laptop:flex-row laptop:items-center desktop:flex-[980] flex flex-col items-start gap-4\">\n <Text html={data?.brand?.currentBrand} className=\"text-[#B6B6BA]\" />\n <div className=\"laptop:block laptop:mb-[10px] hidden h-[20px] w-px bg-[#B6B6BA]\" />\n <div className=\"desktop:gap-6 flex flex-wrap items-center gap-4\">\n {data?.brand?.brands?.map((brandItem: any) => (\n <Link href={`${brandItem?.link}?ref=footer`} key={brandItem?.id}>\n <Text html={brandItem?.icon} className=\"text-[#B6B6BA] hover:text-white\" />\n </Link>\n ))}\n </div>\n </div>\n <ChangeCountry\n country={currentCountry || data?.country}\n className=\"desktop:flex-[316] desktop:block hidden\"\n isMobile={isMobile}\n onChangeCountry={event?.country}\n />\n </div>\n <div className=\"h-px bg-[#3D3E3F]\" />\n <div className=\"laptop:flex-row desktop:gap-4 desktop:items-center flex flex-col items-start gap-1\">\n <Text\n html={data?.copyright?.label}\n className=\"desktop:text-base text-xs font-bold leading-[1.4] text-[#6D6D6F]\"\n />\n <div className=\"flex flex-wrap items-center gap-x-2 gap-y-1\">\n {data?.policy?.policies?.map((policyItem: any) => (\n <Link\n href={`${policyItem?.link}?ref=footer`}\n key={policyItem?.id}\n className=\"desktop:text-base text-xs font-bold leading-[1.4] text-[#B6B6BA] no-underline hover:text-white\"\n >\n {policyItem?.label}\n </Link>\n ))}\n <button\n onClick={event?.cookiesSet}\n className=\"desktop:text-base text-xs font-bold leading-[1.4] text-[#B6B6BA] no-underline hover:text-white\"\n >\n {data?.policy?.cookies}\n </button>\n </div>\n </div>\n </div>\n )\n}\n\nconst MainNavMenu = ({ title, lists, className }: { title: string; lists: any[]; className?: string }) => {\n const [mainNavMenuOpen, setMainNavMenuOpen] = useState<boolean>(false)\n const [isMobile, setIsMobile] = useState(false)\n\n const mediaQuery = useMediaQuery({ query: '(max-width: 1439px)' })\n\n useEffect(() => {\n setIsMobile(mediaQuery)\n }, [mediaQuery])\n\n return (\n <div className={cn('desktop:py-0 desktop:border-none border-t border-[#3D3E3F] py-4', className)}>\n <div className=\"flex items-center justify-between\" onClick={() => setMainNavMenuOpen(!mainNavMenuOpen)}>\n <Text as=\"p\" html={title} className=\"text-xl font-bold leading-[1.2] text-white\" />\n {isMobile && (\n <>{mainNavMenuOpen ? <SubtractIcon width={20} height={20} /> : <AddIcon width={20} height={20} />}</>\n )}\n </div>\n {((mainNavMenuOpen && isMobile) || !isMobile) && (\n <div className=\"mt-4 flex flex-col gap-2\">\n {lists?.map((item: any) => (\n <Link href={`${item?.link}?ref=footer`} key={item?.id} className=\"no-underline\">\n <Text\n html={item?.label}\n className=\"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] hover:text-white\"\n />\n </Link>\n ))}\n </div>\n )}\n </div>\n )\n}\n\n/**\n * DownloadApp \u4E0B\u8F7D\u5E94\u7528\u6A21\u5757\n * @param title\n * @param apps\n * @param className\n * @returns\n */\nconst DownloadApp = ({ title, apps, className }: { title: string; apps: any[]; className?: string }) => {\n if (!apps?.length) return null\n return (\n <div className={className}>\n <Text html={title} className=\" text-xl font-bold leading-[1.2] text-white\" />\n <div className=\"mt-4 flex items-center gap-4\">\n {apps?.map((appItem: any) => (\n <div key={appItem?.id} className=\"flex flex-col items-center gap-[6px]\">\n <Link href={appItem?.link}>\n <Picture source={appItem?.icon?.url} alt={appItem?.icon?.alt} className=\"size-10 shrink-0\" />\n </Link>\n {appItem?.label && <Text html={appItem?.label} className=\"text-xs font-bold text-[#999999]\" />}\n </div>\n ))}\n </div>\n </div>\n )\n}\n\n/**\n * ChangeCountry \u5207\u6362\u56FD\u5BB6\u6A21\u5757\n * @param data \u6570\u636E\n * @param isMobile \u662F\u5426\u662F\u79FB\u52A8\u7AEF\n * @returns\n */\nconst ChangeCountry = ({\n country,\n isMobile,\n className,\n onChangeCountry,\n}: {\n country: any\n isMobile: boolean\n className?: string\n onChangeCountry?: () => void\n}) => {\n return (\n <div\n className={cn('desktop:py-0 desktop:border-none border-t border-[#3D3E3F] py-4', className)}\n onClick={() => onChangeCountry?.()}\n >\n <div className=\"flex items-center justify-between\">\n <div className=\"flex cursor-pointer items-center gap-2\">\n <CountryIcon width={20} height={20} className=\"shrink-0\" />\n <Text\n as=\"p\"\n html={country?.countryName || country?.country}\n className=\"desktop:text-[#B6B6BA] text-base font-bold leading-[1.4] text-white hover:text-white\"\n />\n </div>\n {isMobile && (\n <button>\n <ArrowRightIcon width={20} height={20} />\n </button>\n )}\n </div>\n </div>\n )\n}\n\nexport default withLayout(FooterNavigation)\n"],
5
- "mappings": "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",
4
+ "sourcesContent": ["import { useEffect, useMemo, useState } from 'react'\nimport { Picture, Text, Container, Link } from '../../components/index.js'\nimport Subscribe from '../Subscribe/index.js'\nimport type { FooterNavigationProps } from './types.js'\nimport { FooterNavigationBlockType } from './types.js'\nimport { AddIcon, SubtractIcon, ArrowRightIcon, CountryIcon } from './icons/index.js'\nimport { useMediaQuery } from 'react-responsive'\nimport { cn } from '../../helpers/utils.js'\nimport { withLayout } from '../../shared/Styles.js'\n\nconst FooterNavigation = ({\n data: { footerNavigation } = {},\n currentCountry,\n event,\n subscribeLoading,\n classNames,\n}: FooterNavigationProps) => {\n const [isMobile, setIsMobile] = useState(false)\n\n const mediaQuery = useMediaQuery({ query: '(max-width: 1439px)' })\n\n useEffect(() => {\n setIsMobile(mediaQuery)\n }, [mediaQuery])\n\n const country = useMemo(() => {\n return (\n footerNavigation?.footerBlocks?.find((block: any) => block?.blockType === FooterNavigationBlockType.Brand)\n ?.country || {}\n )\n }, [footerNavigation])\n\n return (\n <Container\n className={cn(classNames?.root)}\n childClassName={cn('laptop:py-16 desktop:gap-16 flex flex-col gap-8 bg-black py-8', classNames?.child)}\n >\n <Text html={footerNavigation?.story} className=\"desktop:text-sm text-xs font-bold text-[#6D6D6F]\" />\n {footerNavigation?.footerBlocks?.map((block: any) => {\n if (block?.blockType === FooterNavigationBlockType.Signup) {\n return (\n <MarketingConversion\n key={block.id}\n subscribeLoading={subscribeLoading}\n data={block}\n onSubmit={event?.signup}\n />\n )\n }\n if (block?.blockType === FooterNavigationBlockType.Brand) {\n return (\n <FooterBrand\n key={block?.id}\n data={block}\n isMobile={isMobile}\n event={event}\n currentCountry={currentCountry}\n />\n )\n }\n if (block?.blockType === FooterNavigationBlockType.Main) {\n return (\n <MainServices\n key={block.id}\n data={{ ...block, country }}\n event={event}\n isMobile={isMobile}\n currentCountry={currentCountry}\n />\n )\n }\n })}\n </Container>\n )\n}\n\n/**\n * MarketingConversion \u8425\u9500\u8F6C\u5316\u6A21\u5757\n * @param data\n * @param onSubmit signup\u63D0\u4EA4\u4E8B\u4EF6\n * @returns\n */\nconst MarketingConversion = ({\n data,\n onSubmit,\n subscribeLoading,\n}: {\n data: any\n onSubmit?: (_params: any) => void\n subscribeLoading?: boolean\n}) => {\n return (\n <div className=\"desktop:py-16 desktop:gap-16 laptop:px-8 desktop:flex-row rounded-btn flex flex-col gap-8 bg-[#080A0F] px-4 py-8\">\n <Subscribe\n subscribeMetadata={data?.signup}\n className=\"desktop:flex-[744]\"\n onSubmit={onSubmit}\n loading={subscribeLoading}\n />\n <div className=\"desktop:hidden h-px w-full bg-[#3D3E3F]\" />\n <div className=\"desktop:gap-6 laptop:flex-row desktop:flex-[792] flex flex-col gap-4\">\n <div className=\"flex-1\">\n <Text html={data?.enjoy?.title} className=\" text-xl font-bold leading-[1.2] text-white\" />\n <div className=\"mt-4 flex flex-col gap-2\">\n {data?.enjoy?.enjoys?.map((enjoyItem: any) => (\n <div key={enjoyItem?.id} className=\"flex-start flex gap-2\">\n <Picture source={enjoyItem?.icon?.url} alt={enjoyItem?.icon?.alt} className=\"size-5 shrink-0\" />\n <Text\n html={enjoyItem?.label}\n className=\"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA]\"\n />\n </div>\n ))}\n </div>\n </div>\n <div className=\"desktop:block hidden w-px bg-[#3D3E3F]\" />\n <div className=\"flex-1\">\n <Text html={data?.benefit?.title} className=\"text-xl font-bold leading-[1.2] text-white\" />\n <div className=\"mt-4 flex flex-col gap-2\">\n {data?.benefit?.benefits?.map((benefitItem: any) => (\n <Link\n href={`${benefitItem?.link}?ref=footer`}\n asChild={!benefitItem?.link}\n key={benefitItem?.id}\n className=\"no-underline\"\n >\n <Text\n html={benefitItem?.label}\n className=\"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] hover:text-white\"\n />\n </Link>\n ))}\n </div>\n </div>\n </div>\n </div>\n )\n}\n\n/**\n * MainServices \u4E3B\u5BFC\u822A\u4E0E\u670D\u52A1\u6A21\u5757\n * @param services \u670D\u52A1\n * @param mainNav \u4E3B\u5BFC\u822A\n * @param event \u4E8B\u4EF6\n * @param isMobile \u662F\u5426\u662F\u79FB\u52A8\u7AEF\n * @param currentCountry \u5F53\u524D\u56FD\u5BB6\n * @returns\n */\nconst MainServices = ({\n data,\n event,\n isMobile,\n currentCountry,\n}: {\n data: any\n event: any\n isMobile: boolean\n currentCountry: any\n}) => {\n const [mainNavMenuOpen, setMainNavMenuOpen] = useState<boolean>(false)\n const { services, mainNav, country } = data\n return (\n <div className=\"flex flex-col gap-8\">\n <div\n className={cn({\n 'desktop:gap-16 flex': services?.download?.title,\n })}\n >\n <div\n className={cn('w-full', {\n 'desktop:flex-[1260]': services?.download?.title,\n })}\n >\n <Text html={services?.storeBenefits?.title} className=\" text-xl font-bold leading-[1.2] text-white\" />\n <div\n className={cn('laptop:flex-row desktop:gap-4 laptop:flex-wrap mt-4 flex flex-col gap-2', {\n 'desktop:max-w-[648px]': services?.download?.title,\n })}\n >\n {services?.storeBenefits?.reasons?.map((reasonItem: any) => (\n <div key={reasonItem?.id} className=\"desktop:min-w-[288px] flex flex-1 shrink-0 items-center gap-2\">\n <Picture source={reasonItem?.icon?.url} alt={reasonItem?.icon?.alt} className=\"size-5 shrink-0\" />\n <Link href={`${reasonItem?.link}?ref=footer`} asChild={!reasonItem?.link} className=\"no-underline\">\n <Text\n html={reasonItem?.label}\n className=\"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA]\"\n />\n </Link>\n </div>\n ))}\n </div>\n </div>\n <DownloadApp\n className={cn({\n 'desktop:flex-[404] hidden desktop:block': services?.download?.title,\n })}\n title={services?.download?.title}\n apps={services?.download?.apps}\n />\n </div>\n <div className=\"desktop:block hidden h-px bg-[#3D3E3F]\" />\n <div className=\"desktop:grid grid-cols-4 gap-4\">\n <MainNavMenu title={mainNav?.products?.title} lists={mainNav?.products?.products} />\n <MainNavMenu title={mainNav?.explore?.title} lists={mainNav?.explore?.explores} />\n <MainNavMenu title={mainNav?.support?.title} lists={mainNav?.support?.supports} />\n <div className=\"desktop:py-0 desktop:border-none border-t border-[#3D3E3F] pt-4\">\n <div className=\"desktop:pb-0 flex items-center justify-between pb-4\">\n <Text as=\"p\" html={mainNav?.contact?.title} className=\"text-xl font-bold leading-[1.2] text-white\" />\n {isMobile && (\n <button onClick={() => setMainNavMenuOpen(!mainNavMenuOpen)}>\n {mainNavMenuOpen ? <SubtractIcon width={20} height={20} /> : <AddIcon width={20} height={20} />}\n </button>\n )}\n </div>\n {((mainNavMenuOpen && isMobile) || !isMobile) && (\n <div className=\"desktop:mt-4 desktop:mb-0 mb-4 flex flex-col gap-2\">\n {mainNav?.contact?.contacts?.map((contactItem: any) => (\n <div key={contactItem?.id} className=\"flex items-start gap-2\">\n <Picture source={contactItem?.icon?.url} alt={contactItem?.icon?.alt} className=\"size-5 shrink-0\" />\n <Link href={contactItem?.link} className=\"no-underline\">\n <Text\n html={contactItem?.label}\n className=\"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] hover:text-white\"\n />\n </Link>\n </div>\n ))}\n </div>\n )}\n <ChangeCountry\n country={currentCountry || country}\n className=\"desktop:hidden border-b border-[#3D3E3F]\"\n isMobile={isMobile}\n onChangeCountry={event?.country}\n />\n <div className=\"desktop:hidden mt-8\">\n <DownloadApp title={services?.download?.title} apps={services?.download?.apps} />\n </div>\n {!!mainNav?.socials?.length && (\n <div className=\"mt-8 flex items-center gap-2\">\n {mainNav?.socials?.map((socialItem: any) => (\n <Link href={`${socialItem?.link}?ref=footer`} key={socialItem?.id}>\n <Picture source={socialItem?.icon?.url} alt={socialItem?.icon?.alt} className=\"size-8 shrink-0\" />\n </Link>\n ))}\n </div>\n )}\n <div className=\"mt-4 flex flex-wrap gap-2\">\n {mainNav?.payment?.map((paymentItem: any) => (\n <Link href={paymentItem?.link} key={paymentItem?.id}>\n <Picture\n source={paymentItem?.icon?.url}\n alt={paymentItem?.icon?.alt}\n className=\"h-[28px] w-[44px] shrink-0\"\n />\n </Link>\n ))}\n </div>\n </div>\n </div>\n </div>\n )\n}\n\nconst FooterBrand = ({\n data,\n isMobile,\n event,\n currentCountry,\n}: {\n data: any\n isMobile: boolean\n event: any\n currentCountry: any\n}) => {\n return (\n <div className=\"flex flex-col gap-4\">\n <div className=\"desktop:items-center desktop:flex desktop:gap-4\">\n <div className=\"laptop:flex-row laptop:items-center desktop:flex-[980] flex flex-col items-start gap-4\">\n <Text html={data?.brand?.currentBrand} className=\"text-[#B6B6BA]\" />\n <div className=\"laptop:block laptop:mb-[10px] hidden h-[20px] w-px bg-[#B6B6BA]\" />\n <div className=\"desktop:gap-6 flex flex-wrap items-center gap-4\">\n {data?.brand?.brands?.map((brandItem: any) => (\n <Link href={`${brandItem?.link}?ref=footer`} key={brandItem?.id}>\n <Text html={brandItem?.icon} className=\"text-[#B6B6BA] hover:text-white\" />\n </Link>\n ))}\n </div>\n </div>\n <ChangeCountry\n country={currentCountry || data?.country}\n className=\"desktop:flex-[316] desktop:block hidden\"\n isMobile={isMobile}\n onChangeCountry={event?.country}\n />\n </div>\n <div className=\"h-px bg-[#3D3E3F]\" />\n <div className=\"laptop:flex-row desktop:gap-4 desktop:items-center flex flex-col items-start gap-1\">\n <Text\n html={data?.copyright?.label}\n className=\"desktop:text-base text-xs font-bold leading-[1.4] text-[#6D6D6F]\"\n />\n <div className=\"flex flex-wrap items-center gap-x-2 gap-y-1\">\n {data?.policy?.policies?.map((policyItem: any) => (\n <Link\n href={`${policyItem?.link}?ref=footer`}\n key={policyItem?.id}\n className=\"desktop:text-base text-xs font-bold leading-[1.4] text-[#B6B6BA] no-underline hover:text-white\"\n >\n {policyItem?.label}\n </Link>\n ))}\n {data?.policy?.cookies && (\n <button\n onClick={event?.cookiesSet}\n className=\"desktop:text-base text-xs font-bold leading-[1.4] text-[#B6B6BA] no-underline hover:text-white\"\n >\n {data?.policy?.cookies}\n </button>\n )}\n </div>\n </div>\n </div>\n )\n}\n\nconst MainNavMenu = ({ title, lists, className }: { title: string; lists: any[]; className?: string }) => {\n const [mainNavMenuOpen, setMainNavMenuOpen] = useState<boolean>(false)\n const [isMobile, setIsMobile] = useState(false)\n\n const mediaQuery = useMediaQuery({ query: '(max-width: 1439px)' })\n\n useEffect(() => {\n setIsMobile(mediaQuery)\n }, [mediaQuery])\n\n return (\n <div className={cn('desktop:py-0 desktop:border-none border-t border-[#3D3E3F] py-4', className)}>\n <div className=\"flex items-center justify-between\" onClick={() => setMainNavMenuOpen(!mainNavMenuOpen)}>\n <Text as=\"p\" html={title} className=\"text-xl font-bold leading-[1.2] text-white\" />\n {isMobile && (\n <>{mainNavMenuOpen ? <SubtractIcon width={20} height={20} /> : <AddIcon width={20} height={20} />}</>\n )}\n </div>\n {((mainNavMenuOpen && isMobile) || !isMobile) && (\n <div className=\"mt-4 flex flex-col gap-2\">\n {lists?.map((item: any) => (\n <Link href={`${item?.link}?ref=footer`} key={item?.id} className=\"no-underline\">\n <Text\n html={item?.label}\n className=\"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] hover:text-white\"\n />\n </Link>\n ))}\n </div>\n )}\n </div>\n )\n}\n\n/**\n * DownloadApp \u4E0B\u8F7D\u5E94\u7528\u6A21\u5757\n * @param title\n * @param apps\n * @param className\n * @returns\n */\nconst DownloadApp = ({ title, apps, className }: { title: string; apps: any[]; className?: string }) => {\n if (!apps?.length) return null\n return (\n <div className={className}>\n <Text html={title} className=\" text-xl font-bold leading-[1.2] text-white\" />\n <div className=\"mt-4 flex items-center gap-4\">\n {apps?.map((appItem: any) => (\n <div key={appItem?.id} className=\"flex flex-col items-center gap-[6px]\">\n <Link href={appItem?.link}>\n <Picture source={appItem?.icon?.url} alt={appItem?.icon?.alt} className=\"size-10 shrink-0\" />\n </Link>\n {appItem?.label && <Text html={appItem?.label} className=\"text-xs font-bold text-[#999999]\" />}\n </div>\n ))}\n </div>\n </div>\n )\n}\n\n/**\n * ChangeCountry \u5207\u6362\u56FD\u5BB6\u6A21\u5757\n * @param data \u6570\u636E\n * @param isMobile \u662F\u5426\u662F\u79FB\u52A8\u7AEF\n * @returns\n */\nconst ChangeCountry = ({\n country,\n isMobile,\n className,\n onChangeCountry,\n}: {\n country: any\n isMobile: boolean\n className?: string\n onChangeCountry?: () => void\n}) => {\n return (\n <div\n className={cn('desktop:py-0 desktop:border-none border-t border-[#3D3E3F] py-4', className)}\n onClick={() => onChangeCountry?.()}\n >\n <div className=\"flex items-center justify-between\">\n <div className=\"flex cursor-pointer items-center gap-2\">\n <CountryIcon width={20} height={20} className=\"shrink-0\" />\n <Text\n as=\"p\"\n html={country?.countryName || country?.country}\n className=\"desktop:text-[#B6B6BA] text-base font-bold leading-[1.4] text-white hover:text-white\"\n />\n </div>\n {isMobile && (\n <button>\n <ArrowRightIcon width={20} height={20} />\n </button>\n )}\n </div>\n </div>\n )\n}\n\nexport default withLayout(FooterNavigation)\n"],
5
+ "mappings": "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",
6
6
  "names": ["Fragment", "jsx", "jsxs", "useEffect", "useMemo", "useState", "Picture", "Text", "Container", "Link", "Subscribe", "FooterNavigationBlockType", "AddIcon", "SubtractIcon", "ArrowRightIcon", "CountryIcon", "useMediaQuery", "cn", "withLayout", "FooterNavigation", "footerNavigation", "currentCountry", "event", "subscribeLoading", "classNames", "isMobile", "setIsMobile", "mediaQuery", "country", "block", "MarketingConversion", "FooterBrand", "MainServices", "data", "onSubmit", "enjoyItem", "benefitItem", "mainNavMenuOpen", "setMainNavMenuOpen", "services", "mainNav", "reasonItem", "DownloadApp", "MainNavMenu", "contactItem", "ChangeCountry", "socialItem", "paymentItem", "brandItem", "policyItem", "title", "lists", "className", "item", "apps", "appItem", "onChangeCountry", "FooterNavigation_default"]
7
7
  }
package/dist/esm/biz-components/NavigationSearch/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import{Fragment as S,jsx as o,jsxs as s}from"react/jsx-runtime";import{Picture as x,Text as r,Button as G,Container as j,Link as u,Heading as y,Grid as z,GridItem as K}from"../../components/index.js";import{Search as H,Close as M}from"../HeaderNavigation/icons/index.js";import{forwardRef as V,useCallback as w,useMemo as L,useState as C}from"react";import{useAiuiContext as J}from"../AiuiProvider/index.js";import{SearchStatus as m}from"./types.js";import{debounce as O}from"es-toolkit";import{cn as b,atobID as $,highlightSearchWord as Q}from"../../helpers/utils.js";const U=t=>!(t.metafields?.global?.HideSearch||t.metafields?.seo?.hidden||t.metafields?.seo?.setting?.noindex),D=V(({data:t,onSearch:p,onClose:n,searchResult:a,isSearching:c,keywords:d},P)=>{const{locale:l="us",copyWriting:Y}=J(),[i,E]=C(""),[f,N]=C(!1),I=O(e=>{p(e)},300),T=w(e=>{e.key==="Enter"&&!f&&window.open(`${l==="us"?"":l}${t?.moreLink}?q=${i.toLowerCase()}`,"_self")},[f,i,l,t?.moreLink]),A=L(()=>Array.isArray(d)&&d?.length?d.map(e=>e.search_term):Array.isArray(t?.popularWords)&&t?.popularWords?.length?t?.popularWords.map(e=>e.popularWord):[],[d,t?.popularWords]),B=w(e=>{switch(e.type){case"Product":return`/products${e.path}?q=${i.toLowerCase()}`;case"Article":return`/blogs/${e.blog.handle}/${e.handle.replace("storefront-","")}?q=${i.toLowerCase()}`;default:break}},[i]),k=L(()=>{if(i){if(a?.totalCount)return m.Predict;if(!c)return m.Empty}else return m.Default},[a?.totalCount,i,c]);return s(j,{childClassName:"!bg-white",className:"relative",ref:P,children:[o("style",{jsx:!0,global:!0,children:`
1
+ import{Fragment as S,jsx as o,jsxs as a}from"react/jsx-runtime";import{Picture as x,Text as r,Button as G,Container as z,Link as g,Heading as y,Grid as K,GridItem as j}from"../../components/index.js";import{Search as H,Close as M}from"../HeaderNavigation/icons/index.js";import{forwardRef as V,useCallback as w,useMemo as L,useState as C}from"react";import{useAiuiContext as J}from"../AiuiProvider/index.js";import{SearchStatus as u}from"./types.js";import{debounce as O}from"es-toolkit";import{cn as b,atobID as $,highlightSearchWord as Q}from"../../helpers/utils.js";const U=t=>!(t.metafields?.global?.HideSearch||t.metafields?.seo?.hidden||t.metafields?.seo?.setting?.noindex),D=V(({data:t,onSearch:c,onClose:n,searchResult:s,isSearching:d,keywords:p},P)=>{const{locale:l="us",copyWriting:Y}=J(),[i,E]=C(""),[f,N]=C(!1),I=O(e=>{c(e)},300),T=w(e=>{e.key==="Enter"&&!f&&window.open(`${l==="us"?"":l}${t?.moreLink}?q=${i.toLowerCase()}`,"_self")},[f,i,l,t?.moreLink]),A=L(()=>Array.isArray(p)&&p?.length?p.map(e=>e.search_term):Array.isArray(t?.popularWords)&&t?.popularWords?.length?t?.popularWords.map(e=>e.popularWord):[],[p,t?.popularWords]),B=w(e=>{switch(e.__typename||e.type){case"Product":return`/products${e.path}?q=${i.toLowerCase()}`;case"Article":return`/blogs/${e.blog.handle}/${e.handle.replace("storefront-","")}?q=${i.toLowerCase()}`;default:break}},[i]),k=L(()=>{if(i){if(s?.totalCount)return u.Predict;if(!d)return u.Empty}else return u.Default},[s?.totalCount,i,d]);return a(z,{childClassName:"!bg-white",className:"relative",ref:P,children:[o("style",{children:`
2
2
  .navigation-search-component input:-webkit-autofill,
3
3
  .navigation-search-component input:-webkit-autofill:hover,
4
4
  .navigation-search-component input:-webkit-autofill:focus {
@@ -7,5 +7,5 @@ import{Fragment as S,jsx as o,jsxs as s}from"react/jsx-runtime";import{Picture a
7
7
  transition: background-color 9999s ease-in-out 0s !important;
8
8
  caret-color: #000;
9
9
  }
10
- `}),s("div",{className:"navigation-search-component laptop:h-[52px] desktop:h-[60px] desktop:pt-6 flex items-center justify-between border-b border-b-gray-200 py-4 text-black",children:[o("input",{value:i,onCompositionStart:()=>N(!0),onCompositionEnd:()=>N(!1),onKeyDown:T,onChange:e=>{E(e.target.value),e.target.value&&I(e.target.value)},type:"text",className:"basis-[200px] bg-white text-sm font-bold leading-[1.4] outline-none focus-visible:!outline-none ",placeholder:t?.placeholder}),s("div",{className:"flex items-center gap-3",children:[o(H,{className:"size-5 cursor-pointer",onClick:()=>p(i)}),o("div",{className:"h-[20px] w-px bg-[#E4E5E6]"}),o(M,{className:"size-5 cursor-pointer",onClick:n})]})]}),o("div",{className:"desktop:gap-12 desktop:py-6 flex flex-col gap-6 py-4 text-black",children:k===m.Predict?s(S,{children:[s("div",{children:[s("div",{className:"flex items-center gap-2",children:[o(r,{html:t?.suggestText,className:"text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),a?.items?.length>6&&o(G,{as:"a",href:`${l==="us"?"":l}${t?.moreLink}?q=${i.toLowerCase()}`,className:"!p-0 !text-sm font-bold leading-[1.2]",variant:"link",children:t?.moreText})]}),o("div",{className:"mt-2 flex flex-col",children:a?.items?.filter(e=>U(e)).slice(0,6)?.map(e=>o(u,{className:"w-full p-4 no-underline hover:bg-[#F5F5F7] hover:text-current",href:B(e),children:o(r,{html:Q(e.title,i),className:"cursor-pointer text-sm font-bold leading-[1.4]"})},e.id))})]}),s("div",{children:[o(r,{html:t?.hotProductsText,className:"text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),s("div",{className:"tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-4 tablet:gap-x-3 tablet:gap-y-4 laptop:gap-4 mt-2 grid grid-cols-1 gap-2",children:[o(u,{asChild:!t?.advertisingLink,href:t?.advertisingLink,children:s("div",{className:"relative",children:[o(x,{source:t?.advertisingBgImg?.url,className:"laptop:h-[120px] h-[114px]",imgClassName:"object-cover h-full"}),s("div",{className:"absolute inset-x-0 bottom-0 p-4",children:[o(y,{size:2,html:t?.advertisingTitle||"Buy in Guide",className:b("font-bold text-white",{"text-black":t?.advertisingTheme==="dark"})}),o(r,{html:t?.advertisingSubtitle||"20.000mAh",className:b("text-sm font-bold text-white",{"text-black":t?.advertisingTheme==="dark"})})]})]})}),a?.items?.filter(e=>e.type.toLowerCase()==="product").slice(0,7)?.map(e=>{const g=e?.variants?.[0],h=`${g?.image?.url||e?.images?.[0]?.url}`,v=e?.title||e?.name,_=e?.description,W=e?.badge||"",q=`/products/${e?.handle}?variant=${$(g?.id)}`;return o(F,{productImage:h,productName:v,productDesc:_,productBadge:W,listingLink:q},e.id)})]})]})]}):s(S,{children:[k===m.Empty&&o(r,{html:t?.noResultText,as:"p",className:"border-b border-[#E4E5E6] pb-6 text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),s("div",{children:[o(r,{html:t?.popularText,className:"text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),s("div",{className:"mt-2",children:[o(X,{data:t,keywords:A,locale:l}),Array.isArray(t?.popularPages)&&!!t?.popularPages?.length&&o(z,{className:"laptop:gap-4 laptop:mt-4 mt-3 gap-3",children:t?.popularPages?.map(e=>o(K,{className:"tablet:col-span-6 laptop:p-3 desktop:p-4 laptop:col-span-3 col-span-12 p-2 hover:bg-[#F5F5F7]",children:o("a",{href:`${l==="us"?"":l}${t?.moreLink}?q=${e?.popularPage.toLowerCase()}`,className:"line-clamp-1 cursor-pointer text-sm font-bold leading-[1.4]",children:e?.popularPage})},e?.id))})]})]}),s("div",{children:[o(r,{html:t?.hotProductsText,className:"text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),s("div",{className:"tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-4 tablet:gap-x-3 tablet:gap-y-4 laptop:gap-4 mt-2 grid grid-cols-1 gap-2",children:[o(u,{asChild:!t?.advertisingLink,href:t?.advertisingLink,children:s("div",{className:"[&_img]:hover:duration-600 relative [&_img]:hover:scale-110 [&_img]:hover:transition-all",children:[o(x,{source:t?.advertisingBgImg?.url,className:"laptop:h-[120px] h-[114px]",imgClassName:"object-cover h-full"}),s("div",{className:"absolute inset-x-0 bottom-0 p-4",children:[o(y,{size:2,html:t?.advertisingTitle||"Buy in Guide",className:"font-bold text-white"}),o(r,{html:t?.advertisingSubtitle||"20.000mAh",className:"text-sm font-bold text-white"})]})]})}),t?.hotProducts?.slice(0,7)?.map(e=>{const g=e?.custom_description,h=e?.badge||"",v=`/products/${e?.handle}?variant=${$(e?.shopify_id)}`;return o(F,{productImage:e?.image,productName:e?.name,productDesc:g,productBadge:h,listingLink:v},e.id)})]})]})]})})]})});D.displayName="NavigationSearch";const F=({productImage:t,productName:p,productDesc:n,productBadge:a,className:c,listingLink:d})=>s("div",{className:b("flex shrink-0 gap-4 bg-[#F5F5F7] px-4 py-3 [&_img]:hover:scale-110",c),children:[o("div",{className:"shrink-0",children:o(x,{source:t,width:90,height:90,className:"size-[96px]",imgClassName:"object-contain h-full"})}),s("div",{className:"relative",children:[o("div",{className:" h-[24px] ",children:a&&o(r,{as:"p",html:a,className:"text-brand-0 mb-1 inline-block h-full rounded-full border-[1.6px] border-[#00BEFA] px-[6px] text-sm font-bold !leading-[24px]"})}),s("div",{children:[o(u,{href:d,className:"no-underline hover:text-current",children:o(r,{className:"lg-desktop:h-[44px] lg-desktop:text-base line-clamp-2 h-[40px] text-sm font-bold leading-[1.4]",html:p})}),n&&o(r,{as:"p",html:n,className:"lg-desktop:text-sm mt-1 line-clamp-1 text-xs font-bold leading-[1.4] text-[#6D6D6F]"})]})]})]}),X=({data:t,keywords:p,locale:n})=>o("div",{className:"laptop:gap-4 flex flex-wrap gap-3",children:p?.map((a,c)=>o("a",{href:`${n==="us"?"":n}${t?.moreLink}?q=${a?.toLowerCase()}`,className:"laptop:p-3 desktop:p-4 cursor-pointer p-2 text-sm font-bold leading-[1.4] hover:bg-[#F5F5F7]",children:a},c))});var ie=D;export{U as canSearch,ie as default};
10
+ `}),a("div",{className:"navigation-search-component laptop:h-[52px] desktop:h-[60px] desktop:pt-6 flex items-center justify-between border-b border-b-gray-200 py-4 text-black",children:[o("input",{value:i,onCompositionStart:()=>N(!0),onCompositionEnd:()=>N(!1),onKeyDown:T,onChange:e=>{E(e.target.value),e.target.value&&I(e.target.value)},type:"text",className:"basis-[200px] bg-white text-sm font-bold leading-[1.4] outline-none focus-visible:!outline-none ",placeholder:t?.placeholder}),a("div",{className:"flex items-center gap-3",children:[o(H,{className:"size-5 cursor-pointer",onClick:()=>c(i)}),o("div",{className:"h-[20px] w-px bg-[#E4E5E6]"}),o(M,{className:"size-5 cursor-pointer",onClick:n})]})]}),o("div",{className:"desktop:gap-12 desktop:py-6 flex flex-col gap-6 py-4 text-black",children:k===u.Predict?a(S,{children:[a("div",{children:[a("div",{className:"flex items-center gap-2",children:[o(r,{html:t?.suggestText,className:"text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),s?.items?.length>6&&o(G,{as:"a",href:`${l==="us"?"":l}${t?.moreLink}?q=${i.toLowerCase()}`,className:"!p-0 !text-sm font-bold leading-[1.2]",variant:"link",children:t?.moreText})]}),o("div",{className:"mt-2 flex flex-col",children:s?.items?.filter(e=>U(e)).slice(0,6)?.map(e=>o(g,{className:"w-full p-4 no-underline hover:bg-[#F5F5F7] hover:text-current",href:B(e),children:o(r,{html:Q(e.title,i),className:"cursor-pointer text-sm font-bold leading-[1.4]"})},e.id))})]}),a("div",{children:[o(r,{html:t?.hotProductsText,className:"text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),a("div",{className:"tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-4 tablet:gap-x-3 tablet:gap-y-4 laptop:gap-4 mt-2 grid grid-cols-1 gap-2",children:[o(g,{asChild:!t?.advertisingLink,href:t?.advertisingLink,children:a("div",{className:"relative",children:[o(x,{source:t?.advertisingBgImg?.url,className:"laptop:h-[120px] h-[114px]",imgClassName:"object-cover h-full"}),a("div",{className:"absolute inset-x-0 bottom-0 p-4",children:[o(y,{size:2,html:t?.advertisingTitle||"Buy in Guide",className:b("font-bold text-white",{"text-black":t?.advertisingTheme==="dark"})}),o(r,{html:t?.advertisingSubtitle||"20.000mAh",className:b("text-sm font-bold text-white",{"text-black":t?.advertisingTheme==="dark"})})]})]})}),s?.items?.filter(e=>e.type.toLowerCase()==="product").slice(0,7)?.map(e=>{const m=e?.variants?.[0],h=`${m?.image?.url||e?.images?.[0]?.url}`,v=e?.title||e?.name,_=e?.description,W=e?.badge||"",q=`/products/${e?.handle}?variant=${$(m?.id)}`;return o(F,{productImage:h,productName:v,productDesc:_,productBadge:W,listingLink:q},e.id)})]})]})]}):a(S,{children:[k===u.Empty&&o(r,{html:t?.noResultText,as:"p",className:"border-b border-[#E4E5E6] pb-6 text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),a("div",{children:[o(r,{html:t?.popularText,className:"text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),a("div",{className:"mt-2",children:[o(X,{data:t,keywords:A,locale:l}),Array.isArray(t?.popularPages)&&!!t?.popularPages?.length&&o(K,{className:"laptop:gap-4 laptop:mt-4 mt-3 gap-3",children:t?.popularPages?.map(e=>o(j,{className:"tablet:col-span-6 laptop:p-3 desktop:p-4 laptop:col-span-3 col-span-12 p-2 hover:bg-[#F5F5F7]",children:o("a",{href:`${l==="us"?"":l}${t?.moreLink}?q=${e?.popularPage.toLowerCase()}`,className:"line-clamp-1 cursor-pointer text-sm font-bold leading-[1.4]",children:e?.popularPage})},e?.id))})]})]}),a("div",{children:[o(r,{html:t?.hotProductsText,className:"text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),a("div",{className:"tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-4 tablet:gap-x-3 tablet:gap-y-4 laptop:gap-4 mt-2 grid grid-cols-1 gap-2",children:[o(g,{asChild:!t?.advertisingLink,href:t?.advertisingLink,children:a("div",{className:"[&_img]:hover:duration-600 relative [&_img]:hover:scale-110 [&_img]:hover:transition-all",children:[o(x,{source:t?.advertisingBgImg?.url,className:"laptop:h-[120px] h-[114px]",imgClassName:"object-cover h-full"}),a("div",{className:"absolute inset-x-0 bottom-0 p-4",children:[o(y,{size:2,html:t?.advertisingTitle||"Buy in Guide",className:"font-bold text-white"}),o(r,{html:t?.advertisingSubtitle||"20.000mAh",className:"text-sm font-bold text-white"})]})]})}),t?.hotProducts?.slice(0,7)?.map(e=>{const m=e?.custom_description,h=e?.badge||"",v=`/products/${e?.handle}?variant=${$(e?.shopify_id)}`;return o(F,{productImage:e?.image,productName:e?.name,productDesc:m,productBadge:h,listingLink:v},e.id)})]})]})]})})]})});D.displayName="NavigationSearch";const F=({productImage:t,productName:c,productDesc:n,productBadge:s,className:d,listingLink:p})=>a("div",{className:b("flex shrink-0 gap-4 bg-[#F5F5F7] px-4 py-3 [&_img]:hover:scale-110",d),children:[o("div",{className:"shrink-0",children:o(g,{href:p,children:o(x,{source:t,width:90,height:90,className:"size-[96px]",imgClassName:"object-contain h-full"})})}),a("div",{className:"relative",children:[o("div",{className:" h-[24px] ",children:s&&o(r,{as:"p",html:s,className:"text-brand-0 mb-1 inline-block h-full rounded-full border-[1.6px] border-[#00BEFA] px-[6px] text-sm font-bold !leading-[24px]"})}),a("div",{children:[o(g,{href:p,className:"no-underline hover:text-current",children:o(r,{className:"lg-desktop:h-[44px] lg-desktop:text-base line-clamp-2 h-[40px] text-sm font-bold leading-[1.4]",html:c})}),n&&o(r,{as:"p",html:n,className:"lg-desktop:text-sm mt-1 line-clamp-1 text-xs font-bold leading-[1.4] text-[#6D6D6F]"})]})]})]}),X=({data:t,keywords:c,locale:n})=>o("div",{className:"laptop:gap-4 flex flex-wrap gap-3",children:c?.map((s,d)=>o("a",{href:`${n==="us"?"":n}${t?.moreLink}?q=${s?.toLowerCase()}`,className:"laptop:p-3 desktop:p-4 cursor-pointer p-2 text-sm font-bold leading-[1.4] hover:bg-[#F5F5F7]",children:s},d))});var ie=D;export{U as canSearch,ie as default};
11
11
  //# sourceMappingURL=index.js.map
package/dist/esm/biz-components/NavigationSearch/index.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/biz-components/NavigationSearch/index.tsx"],
4
- "sourcesContent": ["/* eslint-disable react/no-unknown-property */\nimport { Picture, Text, Button, Container, Link, Heading, Grid, GridItem } from '../../components/index.js'\nimport { Search as SearchIcon, Close as CloseIcon } from '../HeaderNavigation/icons/index.js'\nimport { forwardRef, useCallback, useMemo, useState } from 'react'\nimport type { NavigationSearchProps } from './types.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\n\nimport { SearchStatus } from './types.js'\n\nimport { debounce } from 'es-toolkit'\nimport { cn, atobID, highlightSearchWord } from '../../helpers/utils.js'\n\nexport const canSearch = (target: any) => {\n return !(\n target.metafields?.global?.HideSearch ||\n target.metafields?.seo?.hidden ||\n target.metafields?.seo?.setting?.noindex\n )\n}\n\nconst NavigationSearch = forwardRef<HTMLDivElement, NavigationSearchProps>(\n ({ data, onSearch, onClose, searchResult, isSearching, keywords }, ref) => {\n const { locale = 'us', copyWriting } = useAiuiContext()\n\n const [searchValue, setSearchValue] = useState('')\n const [isComposing, setIsComposing] = useState(false)\n\n const debouncedFunction = debounce((value: string) => {\n onSearch(value)\n }, 300)\n\n const handleKeyDown = useCallback(\n (e: React.KeyboardEvent<HTMLInputElement>) => {\n if (e.key === 'Enter' && !isComposing) {\n window.open(`${locale === 'us' ? '' : locale}${data?.moreLink}?q=${searchValue.toLowerCase()}`, '_self')\n }\n },\n [isComposing, searchValue, locale, data?.moreLink]\n )\n\n const searchKeywords = useMemo(() => {\n if (Array.isArray(keywords) && keywords?.length) {\n return keywords.map((keyword: any) => keyword.search_term)\n }\n if (Array.isArray(data?.popularWords) && data?.popularWords?.length) {\n return data?.popularWords.map((word: any) => word.popularWord)\n }\n return []\n }, [keywords, data?.popularWords])\n\n const getLink = useCallback(\n (item: any) => {\n switch (item.type) {\n case 'Product':\n return `/products${item.path}?q=${searchValue.toLowerCase()}`\n case 'Article':\n return `/blogs/${item.blog.handle}/${item.handle.replace('storefront-', '')}?q=${searchValue.toLowerCase()}`\n default:\n break\n }\n },\n [searchValue]\n )\n\n const searchStatus = useMemo(() => {\n if (!searchValue) {\n // \u6CA1\u6709\u641C\u7D22\u503C\n return SearchStatus.Default\n } else if (searchResult?.totalCount) {\n // \u6709\u641C\u7D22\u7ED3\u679C\n return SearchStatus.Predict\n } else if (!isSearching) {\n // \u6CA1\u6709\u641C\u7D22\u7ED3\u679C\n return SearchStatus.Empty\n }\n }, [searchResult?.totalCount, searchValue, isSearching])\n\n return (\n <Container childClassName=\"!bg-white\" className=\"relative\" ref={ref}>\n {/* TODO: @Seasail \u7528tailwind \u539F\u5B50\u7C7B\u6216\u8005\u884C\u5185\u6837\u5F0F(Inline Style)\u4EE3\u66FF jsx global */}\n <style jsx global>\n {`\n .navigation-search-component input:-webkit-autofill,\n .navigation-search-component input:-webkit-autofill:hover,\n .navigation-search-component input:-webkit-autofill:focus {\n -webkit-box-shadow: 0 0 0 1000px transparent inset !important; /* \u80CC\u666F\u900F\u660E */\n -webkit-text-fill-color: #000 !important;\n transition: background-color 9999s ease-in-out 0s !important;\n caret-color: #000;\n }\n `}\n </style>\n <div className=\"navigation-search-component laptop:h-[52px] desktop:h-[60px] desktop:pt-6 flex items-center justify-between border-b border-b-gray-200 py-4 text-black\">\n <input\n value={searchValue}\n onCompositionStart={() => setIsComposing(true)}\n onCompositionEnd={() => setIsComposing(false)}\n onKeyDown={handleKeyDown}\n onChange={e => {\n setSearchValue(e.target.value)\n if (e.target.value) {\n debouncedFunction(e.target.value)\n }\n }}\n type=\"text\"\n className=\"basis-[200px] bg-white text-sm font-bold leading-[1.4] outline-none focus-visible:!outline-none \"\n placeholder={data?.placeholder}\n />\n <div className=\"flex items-center gap-3\">\n <SearchIcon className=\"size-5 cursor-pointer\" onClick={() => onSearch(searchValue)} />\n <div className=\"h-[20px] w-px bg-[#E4E5E6]\" />\n <CloseIcon className=\"size-5 cursor-pointer\" onClick={onClose} />\n </div>\n </div>\n <div className=\"desktop:gap-12 desktop:py-6 flex flex-col gap-6 py-4 text-black\">\n {searchStatus === SearchStatus.Predict ? (\n <>\n <div>\n <div className=\"flex items-center gap-2\">\n <Text html={data?.suggestText} className=\"text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n {searchResult?.items?.length > 6 && (\n <Button\n as=\"a\"\n href={`${locale === 'us' ? '' : locale}${data?.moreLink}?q=${searchValue.toLowerCase()}`}\n className=\"!p-0 !text-sm font-bold leading-[1.2]\"\n variant=\"link\"\n >\n {data?.moreText}\n </Button>\n )}\n </div>\n <div className=\"mt-2 flex flex-col\">\n {searchResult?.items\n ?.filter((item: any) => canSearch(item))\n .slice(0, 6)\n ?.map((item: any) => (\n <Link\n className=\"w-full p-4 no-underline hover:bg-[#F5F5F7] hover:text-current\"\n href={getLink(item)}\n key={item.id}\n >\n <Text\n html={highlightSearchWord(item.title, searchValue)}\n className=\"cursor-pointer text-sm font-bold leading-[1.4]\"\n />\n </Link>\n ))}\n </div>\n </div>\n <div>\n <Text html={data?.hotProductsText} className=\"text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n <div className=\"tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-4 tablet:gap-x-3 tablet:gap-y-4 laptop:gap-4 mt-2 grid grid-cols-1 gap-2\">\n <Link asChild={!data?.advertisingLink} href={data?.advertisingLink}>\n <div className=\"relative\">\n <Picture\n source={data?.advertisingBgImg?.url}\n className=\"laptop:h-[120px] h-[114px]\"\n imgClassName=\"object-cover h-full\"\n />\n <div className=\"absolute inset-x-0 bottom-0 p-4\">\n <Heading\n size={2}\n html={data?.advertisingTitle || 'Buy in Guide'}\n className={cn('font-bold text-white', {\n 'text-black': data?.advertisingTheme === 'dark',\n })}\n />\n <Text\n html={data?.advertisingSubtitle || '20.000mAh'}\n className={cn('text-sm font-bold text-white', {\n 'text-black': data?.advertisingTheme === 'dark',\n })}\n />\n </div>\n </div>\n </Link>\n {searchResult?.items\n ?.filter((item: any) => item.type.toLowerCase() === 'product')\n .slice(0, 7)\n ?.map((item: any) => {\n const variant = item?.variants?.[0]\n const productImage = `${variant?.image?.url || item?.images?.[0]?.url}`\n const productName = item?.title || item?.name\n const productDesc = item?.description\n const productBadge = item?.badge || ''\n const listingLink = `/products/${item?.handle}?variant=${atobID(variant?.id as string)}`\n return (\n <SearchProduct\n productImage={productImage}\n productName={productName}\n productDesc={productDesc}\n productBadge={productBadge}\n listingLink={listingLink}\n key={item.id}\n />\n )\n })}\n </div>\n </div>\n </>\n ) : (\n <>\n {searchStatus === SearchStatus.Empty && (\n <Text\n html={data?.noResultText}\n as=\"p\"\n className=\"border-b border-[#E4E5E6] pb-6 text-sm font-bold leading-[1.4] text-[#6D6D6F]\"\n />\n )}\n <div>\n <Text html={data?.popularText} className=\"text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n <div className=\"mt-2\">\n <SearchKeyword data={data} keywords={searchKeywords} locale={locale} />\n {Array.isArray(data?.popularPages) && !!data?.popularPages?.length && (\n <Grid className=\"laptop:gap-4 laptop:mt-4 mt-3 gap-3\">\n {data?.popularPages?.map((item: any) => (\n <GridItem\n key={item?.id}\n className=\"tablet:col-span-6 laptop:p-3 desktop:p-4 laptop:col-span-3 col-span-12 p-2 hover:bg-[#F5F5F7]\"\n >\n <a\n href={`${locale === 'us' ? '' : locale}${data?.moreLink}?q=${item?.popularPage.toLowerCase()}`}\n className=\"line-clamp-1 cursor-pointer text-sm font-bold leading-[1.4]\"\n >\n {item?.popularPage}\n </a>\n </GridItem>\n ))}\n </Grid>\n )}\n </div>\n </div>\n <div>\n <Text html={data?.hotProductsText} className=\"text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n <div className=\"tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-4 tablet:gap-x-3 tablet:gap-y-4 laptop:gap-4 mt-2 grid grid-cols-1 gap-2\">\n <Link asChild={!data?.advertisingLink} href={data?.advertisingLink}>\n <div className=\"[&_img]:hover:duration-600 relative [&_img]:hover:scale-110 [&_img]:hover:transition-all\">\n <Picture\n source={data?.advertisingBgImg?.url}\n className=\"laptop:h-[120px] h-[114px]\"\n imgClassName=\"object-cover h-full\"\n />\n <div className=\"absolute inset-x-0 bottom-0 p-4\">\n <Heading\n size={2}\n html={data?.advertisingTitle || 'Buy in Guide'}\n className=\"font-bold text-white\"\n />\n <Text\n html={data?.advertisingSubtitle || '20.000mAh'}\n className=\"text-sm font-bold text-white\"\n />\n </div>\n </div>\n </Link>\n {data?.hotProducts?.slice(0, 7)?.map((item: any) => {\n const productDesc = item?.custom_description\n const productBadge = item?.badge || ''\n const listingLink = `/products/${item?.handle}?variant=${atobID(item?.shopify_id as string)}`\n return (\n <SearchProduct\n productImage={item?.image}\n productName={item?.name}\n productDesc={productDesc}\n productBadge={productBadge}\n listingLink={listingLink}\n key={item.id}\n />\n )\n })}\n </div>\n </div>\n </>\n )}\n </div>\n </Container>\n )\n }\n)\n\nNavigationSearch.displayName = 'NavigationSearch'\n\nconst SearchProduct = ({\n productImage,\n productName,\n productDesc,\n productBadge,\n className,\n listingLink,\n}: {\n productImage: string\n productName: string\n productDesc: string\n productBadge: string\n className?: string\n listingLink: string\n}) => {\n return (\n <div className={cn('flex shrink-0 gap-4 bg-[#F5F5F7] px-4 py-3 [&_img]:hover:scale-110', className)}>\n <div className=\"shrink-0\">\n <Picture\n source={productImage}\n width={90}\n height={90}\n className=\"size-[96px]\"\n imgClassName=\"object-contain h-full\"\n />\n </div>\n <div className=\"relative\">\n <div className=\" h-[24px] \">\n {productBadge && (\n <Text\n as=\"p\"\n html={productBadge}\n className=\"text-brand-0 mb-1 inline-block h-full rounded-full border-[1.6px] border-[#00BEFA] px-[6px] text-sm font-bold !leading-[24px]\"\n />\n )}\n </div>\n <div>\n <Link href={listingLink} className=\"no-underline hover:text-current\">\n <Text\n className=\"lg-desktop:h-[44px] lg-desktop:text-base line-clamp-2 h-[40px] text-sm font-bold leading-[1.4]\"\n html={productName}\n />\n </Link>\n {productDesc && (\n <Text\n as=\"p\"\n html={productDesc}\n className=\"lg-desktop:text-sm mt-1 line-clamp-1 text-xs font-bold leading-[1.4] text-[#6D6D6F]\"\n />\n )}\n </div>\n </div>\n </div>\n )\n}\n\nconst SearchKeyword = ({ data, keywords, locale }: { data: any; keywords: any[]; locale: string }) => {\n return (\n <div className=\"laptop:gap-4 flex flex-wrap gap-3\">\n {keywords?.map((keyword: any, index) => (\n <a\n href={`${locale === 'us' ? '' : locale}${data?.moreLink}?q=${keyword?.toLowerCase()}`}\n key={index}\n className=\"laptop:p-3 desktop:p-4 cursor-pointer p-2 text-sm font-bold leading-[1.4] hover:bg-[#F5F5F7]\"\n >\n {keyword}\n </a>\n ))}\n </div>\n )\n}\n\nexport default NavigationSearch\n"],
5
- "mappings": "AAgFQ,OAoCI,YAAAA,EApCJ,OAAAC,EA4BE,QAAAC,MA5BF,oBA/ER,OAAS,WAAAC,EAAS,QAAAC,EAAM,UAAAC,EAAQ,aAAAC,EAAW,QAAAC,EAAM,WAAAC,EAAS,QAAAC,EAAM,YAAAC,MAAgB,4BAChF,OAAS,UAAUC,EAAY,SAASC,MAAiB,qCACzD,OAAS,cAAAC,EAAY,eAAAC,EAAa,WAAAC,EAAS,YAAAC,MAAgB,QAE3D,OAAS,kBAAAC,MAAsB,2BAE/B,OAAS,gBAAAC,MAAoB,aAE7B,OAAS,YAAAC,MAAgB,aACzB,OAAS,MAAAC,EAAI,UAAAC,EAAQ,uBAAAC,MAA2B,yBAEzC,MAAMC,EAAaC,GACjB,EACLA,EAAO,YAAY,QAAQ,YAC3BA,EAAO,YAAY,KAAK,QACxBA,EAAO,YAAY,KAAK,SAAS,SAI/BC,EAAmBZ,EACvB,CAAC,CAAE,KAAAa,EAAM,SAAAC,EAAU,QAAAC,EAAS,aAAAC,EAAc,YAAAC,EAAa,SAAAC,CAAS,EAAGC,IAAQ,CACzE,KAAM,CAAE,OAAAC,EAAS,KAAM,YAAAC,CAAY,EAAIjB,EAAe,EAEhD,CAACkB,EAAaC,CAAc,EAAIpB,EAAS,EAAE,EAC3C,CAACqB,EAAaC,CAAc,EAAItB,EAAS,EAAK,EAE9CuB,EAAoBpB,EAAUqB,GAAkB,CACpDb,EAASa,CAAK,CAChB,EAAG,GAAG,EAEAC,EAAgB3B,EACnB,GAA6C,CACxC,EAAE,MAAQ,SAAW,CAACuB,GACxB,OAAO,KAAK,GAAGJ,IAAW,KAAO,GAAKA,CAAM,GAAGP,GAAM,QAAQ,MAAMS,EAAY,YAAY,CAAC,GAAI,OAAO,CAE3G,EACA,CAACE,EAAaF,EAAaF,EAAQP,GAAM,QAAQ,CACnD,EAEMgB,EAAiB3B,EAAQ,IACzB,MAAM,QAAQgB,CAAQ,GAAKA,GAAU,OAChCA,EAAS,IAAKY,GAAiBA,EAAQ,WAAW,EAEvD,MAAM,QAAQjB,GAAM,YAAY,GAAKA,GAAM,cAAc,OACpDA,GAAM,aAAa,IAAKkB,GAAcA,EAAK,WAAW,EAExD,CAAC,EACP,CAACb,EAAUL,GAAM,YAAY,CAAC,EAE3BmB,EAAU/B,EACbgC,GAAc,CACb,OAAQA,EAAK,KAAM,CACjB,IAAK,UACH,MAAO,YAAYA,EAAK,IAAI,MAAMX,EAAY,YAAY,CAAC,GAC7D,IAAK,UACH,MAAO,UAAUW,EAAK,KAAK,MAAM,IAAIA,EAAK,OAAO,QAAQ,cAAe,EAAE,CAAC,MAAMX,EAAY,YAAY,CAAC,GAC5G,QACE,KACJ,CACF,EACA,CAACA,CAAW,CACd,EAEMY,EAAehC,EAAQ,IAAM,CACjC,GAAKoB,EAGE,IAAIN,GAAc,WAEvB,OAAOX,EAAa,QACf,GAAI,CAACY,EAEV,OAAOZ,EAAa,UANpB,QAAOA,EAAa,OAQxB,EAAG,CAACW,GAAc,WAAYM,EAAaL,CAAW,CAAC,EAEvD,OACE5B,EAACI,EAAA,CAAU,eAAe,YAAY,UAAU,WAAW,IAAK0B,EAE9D,UAAA/B,EAAC,SAAM,IAAG,GAAC,OAAM,GACd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAUH,EACAC,EAAC,OAAI,UAAU,yJACb,UAAAD,EAAC,SACC,MAAOkC,EACP,mBAAoB,IAAMG,EAAe,EAAI,EAC7C,iBAAkB,IAAMA,EAAe,EAAK,EAC5C,UAAWG,EACX,SAAU,GAAK,CACbL,EAAe,EAAE,OAAO,KAAK,EACzB,EAAE,OAAO,OACXG,EAAkB,EAAE,OAAO,KAAK,CAEpC,EACA,KAAK,OACL,UAAU,mGACV,YAAab,GAAM,YACrB,EACAxB,EAAC,OAAI,UAAU,0BACb,UAAAD,EAACU,EAAA,CAAW,UAAU,wBAAwB,QAAS,IAAMgB,EAASQ,CAAW,EAAG,EACpFlC,EAAC,OAAI,UAAU,6BAA6B,EAC5CA,EAACW,EAAA,CAAU,UAAU,wBAAwB,QAASgB,EAAS,GACjE,GACF,EACA3B,EAAC,OAAI,UAAU,kEACZ,SAAA8C,IAAiB7B,EAAa,QAC7BhB,EAAAF,EAAA,CACE,UAAAE,EAAC,OACC,UAAAA,EAAC,OAAI,UAAU,0BACb,UAAAD,EAACG,EAAA,CAAK,KAAMsB,GAAM,YAAa,UAAU,iDAAiD,EACzFG,GAAc,OAAO,OAAS,GAC7B5B,EAACI,EAAA,CACC,GAAG,IACH,KAAM,GAAG4B,IAAW,KAAO,GAAKA,CAAM,GAAGP,GAAM,QAAQ,MAAMS,EAAY,YAAY,CAAC,GACtF,UAAU,wCACV,QAAQ,OAEP,SAAAT,GAAM,SACT,GAEJ,EACAzB,EAAC,OAAI,UAAU,qBACZ,SAAA4B,GAAc,OACX,OAAQiB,GAAcvB,EAAUuB,CAAI,CAAC,EACtC,MAAM,EAAG,CAAC,GACT,IAAKA,GACL7C,EAACM,EAAA,CACC,UAAU,gEACV,KAAMsC,EAAQC,CAAI,EAGlB,SAAA7C,EAACG,EAAA,CACC,KAAMkB,EAAoBwB,EAAK,MAAOX,CAAW,EACjD,UAAU,iDACZ,GALKW,EAAK,EAMZ,CACD,EACL,GACF,EACA5C,EAAC,OACC,UAAAD,EAACG,EAAA,CAAK,KAAMsB,GAAM,gBAAiB,UAAU,iDAAiD,EAC9FxB,EAAC,OAAI,UAAU,mIACb,UAAAD,EAACM,EAAA,CAAK,QAAS,CAACmB,GAAM,gBAAiB,KAAMA,GAAM,gBACjD,SAAAxB,EAAC,OAAI,UAAU,WACb,UAAAD,EAACE,EAAA,CACC,OAAQuB,GAAM,kBAAkB,IAChC,UAAU,6BACV,aAAa,sBACf,EACAxB,EAAC,OAAI,UAAU,kCACb,UAAAD,EAACO,EAAA,CACC,KAAM,EACN,KAAMkB,GAAM,kBAAoB,eAChC,UAAWN,EAAG,uBAAwB,CACpC,aAAcM,GAAM,mBAAqB,MAC3C,CAAC,EACH,EACAzB,EAACG,EAAA,CACC,KAAMsB,GAAM,qBAAuB,YACnC,UAAWN,EAAG,+BAAgC,CAC5C,aAAcM,GAAM,mBAAqB,MAC3C,CAAC,EACH,GACF,GACF,EACF,EACCG,GAAc,OACX,OAAQiB,GAAcA,EAAK,KAAK,YAAY,IAAM,SAAS,EAC5D,MAAM,EAAG,CAAC,GACT,IAAKA,GAAc,CACnB,MAAME,EAAUF,GAAM,WAAW,CAAC,EAC5BG,EAAe,GAAGD,GAAS,OAAO,KAAOF,GAAM,SAAS,CAAC,GAAG,GAAG,GAC/DI,EAAcJ,GAAM,OAASA,GAAM,KACnCK,EAAcL,GAAM,YACpBM,EAAeN,GAAM,OAAS,GAC9BO,EAAc,aAAaP,GAAM,MAAM,YAAYzB,EAAO2B,GAAS,EAAY,CAAC,GACtF,OACE/C,EAACqD,EAAA,CACC,aAAcL,EACd,YAAaC,EACb,YAAaC,EACb,aAAcC,EACd,YAAaC,GACRP,EAAK,EACZ,CAEJ,CAAC,GACL,GACF,GACF,EAEA5C,EAAAF,EAAA,CACG,UAAA+C,IAAiB7B,EAAa,OAC7BjB,EAACG,EAAA,CACC,KAAMsB,GAAM,aACZ,GAAG,IACH,UAAU,gFACZ,EAEFxB,EAAC,OACC,UAAAD,EAACG,EAAA,CAAK,KAAMsB,GAAM,YAAa,UAAU,iDAAiD,EAC1FxB,EAAC,OAAI,UAAU,OACb,UAAAD,EAACsD,EAAA,CAAc,KAAM7B,EAAM,SAAUgB,EAAgB,OAAQT,EAAQ,EACpE,MAAM,QAAQP,GAAM,YAAY,GAAK,CAAC,CAACA,GAAM,cAAc,QAC1DzB,EAACQ,EAAA,CAAK,UAAU,sCACb,SAAAiB,GAAM,cAAc,IAAKoB,GACxB7C,EAACS,EAAA,CAEC,UAAU,gGAEV,SAAAT,EAAC,KACC,KAAM,GAAGgC,IAAW,KAAO,GAAKA,CAAM,GAAGP,GAAM,QAAQ,MAAMoB,GAAM,YAAY,YAAY,CAAC,GAC5F,UAAU,8DAET,SAAAA,GAAM,YACT,GARKA,GAAM,EASb,CACD,EACH,GAEJ,GACF,EACA5C,EAAC,OACC,UAAAD,EAACG,EAAA,CAAK,KAAMsB,GAAM,gBAAiB,UAAU,iDAAiD,EAC9FxB,EAAC,OAAI,UAAU,mIACb,UAAAD,EAACM,EAAA,CAAK,QAAS,CAACmB,GAAM,gBAAiB,KAAMA,GAAM,gBACjD,SAAAxB,EAAC,OAAI,UAAU,2FACb,UAAAD,EAACE,EAAA,CACC,OAAQuB,GAAM,kBAAkB,IAChC,UAAU,6BACV,aAAa,sBACf,EACAxB,EAAC,OAAI,UAAU,kCACb,UAAAD,EAACO,EAAA,CACC,KAAM,EACN,KAAMkB,GAAM,kBAAoB,eAChC,UAAU,uBACZ,EACAzB,EAACG,EAAA,CACC,KAAMsB,GAAM,qBAAuB,YACnC,UAAU,+BACZ,GACF,GACF,EACF,EACCA,GAAM,aAAa,MAAM,EAAG,CAAC,GAAG,IAAKoB,GAAc,CAClD,MAAMK,EAAcL,GAAM,mBACpBM,EAAeN,GAAM,OAAS,GAC9BO,EAAc,aAAaP,GAAM,MAAM,YAAYzB,EAAOyB,GAAM,UAAoB,CAAC,GAC3F,OACE7C,EAACqD,EAAA,CACC,aAAcR,GAAM,MACpB,YAAaA,GAAM,KACnB,YAAaK,EACb,aAAcC,EACd,YAAaC,GACRP,EAAK,EACZ,CAEJ,CAAC,GACH,GACF,GACF,EAEJ,GACF,CAEJ,CACF,EAEArB,EAAiB,YAAc,mBAE/B,MAAM6B,EAAgB,CAAC,CACrB,aAAAL,EACA,YAAAC,EACA,YAAAC,EACA,aAAAC,EACA,UAAAI,EACA,YAAAH,CACF,IASInD,EAAC,OAAI,UAAWkB,EAAG,qEAAsEoC,CAAS,EAChG,UAAAvD,EAAC,OAAI,UAAU,WACb,SAAAA,EAACE,EAAA,CACC,OAAQ8C,EACR,MAAO,GACP,OAAQ,GACR,UAAU,cACV,aAAa,wBACf,EACF,EACA/C,EAAC,OAAI,UAAU,WACb,UAAAD,EAAC,OAAI,UAAU,aACZ,SAAAmD,GACCnD,EAACG,EAAA,CACC,GAAG,IACH,KAAMgD,EACN,UAAU,gIACZ,EAEJ,EACAlD,EAAC,OACC,UAAAD,EAACM,EAAA,CAAK,KAAM8C,EAAa,UAAU,kCACjC,SAAApD,EAACG,EAAA,CACC,UAAU,iGACV,KAAM8C,EACR,EACF,EACCC,GACClD,EAACG,EAAA,CACC,GAAG,IACH,KAAM+C,EACN,UAAU,sFACZ,GAEJ,GACF,GACF,EAIEI,EAAgB,CAAC,CAAE,KAAA7B,EAAM,SAAAK,EAAU,OAAAE,CAAO,IAE5ChC,EAAC,OAAI,UAAU,oCACZ,SAAA8B,GAAU,IAAI,CAACY,EAAcc,IAC5BxD,EAAC,KACC,KAAM,GAAGgC,IAAW,KAAO,GAAKA,CAAM,GAAGP,GAAM,QAAQ,MAAMiB,GAAS,YAAY,CAAC,GAEnF,UAAU,+FAET,SAAAA,GAHIc,CAIP,CACD,EACH,EAIJ,IAAOC,GAAQjC",
4
+ "sourcesContent": ["/* eslint-disable react/no-unknown-property */\nimport { Picture, Text, Button, Container, Link, Heading, Grid, GridItem } from '../../components/index.js'\nimport { Search as SearchIcon, Close as CloseIcon } from '../HeaderNavigation/icons/index.js'\nimport { forwardRef, useCallback, useMemo, useState } from 'react'\nimport type { NavigationSearchProps } from './types.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\n\nimport { SearchStatus } from './types.js'\n\nimport { debounce } from 'es-toolkit'\nimport { cn, atobID, highlightSearchWord } from '../../helpers/utils.js'\n\nexport const canSearch = (target: any) => {\n return !(\n target.metafields?.global?.HideSearch ||\n target.metafields?.seo?.hidden ||\n target.metafields?.seo?.setting?.noindex\n )\n}\n\nconst NavigationSearch = forwardRef<HTMLDivElement, NavigationSearchProps>(\n ({ data, onSearch, onClose, searchResult, isSearching, keywords }, ref) => {\n const { locale = 'us', copyWriting } = useAiuiContext()\n\n const [searchValue, setSearchValue] = useState('')\n const [isComposing, setIsComposing] = useState(false)\n\n const debouncedFunction = debounce((value: string) => {\n onSearch(value)\n }, 300)\n\n const handleKeyDown = useCallback(\n (e: React.KeyboardEvent<HTMLInputElement>) => {\n if (e.key === 'Enter' && !isComposing) {\n window.open(`${locale === 'us' ? '' : locale}${data?.moreLink}?q=${searchValue.toLowerCase()}`, '_self')\n }\n },\n [isComposing, searchValue, locale, data?.moreLink]\n )\n\n const searchKeywords = useMemo(() => {\n if (Array.isArray(keywords) && keywords?.length) {\n return keywords.map((keyword: any) => keyword.search_term)\n }\n if (Array.isArray(data?.popularWords) && data?.popularWords?.length) {\n return data?.popularWords.map((word: any) => word.popularWord)\n }\n return []\n }, [keywords, data?.popularWords])\n\n const getLink = useCallback(\n (item: any) => {\n const type = item.__typename || item.type\n switch (type) {\n case 'Product':\n return `/products${item.path}?q=${searchValue.toLowerCase()}`\n case 'Article':\n return `/blogs/${item.blog.handle}/${item.handle.replace('storefront-', '')}?q=${searchValue.toLowerCase()}`\n default:\n break\n }\n },\n [searchValue]\n )\n\n const searchStatus = useMemo(() => {\n if (!searchValue) {\n // \u6CA1\u6709\u641C\u7D22\u503C\n return SearchStatus.Default\n } else if (searchResult?.totalCount) {\n // \u6709\u641C\u7D22\u7ED3\u679C\n return SearchStatus.Predict\n } else if (!isSearching) {\n // \u6CA1\u6709\u641C\u7D22\u7ED3\u679C\n return SearchStatus.Empty\n }\n }, [searchResult?.totalCount, searchValue, isSearching])\n\n return (\n <Container childClassName=\"!bg-white\" className=\"relative\" ref={ref}>\n <style>\n {`\n .navigation-search-component input:-webkit-autofill,\n .navigation-search-component input:-webkit-autofill:hover,\n .navigation-search-component input:-webkit-autofill:focus {\n -webkit-box-shadow: 0 0 0 1000px transparent inset !important; /* \u80CC\u666F\u900F\u660E */\n -webkit-text-fill-color: #000 !important;\n transition: background-color 9999s ease-in-out 0s !important;\n caret-color: #000;\n }\n `}\n </style>\n <div className=\"navigation-search-component laptop:h-[52px] desktop:h-[60px] desktop:pt-6 flex items-center justify-between border-b border-b-gray-200 py-4 text-black\">\n <input\n value={searchValue}\n onCompositionStart={() => setIsComposing(true)}\n onCompositionEnd={() => setIsComposing(false)}\n onKeyDown={handleKeyDown}\n onChange={e => {\n setSearchValue(e.target.value)\n if (e.target.value) {\n debouncedFunction(e.target.value)\n }\n }}\n type=\"text\"\n className=\"basis-[200px] bg-white text-sm font-bold leading-[1.4] outline-none focus-visible:!outline-none \"\n placeholder={data?.placeholder}\n />\n <div className=\"flex items-center gap-3\">\n <SearchIcon className=\"size-5 cursor-pointer\" onClick={() => onSearch(searchValue)} />\n <div className=\"h-[20px] w-px bg-[#E4E5E6]\" />\n <CloseIcon className=\"size-5 cursor-pointer\" onClick={onClose} />\n </div>\n </div>\n <div className=\"desktop:gap-12 desktop:py-6 flex flex-col gap-6 py-4 text-black\">\n {searchStatus === SearchStatus.Predict ? (\n <>\n <div>\n <div className=\"flex items-center gap-2\">\n <Text html={data?.suggestText} className=\"text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n {searchResult?.items?.length > 6 && (\n <Button\n as=\"a\"\n href={`${locale === 'us' ? '' : locale}${data?.moreLink}?q=${searchValue.toLowerCase()}`}\n className=\"!p-0 !text-sm font-bold leading-[1.2]\"\n variant=\"link\"\n >\n {data?.moreText}\n </Button>\n )}\n </div>\n <div className=\"mt-2 flex flex-col\">\n {searchResult?.items\n ?.filter((item: any) => canSearch(item))\n .slice(0, 6)\n ?.map((item: any) => (\n <Link\n className=\"w-full p-4 no-underline hover:bg-[#F5F5F7] hover:text-current\"\n href={getLink(item)}\n key={item.id}\n >\n <Text\n html={highlightSearchWord(item.title, searchValue)}\n className=\"cursor-pointer text-sm font-bold leading-[1.4]\"\n />\n </Link>\n ))}\n </div>\n </div>\n <div>\n <Text html={data?.hotProductsText} className=\"text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n <div className=\"tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-4 tablet:gap-x-3 tablet:gap-y-4 laptop:gap-4 mt-2 grid grid-cols-1 gap-2\">\n <Link asChild={!data?.advertisingLink} href={data?.advertisingLink}>\n <div className=\"relative\">\n <Picture\n source={data?.advertisingBgImg?.url}\n className=\"laptop:h-[120px] h-[114px]\"\n imgClassName=\"object-cover h-full\"\n />\n <div className=\"absolute inset-x-0 bottom-0 p-4\">\n <Heading\n size={2}\n html={data?.advertisingTitle || 'Buy in Guide'}\n className={cn('font-bold text-white', {\n 'text-black': data?.advertisingTheme === 'dark',\n })}\n />\n <Text\n html={data?.advertisingSubtitle || '20.000mAh'}\n className={cn('text-sm font-bold text-white', {\n 'text-black': data?.advertisingTheme === 'dark',\n })}\n />\n </div>\n </div>\n </Link>\n {searchResult?.items\n ?.filter((item: any) => item.type.toLowerCase() === 'product')\n .slice(0, 7)\n ?.map((item: any) => {\n const variant = item?.variants?.[0]\n const productImage = `${variant?.image?.url || item?.images?.[0]?.url}`\n const productName = item?.title || item?.name\n const productDesc = item?.description\n const productBadge = item?.badge || ''\n const listingLink = `/products/${item?.handle}?variant=${atobID(variant?.id as string)}`\n return (\n <SearchProduct\n productImage={productImage}\n productName={productName}\n productDesc={productDesc}\n productBadge={productBadge}\n listingLink={listingLink}\n key={item.id}\n />\n )\n })}\n </div>\n </div>\n </>\n ) : (\n <>\n {searchStatus === SearchStatus.Empty && (\n <Text\n html={data?.noResultText}\n as=\"p\"\n className=\"border-b border-[#E4E5E6] pb-6 text-sm font-bold leading-[1.4] text-[#6D6D6F]\"\n />\n )}\n <div>\n <Text html={data?.popularText} className=\"text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n <div className=\"mt-2\">\n <SearchKeyword data={data} keywords={searchKeywords} locale={locale} />\n {Array.isArray(data?.popularPages) && !!data?.popularPages?.length && (\n <Grid className=\"laptop:gap-4 laptop:mt-4 mt-3 gap-3\">\n {data?.popularPages?.map((item: any) => (\n <GridItem\n key={item?.id}\n className=\"tablet:col-span-6 laptop:p-3 desktop:p-4 laptop:col-span-3 col-span-12 p-2 hover:bg-[#F5F5F7]\"\n >\n <a\n href={`${locale === 'us' ? '' : locale}${data?.moreLink}?q=${item?.popularPage.toLowerCase()}`}\n className=\"line-clamp-1 cursor-pointer text-sm font-bold leading-[1.4]\"\n >\n {item?.popularPage}\n </a>\n </GridItem>\n ))}\n </Grid>\n )}\n </div>\n </div>\n <div>\n <Text html={data?.hotProductsText} className=\"text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n <div className=\"tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-4 tablet:gap-x-3 tablet:gap-y-4 laptop:gap-4 mt-2 grid grid-cols-1 gap-2\">\n <Link asChild={!data?.advertisingLink} href={data?.advertisingLink}>\n <div className=\"[&_img]:hover:duration-600 relative [&_img]:hover:scale-110 [&_img]:hover:transition-all\">\n <Picture\n source={data?.advertisingBgImg?.url}\n className=\"laptop:h-[120px] h-[114px]\"\n imgClassName=\"object-cover h-full\"\n />\n <div className=\"absolute inset-x-0 bottom-0 p-4\">\n <Heading\n size={2}\n html={data?.advertisingTitle || 'Buy in Guide'}\n className=\"font-bold text-white\"\n />\n <Text\n html={data?.advertisingSubtitle || '20.000mAh'}\n className=\"text-sm font-bold text-white\"\n />\n </div>\n </div>\n </Link>\n {data?.hotProducts?.slice(0, 7)?.map((item: any) => {\n const productDesc = item?.custom_description\n const productBadge = item?.badge || ''\n const listingLink = `/products/${item?.handle}?variant=${atobID(item?.shopify_id as string)}`\n return (\n <SearchProduct\n productImage={item?.image}\n productName={item?.name}\n productDesc={productDesc}\n productBadge={productBadge}\n listingLink={listingLink}\n key={item.id}\n />\n )\n })}\n </div>\n </div>\n </>\n )}\n </div>\n </Container>\n )\n }\n)\n\nNavigationSearch.displayName = 'NavigationSearch'\n\nconst SearchProduct = ({\n productImage,\n productName,\n productDesc,\n productBadge,\n className,\n listingLink,\n}: {\n productImage: string\n productName: string\n productDesc: string\n productBadge: string\n className?: string\n listingLink: string\n}) => {\n return (\n <div className={cn('flex shrink-0 gap-4 bg-[#F5F5F7] px-4 py-3 [&_img]:hover:scale-110', className)}>\n <div className=\"shrink-0\">\n <Link href={listingLink}>\n <Picture\n source={productImage}\n width={90}\n height={90}\n className=\"size-[96px]\"\n imgClassName=\"object-contain h-full\"\n />\n </Link>\n </div>\n <div className=\"relative\">\n <div className=\" h-[24px] \">\n {productBadge && (\n <Text\n as=\"p\"\n html={productBadge}\n className=\"text-brand-0 mb-1 inline-block h-full rounded-full border-[1.6px] border-[#00BEFA] px-[6px] text-sm font-bold !leading-[24px]\"\n />\n )}\n </div>\n <div>\n <Link href={listingLink} className=\"no-underline hover:text-current\">\n <Text\n className=\"lg-desktop:h-[44px] lg-desktop:text-base line-clamp-2 h-[40px] text-sm font-bold leading-[1.4]\"\n html={productName}\n />\n </Link>\n {productDesc && (\n <Text\n as=\"p\"\n html={productDesc}\n className=\"lg-desktop:text-sm mt-1 line-clamp-1 text-xs font-bold leading-[1.4] text-[#6D6D6F]\"\n />\n )}\n </div>\n </div>\n </div>\n )\n}\n\nconst SearchKeyword = ({ data, keywords, locale }: { data: any; keywords: any[]; locale: string }) => {\n return (\n <div className=\"laptop:gap-4 flex flex-wrap gap-3\">\n {keywords?.map((keyword: any, index) => (\n <a\n href={`${locale === 'us' ? '' : locale}${data?.moreLink}?q=${keyword?.toLowerCase()}`}\n key={index}\n className=\"laptop:p-3 desktop:p-4 cursor-pointer p-2 text-sm font-bold leading-[1.4] hover:bg-[#F5F5F7]\"\n >\n {keyword}\n </a>\n ))}\n </div>\n )\n}\n\nexport default NavigationSearch\n"],
5
+ "mappings": "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",
6
6
  "names": ["Fragment", "jsx", "jsxs", "Picture", "Text", "Button", "Container", "Link", "Heading", "Grid", "GridItem", "SearchIcon", "CloseIcon", "forwardRef", "useCallback", "useMemo", "useState", "useAiuiContext", "SearchStatus", "debounce", "cn", "atobID", "highlightSearchWord", "canSearch", "target", "NavigationSearch", "data", "onSearch", "onClose", "searchResult", "isSearching", "keywords", "ref", "locale", "copyWriting", "searchValue", "setSearchValue", "isComposing", "setIsComposing", "debouncedFunction", "value", "handleKeyDown", "searchKeywords", "keyword", "word", "getLink", "item", "searchStatus", "variant", "productImage", "productName", "productDesc", "productBadge", "listingLink", "SearchProduct", "SearchKeyword", "className", "index", "NavigationSearch_default"]
7
7
  }
package/dist/esm/biz-components/SecondaryBanner/index.d.ts CHANGED
@@ -33,6 +33,10 @@ export interface SecondaryBannerData {
33
33
  endDate?: string;
34
34
  /** 结束时间时区（如: America/Los_Angeles） */
35
35
  endDate_tz?: string;
36
+ /**
37
+ * 时间格式化配置（JSON 字符串）
38
+ * {"day":"日","hour":"时","minute":"分","second":"秒"}
39
+ */
36
40
  dateFormat?: string;
37
41
  /** 主按钮配置 */
38
42
  primaryButton?: {
@@ -46,7 +50,9 @@ export interface SecondaryBannerData {
46
50
  link?: string;
47
51
  onClick?: () => void;
48
52
  } & Omit<ButtonProps, 'children'>;
49
- iconArray?: Array<MediaType>;
53
+ iconArray?: Array<{
54
+ pcImage: MediaType;
55
+ }>;
50
56
  theme?: Theme;
51
57
  }
52
58
  export interface SecondaryBannerProps extends React.HTMLAttributes<HTMLElement> {
package/dist/esm/biz-components/SecondaryBanner/index.js CHANGED
@@ -1,2 +1,2 @@
1
- "use client";import{jsx as t,jsxs as s}from"react/jsx-runtime";import*as d from"react";import{cva as S}from"class-variance-authority";import{cn as n}from"../../helpers/index.js";import{Text as B,Button as h,Heading as P,Picture as D}from"../../components/index.js";import A from"../HeroBanner/Countdown.js";import{withLayout as j}from"../../shared/Styles.js";import L from"../Media/index.js";import{sizeMap as H}from"../../components/button.js";const K=({size:l="base"})=>{const{width:a,height:e}=H[l];return t("svg",{width:a,height:e,viewBox:"0 0 20 20",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",children:t("path",{d:"M13.9599 9.30662C14.4547 9.63647 14.4547 10.3635 13.9599 10.6934L6.29558 15.8029C5.74179 16.1721 5 15.7751 5 15.1096V4.89042C5 4.22484 5.74179 3.82785 6.29558 4.19705L13.9599 9.30662Z",fill:"currentcolor"})})},R=S("text-info-primary relative w-full",{variants:{size:{sm:"tablet:aspect-[768/480] laptop:aspect-[1024/400] desktop:aspect-[1440/384] lg-desktop:aspect-[1920/480] aspect-[390/480]",base:"tablet:aspect-[768/660] laptop:aspect-[1024/432] desktop:aspect-[1440/576] lg-desktop:aspect-[1920/720] aspect-[390/660]",lg:"tablet:aspect-[768/660] laptop:aspect-[1024/520] desktop:aspect-[1440/700] lg-desktop:aspect-[1920/930] aspect-[390/660]",xlg:"tablet:aspect-[768/660] laptop:aspect-[1024/520] desktop:aspect-[1440/700] lg-desktop:aspect-[1920/930] aspect-[390/660] overflow-visible"}},defaultVariants:{size:"base"}}),T=d.forwardRef(({className:l,classNames:a={},data:e,...w},I)=>{const{pcImage:m,padImage:u,mobileImage:b,endDate:g,endDate_tz:z,dateFormat:C,size:y="base",iconArray:p,theme:M="light",primaryButton:o,secondaryButton:i}=e,V=m?.alt||u?.alt||b?.alt||"",[$,F]=d.useState(!1),c=d.useId(),r=e.title?`${c}-title`:void 0,f=e.subtitle?`${c}-subtitle`:void 0,x=e.superTitle?`${c}-super-title`:void 0,N=[x,f].filter(Boolean).join(" ")||void 0;return s("section",{ref:I,role:"banner","aria-labelledby":r,"aria-describedby":N,className:n({"aiui-dark":M==="dark"},R({size:y}),l,a?.root),...w,children:[t(L,{pcImage:m,padImage:u,mobileImage:b,className:"absolute inset-0 size-full object-cover",imgClassName:"object-cover",videoClassName:"object-cover",muted:!0,loop:!0,playsInline:!0,autoPlay:!0}),s("div",{className:n("banner-content laptop:top-1/2 laptop:-translate-y-1/2 tablet:px-[32px] laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] absolute top-24 z-10 flex flex-col items-start justify-center px-[16px] text-left",a?.content),children:[s("div",{className:"banner-inner-title desktop:gap-2 flex flex-col items-start gap-1",children:[e.superTitle&&t(B,{as:"p",size:2,id:x,className:n("banner-super-title opacity-75",a?.superTitle),children:e.superTitle}),e.title&&t(P,{as:"h1",size:["xlg","lg"].includes(y)?5:4,weight:"bold",id:r,className:n("banner-title ",a?.title),children:e.title}),e.subtitle&&t(B,{as:"p",size:3,id:f,className:n("banner-subtitle",a?.subtitle),children:e.subtitle})]}),g&&t("div",{className:"banner-countdown mt-3",role:"timer","aria-label":"event countdown",children:t(A,{endDate:g,endDate_tz:z,dateFormat:C})}),s("div",{className:n("banner-cta-group lg-desktop:mt-[32px] lg-desktop:gap-3 mt-6 flex gap-2",a?.buttonGroup),children:[i?.text&&t(h,{variant:"secondary",onClick:i.onClick,className:n("",a?.secondaryButton),"aria-describedby":r,...i.link?{as:"a",href:i.link}:{},children:i.text}),o?.text&&t(h,{onClick:o.onClick,className:n("",a?.primaryButton),"aria-describedby":r,...o.link?{as:"a",href:o.link}:{},children:o.text})]}),Array.isArray(p)&&p.length>0&&t("div",{className:"banner-icons desktop:mt-3 lg-desktop:mt-4 mt-2 flex items-center gap-2",role:"group","aria-label":"brand icons",children:p.map((k,v)=>t(D,{source:k.url,alt:k.alt||`icon ${v+1}`,role:"img",className:"h-auto max-w-none"},v))})]})]})});T.displayName="SecondaryBanner";var Q=j(T);export{Q as default};
1
+ "use client";import{jsx as t,jsxs as s}from"react/jsx-runtime";import*as m from"react";import{cva as S}from"class-variance-authority";import{cn as n}from"../../helpers/index.js";import{Text as B,Button as h,Heading as P,Picture as D}from"../../components/index.js";import A from"../HeroBanner/Countdown.js";import{withLayout as j}from"../../shared/Styles.js";import L from"../Media/index.js";import{sizeMap as H}from"../../components/button.js";const K=({size:l="base"})=>{const{width:a,height:e}=H[l];return t("svg",{width:a,height:e,viewBox:"0 0 20 20",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",children:t("path",{d:"M13.9599 9.30662C14.4547 9.63647 14.4547 10.3635 13.9599 10.6934L6.29558 15.8029C5.74179 16.1721 5 15.7751 5 15.1096V4.89042C5 4.22484 5.74179 3.82785 6.29558 4.19705L13.9599 9.30662Z",fill:"currentcolor"})})},R=S("text-info-primary relative w-full",{variants:{size:{sm:"tablet:aspect-[768/480] laptop:aspect-[1024/400] desktop:aspect-[1440/384] lg-desktop:aspect-[1920/480] aspect-[390/480]",base:"tablet:aspect-[768/660] laptop:aspect-[1024/432] desktop:aspect-[1440/576] lg-desktop:aspect-[1920/720] aspect-[390/660]",lg:"tablet:aspect-[768/660] laptop:aspect-[1024/520] desktop:aspect-[1440/700] lg-desktop:aspect-[1920/930] aspect-[390/660]",xlg:"tablet:aspect-[768/660] laptop:aspect-[1024/520] desktop:aspect-[1440/700] lg-desktop:aspect-[1920/930] aspect-[390/660] overflow-visible"}},defaultVariants:{size:"base"}}),I=m.forwardRef(({className:l,classNames:a={},data:e,...T},w)=>{const{pcImage:u,padImage:b,mobileImage:g,endDate:y,endDate_tz:z,dateFormat:C,size:f="base",iconArray:p,theme:M="light",primaryButton:o,secondaryButton:i}=e,V=u?.alt||b?.alt||g?.alt||"",[$,F]=m.useState(!1),c=m.useId(),r=e.title?`${c}-title`:void 0,x=e.subtitle?`${c}-subtitle`:void 0,k=e.superTitle?`${c}-super-title`:void 0,N=[k,x].filter(Boolean).join(" ")||void 0;return s("section",{ref:w,role:"banner","aria-labelledby":r,"aria-describedby":N,className:n({"aiui-dark":M==="dark"},R({size:f}),l,a?.root),...T,children:[t(L,{pcImage:u,padImage:b,mobileImage:g,className:"absolute inset-0 size-full object-cover",imgClassName:"object-cover",videoClassName:"object-cover",muted:!0,loop:!0,playsInline:!0,autoPlay:!0}),s("div",{className:n("banner-content laptop:top-1/2 laptop:-translate-y-1/2 tablet:px-[32px] laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] absolute top-24 z-10 flex flex-col items-start justify-center px-[16px] text-left",a?.content),children:[s("div",{className:"banner-inner-title desktop:gap-2 flex flex-col items-start gap-1",children:[e.superTitle&&t(B,{as:"p",size:2,id:k,className:n("banner-super-title opacity-75",a?.superTitle),children:e.superTitle}),e.title&&t(P,{as:"h1",size:["xlg","lg"].includes(f)?5:4,weight:"bold",id:r,className:n("banner-title ",a?.title),children:e.title}),e.subtitle&&t(B,{as:"p",size:3,id:x,className:n("banner-subtitle",a?.subtitle),children:e.subtitle})]}),y&&t("div",{className:"banner-countdown mt-3",role:"timer","aria-label":"event countdown",children:t(A,{endDate:y,endDate_tz:z,dateFormat:C})}),s("div",{className:n("banner-cta-group lg-desktop:mt-[32px] lg-desktop:gap-3 mt-6 flex gap-2",a?.buttonGroup),children:[i?.text&&t(h,{variant:"secondary",onClick:i.onClick,className:n("",a?.secondaryButton),"aria-describedby":r,...i.link?{as:"a",href:i.link}:{},children:i.text}),o?.text&&t(h,{onClick:o.onClick,className:n("",a?.primaryButton),"aria-describedby":r,...o.link?{as:"a",href:o.link}:{},children:o.text})]}),Array.isArray(p)&&p.length>0&&t("div",{className:"banner-icons desktop:mt-3 lg-desktop:mt-4 mt-2 flex items-center gap-2",role:"group","aria-label":"brand icons",children:p.map((d,v)=>d.pcImage?t(D,{source:d.pcImage.url,alt:d.pcImage.alt||`icon ${v+1}`,role:"img",className:"h-auto max-w-none"},v):null)})]})]})});I.displayName="SecondaryBanner";var Q=j(I);export{Q as default};
2
2
  //# sourceMappingURL=index.js.map