@admin-layout/demo-perplexity-browser 12.0.16-alpha.56 → 12.0.16-alpha.57
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/lib/components/Logo.d.ts +4 -0
- package/lib/components/Logo.d.ts.map +1 -0
- package/lib/components/Logo.js +130 -0
- package/lib/components/Logo.js.map +1 -0
- package/lib/compute.d.ts.map +1 -1
- package/lib/compute.js +126 -27
- package/lib/compute.js.map +1 -1
- package/lib/config.js +40 -0
- package/lib/config.js.map +1 -0
- package/lib/constants/routes.d.ts +16 -0
- package/lib/constants/routes.d.ts.map +1 -0
- package/lib/constants/routes.js +15 -0
- package/lib/constants/routes.js.map +1 -0
- package/lib/fills/LogoFill.d.ts +5 -0
- package/lib/fills/LogoFill.d.ts.map +1 -0
- package/lib/fills/LogoFill.js +74 -0
- package/lib/fills/LogoFill.js.map +1 -0
- package/lib/module.d.ts.map +1 -1
- package/lib/module.js +5 -1
- package/lib/module.js.map +1 -1
- package/lib/pages/Account/API.d.ts +4 -0
- package/lib/pages/Account/API.d.ts.map +1 -0
- package/lib/pages/Account/API.js +18 -0
- package/lib/pages/Account/API.js.map +1 -0
- package/lib/pages/Account/AccountDetails.d.ts +4 -0
- package/lib/pages/Account/AccountDetails.d.ts.map +1 -0
- package/lib/pages/Account/AccountDetails.js +266 -0
- package/lib/pages/Account/AccountDetails.js.map +1 -0
- package/lib/pages/Account/AccountLayout.d.ts +7 -0
- package/lib/pages/Account/AccountLayout.d.ts.map +1 -0
- package/lib/pages/Account/AccountLayout.js +139 -0
- package/lib/pages/Account/AccountLayout.js.map +1 -0
- package/lib/pages/Account/AllSettings.d.ts +4 -0
- package/lib/pages/Account/AllSettings.d.ts.map +1 -0
- package/lib/pages/Account/AllSettings.js +18 -0
- package/lib/pages/Account/AllSettings.js.map +1 -0
- package/lib/pages/Account/Assistant.d.ts +4 -0
- package/lib/pages/Account/Assistant.d.ts.map +1 -0
- package/lib/pages/Account/Assistant.js +18 -0
- package/lib/pages/Account/Assistant.js.map +1 -0
- package/lib/pages/Account/Connectors.d.ts +4 -0
- package/lib/pages/Account/Connectors.d.ts.map +1 -0
- package/lib/pages/Account/Connectors.js +18 -0
- package/lib/pages/Account/Connectors.js.map +1 -0
- package/lib/pages/Account/Notifications.d.ts +4 -0
- package/lib/pages/Account/Notifications.d.ts.map +1 -0
- package/lib/pages/Account/Notifications.js +18 -0
- package/lib/pages/Account/Notifications.js.map +1 -0
- package/lib/pages/Account/Personalization.d.ts +4 -0
- package/lib/pages/Account/Personalization.d.ts.map +1 -0
- package/lib/pages/Account/Personalization.js +18 -0
- package/lib/pages/Account/Personalization.js.map +1 -0
- package/lib/pages/Account/Preferences.d.ts +4 -0
- package/lib/pages/Account/Preferences.d.ts.map +1 -0
- package/lib/pages/Account/Preferences.js +18 -0
- package/lib/pages/Account/Preferences.js.map +1 -0
- package/lib/pages/Account/ProPerks.d.ts +4 -0
- package/lib/pages/Account/ProPerks.d.ts.map +1 -0
- package/lib/pages/Account/ProPerks.js +18 -0
- package/lib/pages/Account/ProPerks.js.map +1 -0
- package/lib/pages/Account/Tasks.d.ts +4 -0
- package/lib/pages/Account/Tasks.d.ts.map +1 -0
- package/lib/pages/Account/Tasks.js +18 -0
- package/lib/pages/Account/Tasks.js.map +1 -0
- package/lib/pages/Account/ViewPlans.d.ts +4 -0
- package/lib/pages/Account/ViewPlans.d.ts.map +1 -0
- package/lib/pages/Account/ViewPlans.js +18 -0
- package/lib/pages/Account/ViewPlans.js.map +1 -0
- package/lib/routes.json +145 -0
- package/package.json +3 -3
package/lib/module.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../src/module.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;;
|
|
1
|
+
{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../src/module.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;;AAKrD,wBAQG"}
|
package/lib/module.js
CHANGED
|
@@ -1,3 +1,7 @@
|
|
|
1
|
-
import {Feature}from'@common-stack/client-react';import {filteredRoutes}from'./compute.js';var settings = new Feature({
|
|
1
|
+
import {Feature}from'@common-stack/client-react';import {filteredRoutes}from'./compute.js';import {LogoFill}from'./fills/LogoFill.js';import {LOGO_SLOT_FILL_NAME}from'@admin-layout/tailwind-design-pro/lib/components/Layout/slot-fill/Logo.js';var settings = new Feature({
|
|
2
|
+
componentFillPlugins: [{
|
|
3
|
+
name: LOGO_SLOT_FILL_NAME,
|
|
4
|
+
render: LogoFill
|
|
5
|
+
}],
|
|
2
6
|
routeConfig: filteredRoutes
|
|
3
7
|
});export{settings as default};//# sourceMappingURL=module.js.map
|
package/lib/module.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"module.js","sources":["../src/module.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"module.js","sources":["../src/module.tsx"],"sourcesContent":[null],"names":[],"mappings":"kPAMA,eAAe,IAAI,OAAO,CAAC;AACvB,EAAA,oBAAA,EAAoB,CAAA;AAChB,IAAA,IAAA,EAAA,mBAAA;AACI,IAAA,MAAA,EAAA;AACA,GAAA,CAAA;AACH,EAAA,WAAA,EAAA;AACJ,CAAA,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"API.d.ts","sourceRoot":"","sources":["../../../src/pages/Account/API.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,QAAA,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAWtB,CAAC;AAEF,eAAe,GAAG,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import {jsx,jsxs}from'react/jsx-runtime';const API = () => {
|
|
2
|
+
return jsx("div", {
|
|
3
|
+
className: "min-h-screen bg-gray-50",
|
|
4
|
+
children: jsx("div", {
|
|
5
|
+
className: "max-w-4xl mx-auto px-6 py-8",
|
|
6
|
+
children: jsxs("div", {
|
|
7
|
+
className: "bg-white rounded-lg shadow-sm border border-gray-200 p-6",
|
|
8
|
+
children: [jsx("h2", {
|
|
9
|
+
className: "text-lg font-semibold text-gray-900 mb-4",
|
|
10
|
+
children: "API"
|
|
11
|
+
}), jsx("p", {
|
|
12
|
+
className: "text-gray-600",
|
|
13
|
+
children: "API settings and documentation will be implemented here."
|
|
14
|
+
})]
|
|
15
|
+
})
|
|
16
|
+
})
|
|
17
|
+
});
|
|
18
|
+
};export{API as default};//# sourceMappingURL=API.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"API.js","sources":["../../../src/pages/Account/API.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"yCAEA,MAAM,GAAG,GAAkB,MAAK;AAC5B,EAAA,OAAAA,GACI,CAAA,KAAA,EAAA;AASR,IAAE,SAAA,EAAA,yBAAA;AAEF,IAAA,QAAA,EAAAA,GAAkB,CAAC,KAAA,EAAA;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccountDetails.d.ts","sourceRoot":"","sources":["../../../src/pages/Account/AccountDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAmRjC,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,266 @@
|
|
|
1
|
+
import {jsx,jsxs}from'react/jsx-runtime';import {useState}from'react';import {useAppSelector}from'@admin-layout/client';const AccountDetails = () => {
|
|
2
|
+
const {
|
|
3
|
+
profile = {}
|
|
4
|
+
} = useAppSelector(state => state?.user || {});
|
|
5
|
+
const {
|
|
6
|
+
nickname,
|
|
7
|
+
picture,
|
|
8
|
+
email,
|
|
9
|
+
fullName,
|
|
10
|
+
username
|
|
11
|
+
} = profile || {};
|
|
12
|
+
const [isEditingAvatar, setIsEditingAvatar] = useState(false);
|
|
13
|
+
const [isEditingName, setIsEditingName] = useState(false);
|
|
14
|
+
const [isEditingUsername, setIsEditingUsername] = useState(false);
|
|
15
|
+
const [tempFullName, setTempFullName] = useState(fullName || nickname || '');
|
|
16
|
+
const [tempUsername, setTempUsername] = useState(username || '');
|
|
17
|
+
const handleSaveName = () => {
|
|
18
|
+
// Here you would typically save to your backend
|
|
19
|
+
console.log('Saving full name:', tempFullName);
|
|
20
|
+
setIsEditingName(false);
|
|
21
|
+
};
|
|
22
|
+
const handleSaveUsername = () => {
|
|
23
|
+
// Here you would typically save to your backend
|
|
24
|
+
console.log('Saving username:', tempUsername);
|
|
25
|
+
setIsEditingUsername(false);
|
|
26
|
+
};
|
|
27
|
+
const handleUpgradePlan = () => {
|
|
28
|
+
// Navigate to upgrade page or open upgrade modal
|
|
29
|
+
console.log('Upgrade plan clicked');
|
|
30
|
+
};
|
|
31
|
+
const handleContactSupport = () => {
|
|
32
|
+
// Open support contact
|
|
33
|
+
console.log('Contact support clicked');
|
|
34
|
+
};
|
|
35
|
+
const handleSignOut = () => {
|
|
36
|
+
// Handle sign out logic
|
|
37
|
+
console.log('Sign out clicked');
|
|
38
|
+
};
|
|
39
|
+
const handleSignOutAllSessions = () => {
|
|
40
|
+
// Handle sign out all sessions
|
|
41
|
+
console.log('Sign out all sessions clicked');
|
|
42
|
+
};
|
|
43
|
+
const handleDeleteAccount = () => {
|
|
44
|
+
// Handle delete account
|
|
45
|
+
console.log('Delete account clicked');
|
|
46
|
+
};
|
|
47
|
+
return jsx("div", {
|
|
48
|
+
className: "min-h-screen bg-gray-50",
|
|
49
|
+
children: jsxs("div", {
|
|
50
|
+
className: "max-w-4xl mx-auto px-6 py-8",
|
|
51
|
+
children: [jsxs("div", {
|
|
52
|
+
className: "bg-white rounded-lg shadow-sm border border-gray-200 mb-6",
|
|
53
|
+
children: [jsx("div", {
|
|
54
|
+
className: "px-6 py-4 border-b border-gray-200",
|
|
55
|
+
children: jsx("h2", {
|
|
56
|
+
className: "text-lg font-semibold text-gray-900",
|
|
57
|
+
children: "Account"
|
|
58
|
+
})
|
|
59
|
+
}), jsxs("div", {
|
|
60
|
+
className: "p-6 space-y-6",
|
|
61
|
+
children: [jsxs("div", {
|
|
62
|
+
className: "flex items-center justify-between",
|
|
63
|
+
children: [jsxs("div", {
|
|
64
|
+
className: "flex items-center",
|
|
65
|
+
children: [jsx("div", {
|
|
66
|
+
className: "w-16 h-16 rounded-full bg-red-500 flex items-center justify-center overflow-hidden mr-4",
|
|
67
|
+
children: picture ? jsx("img", {
|
|
68
|
+
src: picture,
|
|
69
|
+
alt: nickname || 'Guest',
|
|
70
|
+
className: "w-full h-full object-cover"
|
|
71
|
+
}) : jsx("span", {
|
|
72
|
+
className: "text-white text-xl font-medium",
|
|
73
|
+
children: (nickname || 'Guest').charAt(0).toUpperCase()
|
|
74
|
+
})
|
|
75
|
+
}), jsxs("div", {
|
|
76
|
+
children: [jsx("div", {
|
|
77
|
+
className: "text-lg font-medium text-gray-900",
|
|
78
|
+
children: nickname || 'Guest'
|
|
79
|
+
}), jsx("div", {
|
|
80
|
+
className: "text-sm text-gray-500",
|
|
81
|
+
children: username || 'username'
|
|
82
|
+
})]
|
|
83
|
+
})]
|
|
84
|
+
}), jsx("button", {
|
|
85
|
+
onClick: () => setIsEditingAvatar(true),
|
|
86
|
+
className: "px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors",
|
|
87
|
+
children: "Change avatar"
|
|
88
|
+
})]
|
|
89
|
+
}), jsxs("div", {
|
|
90
|
+
className: "flex items-center justify-between",
|
|
91
|
+
children: [jsxs("div", {
|
|
92
|
+
children: [jsx("div", {
|
|
93
|
+
className: "text-sm font-medium text-gray-900",
|
|
94
|
+
children: "Full Name"
|
|
95
|
+
}), isEditingName ? jsx("input", {
|
|
96
|
+
type: "text",
|
|
97
|
+
value: tempFullName,
|
|
98
|
+
onChange: e => setTempFullName(e.target.value),
|
|
99
|
+
className: "mt-1 px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent",
|
|
100
|
+
autoFocus: true
|
|
101
|
+
}) : jsx("div", {
|
|
102
|
+
className: "mt-1 text-sm text-gray-700",
|
|
103
|
+
children: tempFullName
|
|
104
|
+
})]
|
|
105
|
+
}), isEditingName ? jsxs("div", {
|
|
106
|
+
className: "flex space-x-2",
|
|
107
|
+
children: [jsx("button", {
|
|
108
|
+
onClick: handleSaveName,
|
|
109
|
+
className: "px-4 py-2 text-sm font-medium text-white bg-blue-600 rounded-lg hover:bg-blue-700 transition-colors",
|
|
110
|
+
children: "Save"
|
|
111
|
+
}), jsx("button", {
|
|
112
|
+
onClick: () => setIsEditingName(false),
|
|
113
|
+
className: "px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors",
|
|
114
|
+
children: "Cancel"
|
|
115
|
+
})]
|
|
116
|
+
}) : jsx("button", {
|
|
117
|
+
onClick: () => setIsEditingName(true),
|
|
118
|
+
className: "px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors",
|
|
119
|
+
children: "Change full name"
|
|
120
|
+
})]
|
|
121
|
+
}), jsxs("div", {
|
|
122
|
+
className: "flex items-center justify-between",
|
|
123
|
+
children: [jsxs("div", {
|
|
124
|
+
children: [jsx("div", {
|
|
125
|
+
className: "text-sm font-medium text-gray-900",
|
|
126
|
+
children: "Username"
|
|
127
|
+
}), isEditingUsername ? jsx("input", {
|
|
128
|
+
type: "text",
|
|
129
|
+
value: tempUsername,
|
|
130
|
+
onChange: e => setTempUsername(e.target.value),
|
|
131
|
+
className: "mt-1 px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent",
|
|
132
|
+
autoFocus: true
|
|
133
|
+
}) : jsx("div", {
|
|
134
|
+
className: "mt-1 text-sm text-gray-700",
|
|
135
|
+
children: tempUsername
|
|
136
|
+
})]
|
|
137
|
+
}), isEditingUsername ? jsxs("div", {
|
|
138
|
+
className: "flex space-x-2",
|
|
139
|
+
children: [jsx("button", {
|
|
140
|
+
onClick: handleSaveUsername,
|
|
141
|
+
className: "px-4 py-2 text-sm font-medium text-white bg-blue-600 rounded-lg hover:bg-blue-700 transition-colors",
|
|
142
|
+
children: "Save"
|
|
143
|
+
}), jsx("button", {
|
|
144
|
+
onClick: () => setIsEditingUsername(false),
|
|
145
|
+
className: "px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors",
|
|
146
|
+
children: "Cancel"
|
|
147
|
+
})]
|
|
148
|
+
}) : jsx("button", {
|
|
149
|
+
onClick: () => setIsEditingUsername(true),
|
|
150
|
+
className: "px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors",
|
|
151
|
+
children: "Change username"
|
|
152
|
+
})]
|
|
153
|
+
}), jsx("div", {
|
|
154
|
+
className: "flex items-center justify-between",
|
|
155
|
+
children: jsxs("div", {
|
|
156
|
+
children: [jsx("div", {
|
|
157
|
+
className: "text-sm font-medium text-gray-900",
|
|
158
|
+
children: "Email"
|
|
159
|
+
}), jsx("div", {
|
|
160
|
+
className: "mt-1 text-sm text-gray-700",
|
|
161
|
+
children: email || 'user@example.com'
|
|
162
|
+
})]
|
|
163
|
+
})
|
|
164
|
+
})]
|
|
165
|
+
})]
|
|
166
|
+
}), jsxs("div", {
|
|
167
|
+
className: "bg-white rounded-lg shadow-sm border border-gray-200 mb-6",
|
|
168
|
+
children: [jsx("div", {
|
|
169
|
+
className: "px-6 py-4 border-b border-gray-200",
|
|
170
|
+
children: jsx("h2", {
|
|
171
|
+
className: "text-lg font-semibold text-gray-900",
|
|
172
|
+
children: "Your Subscription"
|
|
173
|
+
})
|
|
174
|
+
}), jsx("div", {
|
|
175
|
+
className: "p-6",
|
|
176
|
+
children: jsxs("div", {
|
|
177
|
+
className: "flex items-center justify-between",
|
|
178
|
+
children: [jsxs("div", {
|
|
179
|
+
children: [jsx("div", {
|
|
180
|
+
className: "text-sm font-medium text-gray-900 mb-1",
|
|
181
|
+
children: "Unlock the most powerful search experience with Perplexity Pro"
|
|
182
|
+
}), jsxs("div", {
|
|
183
|
+
className: "text-sm text-gray-600",
|
|
184
|
+
children: ["Get the most out of Perplexity with Pro.", ' ', jsx("a", {
|
|
185
|
+
href: "#",
|
|
186
|
+
className: "text-blue-600 hover:text-blue-800",
|
|
187
|
+
children: "Learn more"
|
|
188
|
+
})]
|
|
189
|
+
})]
|
|
190
|
+
}), jsx("button", {
|
|
191
|
+
onClick: handleUpgradePlan,
|
|
192
|
+
className: "px-6 py-3 text-sm font-medium text-white bg-teal-600 rounded-lg hover:bg-teal-700 transition-colors",
|
|
193
|
+
children: "Upgrade plan"
|
|
194
|
+
})]
|
|
195
|
+
})
|
|
196
|
+
})]
|
|
197
|
+
}), jsxs("div", {
|
|
198
|
+
className: "bg-white rounded-lg shadow-sm border border-gray-200",
|
|
199
|
+
children: [jsx("div", {
|
|
200
|
+
className: "px-6 py-4 border-b border-gray-200",
|
|
201
|
+
children: jsx("h2", {
|
|
202
|
+
className: "text-lg font-semibold text-gray-900",
|
|
203
|
+
children: "System"
|
|
204
|
+
})
|
|
205
|
+
}), jsxs("div", {
|
|
206
|
+
className: "p-6 space-y-6",
|
|
207
|
+
children: [jsxs("div", {
|
|
208
|
+
className: "flex items-center justify-between",
|
|
209
|
+
children: [jsx("div", {
|
|
210
|
+
children: jsx("div", {
|
|
211
|
+
className: "text-sm font-medium text-gray-900",
|
|
212
|
+
children: "Support"
|
|
213
|
+
})
|
|
214
|
+
}), jsx("button", {
|
|
215
|
+
onClick: handleContactSupport,
|
|
216
|
+
className: "px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors",
|
|
217
|
+
children: "Contact"
|
|
218
|
+
})]
|
|
219
|
+
}), jsxs("div", {
|
|
220
|
+
className: "flex items-center justify-between",
|
|
221
|
+
children: [jsx("div", {
|
|
222
|
+
children: jsxs("div", {
|
|
223
|
+
className: "text-sm font-medium text-gray-900",
|
|
224
|
+
children: ["You are signed in as ", username || 'username']
|
|
225
|
+
})
|
|
226
|
+
}), jsx("button", {
|
|
227
|
+
onClick: handleSignOut,
|
|
228
|
+
className: "px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors",
|
|
229
|
+
children: "Sign out"
|
|
230
|
+
})]
|
|
231
|
+
}), jsxs("div", {
|
|
232
|
+
className: "flex items-center justify-between",
|
|
233
|
+
children: [jsxs("div", {
|
|
234
|
+
children: [jsx("div", {
|
|
235
|
+
className: "text-sm font-medium text-gray-900",
|
|
236
|
+
children: "Sign out of all sessions"
|
|
237
|
+
}), jsx("div", {
|
|
238
|
+
className: "text-sm text-gray-600 mt-1",
|
|
239
|
+
children: "Devices or browsers where you are signed in"
|
|
240
|
+
})]
|
|
241
|
+
}), jsx("button", {
|
|
242
|
+
onClick: handleSignOutAllSessions,
|
|
243
|
+
className: "px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors",
|
|
244
|
+
children: "Sign out of all sessions"
|
|
245
|
+
})]
|
|
246
|
+
}), jsxs("div", {
|
|
247
|
+
className: "flex items-center justify-between",
|
|
248
|
+
children: [jsxs("div", {
|
|
249
|
+
children: [jsx("div", {
|
|
250
|
+
className: "text-sm font-medium text-gray-900",
|
|
251
|
+
children: "Delete account"
|
|
252
|
+
}), jsx("div", {
|
|
253
|
+
className: "text-sm text-gray-600 mt-1",
|
|
254
|
+
children: "Permanently delete your account and data"
|
|
255
|
+
})]
|
|
256
|
+
}), jsx("button", {
|
|
257
|
+
onClick: handleDeleteAccount,
|
|
258
|
+
className: "px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors",
|
|
259
|
+
children: "Learn more"
|
|
260
|
+
})]
|
|
261
|
+
})]
|
|
262
|
+
})]
|
|
263
|
+
})]
|
|
264
|
+
})
|
|
265
|
+
});
|
|
266
|
+
};export{AccountDetails as default};//# sourceMappingURL=AccountDetails.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccountDetails.js","sources":["../../../src/pages/Account/AccountDetails.tsx"],"sourcesContent":[null],"names":[],"mappings":"wHAIA,MAAM,cAAc,GAAkB,MAAK;AACvC,EAAA,MAAA;AACA,IAAA,OAAM,GAAE;MAER,cAAO,CAAA,KAAe,IAAE,KAAA,EAAA,IAAA,IAAA,EAAmB;QAC3C;IACA,QAAO;AACP,IAAA,OAAO;AACP,IAAA,KAAA;IAEA,QAAM;;AAEF,GAAA,GAAA,OAAA,IAAQ,EAAG;QACX,CAAA,eAAgB,EAAC,kBAAO,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;AAC5B,EAAA,MAAE,CAAA,aAAA,EAAA,gBAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;QAEF,CAAA,iBAAM,EAAkB,oBAAQ,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;QAC5B,CAAA,YAAA,EAAA,eAAA,CAAA,GAAA,QAAA,CAAA,QAAgD,IAAA,QAAA,IAAA,EAAA,CAAA;AAChD,EAAA,MAAA,CAAA,6BAA8B,CAAA,GAAE,QAAA,CAAA,QAAc,IAAA,EAAA,CAAA;QAC9C,cAAA,GAAA,MAAqB;AACzB;IAEA,OAAM,CAAA,GAAA,CAAA,mBAAyB,EAAA,YAAA,CAAA;oBAC3B,CAAA,KAAA,CAAA;AACA,EAAA,CAAA;AACJ,EAAA,MAAE,kBAAA,GAAA,MAAA;;WAGE,CAAA,GAAA,CAAA,kBAAuB,EAAA,YAAA,CAAA;AACvB,IAAA,oBAAY,CAAA,KAAA,CAAA;AAChB,EAAA,CAAA;QAEA,iBAAmB,GAAG,MAAK;;AAEvB,IAAA,OAAA,CAAA,GAAO,CAAC,sBAAsB,CAAC;AACnC,EAAA,CAAA;QAEA,oBAAM,GAAA,MAA2B;;AAE7B,IAAA,OAAA,CAAA,GAAO,CAAC,yBAAI,CAAA;AAChB,EAAA,CAAA;QAEA,aAAM,GAAA,MAAmB;;AAErB,IAAA,OAAA,CAAA,GAAO,CAAC,kBAAI,CAAA;AAChB,EAAA,CAAA;AAEA,EAAA,MAAA,wBACS,GAAS;AAmOtB;AAEA,IAAA,OAAA,CAAA,GAAe,gCAAe,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccountLayout.d.ts","sourceRoot":"","sources":["../../../src/pages/Account/AccountLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B,MAAM,WAAW,kBAAkB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AA0BD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8GtD,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1,139 @@
|
|
|
1
|
+
import {jsx,jsxs}from'react/jsx-runtime';import {useLocation,useNavigate,useParams,Outlet}from'@remix-run/react';import {ArrowLeft,User,Settings,Palette,Bot,CheckSquare,Bell,Plug,Key,Crown,Eye}from'lucide-react';import {cn}from'../../utils/index.js';import {generateMenuPath}from'@admin-layout/client';import {AccountRoutes}from'../../constants/routes.js';const navigationItems = [{
|
|
2
|
+
id: 'account',
|
|
3
|
+
label: 'Account',
|
|
4
|
+
path: AccountRoutes.AccountDetails,
|
|
5
|
+
icon: User
|
|
6
|
+
}, {
|
|
7
|
+
id: 'preferences',
|
|
8
|
+
label: 'Preferences',
|
|
9
|
+
path: AccountRoutes.AccountPreferences,
|
|
10
|
+
icon: Settings
|
|
11
|
+
}, {
|
|
12
|
+
id: 'personalization',
|
|
13
|
+
label: 'Personalization',
|
|
14
|
+
path: AccountRoutes.AccountPersonalization,
|
|
15
|
+
icon: Palette
|
|
16
|
+
}, {
|
|
17
|
+
id: 'assistant',
|
|
18
|
+
label: 'Assistant',
|
|
19
|
+
path: AccountRoutes.AccountAssistant,
|
|
20
|
+
icon: Bot
|
|
21
|
+
}, {
|
|
22
|
+
id: 'tasks',
|
|
23
|
+
label: 'Tasks',
|
|
24
|
+
path: AccountRoutes.AccountTasks,
|
|
25
|
+
icon: CheckSquare
|
|
26
|
+
}, {
|
|
27
|
+
id: 'notifications',
|
|
28
|
+
label: 'Notifications',
|
|
29
|
+
path: AccountRoutes.AccountNotifications,
|
|
30
|
+
icon: Bell
|
|
31
|
+
}, {
|
|
32
|
+
id: 'connectors',
|
|
33
|
+
label: 'Connectors',
|
|
34
|
+
path: AccountRoutes.AccountConnectors,
|
|
35
|
+
icon: Plug
|
|
36
|
+
}];
|
|
37
|
+
const workspaceItems = [{
|
|
38
|
+
id: 'api',
|
|
39
|
+
label: 'API',
|
|
40
|
+
path: AccountRoutes.AccountAPI,
|
|
41
|
+
icon: Key
|
|
42
|
+
}, {
|
|
43
|
+
id: 'pro-perks',
|
|
44
|
+
label: 'Pro Perks',
|
|
45
|
+
path: AccountRoutes.AccountProPerks,
|
|
46
|
+
icon: Crown
|
|
47
|
+
}, {
|
|
48
|
+
id: 'all-settings',
|
|
49
|
+
label: 'All Settings',
|
|
50
|
+
path: AccountRoutes.AccountAllSettings,
|
|
51
|
+
icon: Settings
|
|
52
|
+
}, {
|
|
53
|
+
id: 'view-plans',
|
|
54
|
+
label: 'View Plans',
|
|
55
|
+
path: AccountRoutes.AccountViewPlans,
|
|
56
|
+
icon: Eye
|
|
57
|
+
}];
|
|
58
|
+
const AccountLayout = ({
|
|
59
|
+
className
|
|
60
|
+
}) => {
|
|
61
|
+
const location = useLocation();
|
|
62
|
+
const navigate = useNavigate();
|
|
63
|
+
const params = useParams();
|
|
64
|
+
const handleBack = () => {
|
|
65
|
+
navigate(`/o/${params.orgName}/`);
|
|
66
|
+
};
|
|
67
|
+
const handleNavigation = path => {
|
|
68
|
+
navigate(path);
|
|
69
|
+
};
|
|
70
|
+
const isActive = path => {
|
|
71
|
+
return location.pathname === path || location.pathname.startsWith(path + '/');
|
|
72
|
+
};
|
|
73
|
+
return jsx("div", {
|
|
74
|
+
className: cn('min-h-screen bg-gray-50', className),
|
|
75
|
+
children: jsxs("div", {
|
|
76
|
+
className: "flex",
|
|
77
|
+
children: [jsx("div", {
|
|
78
|
+
className: "w-64 bg-white border-r border-gray-200 min-h-screen",
|
|
79
|
+
children: jsxs("div", {
|
|
80
|
+
className: "p-6",
|
|
81
|
+
children: [jsxs("button", {
|
|
82
|
+
onClick: handleBack,
|
|
83
|
+
className: "flex items-center text-sm text-gray-600 hover:text-gray-900 mb-6 transition-colors",
|
|
84
|
+
children: [jsx(ArrowLeft, {
|
|
85
|
+
className: "w-4 h-4 mr-2"
|
|
86
|
+
}), "Back"]
|
|
87
|
+
}), jsx("h1", {
|
|
88
|
+
className: "text-lg font-semibold text-gray-900 mb-6",
|
|
89
|
+
children: "Account"
|
|
90
|
+
}), jsx("nav", {
|
|
91
|
+
className: "space-y-1",
|
|
92
|
+
children: navigationItems.map(item => {
|
|
93
|
+
const Icon = item.icon;
|
|
94
|
+
const active = isActive(generateMenuPath(item.path, params));
|
|
95
|
+
return jsxs("button", {
|
|
96
|
+
onClick: () => handleNavigation(generateMenuPath(item.path, params)),
|
|
97
|
+
className: cn('w-full flex items-center px-3 py-2 text-sm font-medium rounded-md transition-colors', active ? 'bg-gray-100 text-gray-900' : 'text-gray-600 hover:text-gray-900 hover:bg-gray-50'),
|
|
98
|
+
children: [jsx(Icon, {
|
|
99
|
+
className: "w-4 h-4 mr-3"
|
|
100
|
+
}), item.label]
|
|
101
|
+
}, item.id);
|
|
102
|
+
})
|
|
103
|
+
}), jsxs("div", {
|
|
104
|
+
className: "mt-8",
|
|
105
|
+
children: [jsx("h2", {
|
|
106
|
+
className: "text-sm font-medium text-gray-500 uppercase tracking-wider mb-3",
|
|
107
|
+
children: "Workspace"
|
|
108
|
+
}), jsx("nav", {
|
|
109
|
+
className: "space-y-1",
|
|
110
|
+
children: workspaceItems.map(item => {
|
|
111
|
+
const Icon = item.icon;
|
|
112
|
+
const active = isActive(generateMenuPath(item.path, params));
|
|
113
|
+
return jsxs("button", {
|
|
114
|
+
onClick: () => handleNavigation(generateMenuPath(item.path, params)),
|
|
115
|
+
className: cn('w-full flex items-center px-3 py-2 text-sm font-medium rounded-md transition-colors', active ? 'bg-gray-100 text-gray-900' : 'text-gray-600 hover:text-gray-900 hover:bg-gray-50'),
|
|
116
|
+
children: [jsx(Icon, {
|
|
117
|
+
className: "w-4 h-4 mr-3"
|
|
118
|
+
}), item.label, item.id === 'view-plans' && jsx("svg", {
|
|
119
|
+
className: "w-3 h-3 ml-auto",
|
|
120
|
+
fill: "currentColor",
|
|
121
|
+
viewBox: "0 0 20 20",
|
|
122
|
+
children: jsx("path", {
|
|
123
|
+
fillRule: "evenodd",
|
|
124
|
+
d: "M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z",
|
|
125
|
+
clipRule: "evenodd"
|
|
126
|
+
})
|
|
127
|
+
})]
|
|
128
|
+
}, item.id);
|
|
129
|
+
})
|
|
130
|
+
})]
|
|
131
|
+
})]
|
|
132
|
+
})
|
|
133
|
+
}), jsx("div", {
|
|
134
|
+
className: "flex-1",
|
|
135
|
+
children: jsx(Outlet, {})
|
|
136
|
+
})]
|
|
137
|
+
})
|
|
138
|
+
});
|
|
139
|
+
};export{AccountLayout,AccountLayout as default};//# sourceMappingURL=AccountLayout.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccountLayout.js","sources":["../../../src/pages/Account/AccountLayout.tsx"],"sourcesContent":[null],"names":[],"mappings":"oWA+BA,MAAM,eAAe,GAAqB,CAAA;AACtC,EAAA,EAAA,EAAE,SAAI;AACN,EAAA,OAAI,SAAE;AACN,EAAA,IAAE,EAAE,aAAE,CAAA,cAA0B;AAChC,EAAA,IAAE,EAAE;AACJ,CAAA,EAAA;AACA,EAAA,EAAA,EAAE,aAAI;AACN,EAAA,OAAI,aAAc;EACpB,IAAA,EAAA,aAAA,CAAA,kBAAA;AAEF,EAAA,IAAM;AACF,CAAA,EAAA;AACA,EAAA,EAAA,EAAE,iBAAiB;AACnB,EAAA,OAAI,iBAAkB;AACtB,EAAA,IAAE,EAAE,aAAE,CAAY,sBAAqB;EACzC,IAAA,EAAA;AAEF,CAAA,EAAA;AACI,EAAA,EAAA,EAAA,WAAM;AACN,EAAA,KAAA,EAAA,WAAc;AACd,EAAA,IAAA,EAAA,aAAe,CAAA,gBAAY;MAE3B,EAAA;AACI,CAAA,EAAA;AACJ,EAAA,EAAA,EAAE,OAAA;AAEF,EAAA,KAAA,EAAA,OAAM;QACF,aAAa,CAAC,YAAC;AACnB,EAAA,IAAE,EAAA;AAEF,CAAA,EAAA;AACI,EAAA,EAAA,EAAA;AACJ,EAAA,KAAE,EAAA,eAAA;AAEF,EAAA,IAAA,EAAA,aACI,CAAA,oBAAmB;AAoBK,EAAA,IAAA,EAAA;AACA,CAAA,EAAA;;AASgB,EAAA,KAAA,EAAA,YAAA;;;AAkBZ,CAAA,CAAA;AACA,MAAA,cAAA,GAAA,CAAA;;AASgB,EAAA,KAAA,EAAA,KAAA;;AAqBpB,EAAA,IAAA,EAAA;AAahC,CAAC,EAAC;AAEF,EAAA,EAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AllSettings.d.ts","sourceRoot":"","sources":["../../../src/pages/Account/AllSettings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAW9B,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import {jsx,jsxs}from'react/jsx-runtime';const AllSettings = () => {
|
|
2
|
+
return jsx("div", {
|
|
3
|
+
className: "min-h-screen bg-gray-50",
|
|
4
|
+
children: jsx("div", {
|
|
5
|
+
className: "max-w-4xl mx-auto px-6 py-8",
|
|
6
|
+
children: jsxs("div", {
|
|
7
|
+
className: "bg-white rounded-lg shadow-sm border border-gray-200 p-6",
|
|
8
|
+
children: [jsx("h2", {
|
|
9
|
+
className: "text-lg font-semibold text-gray-900 mb-4",
|
|
10
|
+
children: "All Settings"
|
|
11
|
+
}), jsx("p", {
|
|
12
|
+
className: "text-gray-600",
|
|
13
|
+
children: "All settings will be implemented here."
|
|
14
|
+
})]
|
|
15
|
+
})
|
|
16
|
+
})
|
|
17
|
+
});
|
|
18
|
+
};export{AllSettings as default};//# sourceMappingURL=AllSettings.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AllSettings.js","sources":["../../../src/pages/Account/AllSettings.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"yCAEA,MAAM,WAAW,GAAkB,MAAK;AACpC,EAAA,OAAAA,GACI,CAAA,KAAA,EAAA;AASR,IAAE,SAAA,EAAA,yBAAA;AAEF,IAAA,QAAA,EAAAA,WAA0B;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Assistant.d.ts","sourceRoot":"","sources":["../../../src/pages/Account/Assistant.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAW5B,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import {jsx,jsxs}from'react/jsx-runtime';const Assistant = () => {
|
|
2
|
+
return jsx("div", {
|
|
3
|
+
className: "min-h-screen bg-gray-50",
|
|
4
|
+
children: jsx("div", {
|
|
5
|
+
className: "max-w-4xl mx-auto px-6 py-8",
|
|
6
|
+
children: jsxs("div", {
|
|
7
|
+
className: "bg-white rounded-lg shadow-sm border border-gray-200 p-6",
|
|
8
|
+
children: [jsx("h2", {
|
|
9
|
+
className: "text-lg font-semibold text-gray-900 mb-4",
|
|
10
|
+
children: "Assistant"
|
|
11
|
+
}), jsx("p", {
|
|
12
|
+
className: "text-gray-600",
|
|
13
|
+
children: "Assistant settings will be implemented here."
|
|
14
|
+
})]
|
|
15
|
+
})
|
|
16
|
+
})
|
|
17
|
+
});
|
|
18
|
+
};export{Assistant as default};//# sourceMappingURL=Assistant.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Assistant.js","sources":["../../../src/pages/Account/Assistant.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"yCAEA,MAAM,SAAS,GAAkB,MAAK;AAClC,EAAA,OAAAA,GACI,CAAA,KAAA,EAAA;AASR,IAAE,SAAA,EAAA,yBAAA;AAEF,IAAA,QAAA,EAAAA,SAAwB,EAAC;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Connectors.d.ts","sourceRoot":"","sources":["../../../src/pages/Account/Connectors.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAW7B,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import {jsx,jsxs}from'react/jsx-runtime';const Connectors = () => {
|
|
2
|
+
return jsx("div", {
|
|
3
|
+
className: "min-h-screen bg-gray-50",
|
|
4
|
+
children: jsx("div", {
|
|
5
|
+
className: "max-w-4xl mx-auto px-6 py-8",
|
|
6
|
+
children: jsxs("div", {
|
|
7
|
+
className: "bg-white rounded-lg shadow-sm border border-gray-200 p-6",
|
|
8
|
+
children: [jsx("h2", {
|
|
9
|
+
className: "text-lg font-semibold text-gray-900 mb-4",
|
|
10
|
+
children: "Connectors"
|
|
11
|
+
}), jsx("p", {
|
|
12
|
+
className: "text-gray-600",
|
|
13
|
+
children: "Connector settings will be implemented here."
|
|
14
|
+
})]
|
|
15
|
+
})
|
|
16
|
+
})
|
|
17
|
+
});
|
|
18
|
+
};export{Connectors as default};//# sourceMappingURL=Connectors.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Connectors.js","sources":["../../../src/pages/Account/Connectors.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"yCAEA,MAAM,UAAU,GAAkB,MAAK;AACnC,EAAA,OAAAA,GACI,CAAA,KAAA,EAAA;AASR,IAAE,SAAA,EAAA,yBAAA;AAEF,IAAA,QAAA,EAAAA,WAA0B;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Notifications.d.ts","sourceRoot":"","sources":["../../../src/pages/Account/Notifications.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAWhC,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import {jsx,jsxs}from'react/jsx-runtime';const Notifications = () => {
|
|
2
|
+
return jsx("div", {
|
|
3
|
+
className: "min-h-screen bg-gray-50",
|
|
4
|
+
children: jsx("div", {
|
|
5
|
+
className: "max-w-4xl mx-auto px-6 py-8",
|
|
6
|
+
children: jsxs("div", {
|
|
7
|
+
className: "bg-white rounded-lg shadow-sm border border-gray-200 p-6",
|
|
8
|
+
children: [jsx("h2", {
|
|
9
|
+
className: "text-lg font-semibold text-gray-900 mb-4",
|
|
10
|
+
children: "Notifications"
|
|
11
|
+
}), jsx("p", {
|
|
12
|
+
className: "text-gray-600",
|
|
13
|
+
children: "Notification settings will be implemented here."
|
|
14
|
+
})]
|
|
15
|
+
})
|
|
16
|
+
})
|
|
17
|
+
});
|
|
18
|
+
};export{Notifications as default};//# sourceMappingURL=Notifications.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Notifications.js","sources":["../../../src/pages/Account/Notifications.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"yCAEA,MAAM,aAAa,GAAkB,MAAK;AACtC,EAAA,OAAAA,GACI,CAAA,KAAA,EAAA;AASR,IAAE,SAAA,EAAA,yBAAA;AAEF,IAAA,QAAA,EAAAA;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Personalization.d.ts","sourceRoot":"","sources":["../../../src/pages/Account/Personalization.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAWlC,CAAC;AAEF,eAAe,eAAe,CAAC"}
|