@lanaco/lnc-react-ui 4.0.226 → 4.0.228
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Accordion.cjs +1 -1
- package/dist/Accordion.js +1 -1
- package/dist/AccordionSummary.cjs +1 -1
- package/dist/AccordionSummary.js +1 -1
- package/dist/ActionsToolbar.cjs +1 -1
- package/dist/ActionsToolbar.js +1 -1
- package/dist/Alert.cjs +1 -1
- package/dist/Alert.js +1 -1
- package/dist/Avatar.cjs +1 -1
- package/dist/Avatar.js +1 -1
- package/dist/Badge.cjs +1 -1
- package/dist/Badge.js +1 -1
- package/dist/BannerNextSection.cjs +1 -1
- package/dist/BannerNextSection.js +1 -1
- package/dist/BannerSectionCarousel.cjs +3 -3
- package/dist/BannerSectionCarousel.js +19 -12
- package/dist/BannerSectionSimple.cjs +1 -1
- package/dist/BannerSectionSimple.js +1 -1
- package/dist/BannerSectionWithList.cjs +1 -1
- package/dist/BannerSectionWithList.js +1 -1
- package/dist/BlogCardsSponsoredSection.cjs +1 -1
- package/dist/BlogCardsSponsoredSection.js +4 -4
- package/dist/BlogCategoryCardsSection.cjs +1 -1
- package/dist/BlogCategoryCardsSection.js +1 -1
- package/dist/BlogExploreSection.cjs +1 -1
- package/dist/BlogExploreSection.js +2 -2
- package/dist/BlogListSection.cjs +7 -7
- package/dist/BlogListSection.js +157 -207
- package/dist/BlogProductCardsSection.cjs +1 -1
- package/dist/BlogProductCardsSection.js +1 -1
- package/dist/BlogShopCardsSection.cjs +1 -1
- package/dist/BlogShopCardsSection.js +1 -1
- package/dist/BlogSingleSection.cjs +2 -11
- package/dist/BlogSingleSection.js +20 -36
- package/dist/BlogsSectionDetailed.cjs +1 -1
- package/dist/BlogsSectionDetailed.js +4 -4
- package/dist/BlogsSectionLarge.cjs +8 -16
- package/dist/BlogsSectionLarge.js +41 -59
- package/dist/BlogsSectionSimple.cjs +1 -1
- package/dist/BlogsSectionSimple.js +4 -4
- package/dist/BlogsSectionSimpleCentered.cjs +12 -25
- package/dist/BlogsSectionSimpleCentered.js +64 -98
- package/dist/BlogsSectionWithFilters.cjs +10 -21
- package/dist/BlogsSectionWithFilters.js +106 -154
- package/dist/BrandHitsSection.cjs +7 -7
- package/dist/BrandHitsSection.js +41 -87
- package/dist/Breadcrumbs.cjs +1 -1
- package/dist/Breadcrumbs.js +1 -1
- package/dist/Button.cjs +1 -1
- package/dist/Button.js +1 -1
- package/dist/ButtonGroup.cjs +1 -1
- package/dist/ButtonGroup.js +1 -1
- package/dist/CalorieCalculatorSection.cjs +1 -1
- package/dist/CalorieCalculatorSection.js +1 -1
- package/dist/{CategorySimpleCard-TJRJ_2Sb.js → CategorySimpleCard-BE6F0PFT.js} +1 -1
- package/dist/{CategorySimpleCard-lIdzBNDa.cjs → CategorySimpleCard-Dr1FxIY9.cjs} +1 -1
- package/dist/CheckBoxInput.cjs +1 -1
- package/dist/CheckBoxInput.js +1 -1
- package/dist/Chip.cjs +1 -1
- package/dist/Chip.js +1 -1
- package/dist/ColorInput.cjs +1 -1
- package/dist/ColorInput.js +1 -1
- package/dist/ConfirmationForm.cjs +1 -1
- package/dist/ConfirmationForm.js +1 -1
- package/dist/CustomLoanMapSection.cjs +1 -1
- package/dist/CustomLoanMapSection.js +1 -1
- package/dist/{CustomStyles-B6uutenq.js → CustomStyles-YyM49BGx.js} +1 -1
- package/dist/{CustomStyles-dJQPJ4s4.cjs → CustomStyles-lzAjVMnI.cjs} +1 -1
- package/dist/DateInput.cjs +1 -1
- package/dist/DateInput.js +1 -1
- package/dist/DecimalInput.cjs +1 -1
- package/dist/DecimalInput.js +1 -1
- package/dist/DecimalInputV2.cjs +1 -1
- package/dist/DecimalInputV2.js +1 -1
- package/dist/DetailedProductsInfinitiveSection.cjs +1 -1
- package/dist/DetailedProductsInfinitiveSection.js +4 -4
- package/dist/DetailedProductsSection.cjs +1 -1
- package/dist/DetailedProductsSection.js +5 -5
- package/dist/DetailsView.cjs +1 -1
- package/dist/DetailsView.js +1 -1
- package/dist/DoubleRangeSlider.cjs +1 -1
- package/dist/DoubleRangeSlider.js +1 -1
- package/dist/DragAndDropFile.cjs +1 -1
- package/dist/DragAndDropFile.js +1 -1
- package/dist/DragDropFiles.cjs +1 -1
- package/dist/DragDropFiles.js +1 -1
- package/dist/Drawer.cjs +1 -1
- package/dist/Drawer.js +1 -1
- package/dist/Dropdown.cjs +1 -1
- package/dist/Dropdown.js +2 -2
- package/dist/DropdownItem.cjs +1 -1
- package/dist/DropdownItem.js +1 -1
- package/dist/DropdownLookup.cjs +1 -1
- package/dist/DropdownLookup.js +1 -1
- package/dist/DropdownMenu.cjs +1 -1
- package/dist/DropdownMenu.js +1 -1
- package/dist/EditableTable.cjs +1 -1
- package/dist/EditableTable.js +1 -1
- package/dist/FeedbackSection.cjs +1 -1
- package/dist/FeedbackSection.js +1 -1
- package/dist/FieldOfInterestsMasonrySection.cjs +13 -13
- package/dist/FieldOfInterestsMasonrySection.js +105 -159
- package/dist/FieldOfInterestsWithAvatarsCardsSection.cjs +8 -8
- package/dist/FieldOfInterestsWithAvatarsCardsSection.js +93 -124
- package/dist/FieldOfInterestsWithTagsCardsSection.cjs +1 -1
- package/dist/FieldOfInterestsWithTagsCardsSection.js +2 -2
- package/dist/FileInput.cjs +1 -1
- package/dist/FileInput.js +1 -1
- package/dist/FlexGridItem.cjs +1 -1
- package/dist/FlexGridItem.js +1 -1
- package/dist/FormField.cjs +1 -1
- package/dist/FormField.js +1 -1
- package/dist/FormView.cjs +1 -1
- package/dist/FormView.js +1 -1
- package/dist/GeneralWithTagsCardsSection.cjs +1 -1
- package/dist/GeneralWithTagsCardsSection.js +2 -2
- package/dist/GiftCardsSection.cjs +10 -14
- package/dist/GiftCardsSection.js +77 -147
- package/dist/Icon.cjs +1 -1
- package/dist/Icon.js +1 -1
- package/dist/IconButton.cjs +1 -1
- package/dist/IconButton.js +1 -1
- package/dist/Kanban.cjs +1 -1
- package/dist/Kanban.js +1 -1
- package/dist/KanbanActionsToolbar.cjs +1 -1
- package/dist/KanbanActionsToolbar.js +1 -1
- package/dist/KanbanView.cjs +1 -1
- package/dist/KanbanView.js +1 -1
- package/dist/Link.cjs +1 -1
- package/dist/Link.js +1 -1
- package/dist/LoanCalculatorSection.cjs +1 -1
- package/dist/LoanCalculatorSection.js +1 -1
- package/dist/LocationFinderSection.cjs +1 -1
- package/dist/LocationFinderSection.js +1 -1
- package/dist/LocationSearchSection.cjs +1 -1
- package/dist/LocationSearchSection.js +1 -1
- package/dist/MasonryGeneralCardsSection.cjs +10 -10
- package/dist/MasonryGeneralCardsSection.js +45 -44
- package/dist/MenuItem.cjs +1 -1
- package/dist/MenuItem.js +1 -1
- package/dist/Modal.cjs +1 -1
- package/dist/Modal.js +1 -1
- package/dist/MultiSelectDropdown.cjs +1 -1
- package/dist/MultiSelectDropdown.js +1 -1
- package/dist/MultiSelectDropdownLookup.cjs +1 -1
- package/dist/MultiSelectDropdownLookup.js +1 -1
- package/dist/NestedDropdownItem.cjs +1 -1
- package/dist/NestedDropdownItem.js +1 -1
- package/dist/NestedMenuItem.cjs +1 -1
- package/dist/NestedMenuItem.js +1 -1
- package/dist/NotificationContainer.cjs +1 -1
- package/dist/NotificationContainer.js +1 -1
- package/dist/NotificationMessage.cjs +1 -1
- package/dist/NotificationMessage.js +1 -1
- package/dist/NumberInput.cjs +1 -1
- package/dist/NumberInput.js +1 -1
- package/dist/OverlayGeneralCardsSection.cjs +1 -1
- package/dist/OverlayGeneralCardsSection.js +1 -1
- package/dist/PartnerBrandsSection.cjs +1 -1
- package/dist/PartnerBrandsSection.js +1 -1
- package/dist/PartnerCardsSection.cjs +1 -1
- package/dist/PartnerCardsSection.js +1 -1
- package/dist/PartnerStatsSection.cjs +1 -1
- package/dist/PartnerStatsSection.js +1 -1
- package/dist/PasswordInput.cjs +1 -1
- package/dist/PasswordInput.js +1 -1
- package/dist/PopoverContent.cjs +1 -1
- package/dist/PopoverContent.js +1 -1
- package/dist/ProductsWithBannerSection.cjs +13 -13
- package/dist/ProductsWithBannerSection.js +87 -168
- package/dist/ProgressBar.cjs +1 -1
- package/dist/ProgressBar.js +1 -1
- package/dist/QuattroCardsSection.cjs +1 -1
- package/dist/QuattroCardsSection.js +2 -2
- package/dist/QuizSection.cjs +1 -1
- package/dist/QuizSection.js +1 -1
- package/dist/RadioInput.cjs +1 -1
- package/dist/RadioInput.js +1 -1
- package/dist/RangeSlider.cjs +1 -1
- package/dist/RangeSlider.js +1 -1
- package/dist/ReviewsSection.cjs +18 -22
- package/dist/ReviewsSection.js +101 -163
- package/dist/SalesCampaignsSection.cjs +25 -25
- package/dist/SalesCampaignsSection.js +267 -306
- package/dist/Separator.cjs +1 -1
- package/dist/Separator.js +1 -1
- package/dist/ShopCardsSection.cjs +6 -19
- package/dist/ShopCardsSection.js +56 -102
- package/dist/Sidebar.cjs +1 -1
- package/dist/Sidebar.js +1 -1
- package/dist/SimpleCategoriesSection.cjs +3 -3
- package/dist/SimpleCategoriesSection.js +65 -68
- package/dist/SimpleProductsSection.cjs +7 -7
- package/dist/SimpleProductsSection.js +65 -138
- package/dist/Spinner.cjs +1 -1
- package/dist/Spinner.js +1 -1
- package/dist/StatsSection.cjs +1 -1
- package/dist/StatsSection.js +1 -1
- package/dist/Surface.cjs +1 -1
- package/dist/Surface.js +1 -1
- package/dist/SwipeableDrawer.cjs +1 -1
- package/dist/SwipeableDrawer.js +1 -1
- package/dist/TabItem.cjs +1 -1
- package/dist/TabItem.js +1 -1
- package/dist/Table.cjs +1 -1
- package/dist/Table.js +1 -1
- package/dist/TableView.cjs +1 -1
- package/dist/TableView.js +1 -1
- package/dist/TextAreaInput.cjs +1 -1
- package/dist/TextAreaInput.js +1 -1
- package/dist/TextInput.cjs +1 -1
- package/dist/TextInput.js +1 -1
- package/dist/ThemeProvider.cjs +1 -1
- package/dist/ThemeProvider.js +1 -1
- package/dist/TimeInput.cjs +1 -1
- package/dist/TimeInput.js +1 -1
- package/dist/Toggle.cjs +1 -1
- package/dist/Toggle.js +1 -1
- package/dist/TreeMenuSeparator.cjs +1 -1
- package/dist/TreeMenuSeparator.js +1 -1
- package/dist/UploadedFile.cjs +1 -1
- package/dist/UploadedFile.js +1 -1
- package/dist/UrgentSaleProductsSection.cjs +1 -1
- package/dist/UrgentSaleProductsSection.js +1 -1
- package/dist/index-B7fBsitY.js +45 -0
- package/dist/{index-BkztbBWe.cjs → index-B96icAp4.cjs} +1 -1
- package/dist/index-BMAvJQBG.cjs +9 -0
- package/dist/index-BUdvfHpp.cjs +5 -0
- package/dist/{index-tdg_Vmed.cjs → index-BXkL0HmX.cjs} +1 -1
- package/dist/index-C6amCwRZ.js +25 -0
- package/dist/index-C8R9lsWG.cjs +1 -0
- package/dist/{index-Djo0ZcRE.js → index-CCwfh-7A.js} +1 -1
- package/dist/{index-jGcy-5M_.js → index-CNUuIL97.js} +2 -2
- package/dist/index-CeQvy566.cjs +11 -0
- package/dist/{index-DsINTjQk.cjs → index-ChHUGfjn.cjs} +1 -1
- package/dist/index-Cyt4EUZ6.js +20 -0
- package/dist/{index-DEypPQRI.js → index-D6_3Q8lN.js} +1 -1
- package/dist/{index-D4-_TrSn.cjs → index-DnbzopIv.cjs} +1 -1
- package/dist/{index-rhYVjszT.js → index-DtVJCOWc.js} +2 -2
- package/dist/index-DueyY06i.cjs +368 -0
- package/dist/{index-D4OKsSqi.cjs → index-HzW6OHFF.cjs} +1 -1
- package/dist/{index-3GKF_7BJ.cjs → index-RrqW9QBJ.cjs} +1 -1
- package/dist/index-VTkAaA-n.js +18 -0
- package/dist/{index-CM6vzQBx.js → index-eOeAkUSU.js} +1 -1
- package/dist/{index-Dx2hfxCG.js → index-gHaK62BZ.js} +2 -2
- package/dist/index-zIt6TVeg.js +753 -0
- package/dist/index.cjs +1 -1
- package/dist/index.js +2 -2
- package/dist/style-BFPpppS9.js +73 -0
- package/dist/{style-D54KOzZj.js → style-CP_urKvc.js} +1 -1
- package/dist/style-CQdEALKR.cjs +59 -0
- package/dist/{style-Boz6dk5s.cjs → style-cJUZrJoG.cjs} +1 -1
- package/dist/{utils-CITgSxXe.cjs → utils-BK6B_Y9X.cjs} +2 -2
- package/dist/{utils-MoGhNMmj.js → utils-BUdHa0nB.js} +16 -23
- package/package.json +1 -1
- package/dist/index-BGNavrtB.cjs +0 -368
- package/dist/index-BHcrzV2G.js +0 -54
- package/dist/index-Bj1KWOV4.cjs +0 -11
- package/dist/index-BsAddfgC.cjs +0 -1
- package/dist/index-Cn4bq6ZX.js +0 -84
- package/dist/index-CuRcxKQH.js +0 -42
- package/dist/index-DB1J-G6Z.js +0 -38
- package/dist/index-DkPva6Gr.cjs +0 -20
- package/dist/index-fzBXDy05.cjs +0 -16
- package/dist/index-gFZSZLba.js +0 -882
- package/dist/style-DvkivBNg.js +0 -74
- package/dist/style-Ito6YFqi.cjs +0 -64
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { jsx as e, Fragment as a } from "react/jsx-runtime";
|
|
2
|
+
import { Suspense as o } from "react";
|
|
3
|
+
import { S as m, a as i, e as d } from "./style-BFPpppS9.js";
|
|
4
|
+
import { s as h } from "./emotion-styled.browser.esm-DfbrHHed.js";
|
|
5
|
+
import { d as c } from "./breakpoints-BubDitvo.js";
|
|
6
|
+
const l = h(m)`
|
|
7
|
+
&.skeleton__tags {
|
|
8
|
+
max-width: 50rem;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
@media ${c("S")} {
|
|
12
|
+
&.skeleton__tags {
|
|
13
|
+
overflow-x: hidden;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
`, g = ({ keyPrefix: t }) => /* @__PURE__ */ e(l, { className: "skeleton__cards", children: [1, 2, 3].map((s) => /* @__PURE__ */ e(
|
|
17
|
+
i,
|
|
18
|
+
{
|
|
19
|
+
width: "100%",
|
|
20
|
+
height: "13.75rem"
|
|
21
|
+
},
|
|
22
|
+
`${t}-${s}`
|
|
23
|
+
)) }), C = ({
|
|
24
|
+
keyPrefix: t,
|
|
25
|
+
isLoading: s = !1,
|
|
26
|
+
fallbackComponent: n = /* @__PURE__ */ e(a, {}),
|
|
27
|
+
children: r
|
|
28
|
+
}) => /* @__PURE__ */ e(o, { fallbackComponent: n, children: s === !0 ? /* @__PURE__ */ e(g, { keyPrefix: t }) : r }), f = ({ keyPrefix: t }) => /* @__PURE__ */ e(l, { className: "skeleton__tags", children: [1, 2, 3, 4, 5].map((s) => /* @__PURE__ */ e(
|
|
29
|
+
d,
|
|
30
|
+
{
|
|
31
|
+
alignItems: "center",
|
|
32
|
+
gap: "0.5rem",
|
|
33
|
+
children: /* @__PURE__ */ e(i, { height: "1.5rem", width: "8rem" })
|
|
34
|
+
},
|
|
35
|
+
`${t}-${s}`
|
|
36
|
+
)) }), T = ({
|
|
37
|
+
keyPrefix: t,
|
|
38
|
+
isLoading: s = !1,
|
|
39
|
+
fallbackComponent: n = /* @__PURE__ */ e(a, {}),
|
|
40
|
+
children: r
|
|
41
|
+
}) => /* @__PURE__ */ e(o, { fallbackComponent: n, children: s === !0 ? /* @__PURE__ */ e(f, { keyPrefix: t }) : r });
|
|
42
|
+
export {
|
|
43
|
+
T as S,
|
|
44
|
+
C as a
|
|
45
|
+
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const i=require("react/jsx-runtime"),p=require("react"),v=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),r=require("./utils-
|
|
1
|
+
"use strict";const i=require("react/jsx-runtime"),p=require("react"),v=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),r=require("./utils-BK6B_Y9X.cjs"),j=require("./index-ChHUGfjn.cjs"),k=v.styled.a`
|
|
2
2
|
text-decoration: none;
|
|
3
3
|
color: var(--gray-950);
|
|
4
4
|
display: flex;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),i=require("react"),n=require("./style-CQdEALKR.cjs"),l=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),c=require("./breakpoints-CcVm-gVm.cjs"),d=l.styled(n.SkeletonAnimationColumnContainer)`
|
|
2
|
+
@media ${c.down("S")} {
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
|
|
5
|
+
& > div {
|
|
6
|
+
flex-direction: column;
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
`,u=({keyPrefix:t})=>e.jsx(d,{children:[1,2].map(s=>e.jsxs(n.SkeletonContainer,{children:[e.jsx(n.SkeletonRect,{width:"100%",height:"11.25rem"}),e.jsx(n.SkeletonRect,{width:"100%",height:"11.25rem"})]},`${t}-${s}`))}),a=({keyPrefix:t,isLoading:s=!1,fallbackComponent:o=e.jsx(e.Fragment,{}),children:r})=>e.jsx(i.Suspense,{fallbackComponent:o,children:s===!0?e.jsx(u,{keyPrefix:t}):r});exports.SuspenseBlogCardsSponsored=a;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),r=require("react"),s=require("./style-CQdEALKR.cjs"),c=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),l=require("./breakpoints-CcVm-gVm.cjs"),u=c.styled(s.SkeletonAnimationContainer)`
|
|
2
|
+
@media ${l.down("S")} {
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
}
|
|
5
|
+
`,a=({keyPrefix:t})=>e.jsx(u,{children:[1,2,3].map(n=>e.jsx(s.SkeletonRect,{width:"100%",height:"23rem"},`${t}-${n}`))}),d=({keyPrefix:t,isLoading:n=!1,fallbackComponent:o=e.jsx(e.Fragment,{}),children:i})=>e.jsx(r.Suspense,{fallbackComponent:o,children:n===!0?e.jsx(a,{keyPrefix:t}):i});exports.SuspenseBlogsSectionDetailed=d;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const e=require("react/jsx-runtime"),A=require("react"),P=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),w=require("./breakpoints-CcVm-gVm.cjs"),j=require("./utils-
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),A=require("react"),P=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),w=require("./breakpoints-CcVm-gVm.cjs"),j=require("./utils-BK6B_Y9X.cjs"),C=require("./useDetectMobile-DYV6V1yw.cjs"),D=require("./Button.cjs"),V=P.styled.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
gap: 1.25rem;
|
|
4
4
|
padding: 1.5rem;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { jsx as e, jsxs as s, Fragment as m } from "react/jsx-runtime";
|
|
2
|
+
import { Suspense as a } from "react";
|
|
3
|
+
import { b as d, c as l, a as r } from "./style-BFPpppS9.js";
|
|
4
|
+
import { s as c } from "./emotion-styled.browser.esm-DfbrHHed.js";
|
|
5
|
+
import { d as p } from "./breakpoints-BubDitvo.js";
|
|
6
|
+
const S = c(d)`
|
|
7
|
+
@media ${p("S")} {
|
|
8
|
+
flex-direction: column;
|
|
9
|
+
|
|
10
|
+
& > div {
|
|
11
|
+
flex-direction: column;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
`, h = ({ keyPrefix: o }) => /* @__PURE__ */ e(S, { children: [1, 2].map((n) => /* @__PURE__ */ s(l, { children: [
|
|
15
|
+
/* @__PURE__ */ e(r, { width: "100%", height: "11.25rem" }),
|
|
16
|
+
/* @__PURE__ */ e(r, { width: "100%", height: "11.25rem" })
|
|
17
|
+
] }, `${o}-${n}`)) }), k = ({
|
|
18
|
+
keyPrefix: o,
|
|
19
|
+
isLoading: n = !1,
|
|
20
|
+
fallbackComponent: t = /* @__PURE__ */ e(m, {}),
|
|
21
|
+
children: i
|
|
22
|
+
}) => /* @__PURE__ */ e(a, { fallbackComponent: t, children: n === !0 ? /* @__PURE__ */ e(h, { keyPrefix: o }) : i });
|
|
23
|
+
export {
|
|
24
|
+
k as S
|
|
25
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),c=require("react"),s=require("./style-CQdEALKR.cjs"),i=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),u=i.styled(s.SkeletonAnimationContainer)``,l=({keyPrefix:t})=>e.jsx(u,{children:[1,2,3].map(r=>e.jsx(s.SkeletonRect,{width:"5rem",borderRadius:"0.75rem"},`${t}-${r}`))}),a=({keyPrefix:t,isLoading:r=!1,fallbackComponent:n=e.jsx(e.Fragment,{}),children:o})=>e.jsx(c.Suspense,{fallbackComponent:n,children:r===!0?e.jsx(l,{keyPrefix:t}):o});exports.SuspenseSelectBar=a;
|
|
@@ -9,7 +9,7 @@ import { u as P } from "./useDetectMobile-B0Jog4jQ.js";
|
|
|
9
9
|
import { I as K } from "./index-DMmw5Ad5.js";
|
|
10
10
|
import O from "./Button.js";
|
|
11
11
|
import Q from "./Icon.js";
|
|
12
|
-
import { m as X } from "./utils-
|
|
12
|
+
import { m as X } from "./utils-BUdHa0nB.js";
|
|
13
13
|
const Y = J.div`
|
|
14
14
|
position: relative;
|
|
15
15
|
padding: ${(e) => e.padding};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsxs as i, jsx as m } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as v, useRef as k } from "react";
|
|
3
3
|
import { s as $ } from "./emotion-styled.browser.esm-DfbrHHed.js";
|
|
4
|
-
import { n as C, m as z, p as N, G as S, l as p } from "./utils-
|
|
5
|
-
import { P as j } from "./index-
|
|
4
|
+
import { n as C, m as z, p as N, G as S, l as p } from "./utils-BUdHa0nB.js";
|
|
5
|
+
import { P as j } from "./index-D6_3Q8lN.js";
|
|
6
6
|
const P = $.a`
|
|
7
7
|
text-decoration: none;
|
|
8
8
|
color: var(--gray-950);
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),a=require("react"),n=require("./style-CQdEALKR.cjs"),l=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),d=require("./breakpoints-CcVm-gVm.cjs"),o=l.styled(n.SkeletonAnimationContainer)`
|
|
2
|
+
&.skeleton__tags {
|
|
3
|
+
max-width: 50rem;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
@media ${d.down("S")} {
|
|
7
|
+
&.skeleton__tags {
|
|
8
|
+
overflow-x: hidden;
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
`,c=({keyPrefix:s})=>e.jsx(o,{className:"skeleton__cards",children:[1,2,3].map(t=>e.jsx(n.SkeletonRect,{width:"100%",height:"13.75rem"},`${s}-${t}`))}),u=({keyPrefix:s,isLoading:t=!1,fallbackComponent:r=e.jsx(e.Fragment,{}),children:i})=>e.jsx(a.Suspense,{fallbackComponent:r,children:t===!0?e.jsx(c,{keyPrefix:s}):i}),h=({keyPrefix:s})=>e.jsx(o,{className:"skeleton__tags",children:[1,2,3,4,5].map(t=>e.jsx(n.SkeletonColumnContainer,{alignItems:"center",gap:"0.5rem",children:e.jsx(n.SkeletonRect,{height:"1.5rem",width:"8rem"})},`${s}-${t}`))}),m=({keyPrefix:s,isLoading:t=!1,fallbackComponent:r=e.jsx(e.Fragment,{}),children:i})=>e.jsx(a.Suspense,{fallbackComponent:r,children:t===!0?e.jsx(h,{keyPrefix:s}):i});exports.SuspenseFieldOfInterestsWithTagsCard=u;exports.SuspenseFieldOfInterestsWithTagsTag=m;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const C=require("react/jsx-runtime"),t=require("react"),u=require("./utils-
|
|
1
|
+
"use strict";const C=require("react/jsx-runtime"),t=require("react"),u=require("./utils-BK6B_Y9X.cjs"),l="data:image/svg+xml,%3csvg%20width='240'%20height='240'%20viewBox='0%200%20240%20240'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='240'%20height='240'%20rx='12'%20fill='%2314161A'%20fill-opacity='0.04'/%3e%3crect%20x='88'%20y='88'%20width='64'%20height='64'%20rx='32'%20fill='%2314161A'%20fill-opacity='0.08'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M110%20108H130C130.53%20108%20131.039%20108.211%20131.414%20108.586C131.789%20108.961%20132%20109.47%20132%20110V130C132%20130.53%20131.789%20131.039%20131.414%20131.414C131.039%20131.789%20130.53%20132%20130%20132H110C109.47%20132%20108.961%20131.789%20108.586%20131.414C108.211%20131.039%20108%20130.53%20108%20130V110C108%20109.47%20108.211%20108.961%20108.586%20108.586C108.961%20108.211%20109.47%20108%20110%20108ZM110%20124V130H130V128L125%20123L123.41%20124.59C123.035%20124.963%20122.528%20125.172%20122%20125.172C121.472%20125.172%20120.965%20124.963%20120.59%20124.59L115%20119L110%20124ZM126.41%20121.58L130%20125.17V110H110V121.17L113.59%20117.58C113.965%20117.207%20114.472%20116.998%20115%20116.998C115.528%20116.998%20116.035%20117.207%20116.41%20117.58L122%20123.17L123.59%20121.58C123.965%20121.207%20124.472%20120.998%20125%20120.998C125.528%20120.998%20126.035%20121.207%20126.41%20121.58ZM124.667%20117.494C124.173%20117.824%20123.593%20118%20123%20118C122.204%20118%20121.441%20117.684%20120.879%20117.121C120.316%20116.559%20120%20115.796%20120%20115C120%20114.407%20120.176%20113.827%20120.506%20113.333C120.835%20112.84%20121.304%20112.455%20121.852%20112.228C122.4%20112.001%20123.003%20111.942%20123.585%20112.058C124.167%20112.173%20124.702%20112.459%20125.121%20112.879C125.541%20113.298%20125.827%20113.833%20125.942%20114.415C126.058%20114.997%20125.999%20115.6%20125.772%20116.148C125.545%20116.696%20125.16%20117.165%20124.667%20117.494ZM123.556%20114.169C123.391%20114.059%20123.198%20114%20123%20114C122.735%20114%20122.48%20114.105%20122.293%20114.293C122.105%20114.48%20122%20114.735%20122%20115C122%20115.198%20122.059%20115.391%20122.169%20115.556C122.278%20115.72%20122.435%20115.848%20122.617%20115.924C122.8%20116%20123.001%20116.019%20123.195%20115.981C123.389%20115.942%20123.567%20115.847%20123.707%20115.707C123.847%20115.567%20123.942%20115.389%20123.981%20115.195C124.019%20115.001%20124%20114.8%20123.924%20114.617C123.848%20114.435%20123.72%20114.278%20123.556%20114.169Z'%20fill='%23868C98'/%3e%3c/svg%3e",a=t.forwardRef(({src:i,...c},s)=>{const e=t.useRef();return t.useEffect(()=>{var o;const n=r=>{r.target.src=l,r.onerror=null};return(o=e==null?void 0:e.current)==null||o.addEventListener("error",n),()=>{var r;(r=e==null?void 0:e.current)==null||r.removeEventListener("error",n)}},[]),C.jsx(t.Fragment,{ref:s,children:u.isDefinedNotEmptyString(i)?C.jsx("img",{ref:e,src:i,...c}):C.jsx("img",{src:l,...c})})});exports.ProductImageWrapper=a;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { jsx as e, Fragment as s } from "react/jsx-runtime";
|
|
2
|
+
import { Suspense as a } from "react";
|
|
3
|
+
import { S as m, a as i } from "./style-BFPpppS9.js";
|
|
4
|
+
import { s as l } from "./emotion-styled.browser.esm-DfbrHHed.js";
|
|
5
|
+
const S = l(m)``, c = ({ keyPrefix: r }) => /* @__PURE__ */ e(S, { children: [1, 2, 3].map((t) => /* @__PURE__ */ e(
|
|
6
|
+
i,
|
|
7
|
+
{
|
|
8
|
+
width: "5rem",
|
|
9
|
+
borderRadius: "0.75rem"
|
|
10
|
+
},
|
|
11
|
+
`${r}-${t}`
|
|
12
|
+
)) }), h = ({
|
|
13
|
+
keyPrefix: r,
|
|
14
|
+
isLoading: t = !1,
|
|
15
|
+
fallbackComponent: n = /* @__PURE__ */ e(s, {}),
|
|
16
|
+
children: o
|
|
17
|
+
}) => /* @__PURE__ */ e(a, { fallbackComponent: n, children: t === !0 ? /* @__PURE__ */ e(c, { keyPrefix: r }) : o });
|
|
18
|
+
export {
|
|
19
|
+
h as S
|
|
20
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as a, useRef as s, useEffect as d, Fragment as f } from "react";
|
|
3
|
-
import { l as g } from "./utils-
|
|
3
|
+
import { l as g } from "./utils-BUdHa0nB.js";
|
|
4
4
|
const n = "data:image/svg+xml,%3csvg%20width='240'%20height='240'%20viewBox='0%200%20240%20240'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='240'%20height='240'%20rx='12'%20fill='%2314161A'%20fill-opacity='0.04'/%3e%3crect%20x='88'%20y='88'%20width='64'%20height='64'%20rx='32'%20fill='%2314161A'%20fill-opacity='0.08'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M110%20108H130C130.53%20108%20131.039%20108.211%20131.414%20108.586C131.789%20108.961%20132%20109.47%20132%20110V130C132%20130.53%20131.789%20131.039%20131.414%20131.414C131.039%20131.789%20130.53%20132%20130%20132H110C109.47%20132%20108.961%20131.789%20108.586%20131.414C108.211%20131.039%20108%20130.53%20108%20130V110C108%20109.47%20108.211%20108.961%20108.586%20108.586C108.961%20108.211%20109.47%20108%20110%20108ZM110%20124V130H130V128L125%20123L123.41%20124.59C123.035%20124.963%20122.528%20125.172%20122%20125.172C121.472%20125.172%20120.965%20124.963%20120.59%20124.59L115%20119L110%20124ZM126.41%20121.58L130%20125.17V110H110V121.17L113.59%20117.58C113.965%20117.207%20114.472%20116.998%20115%20116.998C115.528%20116.998%20116.035%20117.207%20116.41%20117.58L122%20123.17L123.59%20121.58C123.965%20121.207%20124.472%20120.998%20125%20120.998C125.528%20120.998%20126.035%20121.207%20126.41%20121.58ZM124.667%20117.494C124.173%20117.824%20123.593%20118%20123%20118C122.204%20118%20121.441%20117.684%20120.879%20117.121C120.316%20116.559%20120%20115.796%20120%20115C120%20114.407%20120.176%20113.827%20120.506%20113.333C120.835%20112.84%20121.304%20112.455%20121.852%20112.228C122.4%20112.001%20123.003%20111.942%20123.585%20112.058C124.167%20112.173%20124.702%20112.459%20125.121%20112.879C125.541%20113.298%20125.827%20113.833%20125.942%20114.415C126.058%20114.997%20125.999%20115.6%20125.772%20116.148C125.545%20116.696%20125.16%20117.165%20124.667%20117.494ZM123.556%20114.169C123.391%20114.059%20123.198%20114%20123%20114C122.735%20114%20122.48%20114.105%20122.293%20114.293C122.105%20114.48%20122%20114.735%20122%20115C122%20115.198%20122.059%20115.391%20122.169%20115.556C122.278%20115.72%20122.435%20115.848%20122.617%20115.924C122.8%20116%20123.001%20116.019%20123.195%20115.981C123.389%20115.942%20123.567%20115.847%20123.707%20115.707C123.847%20115.567%20123.942%20115.389%20123.981%20115.195C124.019%20115.001%20124%20114.8%20123.924%20114.617C123.848%20114.435%20123.72%20114.278%20123.556%20114.169Z'%20fill='%23868C98'/%3e%3c/svg%3e", u = a(({ src: C, ...o }, c) => {
|
|
5
5
|
const r = s();
|
|
6
6
|
return d(() => {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const r=require("react/jsx-runtime"),l=require("react"),x=require("./Icon.cjs"),o=require("./utils-
|
|
1
|
+
"use strict";const r=require("react/jsx-runtime"),l=require("react"),x=require("./Icon.cjs"),o=require("./utils-BK6B_Y9X.cjs"),$=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),R=require("./breakpoints-CcVm-gVm.cjs"),d=require("./ShopAvatar-CV3lj34D.cjs"),k=require("./index-ChHUGfjn.cjs"),D=$.styled.a`
|
|
2
2
|
text-decoration: none;
|
|
3
3
|
color: var(--gray-950);
|
|
4
4
|
display: flex;
|
|
@@ -2,10 +2,10 @@ import { jsxs as d, jsx as e } from "react/jsx-runtime";
|
|
|
2
2
|
import { forwardRef as b, useRef as w } from "react";
|
|
3
3
|
import { s } from "./emotion-styled.browser.esm-DfbrHHed.js";
|
|
4
4
|
import { d as l } from "./breakpoints-BubDitvo.js";
|
|
5
|
-
import { n as y } from "./utils-
|
|
5
|
+
import { n as y } from "./utils-BUdHa0nB.js";
|
|
6
6
|
import { u as v } from "./useDetectMobile-B0Jog4jQ.js";
|
|
7
7
|
import c from "./Button.js";
|
|
8
|
-
import { P as C } from "./index-
|
|
8
|
+
import { P as C } from "./index-D6_3Q8lN.js";
|
|
9
9
|
const k = s.a`
|
|
10
10
|
text-decoration: none;
|
|
11
11
|
color: var(--gray-950);
|
|
@@ -0,0 +1,368 @@
|
|
|
1
|
+
"use strict";const r=require("react/jsx-runtime"),l=require("react"),N=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),I=require("./breakpoints-CcVm-gVm.cjs"),t=require("./utils-BK6B_Y9X.cjs"),$e=require("./index-ChHUGfjn.cjs"),z=require("./Badge.cjs"),Ee=require("./Popover.cjs"),Fe=require("./PopoverTrigger.cjs"),ze=require("./PopoverContent.cjs"),De=require("./useDetectMobile-DYV6V1yw.cjs"),J=require("./Icon.cjs"),h=require("./style-CQdEALKR.cjs"),Ve=N.styled.a`
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
gap: 0.5rem;
|
|
5
|
+
cursor: pointer;
|
|
6
|
+
overflow: hidden;
|
|
7
|
+
width: 100%;
|
|
8
|
+
text-decoration: none;
|
|
9
|
+
color: var(--gray-950, #14161a);
|
|
10
|
+
position: relative;
|
|
11
|
+
|
|
12
|
+
& .prevent-el {
|
|
13
|
+
height: 0;
|
|
14
|
+
width: 0;
|
|
15
|
+
}
|
|
16
|
+
& .seller {
|
|
17
|
+
text-transform: uppercase;
|
|
18
|
+
${t.truncateText()}
|
|
19
|
+
color: var(--gray-500);
|
|
20
|
+
font-size: 0.625rem;
|
|
21
|
+
font-weight: 400;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
& .wrapper-card-1 {
|
|
25
|
+
display: flex;
|
|
26
|
+
flex-direction: column;
|
|
27
|
+
gap: 0.12rem;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
& .wrapper-card-2 {
|
|
31
|
+
display: flex;
|
|
32
|
+
flex-direction: column;
|
|
33
|
+
gap: 0;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
& .wrapper-card-3 {
|
|
37
|
+
display: flex;
|
|
38
|
+
flex-wrap: wrap;
|
|
39
|
+
gap: 0.25rem;
|
|
40
|
+
|
|
41
|
+
& > div {
|
|
42
|
+
& > div {
|
|
43
|
+
width: 100% !important;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
& .tag {
|
|
49
|
+
height: 1.5rem;
|
|
50
|
+
gap: 0.25rem;
|
|
51
|
+
padding: 0.25rem 0.375rem;
|
|
52
|
+
border-radius: 0.375rem;
|
|
53
|
+
background: #f9fafb;
|
|
54
|
+
border: 1px solid var(--gray-95012, #14161a1f);
|
|
55
|
+
font-weight: 400;
|
|
56
|
+
font-size: 0.75rem;
|
|
57
|
+
line-height: 1rem;
|
|
58
|
+
letter-spacing: 0.025rem;
|
|
59
|
+
color: var(--gray-950, #14161a);
|
|
60
|
+
white-space: nowrap;
|
|
61
|
+
flex: 0 0 auto;
|
|
62
|
+
|
|
63
|
+
& i {
|
|
64
|
+
color: var(--yellow-500, #f59e0b);
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
& .card-title {
|
|
69
|
+
font-size: 0.875rem;
|
|
70
|
+
font-weight: 600;
|
|
71
|
+
${t.truncateTextInRows(2)}
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
& .price-text {
|
|
75
|
+
font-size: 1rem;
|
|
76
|
+
font-weight: 600;
|
|
77
|
+
${t.truncateText()}
|
|
78
|
+
display: flex;
|
|
79
|
+
align-items: end;
|
|
80
|
+
gap: 0.5rem;
|
|
81
|
+
color: var(--gray-950, #14161a);
|
|
82
|
+
|
|
83
|
+
&.new-price {
|
|
84
|
+
color: var(--danger-600, #e11d48);
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
& .full-price {
|
|
88
|
+
text-decoration: line-through;
|
|
89
|
+
font-size: 0.75rem;
|
|
90
|
+
font-weight: 400;
|
|
91
|
+
padding-bottom: 0.125rem;
|
|
92
|
+
color: var(--gray-600, #676e79);
|
|
93
|
+
${t.truncateText()}
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
& .location-text {
|
|
98
|
+
font-size: 0.75rem;
|
|
99
|
+
font-weight: 400;
|
|
100
|
+
color: var(--gray-600, #676e79);
|
|
101
|
+
${t.truncateText()}
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
& .tags-wrapper {
|
|
105
|
+
display: flex;
|
|
106
|
+
gap: 0.5rem;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
& .tags-popover__trigger {
|
|
110
|
+
display: flex;
|
|
111
|
+
gap: 0.25rem;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
& .campaign-badges {
|
|
115
|
+
position: absolute;
|
|
116
|
+
top: 0.5rem;
|
|
117
|
+
left: 0.75rem;
|
|
118
|
+
display: flex;
|
|
119
|
+
gap: 0.25rem;
|
|
120
|
+
flex-wrap: wrap;
|
|
121
|
+
justify-content: flex-start;
|
|
122
|
+
z-index: 1;
|
|
123
|
+
width: max-content;
|
|
124
|
+
max-width: 7rem;
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
& .campaign-badge {
|
|
128
|
+
width: fit-content;
|
|
129
|
+
height: 1.5rem;
|
|
130
|
+
border-radius: 0.25rem;
|
|
131
|
+
display: flex;
|
|
132
|
+
align-items: center;
|
|
133
|
+
justify-content: center;
|
|
134
|
+
color: white;
|
|
135
|
+
font-size: 1rem;
|
|
136
|
+
padding-inline: 0.15rem;
|
|
137
|
+
|
|
138
|
+
i {
|
|
139
|
+
::before {
|
|
140
|
+
margin-inline: 0;
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
& .campaign-badge-adddiscount {
|
|
146
|
+
background-color: #f43f5e;
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
& .campaign-badge-freeshipping {
|
|
150
|
+
background-color: #1abc86;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
& .campaign-badge-freequantity {
|
|
154
|
+
background-color: #2691d9;
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
& .campaign-badge-includegifts {
|
|
158
|
+
background-color: #8b5cf6;
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
& .campaign-badge-urgent {
|
|
162
|
+
background-color: #e11d48;
|
|
163
|
+
width: fit-content;
|
|
164
|
+
padding-inline: 0.5rem;
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
@media ${I.down("S")} {
|
|
168
|
+
overflow: visible;
|
|
169
|
+
|
|
170
|
+
& .wrapper-card-3 {
|
|
171
|
+
flex-wrap: nowrap;
|
|
172
|
+
justify-content: flex-start;
|
|
173
|
+
overflow-x: scroll;
|
|
174
|
+
width: 8.875rem !important;
|
|
175
|
+
|
|
176
|
+
-webkit-overflow-scrolling: touch;
|
|
177
|
+
::-webkit-scrollbar {
|
|
178
|
+
-webkit-appearance: none;
|
|
179
|
+
}
|
|
180
|
+
-ms-overflow-style: none;
|
|
181
|
+
/* Internet Explorer 10+ */
|
|
182
|
+
scrollbar-width: none;
|
|
183
|
+
/* Firefox */
|
|
184
|
+
|
|
185
|
+
&::-webkit-scrollbar {
|
|
186
|
+
display: none;
|
|
187
|
+
/* Safari and Chrome */
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
& > div {
|
|
191
|
+
& > div {
|
|
192
|
+
width: 8.875rem !important;
|
|
193
|
+
}
|
|
194
|
+
}
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
& .tags-popover__trigger {
|
|
198
|
+
overflow-x: scroll;
|
|
199
|
+
justify-content: flex-start;
|
|
200
|
+
width: 100%;
|
|
201
|
+
|
|
202
|
+
-webkit-overflow-scrolling: touch;
|
|
203
|
+
::-webkit-scrollbar {
|
|
204
|
+
-webkit-appearance: none;
|
|
205
|
+
}
|
|
206
|
+
-ms-overflow-style: none;
|
|
207
|
+
/* Internet Explorer 10+ */
|
|
208
|
+
scrollbar-width: none;
|
|
209
|
+
/* Firefox */
|
|
210
|
+
|
|
211
|
+
&::-webkit-scrollbar {
|
|
212
|
+
display: none;
|
|
213
|
+
/* Safari and Chrome */
|
|
214
|
+
}
|
|
215
|
+
}
|
|
216
|
+
|
|
217
|
+
& .price-text {
|
|
218
|
+
font-size: 0.875rem;
|
|
219
|
+
font-weight: 600;
|
|
220
|
+
|
|
221
|
+
& .full-price {
|
|
222
|
+
display: none;
|
|
223
|
+
}
|
|
224
|
+
}
|
|
225
|
+
}
|
|
226
|
+
|
|
227
|
+
&:hover .product-image-wrapper img {
|
|
228
|
+
transform: scale(1.1);
|
|
229
|
+
}
|
|
230
|
+
`,Re=N.styled.div`
|
|
231
|
+
position: relative;
|
|
232
|
+
overflow: hidden;
|
|
233
|
+
border-radius: 0.75rem;
|
|
234
|
+
width: 100%;
|
|
235
|
+
aspect-ratio: 1 / 1;
|
|
236
|
+
border: 1px solid #0c15201f;
|
|
237
|
+
|
|
238
|
+
& .bookmarking-btn {
|
|
239
|
+
position: absolute;
|
|
240
|
+
right: 0.5rem;
|
|
241
|
+
top: 0.5rem;
|
|
242
|
+
z-index: 1;
|
|
243
|
+
|
|
244
|
+
display: none;
|
|
245
|
+
|
|
246
|
+
align-items: center;
|
|
247
|
+
justify-content: center;
|
|
248
|
+
|
|
249
|
+
width: 2.25rem;
|
|
250
|
+
height: 2.25rem;
|
|
251
|
+
border-radius: ${d=>t.getBorderRadiusValueWithUnits(d.theme,"curved")};
|
|
252
|
+
border: 1px solid var(--gray-95008);
|
|
253
|
+
background-color: white;
|
|
254
|
+
color: var(--gray-950);
|
|
255
|
+
transition: transform 0.2s ease;
|
|
256
|
+
|
|
257
|
+
&:hover {
|
|
258
|
+
transform: scale(1.05);
|
|
259
|
+
}
|
|
260
|
+
|
|
261
|
+
i {
|
|
262
|
+
color: #14161a;
|
|
263
|
+
font-size: 1.1rem;
|
|
264
|
+
line-height: 1;
|
|
265
|
+
}
|
|
266
|
+
}
|
|
267
|
+
|
|
268
|
+
&:hover {
|
|
269
|
+
& .bookmarking-btn {
|
|
270
|
+
display: flex;
|
|
271
|
+
}
|
|
272
|
+
}
|
|
273
|
+
|
|
274
|
+
& img {
|
|
275
|
+
display: block;
|
|
276
|
+
width: 100%;
|
|
277
|
+
height: 100%;
|
|
278
|
+
object-fit: cover;
|
|
279
|
+
border-radius: 0.75rem;
|
|
280
|
+
transition: var(--transition, all 0.3s ease);
|
|
281
|
+
}
|
|
282
|
+
|
|
283
|
+
@media ${I.down("S")} {
|
|
284
|
+
& img {
|
|
285
|
+
width: 8.875rem;
|
|
286
|
+
height: 8.875rem;
|
|
287
|
+
min-width: 8.875rem;
|
|
288
|
+
min-height: 8.875rem;
|
|
289
|
+
object-fit: cover;
|
|
290
|
+
}
|
|
291
|
+
|
|
292
|
+
& .bookmarking-btn {
|
|
293
|
+
display: flex;
|
|
294
|
+
bottom: 0.5rem;
|
|
295
|
+
top: unset;
|
|
296
|
+
}
|
|
297
|
+
}
|
|
298
|
+
`,qe=N.styled.div`
|
|
299
|
+
background: var(--white, #fff);
|
|
300
|
+
z-index: 1;
|
|
301
|
+
|
|
302
|
+
border: 1px solid var(--gray-200, #dddfe4);
|
|
303
|
+
border-radius: 0.5rem;
|
|
304
|
+
line-height: 1rem;
|
|
305
|
+
position: absolute;
|
|
306
|
+
padding: 0.5rem 0.75rem;
|
|
307
|
+
top: 0.5rem;
|
|
308
|
+
left: 25%;
|
|
309
|
+
transform: translateX(-50%);
|
|
310
|
+
min-width: 13rem;
|
|
311
|
+
|
|
312
|
+
&::before,
|
|
313
|
+
&::after {
|
|
314
|
+
content: "";
|
|
315
|
+
position: absolute;
|
|
316
|
+
left: 50%;
|
|
317
|
+
transform: translateX(-50%);
|
|
318
|
+
border-style: solid;
|
|
319
|
+
border-width: 0.625rem;
|
|
320
|
+
}
|
|
321
|
+
|
|
322
|
+
&::after {
|
|
323
|
+
top: -1.1875rem;
|
|
324
|
+
border-color: transparent transparent var(--white, #fff) transparent;
|
|
325
|
+
}
|
|
326
|
+
|
|
327
|
+
&::before {
|
|
328
|
+
top: -1.25rem;
|
|
329
|
+
border-color: transparent transparent var(--gray-200, #dddfe4) transparent;
|
|
330
|
+
}
|
|
331
|
+
|
|
332
|
+
& .tags-popover__content {
|
|
333
|
+
display: flex;
|
|
334
|
+
flex-wrap: wrap;
|
|
335
|
+
flex-direction: column;
|
|
336
|
+
gap: 0.375rem;
|
|
337
|
+
font-size: 0.75rem;
|
|
338
|
+
font-weight: 400;
|
|
339
|
+
|
|
340
|
+
& .tags-popover__name {
|
|
341
|
+
color: var(--gray-600, #676e79);
|
|
342
|
+
}
|
|
343
|
+
|
|
344
|
+
& .tags-popover__value {
|
|
345
|
+
color: var(--gray-950, #14161a);
|
|
346
|
+
}
|
|
347
|
+
}
|
|
348
|
+
`,Ie=N.styled.div`
|
|
349
|
+
display: flex;
|
|
350
|
+
align-items: center;
|
|
351
|
+
gap: 0.25rem;
|
|
352
|
+
color: var(--gray-500);
|
|
353
|
+
font-size: 0.75rem;
|
|
354
|
+
font-weight: 500;
|
|
355
|
+
|
|
356
|
+
& i {
|
|
357
|
+
font-size: 1rem;
|
|
358
|
+
color: var(--warning-500, #F59E0B);
|
|
359
|
+
}
|
|
360
|
+
`,Oe=l.forwardRef(({sponsoredText:d="Sponsored"},w)=>r.jsxs(Ie,{ref:w,className:"sponsored-line",children:[r.jsx("i",{className:"mng-lnc-paw2"}),r.jsx("span",{children:d})]})),Ue="Vehicles_Cars",Be="Vehicles_Motorcycles",We="Vehicles_Trucks",Me="Vehicles_AgriculturalMachines_Tractors",Te="Vehicles_ConstructionMachines",Ge="Vehicles_Bus",Le="Vehicles_Campers",Ae="RealEstates_",s={Mileage:{icon:"mng-lnc-road",measure:"km"},YearOfProduction:{icon:"mng-lnc-calendar",measure:""},Fuel:{icon:"mng-lnc-gas-station",measure:""},EnginePowerKW:{icon:"mng-lnc-engine",measure:"kW"},Transmission:{icon:"mng-lnc-transmission",measure:""},Model:{icon:"mng-lnc-application",measure:""},Brand:{icon:"mng-lnc-car--front",measure:""},SurfaceArea:{icon:"mng-lnc-right-angle",measure:""},Floor:{icon:"mng-lnc-elevator",measure:""},FurnishedCondition:{icon:"mng-lnc-sofa-01",measure:""},AdType:{icon:"mng-lnc-notes",measure:""},NumberOfRooms:{icon:"mng-lnc-meeting-room",measure:""},HeatingType:{icon:"mng-lnc-heat",measure:""},AirConditioning:{icon:"mng-lnc-air-conditioner",measure:""},Type:{icon:"mng-lnc-house-building",measure:""},Parking:{icon:"mng-lnc-parking-area-circle",measure:""},Internet:{icon:"mng-lnc-wifi-02",measure:""},State:{icon:"mng-lnc-settings-1",measure:""},NumberOfPremises:{icon:"mng-lnc-meeting-room",measure:""},Pool:{icon:"mng-lnc-pool",measure:""},Approach:{icon:"mng-lnc-driveway",measure:""},NumberOfBeds:{icon:"mng-lnc-bed",measure:""},Kitchen:{icon:"mng-lnc-fridge",measure:""},BathroomToilet:{icon:"mng-lnc-bath",measure:""},default:{icon:" mng-lnc-clock--filled",measure:""}},y={ADDDISCOUNT:" mng-lnc-percentage",URGENT:" mng-lnc-flash",FREEQUANTITY:" mng-lnc-3d-software",INCLUDEGIFTS:" mng-lnc-gift",FREESHIPPING:" mng-lnc-delivery--parcel"},Xe=l.forwardRef((d,w)=>{const{uuid:m,sellerUuid:D,name:Z,price:S=0,sellingPrice:C,currency:_,isNegotiable:P,isFree:$,imageUrl:ee,location:re,sponsored:ne,imageComponent:O,freeText:oe="Free",negotiableText:te="Negotiable",tags:o=[],categoryCode:E,categoryName:ie,condition:U,quantity:V,trade:B,sponsoredText:se,forCart:ae,forOrder:ce,contactSeller:le,hasVariants:de,hasQuantities:me,status:pe,onBookmark:R=()=>{},actionComponent:b,bookmarked:W,bookmarkLists:ue,metadata:x,sellerName:M,nameSlug:F,onSelectCard:ge=()=>{},activeSalesPackages:p,urgentText:he="Urgent",LinkComponent:T,hasFreeShipping:fe}=d,ve=T||"a",q=De.useDetectMobile(),we=()=>{var c;if(!t.isDefined(b))return r.jsx(r.Fragment,{});const e=b,n=(c=b==null?void 0:b.props)==null?void 0:c.children,i=l.cloneElement(n,{key:`bookmark_pr__${W}`,bookmarked:W,productUuid:m,onAddToBookmark:()=>R(!0,m),onRemoveFromBookmark:()=>R(!1,m),bookmarkedUuidList:ue,sellerUuid:D,handleBookmarking:R,forCart:ae,forOrder:ce,contactSeller:le,hasVariants:de,status:pe,quantity:V,hasQuantities:me,productBasicInfo:{uuid:m,price:S,sellingPrice:C,categoryCode:E,categoryName:ie,currency:_,isNegotiable:P,isFree:$}});return l.cloneElement(e,void 0,i)},G=[Ue,Be,We,Me,Te,Ge,Le,Ae].some(e=>E==null?void 0:E.includes(e)),[be,L]=l.useState(!1),xe=()=>{L(!0)},je=()=>{L(!1)},a=l.useRef(null),f=l.useRef([]),[ye,A]=l.useState(o==null?void 0:o.length),Ce=()=>{var c,j,k;if(!(a!=null&&a.current)||((c=f==null?void 0:f.current)==null?void 0:c.length)===0)return;if(q){A(o==null?void 0:o.length);return}const e=(j=a==null?void 0:a.current)==null?void 0:j.offsetWidth;let n=0,i=0;for(let u=0;u<(o==null?void 0:o.length);u++){const v=((k=f==null?void 0:f.current[u])==null?void 0:k.offsetWidth)||0,g=n+v+4;if(g<=e)n+=g,i++;else break}A(i)};l.useEffect(()=>{const e=a==null?void 0:a.current;if(!e)return;const n=new ResizeObserver(()=>{Ce()});return n.observe(e),()=>{n.disconnect()}},[o,q]);const _e=()=>{var e;return r.jsx("div",{className:"tags-popover__trigger",children:(e=o==null?void 0:o.slice(0,ye))==null?void 0:e.map((n,i)=>{var v,g,H,K,Q;const c=((v=s==null?void 0:s[n==null?void 0:n.code])==null?void 0:v.icon)??((g=s==null?void 0:s.default)==null?void 0:g.icon)??"",j=((H=n==null?void 0:n.measurementUnit)==null?void 0:H.symbol)??((K=s==null?void 0:s[n==null?void 0:n.code])==null?void 0:K.measure)??"",u=[(n==null?void 0:n.value)??((Q=n==null?void 0:n.multiOptions)==null?void 0:Q[0])??"",j].filter(Boolean).join(" ");return r.jsxs(z,{ref:Pe=>f.current[i]=Pe,className:"tag",children:[r.jsx("i",{className:c}),u]},`detailed-products-section-tag__${i+1}`)})})},ke=()=>r.jsx("div",{className:"tags-popover__content",children:o==null?void 0:o.map((e,n)=>{var u,v,g;const i=((u=e==null?void 0:e.measurementUnit)==null?void 0:u.symbol)??((v=s==null?void 0:s[e==null?void 0:e.code])==null?void 0:v.measure)??"",j=[(e==null?void 0:e.value)??((g=e==null?void 0:e.multiOptions)==null?void 0:g[0])??"",i].filter(Boolean).join(" "),k=e==null?void 0:e.name;return r.jsxs("div",{children:[r.jsx("span",{className:"tags-popover__name",children:`${k}: `}),r.jsx("span",{className:"tags-popover__value",children:j})]},`detailed-products-section-tag-dropdown__${n+1}`)})}),Ne=()=>r.jsxs(r.Fragment,{children:[U&&r.jsx(z,{className:"tag",children:U},"detailed-products-section-tag__condition"),V&&r.jsx(z,{className:"tag",children:V},"detailed-products-section-tag__quantity"),B&&r.jsx(z,{className:"tag",children:B},"detailed-products-section-tag__trade")]}),X=S>0&&_&&P!==!0&&$!==!0&&S!==C,Se=p==null?void 0:p.some(e=>(e==null?void 0:e.salesPackageCode)==="FreeShipping"),Y=fe===!0&&!Se;return r.jsxs(Ve,{ref:a,className:"product-card","data-accessor":x==null?void 0:x.accessor,name:x==null?void 0:x.name,onClick:e=>ge(e,a),as:ve,...T?{to:`/product/${t.isDefinedNotEmptyString(F)?`${F}-`:""}${m}`}:{href:`/product/${t.isDefinedNotEmptyString(F)?`${F}-`:""}${m}`},children:[r.jsxs(Re,{className:"product-image-wrapper",children:[t.isDefined(b)&&r.jsx("div",{className:"prevent-el",onClick:e=>{e==null||e.preventDefault(),e==null||e.stopPropagation()},children:r.jsx(we,{})}),t.isDefined(O)?O:r.jsx($e.ProductImageWrapper,{src:ee})]}),(Y||p&&p.length>0)&&r.jsxs("div",{className:"campaign-badges",children:[Y&&r.jsx("div",{className:"campaign-badge campaign-badge-freeshipping",children:r.jsx(J,{icon:y==null?void 0:y.FREESHIPPING,sizeInUnits:"1rem"})}),p==null?void 0:p.map((e,n)=>{var i,c;return r.jsxs("div",{className:`campaign-badge campaign-badge-${(i=e==null?void 0:e.salesPackageCode)==null?void 0:i.toLowerCase()}`,children:[(e==null?void 0:e.salesPackageCode)!=="Urgent"&&r.jsx(J,{icon:y==null?void 0:y[(c=e==null?void 0:e.salesPackageCode)==null?void 0:c.toUpperCase()],sizeInUnits:"1rem"}),(e==null?void 0:e.salesPackageCode)==="Urgent"&&r.jsx(r.Fragment,{children:he})]},n)})]}),r.jsxs("div",{className:"wrapper-card-1",children:[r.jsx("div",{className:"seller",title:M,children:M}),r.jsx("div",{className:"card-title",children:Z})]}),r.jsxs("div",{className:"wrapper-card-3",onClick:e=>{e==null||e.preventDefault(),e==null||e.stopPropagation()},children:[G&&r.jsx("div",{...q?{}:{onMouseEnter:xe,onMouseLeave:je},children:r.jsxs(Ee,{placement:"bottom",open:be,children:[r.jsx(Fe,{children:_e()}),r.jsx(ze,{style:{all:"unset"},children:r.jsx(qe,{children:ke()})})]})}),!G&&Ne()]}),r.jsxs("div",{className:"wrapper-card-2",children:[r.jsxs("div",{className:`price-text ${X?"new-price":""}`,children:[C>0&&_&&P!==!0&&$!==!0&&r.jsx("div",{children:`${t.formatPrice(C)} ${t.GetCurrencySymbol(_)}`}),X&&r.jsx("div",{className:`${C>0?"full-price":""}`,children:`${t.formatPrice(S)} ${t.GetCurrencySymbol(_)}`}),P&&te,$&&oe]}),r.jsx("div",{className:"location-text",children:re})]}),ne===!0&&r.jsx(Oe,{sponsoredText:se})]})}),Ye=N.styled(h.SkeletonAnimationContainer)`
|
|
361
|
+
@media ${I.down("S")} {
|
|
362
|
+
& > div {
|
|
363
|
+
&:nth-of-type(even) {
|
|
364
|
+
display: none;
|
|
365
|
+
}
|
|
366
|
+
}
|
|
367
|
+
}
|
|
368
|
+
`,He=({keyPrefix:d})=>r.jsx(Ye,{children:[1,2,3,4,5].map(w=>r.jsxs(h.SkeletonColumnContainer,{gap:"0.5rem",children:[r.jsx(h.SkeletonSquare,{size:"13.75rem"}),r.jsx(h.SkeletonRect,{width:"100%"}),r.jsxs(h.SkeletonContainer,{gap:"0.5rem",children:[r.jsx(h.SkeletonRect,{width:"100%",height:"1rem"}),r.jsx(h.SkeletonRect,{width:"100%",height:"1rem"})]}),r.jsx(h.SkeletonRect,{width:"100%",height:"2rem"})]},`${d}-${w}`))}),Ke=({keyPrefix:d,isLoading:w=!1,fallbackComponent:m=r.jsx(r.Fragment,{}),children:D})=>r.jsx(l.Suspense,{fallbackComponent:m,children:w===!0?r.jsx(He,{keyPrefix:d}):D});exports.DetailedProductCard=Xe;exports.SuspenseDetailedProductCard=Ke;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const e=require("react/jsx-runtime"),c=require("react"),d=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),l=require("./breakpoints-CcVm-gVm.cjs"),w=require("./utils-
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),c=require("react"),d=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),l=require("./breakpoints-CcVm-gVm.cjs"),w=require("./utils-BK6B_Y9X.cjs"),f=require("./useDetectMobile-DYV6V1yw.cjs"),m=require("./Button.cjs"),y=require("./index-ChHUGfjn.cjs"),v=d.styled.a`
|
|
2
2
|
text-decoration: none;
|
|
3
3
|
color: var(--gray-950);
|
|
4
4
|
display: flex;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const l=require("react/jsx-runtime"),o=require("react"),O=require("./FlexBox.cjs"),B=require("./IconButton.cjs"),V=require("./ThemeProvider.cjs"),z=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),E=require("./breakpoints-CcVm-gVm.cjs"),L=require("./useDetectMobile-DYV6V1yw.cjs"),W=require("./index-DMbNpyIV.cjs"),C=require("./Button.cjs"),F=require("./Icon.cjs"),M=require("./utils-
|
|
1
|
+
"use strict";const l=require("react/jsx-runtime"),o=require("react"),O=require("./FlexBox.cjs"),B=require("./IconButton.cjs"),V=require("./ThemeProvider.cjs"),z=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),E=require("./breakpoints-CcVm-gVm.cjs"),L=require("./useDetectMobile-DYV6V1yw.cjs"),W=require("./index-DMbNpyIV.cjs"),C=require("./Button.cjs"),F=require("./Icon.cjs"),M=require("./utils-BK6B_Y9X.cjs"),G=z.styled.div`
|
|
2
2
|
position: relative;
|
|
3
3
|
padding: ${e=>e.padding};
|
|
4
4
|
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { jsx as e, Fragment as i } from "react/jsx-runtime";
|
|
2
|
+
import { Suspense as s } from "react";
|
|
3
|
+
import { S as m, a } from "./style-BFPpppS9.js";
|
|
4
|
+
import { s as l } from "./emotion-styled.browser.esm-DfbrHHed.js";
|
|
5
|
+
import { d as c } from "./breakpoints-BubDitvo.js";
|
|
6
|
+
const d = l(m)`
|
|
7
|
+
@media ${c("S")} {
|
|
8
|
+
flex-direction: column;
|
|
9
|
+
}
|
|
10
|
+
`, S = ({ keyPrefix: t }) => /* @__PURE__ */ e(d, { children: [1, 2, 3].map((o) => /* @__PURE__ */ e(a, { width: "100%", height: "23rem" }, `${t}-${o}`)) }), k = ({
|
|
11
|
+
keyPrefix: t,
|
|
12
|
+
isLoading: o = !1,
|
|
13
|
+
fallbackComponent: n = /* @__PURE__ */ e(i, {}),
|
|
14
|
+
children: r
|
|
15
|
+
}) => /* @__PURE__ */ e(s, { fallbackComponent: n, children: o === !0 ? /* @__PURE__ */ e(S, { keyPrefix: t }) : r });
|
|
16
|
+
export {
|
|
17
|
+
k as S
|
|
18
|
+
};
|
|
@@ -2,7 +2,7 @@ import { jsxs as u, jsx as e } from "react/jsx-runtime";
|
|
|
2
2
|
import { forwardRef as C, useState as h } from "react";
|
|
3
3
|
import { s as d } from "./emotion-styled.browser.esm-DfbrHHed.js";
|
|
4
4
|
import { d as w } from "./breakpoints-BubDitvo.js";
|
|
5
|
-
import { t as D, m as V } from "./utils-
|
|
5
|
+
import { t as D, m as V } from "./utils-BUdHa0nB.js";
|
|
6
6
|
import { u as E } from "./useDetectMobile-B0Jog4jQ.js";
|
|
7
7
|
import I from "./Button.js";
|
|
8
8
|
const M = d.div`
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsxs as l, jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as D, useRef as h, useEffect as L, Fragment as P } from "react";
|
|
3
3
|
import f from "./Icon.js";
|
|
4
|
-
import { n as d, m as w } from "./utils-
|
|
4
|
+
import { n as d, m as w } from "./utils-BUdHa0nB.js";
|
|
5
5
|
import { s as I } from "./emotion-styled.browser.esm-DfbrHHed.js";
|
|
6
6
|
import { d as W } from "./breakpoints-BubDitvo.js";
|
|
7
7
|
import { D as x } from "./ShopAvatar-4-fCYGEc.js";
|
|
8
|
-
import { P as A } from "./index-
|
|
8
|
+
import { P as A } from "./index-D6_3Q8lN.js";
|
|
9
9
|
const C = I.a`
|
|
10
10
|
text-decoration: none;
|
|
11
11
|
color: var(--gray-950);
|