@admin-layout/demo-tailwind-browser 10.0.9-alpha.70 → 10.0.9-alpha.71
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/OTPExamples.d.ts +7 -0
- package/lib/components/OTPExamples.d.ts.map +1 -0
- package/lib/components/OTPExamples.js +85 -0
- package/lib/components/OTPExamples.js.map +1 -0
- package/lib/compute.d.ts.map +1 -1
- package/lib/compute.js +10 -0
- package/lib/compute.js.map +1 -1
- package/lib/routes.json +13 -0
- package/package.json +4 -3
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OTPExamples.d.ts","sourceRoot":"","sources":["../../src/components/OTPExamples.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;GAEG;AACH,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAuEzB,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import {jsxs,jsx}from'react/jsx-runtime';import {OTPVerification}from'@admin-layout/tailwind-ui';/**
|
|
2
|
+
* Example usage of the OTPVerification component
|
|
3
|
+
*/
|
|
4
|
+
const ExampleUsage = () => {
|
|
5
|
+
// Verification handlers
|
|
6
|
+
const handleVerificationSuccess = () => {
|
|
7
|
+
console.log('OTP verification successful!');
|
|
8
|
+
// Additional actions on success
|
|
9
|
+
};
|
|
10
|
+
const handleVerificationFailed = () => {
|
|
11
|
+
console.log('OTP verification failed!');
|
|
12
|
+
// Additional actions on failure
|
|
13
|
+
};
|
|
14
|
+
const handleContinue = () => {
|
|
15
|
+
console.log('Continue button clicked after verification');
|
|
16
|
+
// Navigate to dashboard or next step
|
|
17
|
+
};
|
|
18
|
+
const handleResendCode = () => {
|
|
19
|
+
console.log('Resending verification code...');
|
|
20
|
+
// API call to resend verification code
|
|
21
|
+
};
|
|
22
|
+
const handleOtpChange = otp => {
|
|
23
|
+
console.log('OTP changed:', otp);
|
|
24
|
+
// Additional tracking or validation
|
|
25
|
+
};
|
|
26
|
+
return jsxs("div", {
|
|
27
|
+
className: "p-4",
|
|
28
|
+
children: [jsx("h1", {
|
|
29
|
+
className: "text-2xl font-bold mb-6",
|
|
30
|
+
children: "OTP Verification Examples"
|
|
31
|
+
}), jsx("h2", {
|
|
32
|
+
className: "text-xl font-semibold mb-4",
|
|
33
|
+
children: "Basic Usage"
|
|
34
|
+
}), jsx("div", {
|
|
35
|
+
className: "min-h-screen bg-gradient-to-br from-blue-50 to-indigo-50 flex items-center justify-center p-4",
|
|
36
|
+
children: jsx(OTPVerification, {})
|
|
37
|
+
}), jsx("h2", {
|
|
38
|
+
className: "text-xl font-semibold mb-4",
|
|
39
|
+
children: "Custom Configuration"
|
|
40
|
+
}), jsx("div", {
|
|
41
|
+
className: "min-h-screen bg-gradient-to-br from-blue-50 to-indigo-50 flex items-center justify-center p-4",
|
|
42
|
+
children: jsx(OTPVerification, {
|
|
43
|
+
length: 6,
|
|
44
|
+
validCode: "123456",
|
|
45
|
+
title: "Security Verification",
|
|
46
|
+
description: "Enter the 6-digit code sent to your email",
|
|
47
|
+
successMessage: "Great! Your account is now verified",
|
|
48
|
+
errorMessage: "The code you entered is incorrect",
|
|
49
|
+
continueButtonText: "Access Your Account",
|
|
50
|
+
resendCodeText: "Send New Code",
|
|
51
|
+
verificationDelay: 300,
|
|
52
|
+
resetDelay: 1500,
|
|
53
|
+
onVerificationSuccess: handleVerificationSuccess,
|
|
54
|
+
onVerificationFailed: handleVerificationFailed,
|
|
55
|
+
onContinue: handleContinue,
|
|
56
|
+
onResendCode: handleResendCode,
|
|
57
|
+
onOtpChange: handleOtpChange
|
|
58
|
+
})
|
|
59
|
+
}), jsx("h2", {
|
|
60
|
+
className: "text-xl font-semibold mb-4",
|
|
61
|
+
children: "Implementation Notes"
|
|
62
|
+
}), jsxs("div", {
|
|
63
|
+
className: "bg-gray-50 p-4 rounded-lg",
|
|
64
|
+
children: [jsx("h3", {
|
|
65
|
+
className: "font-medium mb-2",
|
|
66
|
+
children: "Features"
|
|
67
|
+
}), jsxs("ul", {
|
|
68
|
+
className: "list-disc list-inside mb-4 space-y-1",
|
|
69
|
+
children: [jsx("li", {
|
|
70
|
+
children: "Customizable OTP length"
|
|
71
|
+
}), jsx("li", {
|
|
72
|
+
children: "Success and error states with visual feedback"
|
|
73
|
+
}), jsx("li", {
|
|
74
|
+
children: "Custom validation"
|
|
75
|
+
}), jsx("li", {
|
|
76
|
+
children: "Animation effects"
|
|
77
|
+
}), jsx("li", {
|
|
78
|
+
children: "Comprehensive event handlers"
|
|
79
|
+
}), jsx("li", {
|
|
80
|
+
children: "Accessible design"
|
|
81
|
+
})]
|
|
82
|
+
})]
|
|
83
|
+
})]
|
|
84
|
+
});
|
|
85
|
+
};export{ExampleUsage as default};//# sourceMappingURL=OTPExamples.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OTPExamples.js","sources":["../../src/components/OTPExamples.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"iGAGA;;AAEG;AACG,MAAA,YAAY,GAAa,MAAK;;QAE1B,yBAAA,GAA4B,MAAK;AACnC,IAAA,OAAA,CAAA,GAAO,CAAC,8BAAI,CAAA;;AAEhB,GAAA;QAEM,wBAAA,GAA2B,MAAK;AAClC,IAAA,OAAA,CAAA,GAAO,CAAC,0BAAI,CAAA;;AAEhB,GAAA;QAEM,cAAA,GAAiB,MAAK;AACxB,IAAA,OAAA,CAAA,GAAO,CAAC,4CAAI,CAAA;;AAEhB,GAAA;QAEM,gBAAA,GAAmB,MAAK;AAC1B,IAAA,OAAA,CAAA,GAAO,CAAC,gCAAI,CAAA;;AAEhB,GAAA;AAEA,EAAA,MAAA,eAAqB,GAAA,GAAI;AACrB,IAAA,OAAA,CAAA,GAAO,CAAC,mBAAoB,CAAA;;AAEhC,GAAA;AAEA,EAAA,OAAAA,IACI,CAAA,KAAA,EAAA;AA2CR,IAAE,SAAA,EAAA,KAAA;AAEF,IAAA,QAAA,EAAA,CAAeC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/lib/compute.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compute.d.ts","sourceRoot":"","sources":["../src/compute.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"compute.d.ts","sourceRoot":"","sources":["../src/compute.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,EAAE,GAsHxB,CAAC;AAMF,QAAA,MAAM,aAAa,0CAA4C,CAAC;AAGhE,QAAA,MAAM,cAAc,0CAA6C,CAAC;AAElE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,CAAC"}
|
package/lib/compute.js
CHANGED
|
@@ -108,6 +108,16 @@ const MainRoutes = [{
|
|
|
108
108
|
priority: 2,
|
|
109
109
|
componentPath: "@admin-layout/demo-tailwind-browser/lib/components/ThemeExample.js",
|
|
110
110
|
hasComponent: true
|
|
111
|
+
}, {
|
|
112
|
+
name: 'OTP Example',
|
|
113
|
+
key: 'menu.otp',
|
|
114
|
+
path: `${ORG_STD_ROUTES.ORG_BASE_PATH}/otp-example`,
|
|
115
|
+
auth: true,
|
|
116
|
+
position: IMenuPosition.Lower,
|
|
117
|
+
exact: true,
|
|
118
|
+
priority: 2,
|
|
119
|
+
componentPath: "@admin-layout/demo-tailwind-browser/lib/components/OTPExamples.js",
|
|
120
|
+
hasComponent: true
|
|
111
121
|
}];
|
|
112
122
|
// Using '*' to select all routes and menus
|
|
113
123
|
const selectedAll = '*';
|
package/lib/compute.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compute.js","sources":["../src/compute.ts"],"sourcesContent":[null],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"compute.js","sources":["../src/compute.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
package/lib/routes.json
CHANGED
|
@@ -112,5 +112,18 @@
|
|
|
112
112
|
"componentPath": "@admin-layout/demo-tailwind-browser/lib/components/ThemeExample.js",
|
|
113
113
|
"hasComponent": true
|
|
114
114
|
}
|
|
115
|
+
},
|
|
116
|
+
{
|
|
117
|
+
"/o/:orgName/otp-example": {
|
|
118
|
+
"name": "OTP Example",
|
|
119
|
+
"key": "menu.otp",
|
|
120
|
+
"path": "/o/:orgName/otp-example",
|
|
121
|
+
"auth": true,
|
|
122
|
+
"position": "LOWER",
|
|
123
|
+
"exact": true,
|
|
124
|
+
"priority": 2,
|
|
125
|
+
"componentPath": "@admin-layout/demo-tailwind-browser/lib/components/OTPExamples.js",
|
|
126
|
+
"hasComponent": true
|
|
127
|
+
}
|
|
115
128
|
}
|
|
116
129
|
]
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@admin-layout/demo-tailwind-browser",
|
|
3
|
-
"version": "10.0.9-alpha.
|
|
3
|
+
"version": "10.0.9-alpha.71",
|
|
4
4
|
"description": "Sample core for higher packages to depend on",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"author": "CDMBase LLC",
|
|
@@ -22,7 +22,8 @@
|
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"@admin-layout/assets": "10.0.9-alpha.4",
|
|
25
|
-
"@admin-layout/tailwind-design-pro": "10.0.9-alpha.
|
|
25
|
+
"@admin-layout/tailwind-design-pro": "10.0.9-alpha.71",
|
|
26
|
+
"@admin-layout/tailwind-ui": "10.0.9-alpha.71",
|
|
26
27
|
"@pubngo-stack/icons": "8.0.7",
|
|
27
28
|
"@react-icons/all-files": "^4.1.0",
|
|
28
29
|
"@xstate/react": "^4.1.1",
|
|
@@ -50,7 +51,7 @@
|
|
|
50
51
|
"publishConfig": {
|
|
51
52
|
"access": "public"
|
|
52
53
|
},
|
|
53
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "e6c16b3733d42ccb51ead120c5e87aad49933ff5",
|
|
54
55
|
"typescript": {
|
|
55
56
|
"definition": "lib/index.d.ts"
|
|
56
57
|
}
|