@armoyu/ui 1.1.17 → 1.1.21
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/components/modules/poll/pages/PollsPage.d.ts.map +1 -1
- package/dist/components/modules/poll/pages/PollsPage.js +28 -2
- package/dist/components/modules/poll/pages/PollsPage.js.map +1 -1
- package/dist/components/modules/posts/widgets/SocialFeed.d.ts +3 -0
- package/dist/components/modules/posts/widgets/SocialFeed.d.ts.map +1 -1
- package/dist/components/modules/posts/widgets/SocialFeed.js +9 -9
- package/dist/components/modules/posts/widgets/SocialFeed.js.map +1 -1
- package/dist/components/modules/profile/ProfileLayout.d.ts.map +1 -1
- package/dist/components/modules/profile/ProfileLayout.js +44 -6
- package/dist/components/modules/profile/ProfileLayout.js.map +1 -1
- package/dist/components/modules/profile/tabs/GamesTab.d.ts.map +1 -1
- package/dist/components/modules/profile/tabs/GamesTab.js +18 -31
- package/dist/components/modules/profile/tabs/GamesTab.js.map +1 -1
- package/dist/components/modules/profile/tabs/MediaTab.d.ts.map +1 -1
- package/dist/components/modules/profile/tabs/MediaTab.js +3 -1
- package/dist/components/modules/profile/tabs/MediaTab.js.map +1 -1
- package/dist/components/modules/profile/tabs/PostsTab.d.ts.map +1 -1
- package/dist/components/modules/profile/tabs/PostsTab.js +1 -1
- package/dist/components/modules/profile/tabs/PostsTab.js.map +1 -1
- package/dist/components/modules/profile/tabs/QuestionsTab.d.ts +6 -0
- package/dist/components/modules/profile/tabs/QuestionsTab.d.ts.map +1 -0
- package/dist/components/modules/profile/tabs/QuestionsTab.js +42 -0
- package/dist/components/modules/profile/tabs/QuestionsTab.js.map +1 -0
- package/dist/components/modules/profile/tabs/TaggedPostsTab.d.ts +7 -0
- package/dist/components/modules/profile/tabs/TaggedPostsTab.d.ts.map +1 -0
- package/dist/components/modules/profile/tabs/TaggedPostsTab.js +12 -0
- package/dist/components/modules/profile/tabs/TaggedPostsTab.js.map +1 -0
- package/dist/components/modules/profile/tabs/WallTab.d.ts +7 -0
- package/dist/components/modules/profile/tabs/WallTab.d.ts.map +1 -0
- package/dist/components/modules/profile/tabs/WallTab.js +76 -0
- package/dist/components/modules/profile/tabs/WallTab.js.map +1 -0
- package/dist/components/modules/profile/widgets/ProfileBadgesWidget.d.ts.map +1 -1
- package/dist/components/modules/profile/widgets/ProfileBadgesWidget.js +9 -1
- package/dist/components/modules/profile/widgets/ProfileBadgesWidget.js.map +1 -1
- package/dist/components/modules/profile/widgets/ProfileGamesWidget.d.ts +7 -0
- package/dist/components/modules/profile/widgets/ProfileGamesWidget.d.ts.map +1 -0
- package/dist/components/modules/profile/widgets/ProfileGamesWidget.js +14 -0
- package/dist/components/modules/profile/widgets/ProfileGamesWidget.js.map +1 -0
- package/dist/components/modules/profile/widgets/ProfileGroupsWidget.d.ts +7 -0
- package/dist/components/modules/profile/widgets/ProfileGroupsWidget.d.ts.map +1 -0
- package/dist/components/modules/profile/widgets/ProfileGroupsWidget.js +14 -0
- package/dist/components/modules/profile/widgets/ProfileGroupsWidget.js.map +1 -0
- package/dist/components/modules/profile/widgets/ProfileInfoWidget.d.ts +9 -0
- package/dist/components/modules/profile/widgets/ProfileInfoWidget.d.ts.map +1 -0
- package/dist/components/modules/profile/widgets/ProfileInfoWidget.js +43 -0
- package/dist/components/modules/profile/widgets/ProfileInfoWidget.js.map +1 -0
- package/dist/components/modules/profile/widgets/ProfileSidebar.d.ts +4 -1
- package/dist/components/modules/profile/widgets/ProfileSidebar.d.ts.map +1 -1
- package/dist/components/modules/profile/widgets/ProfileSidebar.js +5 -3
- package/dist/components/modules/profile/widgets/ProfileSidebar.js.map +1 -1
- package/dist/components/modules/profile/widgets/ProfileStats.d.ts +3 -1
- package/dist/components/modules/profile/widgets/ProfileStats.d.ts.map +1 -1
- package/dist/components/modules/profile/widgets/ProfileStats.js +16 -12
- package/dist/components/modules/profile/widgets/ProfileStats.js.map +1 -1
- package/dist/components/modules/profile/widgets/ProfileTabsArea.d.ts +3 -1
- package/dist/components/modules/profile/widgets/ProfileTabsArea.d.ts.map +1 -1
- package/dist/components/modules/profile/widgets/ProfileTabsArea.js +17 -21
- package/dist/components/modules/profile/widgets/ProfileTabsArea.js.map +1 -1
- package/dist/components/modules/profile/widgets/SoulmateSelectorModal.d.ts +10 -0
- package/dist/components/modules/profile/widgets/SoulmateSelectorModal.d.ts.map +1 -0
- package/dist/components/modules/profile/widgets/SoulmateSelectorModal.js +19 -0
- package/dist/components/modules/profile/widgets/SoulmateSelectorModal.js.map +1 -0
- package/dist/components/modules/shop/CartLayout.d.ts +12 -0
- package/dist/components/modules/shop/CartLayout.d.ts.map +1 -0
- package/dist/components/modules/shop/CartLayout.js +17 -0
- package/dist/components/modules/shop/CartLayout.js.map +1 -0
- package/dist/components/modules/shop/CheckoutLayout.d.ts +8 -0
- package/dist/components/modules/shop/CheckoutLayout.d.ts.map +1 -0
- package/dist/components/modules/shop/CheckoutLayout.js +26 -0
- package/dist/components/modules/shop/CheckoutLayout.js.map +1 -0
- package/dist/components/modules/shop/DetailLayout.d.ts.map +1 -1
- package/dist/components/modules/shop/DetailLayout.js +3 -1
- package/dist/components/modules/shop/DetailLayout.js.map +1 -1
- package/dist/components/modules/shop/OrdersLayout.d.ts +15 -0
- package/dist/components/modules/shop/OrdersLayout.d.ts.map +1 -0
- package/dist/components/modules/shop/OrdersLayout.js +11 -0
- package/dist/components/modules/shop/OrdersLayout.js.map +1 -0
- package/dist/components/modules/shop/widgets/BackToStore.d.ts.map +1 -1
- package/dist/components/modules/shop/widgets/BackToStore.js +3 -1
- package/dist/components/modules/shop/widgets/BackToStore.js.map +1 -1
- package/dist/components/modules/shop/widgets/StoreSearchBar.d.ts +9 -0
- package/dist/components/modules/shop/widgets/StoreSearchBar.d.ts.map +1 -0
- package/dist/components/modules/shop/widgets/StoreSearchBar.js +15 -0
- package/dist/components/modules/shop/widgets/StoreSearchBar.js.map +1 -0
- package/dist/components/showcase/ShopTab.d.ts.map +1 -1
- package/dist/components/showcase/ShopTab.js +32 -1
- package/dist/components/showcase/ShopTab.js.map +1 -1
- package/dist/components/showcase/ShowcaseNavigation.js +1 -1
- package/dist/components/showcase/ShowcaseNavigation.js.map +1 -1
- package/dist/index.d.ts +5 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +12 -1
- package/dist/index.js.map +1 -1
- package/dist/models/auth/User.d.ts +3 -1
- package/dist/models/auth/User.d.ts.map +1 -1
- package/dist/models/auth/User.js +12 -4
- package/dist/models/auth/User.js.map +1 -1
- package/dist/models/community/Survey.d.ts.map +1 -1
- package/dist/models/community/Survey.js +14 -9
- package/dist/models/community/Survey.js.map +1 -1
- package/dist/models/community/SurveyAnswer.js +3 -3
- package/dist/models/community/SurveyAnswer.js.map +1 -1
- package/dist/models/social/gaming/Game.d.ts +7 -0
- package/dist/models/social/gaming/Game.d.ts.map +1 -1
- package/dist/models/social/gaming/Game.js +19 -8
- package/dist/models/social/gaming/Game.js.map +1 -1
- package/package.json +2 -2
|
@@ -5,21 +5,21 @@ exports.ProfileTabsArea = ProfileTabsArea;
|
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const react_1 = require("react");
|
|
7
7
|
const PostsTab_1 = require("../tabs/PostsTab");
|
|
8
|
-
const
|
|
8
|
+
const WallTab_1 = require("../tabs/WallTab");
|
|
9
|
+
const TaggedPostsTab_1 = require("../tabs/TaggedPostsTab");
|
|
9
10
|
const CareerTab_1 = require("../tabs/CareerTab");
|
|
10
11
|
const GamesTab_1 = require("../tabs/GamesTab");
|
|
11
12
|
const GroupsTab_1 = require("../tabs/GroupsTab");
|
|
12
13
|
const FriendsTab_1 = require("../tabs/FriendsTab");
|
|
13
14
|
const MediaTab_1 = require("../tabs/MediaTab");
|
|
15
|
+
const QuestionsTab_1 = require("../tabs/QuestionsTab");
|
|
14
16
|
const AuthContext_1 = require("../../../../context/AuthContext");
|
|
15
17
|
const lucide_react_1 = require("lucide-react");
|
|
16
18
|
const TeamSelectorModal_1 = require("./TeamSelectorModal");
|
|
17
|
-
function ProfileTabsArea({ displayUser, isOwnProfile, activeTab, setActiveTab, friends, hasMoreFriends, isLoadingFriends, onLoadMoreFriends }) {
|
|
19
|
+
function ProfileTabsArea({ displayUser, isOwnProfile, activeTab, setActiveTab, friends, hasMoreFriends, isLoadingFriends, hasFetchedFriends, onLoadMoreFriends }) {
|
|
18
20
|
const { user: currentUser, updateUser } = (0, AuthContext_1.useAuth)();
|
|
19
21
|
const [isTeamModalOpen, setIsTeamModalOpen] = (0, react_1.useState)(false);
|
|
20
|
-
const [isBioModalOpen, setIsBioModalOpen] = (0, react_1.useState)(false);
|
|
21
22
|
const [showTeamBanner, setShowTeamBanner] = (0, react_1.useState)(false);
|
|
22
|
-
const [tempBio, setTempBio] = (0, react_1.useState)(displayUser?.bio || '');
|
|
23
23
|
(0, react_1.useEffect)(() => {
|
|
24
24
|
// Show banner only on own profile and if team is missing and not dismissed
|
|
25
25
|
if (isOwnProfile && !displayUser?.favoriteTeam) {
|
|
@@ -29,11 +29,6 @@ function ProfileTabsArea({ displayUser, isOwnProfile, activeTab, setActiveTab, f
|
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
31
|
}, [isOwnProfile, displayUser]);
|
|
32
|
-
(0, react_1.useEffect)(() => {
|
|
33
|
-
if (displayUser?.bio) {
|
|
34
|
-
setTempBio(displayUser.bio);
|
|
35
|
-
}
|
|
36
|
-
}, [displayUser]);
|
|
37
32
|
const handleTeamSelect = (team, zodiac) => {
|
|
38
33
|
if (displayUser) {
|
|
39
34
|
if (isOwnProfile && currentUser) {
|
|
@@ -48,21 +43,22 @@ function ProfileTabsArea({ displayUser, isOwnProfile, activeTab, setActiveTab, f
|
|
|
48
43
|
setShowTeamBanner(false);
|
|
49
44
|
localStorage.setItem(`team_prompt_dismissed_${displayUser?.id}`, 'true');
|
|
50
45
|
};
|
|
51
|
-
const
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
};
|
|
60
|
-
const tabs = ['
|
|
46
|
+
const [visitedTabs, setVisitedTabs] = (0, react_1.useState)(new Set([activeTab]));
|
|
47
|
+
// Reset visitedTabs when user changes to prevent "ghosting" of cached tabs
|
|
48
|
+
(0, react_1.useEffect)(() => {
|
|
49
|
+
setVisitedTabs(new Set([activeTab]));
|
|
50
|
+
console.log(`[ProfileTabsArea] Visited tabs reset for new user: ${displayUser?.username}`);
|
|
51
|
+
}, [displayUser?.id, displayUser?.username]);
|
|
52
|
+
(0, react_1.useEffect)(() => {
|
|
53
|
+
setVisitedTabs(prev => new Set(prev).add(activeTab));
|
|
54
|
+
}, [activeTab]);
|
|
55
|
+
const tabs = ['Duvar', 'Gönderiler', 'Etiketlenenler', 'Medya', 'Kariyer', 'Soru-Cevap'];
|
|
56
|
+
const hideTabsMenu = ['Arkadaşlar', 'Gruplar', 'Oynadığı Oyunlar'].includes(activeTab);
|
|
61
57
|
return ((0, jsx_runtime_1.jsxs)("div", { className: "flex-1 min-w-0 flex flex-col gap-6", children: [showTeamBanner && ((0, jsx_runtime_1.jsxs)("div", { className: "glass-panel p-6 rounded-[32px] border border-blue-500/30 bg-blue-600/5 relative overflow-hidden group animate-in slide-in-from-top duration-700", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute -right-8 -top-8 w-32 h-32 bg-blue-500/10 blur-3xl rounded-full group-hover:scale-150 transition-transform duration-1000" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col md:flex-row items-center justify-between gap-6 relative z-10", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-5 text-center md:text-left", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-16 h-16 rounded-[24px] bg-blue-600 flex items-center justify-center text-white shadow-xl shadow-blue-600/20", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Shield, { size: 32 }) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h3", { className: "text-lg font-black text-armoyu-text uppercase italic tracking-tighter leading-none", children: "TAKIMINI SE\u00C7MED\u0130N!" }), (0, jsx_runtime_1.jsx)("p", { className: "text-xs font-bold text-armoyu-text-muted mt-2 max-w-xs leading-relaxed uppercase tracking-wider italic", children: "Favori tak\u0131m\u0131n\u0131 ve burcunu ekleyerek profilini daha renkli hale getir." })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 w-full md:w-auto", children: [(0, jsx_runtime_1.jsx)("button", { onClick: () => setIsTeamModalOpen(true), className: "flex-1 md:flex-none px-8 py-3.5 bg-blue-600 hover:bg-blue-500 text-white font-black rounded-2xl text-[10px] uppercase tracking-widest shadow-xl shadow-blue-600/20 transition-all active:scale-95 italic", children: "\u015E\u0130MD\u0130 SE\u00C7" }), (0, jsx_runtime_1.jsx)("button", { onClick: () => {
|
|
62
58
|
setShowTeamBanner(false);
|
|
63
59
|
localStorage.setItem(`team_prompt_dismissed_${displayUser?.id}`, 'true');
|
|
64
|
-
}, className: "p-3.5 text-armoyu-text-muted hover:text-armoyu-text bg-black/5 hover:bg-black/10 rounded-2xl transition-all", children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { size: 18 }) })] })] })] })), (0, jsx_runtime_1.jsx)("div", { className: "bg-armoyu-card-bg border border-armoyu-card-border rounded-2xl p-2 shadow-sm overflow-x-auto hide-scrollbar", children: (0, jsx_runtime_1.jsx)("div", { className: "flex gap-2 min-w-max", children: tabs.map((tab) => ((0, jsx_runtime_1.jsx)("button", { onClick: () => setActiveTab(tab), className: `px-5 py-2.5 rounded-xl text-sm font-bold transition-all ${activeTab === tab
|
|
60
|
+
}, className: "p-3.5 text-armoyu-text-muted hover:text-armoyu-text bg-black/5 hover:bg-black/10 rounded-2xl transition-all", children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { size: 18 }) })] })] })] })), !hideTabsMenu && ((0, jsx_runtime_1.jsx)("div", { className: "bg-armoyu-card-bg border border-armoyu-card-border rounded-2xl p-2 shadow-sm overflow-x-auto hide-scrollbar", children: (0, jsx_runtime_1.jsx)("div", { className: "flex gap-2 min-w-max", children: tabs.map((tab) => ((0, jsx_runtime_1.jsx)("button", { onClick: () => setActiveTab(tab), className: `px-5 py-2.5 rounded-xl text-sm font-bold transition-all ${activeTab === tab
|
|
65
61
|
? 'bg-blue-500 text-white shadow-[0_0_15px_rgba(37,99,235,0.4)]'
|
|
66
|
-
: 'text-armoyu-text-muted hover:text-armoyu-text hover:bg-black/5 dark:hover:bg-white/5'}`, children: tab }, tab))) }) }), (0, jsx_runtime_1.jsxs)("div", { className: "min-h-[400px]", children: [
|
|
62
|
+
: 'text-armoyu-text-muted hover:text-armoyu-text hover:bg-black/5 dark:hover:bg-white/5'}`, children: tab }, tab))) }) })), (0, jsx_runtime_1.jsxs)("div", { className: "min-h-[400px]", children: [visitedTabs.has('Duvar') && ((0, jsx_runtime_1.jsx)("div", { style: { display: activeTab === 'Duvar' ? 'block' : 'none' }, children: (0, jsx_runtime_1.jsx)(WallTab_1.WallTab, { user: displayUser || null }) })), visitedTabs.has('Gönderiler') && ((0, jsx_runtime_1.jsx)("div", { style: { display: activeTab === 'Gönderiler' ? 'block' : 'none' }, children: (0, jsx_runtime_1.jsx)(PostsTab_1.PostsTab, { user: displayUser || null }) })), visitedTabs.has('Etiketlenenler') && ((0, jsx_runtime_1.jsx)("div", { style: { display: activeTab === 'Etiketlenenler' ? 'block' : 'none' }, children: (0, jsx_runtime_1.jsx)(TaggedPostsTab_1.TaggedPostsTab, { user: displayUser || null }) })), visitedTabs.has('Medya') && ((0, jsx_runtime_1.jsx)("div", { style: { display: activeTab === 'Medya' ? 'block' : 'none' }, children: (0, jsx_runtime_1.jsx)(MediaTab_1.MediaTab, { user: displayUser || null }) })), visitedTabs.has('Kariyer') && ((0, jsx_runtime_1.jsx)("div", { style: { display: activeTab === 'Kariyer' ? 'block' : 'none' }, children: (0, jsx_runtime_1.jsx)(CareerTab_1.CareerTab, { displayUser: displayUser }) })), visitedTabs.has('Soru-Cevap') && ((0, jsx_runtime_1.jsx)("div", { style: { display: activeTab === 'Soru-Cevap' ? 'block' : 'none' }, children: (0, jsx_runtime_1.jsx)(QuestionsTab_1.QuestionsTab, { isOwnProfile: isOwnProfile }) })), visitedTabs.has('Oynadığı Oyunlar') && ((0, jsx_runtime_1.jsx)("div", { style: { display: activeTab === 'Oynadığı Oyunlar' ? 'block' : 'none' }, children: (0, jsx_runtime_1.jsx)(GamesTab_1.GamesTab, { user: displayUser }) })), visitedTabs.has('Gruplar') && ((0, jsx_runtime_1.jsx)("div", { style: { display: activeTab === 'Gruplar' ? 'block' : 'none' }, children: (0, jsx_runtime_1.jsx)(GroupsTab_1.GroupsTab, { groups: displayUser?.groups || [] }) })), visitedTabs.has('Arkadaşlar') && ((0, jsx_runtime_1.jsx)("div", { style: { display: activeTab === 'Arkadaşlar' ? 'block' : 'none' }, children: (0, jsx_runtime_1.jsx)(FriendsTab_1.FriendsTab, { friends: hasFetchedFriends ? friends : (displayUser?.friends || []), hasMore: hasMoreFriends, isLoading: isLoadingFriends, onLoadMore: onLoadMoreFriends }) }))] }), (0, jsx_runtime_1.jsx)(TeamSelectorModal_1.TeamSelectorModal, { isOpen: isTeamModalOpen, onClose: () => setIsTeamModalOpen(false), onSelect: handleTeamSelect })] }));
|
|
67
63
|
}
|
|
68
64
|
//# sourceMappingURL=ProfileTabsArea.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProfileTabsArea.js","sourceRoot":"","sources":["../../../../../src/components/modules/profile/widgets/ProfileTabsArea.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"ProfileTabsArea.js","sourceRoot":"","sources":["../../../../../src/components/modules/profile/widgets/ProfileTabsArea.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { User } from '../../../../models/auth/User';
|
|
2
|
+
interface SoulmateSelectorModalProps {
|
|
3
|
+
isOpen: boolean;
|
|
4
|
+
onClose: () => void;
|
|
5
|
+
friends: User[];
|
|
6
|
+
onSelect: (user: User) => void;
|
|
7
|
+
}
|
|
8
|
+
export declare function SoulmateSelectorModal({ isOpen, onClose, friends, onSelect }: SoulmateSelectorModalProps): import("react/jsx-runtime").JSX.Element | null;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=SoulmateSelectorModal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SoulmateSelectorModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/modules/profile/widgets/SoulmateSelectorModal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAGpD,UAAU,0BAA0B;IAClC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,IAAI,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CAChC;AAED,wBAAgB,qBAAqB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,0BAA0B,kDA0FvG"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
'use client';
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.SoulmateSelectorModal = SoulmateSelectorModal;
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const react_1 = require("react");
|
|
7
|
+
const lucide_react_1 = require("lucide-react");
|
|
8
|
+
function SoulmateSelectorModal({ isOpen, onClose, friends, onSelect }) {
|
|
9
|
+
const [search, setSearch] = (0, react_1.useState)('');
|
|
10
|
+
if (!isOpen)
|
|
11
|
+
return null;
|
|
12
|
+
const filteredFriends = friends.filter(f => f.username.toLowerCase().includes(search.toLowerCase()) ||
|
|
13
|
+
f.displayName.toLowerCase().includes(search.toLowerCase()));
|
|
14
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "fixed inset-0 z-[600] flex items-center justify-center p-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 bg-black/60 backdrop-blur-md", onClick: onClose }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-armoyu-card-bg border border-armoyu-card-border rounded-[40px] w-full max-w-lg relative z-10 overflow-hidden shadow-2xl animate-in zoom-in-95 duration-300", children: [(0, jsx_runtime_1.jsxs)("div", { className: "p-8 border-b border-armoyu-card-border flex justify-between items-center bg-gradient-to-r from-pink-500/10 to-transparent", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-12 h-12 rounded-2xl bg-pink-500 flex items-center justify-center text-white shadow-xl shadow-pink-500/20", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Heart, { size: 24, fill: "currentColor" }) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h3", { className: "text-xl font-black text-armoyu-text italic uppercase tracking-tighter", children: "RUH E\u015E\u0130N\u0130 SE\u00C7" }), (0, jsx_runtime_1.jsx)("p", { className: "text-xs font-bold text-armoyu-text-muted uppercase tracking-widest opacity-60", children: "Sana en yak\u0131n olan\u0131 belirle" })] })] }), (0, jsx_runtime_1.jsx)("button", { onClick: onClose, className: "p-3 text-armoyu-text-muted hover:text-red-500 bg-black/5 hover:bg-black/10 rounded-2xl transition-all", children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { size: 24 }) })] }), (0, jsx_runtime_1.jsx)("div", { className: "p-6", children: (0, jsx_runtime_1.jsxs)("div", { className: "relative group", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Search, { className: "absolute left-5 top-1/2 -translate-y-1/2 w-4 h-4 text-zinc-500 group-focus-within:text-pink-500 transition-colors" }), (0, jsx_runtime_1.jsx)("input", { type: "text", value: search, onChange: (e) => setSearch(e.target.value), placeholder: "Arkada\u015Flar\u0131nda ara...", className: "w-full bg-black/5 dark:bg-white/5 border border-armoyu-card-border focus:border-pink-500/50 rounded-2xl pl-14 pr-6 py-4 text-sm font-bold text-armoyu-text outline-none transition-all" })] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "max-h-[400px] overflow-y-auto px-6 pb-6 space-y-2 no-scrollbar", children: [filteredFriends.map((friend) => ((0, jsx_runtime_1.jsxs)("button", { onClick: () => {
|
|
15
|
+
onSelect(friend);
|
|
16
|
+
onClose();
|
|
17
|
+
}, className: "w-full flex items-center gap-4 p-4 rounded-3xl hover:bg-pink-500/5 border border-transparent hover:border-pink-500/20 transition-all group", children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [(0, jsx_runtime_1.jsx)("img", { src: friend.avatar || 'https://via.placeholder.com/100', alt: friend.username, className: "w-12 h-12 rounded-2xl object-cover shadow-lg group-hover:scale-105 transition-transform" }), (0, jsx_runtime_1.jsx)("div", { className: "absolute -right-1 -bottom-1 w-5 h-5 bg-white dark:bg-zinc-900 rounded-lg flex items-center justify-center shadow-md", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Heart, { size: 10, className: "text-pink-500", fill: "currentColor" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1 text-left", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-sm font-black text-armoyu-text uppercase tracking-tight", children: friend.displayName }), (0, jsx_runtime_1.jsxs)("p", { className: "text-[10px] font-bold text-armoyu-text-muted uppercase tracking-widest opacity-50", children: ["@", friend.username] })] }), (0, jsx_runtime_1.jsx)("div", { className: "opacity-0 group-hover:opacity-100 transition-all translate-x-2 group-hover:translate-x-0", children: (0, jsx_runtime_1.jsx)("button", { className: "px-4 py-2 bg-pink-500 text-white text-[10px] font-black rounded-xl uppercase tracking-widest shadow-lg shadow-pink-500/20", children: "SE\u00C7" }) })] }, friend.id))), filteredFriends.length === 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "py-12 text-center opacity-40", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Heart, { size: 48, className: "mx-auto mb-4 text-zinc-500" }), (0, jsx_runtime_1.jsx)("p", { className: "text-xs font-black uppercase tracking-[0.2em]", children: "Arkada\u015F Bulunamad\u0131" })] }))] })] })] }));
|
|
18
|
+
}
|
|
19
|
+
//# sourceMappingURL=SoulmateSelectorModal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SoulmateSelectorModal.js","sourceRoot":"","sources":["../../../../../src/components/modules/profile/widgets/SoulmateSelectorModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { CartItem } from '../../../models/shop/CartItem';
|
|
2
|
+
interface CartLayoutProps {
|
|
3
|
+
cart: CartItem[];
|
|
4
|
+
totalPrice: number;
|
|
5
|
+
onUpdateQuantity: (productId: string, quantity: number) => void;
|
|
6
|
+
onRemoveFromCart: (productId: string) => void;
|
|
7
|
+
onCheckout: () => void;
|
|
8
|
+
onBackToStore: () => void;
|
|
9
|
+
}
|
|
10
|
+
export declare function CartLayout({ cart, totalPrice, onUpdateQuantity, onRemoveFromCart, onCheckout, onBackToStore }: CartLayoutProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=CartLayout.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CartLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/shop/CartLayout.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAGzD,UAAU,eAAe;IACvB,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,gBAAgB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AAID,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,UAAU,EACV,aAAa,EACd,EAAE,eAAe,2CAsIjB"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
'use client';
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.CartLayout = CartLayout;
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const lucide_react_1 = require("lucide-react");
|
|
7
|
+
const BackToStore_1 = require("./widgets/BackToStore");
|
|
8
|
+
function CartLayout({ cart, totalPrice, onUpdateQuantity, onRemoveFromCart, onCheckout, onBackToStore }) {
|
|
9
|
+
const formatPrice = (price) => {
|
|
10
|
+
return new Intl.NumberFormat('tr-TR', { style: 'currency', currency: 'TRY' }).format(price);
|
|
11
|
+
};
|
|
12
|
+
const subtotal = totalPrice;
|
|
13
|
+
const tax = subtotal * 0.20; // %20 KDV
|
|
14
|
+
const total = subtotal + tax;
|
|
15
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "animate-in fade-in duration-1000", children: [(0, jsx_runtime_1.jsx)("div", { className: "mb-8", children: (0, jsx_runtime_1.jsx)(BackToStore_1.BackToStore, {}) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-6 mb-12", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-16 h-16 rounded-[24px] bg-blue-600/10 flex items-center justify-center text-blue-600", children: (0, jsx_runtime_1.jsx)(lucide_react_1.ShoppingBag, { size: 32 }) }), (0, jsx_runtime_1.jsxs)("h1", { className: "text-5xl md:text-7xl font-black text-armoyu-text uppercase tracking-tighter italic leading-none", children: ["SEPET\u0130M ", (0, jsx_runtime_1.jsxs)("span", { className: "text-blue-600", children: ["(", cart.length, ")"] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-1 lg:grid-cols-12 gap-12 items-start", children: [(0, jsx_runtime_1.jsx)("div", { className: "lg:col-span-8 space-y-6", children: cart.map((item) => ((0, jsx_runtime_1.jsxs)("div", { className: "glass-panel p-8 rounded-[48px] border border-armoyu-card-border bg-armoyu-card-bg flex flex-col sm:flex-row gap-8 items-center group relative overflow-hidden transition-all hover:shadow-2xl hover:shadow-blue-500/5", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 bg-gradient-to-r from-blue-500/[0.02] to-transparent opacity-0 group-hover:opacity-100 transition-opacity" }), (0, jsx_runtime_1.jsxs)("div", { className: "relative w-32 h-32 shrink-0 z-10 transition-transform duration-500 group-hover:scale-105", children: [(0, jsx_runtime_1.jsx)("img", { src: item.product.image, alt: item.product.name, className: "w-full h-full rounded-[32px] object-cover border border-white/10 shadow-xl" }), (0, jsx_runtime_1.jsx)("div", { className: "absolute -top-3 -left-3 w-8 h-8 rounded-xl bg-blue-600 text-white flex items-center justify-center text-[10px] font-black shadow-lg", children: item.quantity })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1 min-w-0 z-10 text-center sm:text-left", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-[10px] font-black text-blue-500 uppercase tracking-widest mb-1 block", children: item.product.category }), (0, jsx_runtime_1.jsx)("h3", { className: "text-2xl font-black text-armoyu-text uppercase tracking-tight truncate italic mb-2", children: item.product.name }), (0, jsx_runtime_1.jsx)("p", { className: "text-blue-600 font-black text-xl", children: formatPrice(item.product.price) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-6 bg-black/5 dark:bg-white/5 p-3 rounded-[24px] border border-white/5 z-10", children: [(0, jsx_runtime_1.jsx)("button", { onClick: () => onUpdateQuantity(item.product.id, item.quantity - 1), className: "w-10 h-10 flex items-center justify-center rounded-xl bg-white/5 hover:bg-blue-600 hover:text-white text-armoyu-text transition-all active:scale-90", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Minus, { size: 18, strokeWidth: 3 }) }), (0, jsx_runtime_1.jsx)("span", { className: "text-lg font-black text-armoyu-text w-6 text-center", children: item.quantity }), (0, jsx_runtime_1.jsx)("button", { onClick: () => onUpdateQuantity(item.product.id, item.quantity + 1), className: "w-10 h-10 flex items-center justify-center rounded-xl bg-white/5 hover:bg-blue-600 hover:text-white text-armoyu-text transition-all active:scale-90", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Plus, { size: 18, strokeWidth: 3 }) })] }), (0, jsx_runtime_1.jsx)("button", { onClick: () => onRemoveFromCart(item.product.id), className: "p-4 text-armoyu-text-muted hover:text-rose-500 hover:bg-rose-500/10 rounded-2xl transition-all z-10 active:scale-90", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Trash2, { size: 24, strokeWidth: 2.5 }) })] }, item.product.id))) }), (0, jsx_runtime_1.jsxs)("div", { className: "lg:col-span-4 space-y-8", children: [(0, jsx_runtime_1.jsxs)("div", { className: "glass-panel p-10 rounded-[56px] border border-armoyu-card-border bg-armoyu-card-bg shadow-2xl shadow-blue-500/10 relative overflow-hidden", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute top-0 right-0 w-32 h-32 bg-blue-600/5 blur-3xl -z-10" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 mb-10 border-b border-white/5 pb-6", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.CreditCard, { size: 20, className: "text-blue-500" }), (0, jsx_runtime_1.jsx)("h2", { className: "text-xs font-black text-armoyu-text uppercase tracking-[0.2em]", children: "\u00D6DEME \u00D6ZET\u0130" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-5 mb-10", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between text-sm font-bold text-armoyu-text-muted uppercase tracking-tight", children: [(0, jsx_runtime_1.jsx)("span", { children: "ARA TOPLAM" }), (0, jsx_runtime_1.jsx)("span", { className: "text-armoyu-text", children: formatPrice(subtotal) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between text-sm font-bold text-armoyu-text-muted uppercase tracking-tight", children: [(0, jsx_runtime_1.jsx)("span", { children: "KDV (%20)" }), (0, jsx_runtime_1.jsx)("span", { className: "text-armoyu-text", children: formatPrice(tax) })] }), (0, jsx_runtime_1.jsx)("div", { className: "pt-6 border-t border-white/5 flex justify-between items-end", children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { className: "text-[10px] font-black text-blue-500 uppercase tracking-widest block mb-1", children: "\u00D6DENECEK TUTAR" }), (0, jsx_runtime_1.jsx)("span", { className: "text-3xl font-black text-armoyu-text italic leading-none", children: formatPrice(total) })] }) })] }), (0, jsx_runtime_1.jsxs)("button", { onClick: onCheckout, className: "group relative w-full py-6 bg-blue-600 hover:bg-blue-500 text-white font-black text-xs uppercase tracking-[0.2em] rounded-[24px] transition-all shadow-2xl shadow-blue-500/20 text-center block active:scale-95 overflow-hidden", children: [(0, jsx_runtime_1.jsx)("span", { className: "relative z-10", children: "G\u00DCVENL\u0130 \u00D6DEMEYE GE\u00C7" }), (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 bg-gradient-to-r from-transparent via-white/20 to-transparent -translate-x-full group-hover:animate-shimmer" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-center gap-2 mt-8 opacity-40", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.ShieldCheck, { size: 14, className: "text-emerald-500" }), (0, jsx_runtime_1.jsx)("p", { className: "text-[9px] text-armoyu-text-muted font-black uppercase tracking-widest text-center", children: "256-BIT SSL SECURE PAYMENT" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "glass-panel p-8 rounded-[40px] border border-armoyu-card-border bg-armoyu-card-bg group", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 mb-6 opacity-60", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Ticket, { size: 18, className: "text-blue-500" }), (0, jsx_runtime_1.jsx)("span", { className: "text-[10px] font-black text-armoyu-text uppercase tracking-widest", children: "KUPON KODU" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2", children: [(0, jsx_runtime_1.jsx)("input", { type: "text", placeholder: "KODU BURAYA YAZ", className: "flex-1 bg-black/10 dark:bg-white/5 border border-white/5 rounded-2xl px-5 py-4 text-[10px] font-black uppercase tracking-widest focus:outline-none focus:border-blue-500 transition-all placeholder:opacity-30" }), (0, jsx_runtime_1.jsx)("button", { className: "px-8 py-4 bg-white/5 hover:bg-blue-600 hover:text-white text-armoyu-text font-black text-[10px] uppercase tracking-widest rounded-2xl transition-all border border-white/5 active:scale-95", children: "UYGULA" })] })] })] })] })] }));
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=CartLayout.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CartLayout.js","sourceRoot":"","sources":["../../../../src/components/modules/shop/CartLayout.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
interface CheckoutLayoutProps {
|
|
2
|
+
onBack: () => void;
|
|
3
|
+
onSuccess: () => void;
|
|
4
|
+
totalAmount: number;
|
|
5
|
+
}
|
|
6
|
+
export declare function CheckoutLayout({ onBack, onSuccess, totalAmount }: CheckoutLayoutProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=CheckoutLayout.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckoutLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/shop/CheckoutLayout.tsx"],"names":[],"mappings":"AAKA,UAAU,mBAAmB;IAC3B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,mBAAmB,2CAqLrF"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
'use client';
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.CheckoutLayout = CheckoutLayout;
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const react_1 = require("react");
|
|
7
|
+
const lucide_react_1 = require("lucide-react");
|
|
8
|
+
function CheckoutLayout({ onBack, onSuccess, totalAmount }) {
|
|
9
|
+
const [step, setStep] = (0, react_1.useState)(1);
|
|
10
|
+
const [formData, setFormData] = (0, react_1.useState)({
|
|
11
|
+
name: '',
|
|
12
|
+
email: '',
|
|
13
|
+
phone: '',
|
|
14
|
+
cardNumber: '',
|
|
15
|
+
expiry: '',
|
|
16
|
+
cvv: ''
|
|
17
|
+
});
|
|
18
|
+
const handleInputChange = (e) => {
|
|
19
|
+
setFormData({ ...formData, [e.target.name]: e.target.value });
|
|
20
|
+
};
|
|
21
|
+
const formatPrice = (price) => {
|
|
22
|
+
return new Intl.NumberFormat('tr-TR', { style: 'currency', currency: 'TRY' }).format(price);
|
|
23
|
+
};
|
|
24
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "animate-in fade-in slide-in-from-bottom-8 duration-700", children: [(0, jsx_runtime_1.jsxs)("div", { className: "mb-12", children: [(0, jsx_runtime_1.jsxs)("button", { onClick: onBack, className: "group inline-flex items-center gap-3 px-6 py-3 bg-white/5 hover:bg-white/10 text-armoyu-text rounded-2xl font-black text-[10px] uppercase tracking-widest transition-all border border-white/5 mb-8 active:scale-95", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.ArrowLeft, { size: 16, className: "group-hover:-translate-x-1 transition-transform" }), (0, jsx_runtime_1.jsx)("span", { children: "GER\u0130 D\u00D6N" })] }), (0, jsx_runtime_1.jsxs)("h1", { className: "text-4xl md:text-6xl font-black text-armoyu-text uppercase tracking-tighter italic leading-tight text-center", children: ["G\u00DCVENL\u0130 ", (0, jsx_runtime_1.jsx)("span", { className: "text-blue-600", children: "\u00D6DEME" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-center gap-4 mt-8", children: [(0, jsx_runtime_1.jsx)("div", { className: `w-10 h-10 rounded-full flex items-center justify-center font-black text-xs transition-all ${step >= 1 ? 'bg-blue-600 text-white shadow-lg shadow-blue-500/20' : 'bg-white/5 text-armoyu-text-muted border border-white/10'}`, children: "1" }), (0, jsx_runtime_1.jsx)("div", { className: `w-12 h-0.5 rounded-full ${step >= 2 ? 'bg-blue-600' : 'bg-white/10'}` }), (0, jsx_runtime_1.jsx)("div", { className: `w-10 h-10 rounded-full flex items-center justify-center font-black text-xs transition-all ${step >= 2 ? 'bg-blue-600 text-white shadow-lg shadow-blue-500/20' : 'bg-white/5 text-armoyu-text-muted border border-white/10'}`, children: "2" }), (0, jsx_runtime_1.jsx)("div", { className: `w-12 h-0.5 rounded-full ${step >= 3 ? 'bg-blue-600' : 'bg-white/10'}` }), (0, jsx_runtime_1.jsx)("div", { className: `w-10 h-10 rounded-full flex items-center justify-center font-black text-xs transition-all ${step >= 3 ? 'bg-blue-600 text-white shadow-lg shadow-blue-500/20' : 'bg-white/5 text-armoyu-text-muted border border-white/10'}`, children: "3" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-12 max-w-5xl mx-auto", children: [(0, jsx_runtime_1.jsxs)("div", { className: "space-y-8 animate-in fade-in slide-in-from-left-4 duration-500", children: [step === 1 && ((0, jsx_runtime_1.jsxs)("div", { className: "glass-panel p-8 rounded-[40px] border border-armoyu-card-border bg-armoyu-card-bg shadow-xl", children: [(0, jsx_runtime_1.jsx)("h2", { className: "text-sm font-black text-armoyu-text uppercase tracking-widest mb-8", children: "\u0130LET\u0130\u015E\u0130M B\u0130LG\u0130LER\u0130" }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsx)("label", { className: "text-[10px] font-black text-armoyu-text-muted uppercase tracking-widest ml-1", children: "Ad Soyad" }), (0, jsx_runtime_1.jsx)("input", { type: "text", name: "name", value: formData.name, onChange: handleInputChange, placeholder: "Ad\u0131n\u0131z ve Soyad\u0131n\u0131z", className: "w-full bg-black/10 dark:bg-white/5 border border-white/10 rounded-2xl px-6 py-4 text-sm font-bold text-armoyu-text focus:outline-none focus:border-blue-500 transition-all shadow-inner" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsx)("label", { className: "text-[10px] font-black text-armoyu-text-muted uppercase tracking-widest ml-1", children: "E-Posta" }), (0, jsx_runtime_1.jsx)("input", { type: "email", name: "email", value: formData.email, onChange: handleInputChange, placeholder: "ornek@mail.com", className: "w-full bg-black/10 dark:bg-white/5 border border-white/10 rounded-2xl px-6 py-4 text-sm font-bold text-armoyu-text focus:outline-none focus:border-blue-500 transition-all shadow-inner" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsx)("label", { className: "text-[10px] font-black text-armoyu-text-muted uppercase tracking-widest ml-1", children: "Telefon" }), (0, jsx_runtime_1.jsx)("input", { type: "tel", name: "phone", value: formData.phone, onChange: handleInputChange, placeholder: "05XX XXX XX XX", className: "w-full bg-black/10 dark:bg-white/5 border border-white/10 rounded-2xl px-6 py-4 text-sm font-bold text-armoyu-text focus:outline-none focus:border-blue-500 transition-all shadow-inner" })] }), (0, jsx_runtime_1.jsxs)("button", { onClick: () => setStep(2), className: "group w-full py-5 bg-blue-600 hover:bg-blue-500 text-white font-black text-xs uppercase tracking-widest rounded-2xl transition-all shadow-xl shadow-blue-500/20 active:scale-95 flex items-center justify-center gap-2", children: [(0, jsx_runtime_1.jsx)("span", { children: "SONRAK\u0130 ADIM" }), (0, jsx_runtime_1.jsx)(lucide_react_1.ArrowRight, { size: 16, className: "group-hover:translate-x-1 transition-transform" })] })] })] })), step === 2 && ((0, jsx_runtime_1.jsxs)("div", { className: "glass-panel p-8 rounded-[40px] border border-armoyu-card-border bg-armoyu-card-bg shadow-xl", children: [(0, jsx_runtime_1.jsx)("h2", { className: "text-sm font-black text-armoyu-text uppercase tracking-widest mb-8", children: "\u00D6DEME B\u0130LG\u0130LER\u0130" }), (0, jsx_runtime_1.jsxs)("div", { className: "w-full aspect-[1.586/1] bg-gradient-to-br from-blue-600 to-indigo-900 rounded-3xl p-8 mb-8 text-white shadow-2xl relative overflow-hidden flex flex-col justify-between group", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute top-0 right-0 w-64 h-64 bg-white/10 rounded-full -mr-32 -mt-32 blur-3xl group-hover:scale-110 transition-transform duration-700" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-start z-10", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.CreditCard, { size: 32, className: "opacity-80" }), (0, jsx_runtime_1.jsx)("span", { className: "text-[10px] font-black tracking-widest opacity-80 uppercase italic", children: "G\u00DCVENL\u0130 KART" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4 z-10", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-2xl font-mono tracking-[0.2em] font-medium transition-all group-hover:scale-105 origin-left", children: formData.cardNumber ? formData.cardNumber.padEnd(16, '•').replace(/(.{4})/g, '$1 ') : '•••• •••• •••• ••••' }), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-end", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("p", { className: "text-[8px] font-black uppercase tracking-widest opacity-60 mb-1 leading-none", children: "Kart Sahibi" }), (0, jsx_runtime_1.jsx)("p", { className: "text-xs uppercase font-bold tracking-tight", children: formData.name || 'AD SOYAD' })] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-right", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-[8px] font-black uppercase tracking-widest opacity-60 mb-1 leading-none", children: "SKT" }), (0, jsx_runtime_1.jsx)("p", { className: "text-xs font-bold", children: formData.expiry || 'MM/YY' })] })] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsx)("label", { className: "text-[10px] font-black text-armoyu-text-muted uppercase tracking-widest ml-1", children: "Kart Numaras\u0131" }), (0, jsx_runtime_1.jsx)("input", { type: "text", name: "cardNumber", maxLength: 16, value: formData.cardNumber, onChange: handleInputChange, placeholder: "0000 0000 0000 0000", className: "w-full bg-black/10 dark:bg-white/5 border border-white/10 rounded-2xl px-6 py-4 text-sm font-bold text-armoyu-text focus:outline-none focus:border-blue-500 transition-all shadow-inner" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-2 gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsx)("label", { className: "text-[10px] font-black text-armoyu-text-muted uppercase tracking-widest ml-1", children: "Son Kullanma" }), (0, jsx_runtime_1.jsx)("input", { type: "text", name: "expiry", maxLength: 5, value: formData.expiry, onChange: handleInputChange, placeholder: "AA/YY", className: "w-full bg-black/10 dark:bg-white/5 border border-white/10 rounded-2xl px-6 py-4 text-sm font-bold text-armoyu-text focus:outline-none focus:border-blue-500 transition-all shadow-inner" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsx)("label", { className: "text-[10px] font-black text-armoyu-text-muted uppercase tracking-widest ml-1", children: "CVV" }), (0, jsx_runtime_1.jsx)("input", { type: "password", name: "cvv", maxLength: 3, value: formData.cvv, onChange: handleInputChange, placeholder: "***", className: "w-full bg-black/10 dark:bg-white/5 border border-white/10 rounded-2xl px-6 py-4 text-sm font-bold text-armoyu-text focus:outline-none focus:border-blue-500 transition-all shadow-inner" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-4 pt-4", children: [(0, jsx_runtime_1.jsx)("button", { onClick: () => setStep(1), className: "flex-1 py-5 bg-white/5 hover:bg-white/10 text-armoyu-text font-black text-xs uppercase tracking-widest rounded-2xl transition-all border border-white/5 active:scale-95", children: "GER\u0130" }), (0, jsx_runtime_1.jsx)("button", { onClick: () => { onSuccess(); setStep(3); }, className: "flex-[2] py-5 bg-blue-600 hover:bg-blue-500 text-white font-black text-xs uppercase tracking-widest rounded-2xl transition-all shadow-xl shadow-blue-500/20 active:scale-95", children: "\u00D6DEME YAP" })] })] })] })), step === 3 && ((0, jsx_runtime_1.jsxs)("div", { className: "text-center py-20 glass-panel p-8 rounded-[40px] border border-armoyu-card-border bg-armoyu-card-bg shadow-xl animate-in zoom-in-95 duration-500", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-20 h-20 bg-emerald-500/20 rounded-full flex items-center justify-center text-emerald-500 mx-auto mb-8 animate-bounce", children: (0, jsx_runtime_1.jsx)(lucide_react_1.CheckCircle2, { size: 40, strokeWidth: 3 }) }), (0, jsx_runtime_1.jsx)("h2", { className: "text-3xl font-black text-armoyu-text uppercase tracking-tighter italic mb-4", children: "S\u0130PAR\u0130\u015E\u0130N ALINDI!" }), (0, jsx_runtime_1.jsxs)("p", { className: "text-armoyu-text-muted font-medium mb-12 italic", children: ["Sipari\u015Fin ba\u015Far\u0131yla olu\u015Fturuldu. ", (0, jsx_runtime_1.jsx)("span", { className: "text-blue-500 font-bold uppercase tracking-widest", children: "#AR-2024-812" }), " numaral\u0131 sipari\u015Fini profilinden takip edebilirsin."] }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-4", children: (0, jsx_runtime_1.jsx)("button", { onClick: onBack, className: "w-full py-5 bg-blue-600 hover:bg-blue-500 text-white font-black text-xs uppercase tracking-widest rounded-2xl transition-all shadow-xl shadow-blue-500/20 active:scale-95", children: "MA\u011EAZAYA D\u00D6N" }) })] }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-8 animate-in fade-in slide-in-from-right-4 duration-500", children: [(0, jsx_runtime_1.jsxs)("div", { className: "glass-panel p-8 rounded-[40px] border border-armoyu-card-border bg-armoyu-card-bg", children: [(0, jsx_runtime_1.jsx)("h2", { className: "text-xs font-black text-armoyu-text uppercase tracking-widest mb-6", children: "S\u0130PAR\u0130\u015E \u00D6ZET\u0130" }), (0, jsx_runtime_1.jsx)("div", { className: "space-y-4 mb-6", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center bg-black/10 dark:bg-white/5 p-4 rounded-2xl border border-white/5", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-10 h-10 bg-blue-500/10 rounded-lg flex items-center justify-center text-blue-500 font-black text-xs", children: "\u00D6ZET" }), (0, jsx_runtime_1.jsx)("div", { className: "text-[10px] font-black uppercase text-armoyu-text leading-tight", children: "Sepet Toplam\u0131" })] }), (0, jsx_runtime_1.jsx)("span", { className: "text-xs font-black text-blue-500", children: formatPrice(totalAmount) })] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "border-t border-white/5 pt-6 space-y-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between text-xl font-black text-armoyu-text pt-4 italic", children: [(0, jsx_runtime_1.jsx)("span", { children: "TOPLAM" }), (0, jsx_runtime_1.jsx)("span", { className: "text-blue-500", children: formatPrice(totalAmount * 1.2) })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-[9px] text-armoyu-text-muted font-bold text-center uppercase tracking-widest opacity-60", children: "%20 KDV DAH\u0130L" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-4 text-center p-6 border border-dashed border-armoyu-card-border rounded-[32px]", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-center gap-6 opacity-30 grayscale invert dark:invert-0", children: [(0, jsx_runtime_1.jsx)("img", { src: "https://upload.wikimedia.org/wikipedia/commons/thumb/5/5e/Visa_Inc._logo.svg/2560px-Visa_Inc._logo.svg.png", className: "h-4 object-contain", alt: "Visa" }), (0, jsx_runtime_1.jsx)("img", { src: "https://upload.wikimedia.org/wikipedia/commons/thumb/2/2a/Mastercard-logo.svg/1280px-Mastercard-logo.svg.png", className: "h-6 object-contain", alt: "Mastercard" }), (0, jsx_runtime_1.jsx)("img", { src: "https://upload.wikimedia.org/wikipedia/commons/thumb/b/b5/PayPal.svg/1200px-PayPal.svg.png", className: "h-4 object-contain", alt: "PayPal" })] }), (0, jsx_runtime_1.jsxs)("p", { className: "text-[9px] font-bold text-armoyu-text-muted uppercase tracking-widest flex items-center justify-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.ShieldCheck, { size: 12, className: "text-emerald-500" }), "T\u00DCM VER\u0130LER\u0130N\u0130Z SSL \u0130LE \u015E\u0130FRELENMEKTED\u0130R"] })] })] })] })] }));
|
|
25
|
+
}
|
|
26
|
+
//# sourceMappingURL=CheckoutLayout.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckoutLayout.js","sourceRoot":"","sources":["../../../../src/components/modules/shop/CheckoutLayout.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DetailLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/shop/DetailLayout.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAMvD,UAAU,iBAAiB;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;
|
|
1
|
+
{"version":3,"file":"DetailLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/shop/DetailLayout.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAMvD,UAAU,iBAAiB;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAID,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,iBAAiB,2CA0LlE"}
|
|
@@ -9,9 +9,11 @@ const lucide_react_1 = require("lucide-react");
|
|
|
9
9
|
const StoreTrustBadges_1 = require("./widgets/StoreTrustBadges");
|
|
10
10
|
const ProductCard_1 = require("./widgets/ProductCard");
|
|
11
11
|
const seedData_1 = require("../../../lib/constants/seedData");
|
|
12
|
+
const StoreSearchBar_1 = require("./widgets/StoreSearchBar");
|
|
12
13
|
function DetailLayout({ product, onBack }) {
|
|
13
14
|
const [quantity, setQuantity] = (0, react_1.useState)(1);
|
|
14
15
|
const [activeTab, setActiveTab] = (0, react_1.useState)('description');
|
|
16
|
+
const [searchQuery, setSearchQuery] = (0, react_1.useState)('');
|
|
15
17
|
const formatPrice = (price) => {
|
|
16
18
|
return new Intl.NumberFormat('tr-TR', { style: 'currency', currency: 'TRY' }).format(price);
|
|
17
19
|
};
|
|
@@ -20,6 +22,6 @@ function DetailLayout({ product, onBack }) {
|
|
|
20
22
|
{ id: 'usage', label: 'NASIL KULLANILIR?' },
|
|
21
23
|
{ id: 'faq', label: 'SIKÇA SORULANLAR' }
|
|
22
24
|
];
|
|
23
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: "animate-in fade-in slide-in-from-right-8 duration-700", children: [(0, jsx_runtime_1.
|
|
25
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "animate-in fade-in slide-in-from-right-8 duration-700", children: [(0, jsx_runtime_1.jsxs)("div", { className: "mb-10 flex flex-col sm:flex-row sm:items-center justify-between gap-6 bg-black/5 dark:bg-white/5 p-4 rounded-[32px] border border-black/10 dark:border-white/10 backdrop-blur-md", children: [(0, jsx_runtime_1.jsxs)("button", { onClick: onBack, className: "flex items-center gap-2 text-armoyu-text-muted hover:text-blue-500 transition-colors group shrink-0", children: [(0, jsx_runtime_1.jsx)("div", { className: "p-2 border border-white/5 bg-white/5 rounded-xl group-hover:bg-blue-600 group-hover:text-white transition-all shadow-lg", children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronLeft, { size: 16 }) }), (0, jsx_runtime_1.jsx)("span", { className: "text-[10px] font-black uppercase tracking-widest italic opacity-60 group-hover:opacity-100", children: "Geri D\u00F6n" })] }), (0, jsx_runtime_1.jsx)(StoreSearchBar_1.StoreSearchBar, { searchQuery: searchQuery, setSearchQuery: setSearchQuery, className: "max-w-[400px] flex-1" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col xl:flex-row gap-12 items-start", children: [(0, jsx_runtime_1.jsxs)("div", { className: "w-full xl:w-[380px] shrink-0 space-y-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative aspect-video rounded-[40px] overflow-hidden border border-armoyu-card-border bg-armoyu-card-bg shadow-2xl group", children: [(0, jsx_runtime_1.jsx)("img", { src: product.image, alt: product.name, className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-1000" }), product.badge && ((0, jsx_runtime_1.jsx)("div", { className: "absolute top-8 left-8 px-5 py-2 bg-blue-600 text-white text-[9px] font-black uppercase tracking-widest rounded-full shadow-2xl shadow-blue-500/40 animate-in fade-in zoom-in duration-500", children: product.badge }))] }), (0, jsx_runtime_1.jsx)("div", { className: "flex gap-4", children: [0, 1, 2].map(i => ((0, jsx_runtime_1.jsx)("div", { className: `flex-1 aspect-square rounded-[20px] overflow-hidden border-2 transition-all cursor-pointer ${i === 0 ? 'border-blue-500' : 'border-white/5 hover:border-white/20'}`, children: (0, jsx_runtime_1.jsx)("img", { src: product.image, className: `w-full h-full object-cover ${i === 0 ? 'opacity-100' : 'opacity-40 hover:opacity-100'}`, alt: "Thumb" }) }, i))) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1 space-y-8 py-2 min-w-0", children: [(0, jsx_runtime_1.jsxs)("div", { className: "space-y-3", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-blue-500 font-black text-[10px] uppercase tracking-widest bg-blue-500/10 px-3 py-1.5 rounded-lg border border-blue-500/20 w-fit block", children: product.category }), (0, jsx_runtime_1.jsx)("h1", { className: "text-3xl md:text-5xl font-black text-armoyu-text uppercase tracking-tighter italic leading-tight", children: product.name })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-wrap items-center gap-6 border-b border-white/5 pb-8", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-armoyu-text-muted text-[10px] font-black uppercase tracking-[0.2em] mb-1", children: "Fiyat (KDV Dahil)" }), (0, jsx_runtime_1.jsx)("span", { className: "text-4xl font-black text-armoyu-text", children: formatPrice(product.price) })] }), (0, jsx_runtime_1.jsx)("div", { className: "px-5 py-2.5 bg-emerald-500/10 text-emerald-500 rounded-2xl text-[9px] font-black uppercase tracking-widest border border-emerald-500/20 h-fit", children: "STOKTA VAR" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-8", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-armoyu-text-muted text-base font-medium leading-relaxed max-w-2xl opacity-80", children: product.description }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-wrap gap-4 pt-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-4 bg-black/20 p-1.5 rounded-2xl border border-white/10 w-fit shadow-inner", children: [(0, jsx_runtime_1.jsx)("button", { onClick: () => setQuantity(Math.max(1, quantity - 1)), className: "w-10 h-10 flex items-center justify-center rounded-xl bg-white/5 hover:bg-white/10 text-armoyu-text transition-all active:scale-90", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Minus, { size: 16, strokeWidth: 3 }) }), (0, jsx_runtime_1.jsx)("span", { className: "text-lg font-black text-armoyu-text w-6 text-center", children: quantity }), (0, jsx_runtime_1.jsx)("button", { onClick: () => setQuantity(quantity + 1), className: "w-10 h-10 flex items-center justify-center rounded-xl bg-white/5 hover:bg-white/10 text-armoyu-text transition-all active:scale-90", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Plus, { size: 16, strokeWidth: 3 }) })] }), (0, jsx_runtime_1.jsxs)("button", { className: "flex-1 min-w-[200px] h-[58px] bg-blue-600 hover:bg-blue-500 text-white flex items-center justify-center gap-3 rounded-2xl font-black text-[11px] uppercase tracking-widest transition-all shadow-[0_20px_40px_rgba(37,99,235,0.25)] active:scale-95 group", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.ShoppingCart, { size: 18, strokeWidth: 2.5, className: "group-hover:-translate-y-1 transition-transform" }), "SEPETE EKLE"] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-4 p-4 bg-black/10 rounded-3xl border border-white/5 group hover:border-blue-500/30 transition-all", children: [(0, jsx_runtime_1.jsx)("div", { className: "p-3 bg-blue-500/10 text-blue-500 rounded-2xl group-hover:bg-blue-600 group-hover:text-white transition-all", children: (0, jsx_runtime_1.jsx)(lucide_react_1.ShieldCheck, { size: 20 }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-[8px] font-black uppercase text-armoyu-text-muted", children: "G\u00FCvenlik" }), (0, jsx_runtime_1.jsx)("span", { className: "text-[11px] font-black uppercase text-armoyu-text", children: "G\u00DCVENL\u0130 \u00D6DEME" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-4 p-4 bg-black/10 rounded-3xl border border-white/5 group hover:border-emerald-500/30 transition-all", children: [(0, jsx_runtime_1.jsx)("div", { className: "p-3 bg-emerald-500/10 text-emerald-500 rounded-2xl group-hover:bg-emerald-600 group-hover:text-white transition-all", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Zap, { size: 20 }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-[8px] font-black uppercase text-armoyu-text-muted", children: "H\u0131z" }), (0, jsx_runtime_1.jsx)("span", { className: "text-[11px] font-black uppercase text-armoyu-text", children: "ANINDA AKT\u0130VASYON" })] })] })] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-16 border-t border-white/5 pt-10", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex gap-8 mb-8 border-b border-white/5 scrollbar-hide overflow-x-auto", children: tabs.map(tab => ((0, jsx_runtime_1.jsxs)("button", { onClick: () => setActiveTab(tab.id), className: `text-[9px] font-black uppercase tracking-[0.2em] pb-4 transition-all relative whitespace-nowrap italic ${activeTab === tab.id ? 'text-armoyu-text' : 'text-armoyu-text-muted opacity-40 hover:opacity-100'}`, children: [tab.label, activeTab === tab.id && ((0, jsx_runtime_1.jsx)("div", { className: "absolute bottom-[-1px] left-0 right-0 h-[2px] bg-blue-600 rounded-full animate-in slide-in-from-left-4 duration-500" }))] }, tab.id))) }), (0, jsx_runtime_1.jsx)("div", { className: "max-w-3xl animate-in fade-in duration-500", children: (0, jsx_runtime_1.jsxs)("p", { className: "text-armoyu-text-muted text-base leading-relaxed font-medium opacity-80", children: [activeTab === 'description' && `Bu ürün ${product.name} kategorisi altında en çok tercih edilen seçeneklerden biridir. Dijital varlık olarak anında teslim edilir ve profiliniz üzerinde aktifleşir. ${product.description}`, activeTab === 'usage' && 'Satın alma tamamlandığında tarafınıza bir aktivasyon kodu iletilecektir. Bu kodu "Profil > Envanter > Kod Kullan" alanından aktif edebilirsiniz.', activeTab === 'faq' && 'Ürün iadesi dijital içeriklerde teslimat sonrası yapılamamaktadır. Teknik sorunlarda destek ekibimizle iletişime geçebilirsiniz.'] }) })] }), (0, jsx_runtime_1.jsx)("div", { className: "mt-12 scale-90 origin-left", children: (0, jsx_runtime_1.jsx)(StoreTrustBadges_1.StoreTrustBadges, {}) }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-20", children: [(0, jsx_runtime_1.jsxs)("h2", { className: "text-xl font-black text-armoyu-text uppercase tracking-widest mb-8 italic border-l-4 border-blue-600 pl-4", children: ["S\u0130Z\u0130N \u0130\u00C7\u0130N ", (0, jsx_runtime_1.jsx)("span", { className: "text-blue-500", children: "SE\u00C7T\u0130KLER\u0130M\u0130Z" })] }), (0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6", children: seedData_1.MOCK_PRODUCTS.slice(0, 3).map((p) => ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(ProductCard_1.ProductCard, { product: Product_1.Product.fromAPI(p), href: "#" }) }, p.id))) })] })] }));
|
|
24
26
|
}
|
|
25
27
|
//# sourceMappingURL=DetailLayout.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DetailLayout.js","sourceRoot":"","sources":["../../../../src/components/modules/shop/DetailLayout.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"DetailLayout.js","sourceRoot":"","sources":["../../../../src/components/modules/shop/DetailLayout.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
interface Order {
|
|
2
|
+
id: string;
|
|
3
|
+
date: string;
|
|
4
|
+
total: string;
|
|
5
|
+
status: string;
|
|
6
|
+
color: string;
|
|
7
|
+
items: string[];
|
|
8
|
+
}
|
|
9
|
+
interface OrdersLayoutProps {
|
|
10
|
+
orders: Order[];
|
|
11
|
+
onOrderClick?: (orderId: string) => void;
|
|
12
|
+
}
|
|
13
|
+
export declare function OrdersLayout({ orders, onOrderClick }: OrdersLayoutProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export {};
|
|
15
|
+
//# sourceMappingURL=OrdersLayout.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OrdersLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/shop/OrdersLayout.tsx"],"names":[],"mappings":"AAMA,UAAU,KAAK;IACb,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,EAAE,CAAC;CACjB;AAED,UAAU,iBAAiB;IACzB,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AAED,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,iBAAiB,2CAqFvE"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
'use client';
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.OrdersLayout = OrdersLayout;
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const lucide_react_1 = require("lucide-react");
|
|
7
|
+
const BackToStore_1 = require("./widgets/BackToStore");
|
|
8
|
+
function OrdersLayout({ orders, onOrderClick }) {
|
|
9
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "animate-in fade-in duration-1000", children: [(0, jsx_runtime_1.jsx)("div", { className: "mb-8", children: (0, jsx_runtime_1.jsx)(BackToStore_1.BackToStore, {}) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-6 mb-12", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-16 h-16 rounded-[24px] bg-blue-600/10 flex items-center justify-center text-blue-600", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Package, { size: 32 }) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("h1", { className: "text-5xl md:text-7xl font-black text-armoyu-text uppercase tracking-tighter italic leading-none", children: ["S\u0130PAR\u0130\u015E ", (0, jsx_runtime_1.jsx)("span", { className: "text-blue-600", children: "GE\u00C7M\u0130\u015E\u0130M" })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-armoyu-text-muted font-medium mt-4", children: "T\u00FCm sat\u0131n al\u0131mlar\u0131n\u0131 buradan takip edebilirsin." })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "space-y-6", children: orders.map((order) => ((0, jsx_runtime_1.jsxs)("div", { onClick: () => onOrderClick?.(order.id), className: "glass-panel p-8 rounded-[40px] border border-armoyu-card-border bg-armoyu-card-bg shadow-xl hover:shadow-blue-500/5 transition-all group overflow-hidden relative cursor-pointer", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 bg-gradient-to-r from-blue-500/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col md:flex-row justify-between gap-8 relative z-10", children: [(0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-4", children: [(0, jsx_runtime_1.jsxs)("span", { className: "text-lg font-black text-armoyu-text tracking-tight italic", children: ["#", order.id] }), (0, jsx_runtime_1.jsx)("span", { style: { backgroundColor: `${order.color}20`, color: order.color }, className: "px-4 py-1 rounded-full text-[10px] font-black uppercase tracking-widest border border-current transition-all group-hover:shadow-[0_0_15px_rgba(59,130,246,0.2)]", children: order.status })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-wrap gap-6 text-[11px] font-bold text-armoyu-text-muted uppercase tracking-widest opacity-80", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Calendar, { size: 14, strokeWidth: 2.5 }), order.date] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.CheckCircle2, { size: 14, strokeWidth: 2.5 }), order.items.length, " \u00DCr\u00FCn"] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col md:items-end justify-between gap-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-2xl font-black text-armoyu-text", children: order.total }), (0, jsx_runtime_1.jsxs)("div", { className: "px-8 py-3 bg-white/5 hover:bg-white/10 text-armoyu-text font-black text-[10px] uppercase tracking-widest rounded-xl transition-all border border-white/5 flex items-center gap-2 group/btn", children: ["DETAYLARI G\u00D6R", (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { size: 14, strokeWidth: 3, className: "group-hover/btn:translate-x-1 transition-transform" })] })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "mt-8 pt-8 border-t border-white/5 space-y-3", children: order.items.map((item, idx) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 text-[11px] font-bold text-armoyu-text-muted opacity-60", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-1.5 h-1.5 rounded-full bg-blue-500" }), item] }, idx))) }), (0, jsx_runtime_1.jsx)("div", { className: "mt-8 h-1 w-full bg-black/20 dark:bg-white/5 rounded-full overflow-hidden flex", children: (0, jsx_runtime_1.jsx)("div", { className: `h-full transition-all duration-1000 ${order.status === 'Tamamlandı' ? 'w-full bg-emerald-500' : 'w-1/3 bg-blue-500 animate-pulse'}` }) })] }, order.id))) }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-16 text-center border-t border-white/5 pt-12", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-armoyu-text-muted text-sm font-medium", children: "Bir sorun mu ya\u015F\u0131yorsun?" }), (0, jsx_runtime_1.jsx)("button", { className: "text-blue-500 font-black text-xs uppercase tracking-widest hover:underline mt-2 inline-block bg-transparent border-none cursor-pointer", children: "M\u00DC\u015ETER\u0130 H\u0130ZMETLER\u0130YLE G\u00D6R\u00DC\u015E" })] })] }));
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=OrdersLayout.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OrdersLayout.js","sourceRoot":"","sources":["../../../../src/components/modules/shop/OrdersLayout.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAoBb,oCAqFC;;AAtGD,+CAA6E;AAC7E,uDAAoD;AAgBpD,SAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,YAAY,EAAqB;IACtE,OAAO,CACL,iCAAK,SAAS,EAAC,kCAAkC,aAC/C,gCAAK,SAAS,EAAC,MAAM,YACnB,uBAAC,yBAAW,KAAG,GACX,EAEN,iCAAK,SAAS,EAAC,+BAA+B,aAC5C,gCAAK,SAAS,EAAC,wFAAwF,YACrG,uBAAC,sBAAO,IAAC,IAAI,EAAE,EAAE,GAAI,GACjB,EACN,4CACE,gCAAI,SAAS,EAAC,iGAAiG,wCACrG,iCAAM,SAAS,EAAC,eAAe,6CAAgB,IACpD,EACL,8BAAG,SAAS,EAAC,yCAAyC,yFAAoD,IACtG,IACF,EAEN,gCAAK,SAAS,EAAC,WAAW,YACvB,MAAM,CAAC,GAAG,CAAC,CAAC,KAAY,EAAE,EAAE,CAAC,CAC5B,iCAEE,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,EACvC,SAAS,EAAC,kLAAkL,aAE5L,gCAAK,SAAS,EAAC,uHAAuH,GAAG,EAEzI,iCAAK,SAAS,EAAC,+DAA+D,aAE3E,iCAAK,SAAS,EAAC,WAAW,aACvB,iCAAK,SAAS,EAAC,yBAAyB,aACrC,kCAAM,SAAS,EAAC,2DAA2D,kBAAG,KAAK,CAAC,EAAE,IAAQ,EAC9F,iCACE,KAAK,EAAE,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,EAClE,SAAS,EAAC,iKAAiK,YAEzK,KAAK,CAAC,MAAM,GACT,IACJ,EACN,iCAAK,SAAS,EAAC,wGAAwG,aACnH,iCAAK,SAAS,EAAC,yBAAyB,aACtC,uBAAC,uBAAQ,IAAC,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,GAAI,EACvC,KAAK,CAAC,IAAI,IACP,EACN,iCAAK,SAAS,EAAC,yBAAyB,aACtC,uBAAC,2BAAY,IAAC,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,GAAI,EAC3C,KAAK,CAAC,KAAK,CAAC,MAAM,uBACf,IACJ,IACH,EAEN,iCAAK,SAAS,EAAC,kDAAkD,aAC9D,gCAAK,SAAS,EAAC,sCAAsC,YAAE,KAAK,CAAC,KAAK,GAAO,EACzE,iCAAK,SAAS,EAAC,4LAA4L,mCAExM,uBAAC,2BAAY,IAAC,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,SAAS,EAAC,oDAAoD,GAAG,IACtG,IACH,IACH,EAEN,gCAAK,SAAS,EAAC,6CAA6C,YACxD,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAY,EAAE,GAAW,EAAE,EAAE,CAAC,CAC9C,iCAAe,SAAS,EAAC,iFAAiF,aACvG,gCAAK,SAAS,EAAC,sCAAsC,GAAG,EACvD,IAAI,KAFE,GAAG,CAGP,CACP,CAAC,GACC,EAEN,gCAAK,SAAS,EAAC,+EAA+E,YAC3F,gCAAK,SAAS,EAAE,uCAAuC,KAAK,CAAC,MAAM,KAAK,YAAY,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,iCAAiC,EAAE,GAAI,GACrJ,KAlDD,KAAK,CAAC,EAAE,CAmDT,CACP,CAAC,GACE,EAEN,iCAAK,SAAS,EAAC,iDAAiD,aAC9D,8BAAG,SAAS,EAAC,4CAA4C,mDAA6B,EACtF,mCAAQ,SAAS,EAAC,wIAAwI,oFAEjJ,IACL,IACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BackToStore.d.ts","sourceRoot":"","sources":["../../../../../src/components/modules/shop/widgets/BackToStore.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BackToStore.d.ts","sourceRoot":"","sources":["../../../../../src/components/modules/shop/widgets/BackToStore.tsx"],"names":[],"mappings":"AAQA,wBAAgB,WAAW,4CAkC1B"}
|
|
@@ -9,9 +9,11 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
9
9
|
const react_1 = require("react");
|
|
10
10
|
const link_1 = __importDefault(require("next/link"));
|
|
11
11
|
const CartContext_1 = require("../../../../context/CartContext");
|
|
12
|
+
const StoreSearchBar_1 = require("./StoreSearchBar");
|
|
13
|
+
const lucide_react_1 = require("lucide-react");
|
|
12
14
|
function BackToStore() {
|
|
13
15
|
const [searchQuery, setSearchQuery] = (0, react_1.useState)('');
|
|
14
16
|
const { totalItems } = (0, CartContext_1.useCart)();
|
|
15
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: "mb-10 flex flex-col sm:flex-row sm:items-center justify-between gap-6 animate-in fade-in slide-in-from-top-4 duration-500 bg-black/5 dark:bg-white/5 p-4 rounded-[32px] border border-black/10 dark:border-white/10 backdrop-blur-md", children: [(0, jsx_runtime_1.jsxs)(link_1.default, { href: "/magaza", className: "inline-flex items-center gap-3 px-6 py-3 bg-blue-600 text-white rounded-2xl font-black text-[10px] uppercase tracking-widest group transition-all shadow-xl shadow-blue-500/20 active:scale-95 shrink-0", children: [(0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", className: "group-hover:-translate-x-1.5 transition-transform duration-300", children: (0, jsx_runtime_1.jsx)("polyline", { points: "15 18 9 12 15 6" }) }), (0, jsx_runtime_1.jsx)("span", { children: "MA\u011EAZA ANA SAYFA" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-4 flex-1 justify-end", children: [(0, jsx_runtime_1.
|
|
17
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "mb-10 flex flex-col sm:flex-row sm:items-center justify-between gap-6 animate-in fade-in slide-in-from-top-4 duration-500 bg-black/5 dark:bg-white/5 p-4 rounded-[32px] border border-black/10 dark:border-white/10 backdrop-blur-md", children: [(0, jsx_runtime_1.jsxs)(link_1.default, { href: "/magaza", className: "inline-flex items-center gap-3 px-6 py-3 bg-blue-600 text-white rounded-2xl font-black text-[10px] uppercase tracking-widest group transition-all shadow-xl shadow-blue-500/20 active:scale-95 shrink-0", children: [(0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", className: "group-hover:-translate-x-1.5 transition-transform duration-300", children: (0, jsx_runtime_1.jsx)("polyline", { points: "15 18 9 12 15 6" }) }), (0, jsx_runtime_1.jsx)("span", { children: "MA\u011EAZA ANA SAYFA" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-4 flex-1 justify-end", children: [(0, jsx_runtime_1.jsx)(StoreSearchBar_1.StoreSearchBar, { searchQuery: searchQuery, setSearchQuery: setSearchQuery, className: "max-w-[300px] flex-1" }), (0, jsx_runtime_1.jsx)(link_1.default, { href: "/magaza/siparislerim", className: "relative p-3 bg-white/5 hover:bg-white/10 text-armoyu-text rounded-xl transition-all active:scale-95 border border-white/5 group shrink-0", title: "Sipari\u015Flerim", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Package, { size: 20, strokeWidth: 2.5, className: "group-hover:text-blue-500 transition-colors" }) })] })] }));
|
|
16
18
|
}
|
|
17
19
|
//# sourceMappingURL=BackToStore.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BackToStore.js","sourceRoot":"","sources":["../../../../../src/components/modules/shop/widgets/BackToStore.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;
|
|
1
|
+
{"version":3,"file":"BackToStore.js","sourceRoot":"","sources":["../../../../../src/components/modules/shop/widgets/BackToStore.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;AAQb,kCAkCC;;AAxCD,iCAAwC;AACxC,qDAA6B;AAC7B,iEAA0D;AAC1D,qDAAkD;AAClD,+CAAuC;AAEvC,SAAgB,WAAW;IACzB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACnD,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,qBAAO,GAAE,CAAC;IAEjC,OAAO,CACL,iCAAK,SAAS,EAAC,sOAAsO,aAGnP,wBAAC,cAAI,IACH,IAAI,EAAC,SAAS,EACd,SAAS,EAAC,yMAAyM,aAEnN,gCAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,SAAS,EAAC,gEAAgE,YAC1P,qCAAU,MAAM,EAAC,iBAAiB,GAAY,GAC1C,EACN,qEAA6B,IACxB,EAEP,iCAAK,SAAS,EAAC,4CAA4C,aAEzD,uBAAC,+BAAc,IACb,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAC,sBAAsB,GAChC,EAGF,uBAAC,cAAI,IAAC,IAAI,EAAC,sBAAsB,EAAC,SAAS,EAAC,2IAA2I,EAAC,KAAK,EAAC,mBAAc,YAC1M,uBAAC,sBAAO,IAAC,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,EAAE,SAAS,EAAC,6CAA6C,GAAG,GAC1F,IACH,IAEF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
interface StoreSearchBarProps {
|
|
2
|
+
searchQuery: string;
|
|
3
|
+
setSearchQuery: (query: string) => void;
|
|
4
|
+
placeholder?: string;
|
|
5
|
+
className?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare function StoreSearchBar({ searchQuery, setSearchQuery, placeholder, className }: StoreSearchBarProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=StoreSearchBar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StoreSearchBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/modules/shop/widgets/StoreSearchBar.tsx"],"names":[],"mappings":"AAKA,UAAU,mBAAmB;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAC7B,WAAW,EACX,cAAc,EACd,WAA2B,EAC3B,SAAc,EACf,EAAE,mBAAmB,2CA+BrB"}
|