@octaviaflow/core 3.1.0-beta.73 → 3.1.0-beta.74
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/AuthScreen/AuthScreen.d.ts +29 -1
- package/dist/components/AuthScreen/AuthScreen.d.ts.map +1 -1
- package/dist/index.cjs +100 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +246 -147
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
|
@@ -74,10 +74,21 @@ export interface AuthLoginFormProps extends FormPropsBase {
|
|
|
74
74
|
}
|
|
75
75
|
export declare function AuthLoginForm({ logo, title, description, headingLevel, error, success, loading, emailLabel, emailPlaceholder, defaultEmail, passwordLabel, passwordPlaceholder, submitLabel, showRemember, rememberLabel, defaultRemember, forgotHref, onForgotClick, forgotLabel, socialProviders, onSocialClick, socialDividerLabel, registerHref, onRegisterClick, registerPrompt, registerLabel, footer, onSubmit, className, ...rest }: AuthLoginFormProps): import("react/jsx-runtime").JSX.Element;
|
|
76
76
|
export interface AuthSignupValues {
|
|
77
|
+
/** Combined display name. With `nameLayout="split"` this is `${firstName} ${lastName}` trimmed. */
|
|
77
78
|
name: string;
|
|
79
|
+
/** Populated only when `nameLayout="split"`. */
|
|
80
|
+
firstName?: string;
|
|
81
|
+
/** Populated only when `nameLayout="split"`. */
|
|
82
|
+
lastName?: string;
|
|
78
83
|
email: string;
|
|
79
84
|
password: string;
|
|
80
85
|
acceptTerms: boolean;
|
|
86
|
+
/** Populated only when `showCompanyToggle` — whether the user is registering a company account. */
|
|
87
|
+
isCompanyAccount?: boolean;
|
|
88
|
+
/** Company name — populated when the company toggle is on. */
|
|
89
|
+
companyName?: string;
|
|
90
|
+
/** Company domain — populated when the company toggle is on (auto-filled from the email). */
|
|
91
|
+
domain?: string;
|
|
81
92
|
}
|
|
82
93
|
export interface AuthSignupFormProps extends FormPropsBase {
|
|
83
94
|
logo?: ReactNode;
|
|
@@ -89,8 +100,25 @@ export interface AuthSignupFormProps extends FormPropsBase {
|
|
|
89
100
|
error?: ReactNode;
|
|
90
101
|
success?: ReactNode;
|
|
91
102
|
loading?: boolean;
|
|
103
|
+
/** `"single"` (default) renders one Full name field; `"split"` renders First + Last name. */
|
|
104
|
+
nameLayout?: "single" | "split";
|
|
92
105
|
nameLabel?: ReactNode;
|
|
93
106
|
namePlaceholder?: string;
|
|
107
|
+
firstNameLabel?: ReactNode;
|
|
108
|
+
firstNamePlaceholder?: string;
|
|
109
|
+
lastNameLabel?: ReactNode;
|
|
110
|
+
lastNamePlaceholder?: string;
|
|
111
|
+
/**
|
|
112
|
+
* Render the "signing up for a company" toggle. When checked it reveals
|
|
113
|
+
* Company name + Domain fields, and the domain auto-fills from the email.
|
|
114
|
+
* Default `false`.
|
|
115
|
+
*/
|
|
116
|
+
showCompanyToggle?: boolean;
|
|
117
|
+
companyToggleLabel?: ReactNode;
|
|
118
|
+
companyNameLabel?: ReactNode;
|
|
119
|
+
companyNamePlaceholder?: string;
|
|
120
|
+
domainLabel?: ReactNode;
|
|
121
|
+
domainPlaceholder?: string;
|
|
94
122
|
emailLabel?: ReactNode;
|
|
95
123
|
emailPlaceholder?: string;
|
|
96
124
|
passwordLabel?: ReactNode;
|
|
@@ -113,6 +141,6 @@ export interface AuthSignupFormProps extends FormPropsBase {
|
|
|
113
141
|
footer?: ReactNode;
|
|
114
142
|
onSubmit?: (values: AuthSignupValues, event: FormEvent<HTMLFormElement>) => void;
|
|
115
143
|
}
|
|
116
|
-
export declare function AuthSignupForm({ logo, title, description, headingLevel, error, success, loading, nameLabel, namePlaceholder, emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, passwordStrengthRules, submitLabel, showTerms, termsLabel, socialProviders, onSocialClick, socialDividerLabel, signInHref, onSignInClick, signInPrompt, signInLabel, footer, onSubmit, className, ...rest }: AuthSignupFormProps): import("react/jsx-runtime").JSX.Element;
|
|
144
|
+
export declare function AuthSignupForm({ logo, title, description, headingLevel, error, success, loading, nameLayout, nameLabel, namePlaceholder, firstNameLabel, firstNamePlaceholder, lastNameLabel, lastNamePlaceholder, showCompanyToggle, companyToggleLabel, companyNameLabel, companyNamePlaceholder, domainLabel, domainPlaceholder, emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, passwordStrengthRules, submitLabel, showTerms, termsLabel, socialProviders, onSocialClick, socialDividerLabel, signInHref, onSignInClick, signInPrompt, signInLabel, footer, onSubmit, className, ...rest }: AuthSignupFormProps): import("react/jsx-runtime").JSX.Element;
|
|
117
145
|
export {};
|
|
118
146
|
//# sourceMappingURL=AuthScreen.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AuthScreen.d.ts","sourceRoot":"","sources":["../../../src/components/AuthScreen/AuthScreen.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACd,KAAK,SAAS,
|
|
1
|
+
{"version":3,"file":"AuthScreen.d.ts","sourceRoot":"","sources":["../../../src/components/AuthScreen/AuthScreen.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.cjs
CHANGED
|
@@ -4820,8 +4820,19 @@ function AuthSignupForm({
|
|
|
4820
4820
|
error,
|
|
4821
4821
|
success,
|
|
4822
4822
|
loading = false,
|
|
4823
|
+
nameLayout = "single",
|
|
4823
4824
|
nameLabel = "Full name",
|
|
4824
4825
|
namePlaceholder = "Enter your full name",
|
|
4826
|
+
firstNameLabel = "First name",
|
|
4827
|
+
firstNamePlaceholder = "Enter your first name",
|
|
4828
|
+
lastNameLabel = "Last name",
|
|
4829
|
+
lastNamePlaceholder = "Enter your last name",
|
|
4830
|
+
showCompanyToggle = false,
|
|
4831
|
+
companyToggleLabel = "I'm signing up for a company",
|
|
4832
|
+
companyNameLabel = "Company name",
|
|
4833
|
+
companyNamePlaceholder = "Acme Inc",
|
|
4834
|
+
domainLabel = "Domain",
|
|
4835
|
+
domainPlaceholder = "acme.com",
|
|
4825
4836
|
emailLabel = "Email",
|
|
4826
4837
|
emailPlaceholder = "Enter your email address",
|
|
4827
4838
|
passwordLabel = "Password",
|
|
@@ -4844,12 +4855,31 @@ function AuthSignupForm({
|
|
|
4844
4855
|
}) {
|
|
4845
4856
|
const titleId = (0, import_react33.useId)();
|
|
4846
4857
|
const [name, setName] = (0, import_react33.useState)("");
|
|
4858
|
+
const [firstName, setFirstName] = (0, import_react33.useState)("");
|
|
4859
|
+
const [lastName, setLastName] = (0, import_react33.useState)("");
|
|
4847
4860
|
const [email, setEmail] = (0, import_react33.useState)("");
|
|
4848
4861
|
const [password, setPassword] = (0, import_react33.useState)("");
|
|
4849
4862
|
const [acceptTerms, setAcceptTerms] = (0, import_react33.useState)(false);
|
|
4863
|
+
const [isCompanyAccount, setIsCompanyAccount] = (0, import_react33.useState)(false);
|
|
4864
|
+
const [companyName, setCompanyName] = (0, import_react33.useState)("");
|
|
4865
|
+
const [domain, setDomain] = (0, import_react33.useState)("");
|
|
4866
|
+
(0, import_react33.useEffect)(() => {
|
|
4867
|
+
if (!showCompanyToggle || !isCompanyAccount || domain) return;
|
|
4868
|
+
const at = email.indexOf("@");
|
|
4869
|
+
if (at > -1 && at < email.length - 1) setDomain(email.slice(at + 1));
|
|
4870
|
+
}, [showCompanyToggle, isCompanyAccount, email, domain]);
|
|
4850
4871
|
const handleSubmit = (event) => {
|
|
4851
4872
|
event.preventDefault();
|
|
4852
|
-
|
|
4873
|
+
const combinedName = nameLayout === "split" ? `${firstName} ${lastName}`.trim() : name;
|
|
4874
|
+
const values = {
|
|
4875
|
+
name: combinedName,
|
|
4876
|
+
email,
|
|
4877
|
+
password,
|
|
4878
|
+
acceptTerms,
|
|
4879
|
+
...nameLayout === "split" ? { firstName, lastName } : {},
|
|
4880
|
+
...showCompanyToggle ? { isCompanyAccount, companyName, domain } : {}
|
|
4881
|
+
};
|
|
4882
|
+
onSubmit?.(values, event);
|
|
4853
4883
|
};
|
|
4854
4884
|
return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
|
|
4855
4885
|
"form",
|
|
@@ -4874,7 +4904,36 @@ function AuthSignupForm({
|
|
|
4874
4904
|
success && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Banner, { variant: "success", children: success })
|
|
4875
4905
|
] }),
|
|
4876
4906
|
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ods-auth-form__fields", children: [
|
|
4877
|
-
/* @__PURE__ */ (0, import_jsx_runtime14.
|
|
4907
|
+
nameLayout === "split" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ods-auth-form__grid2", children: [
|
|
4908
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
4909
|
+
Input,
|
|
4910
|
+
{
|
|
4911
|
+
label: firstNameLabel,
|
|
4912
|
+
type: "text",
|
|
4913
|
+
name: "firstName",
|
|
4914
|
+
autoComplete: "given-name",
|
|
4915
|
+
required: true,
|
|
4916
|
+
placeholder: firstNamePlaceholder,
|
|
4917
|
+
value: firstName,
|
|
4918
|
+
onChange: (e) => setFirstName(e.target.value),
|
|
4919
|
+
disabled: loading
|
|
4920
|
+
}
|
|
4921
|
+
),
|
|
4922
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
4923
|
+
Input,
|
|
4924
|
+
{
|
|
4925
|
+
label: lastNameLabel,
|
|
4926
|
+
type: "text",
|
|
4927
|
+
name: "lastName",
|
|
4928
|
+
autoComplete: "family-name",
|
|
4929
|
+
required: true,
|
|
4930
|
+
placeholder: lastNamePlaceholder,
|
|
4931
|
+
value: lastName,
|
|
4932
|
+
onChange: (e) => setLastName(e.target.value),
|
|
4933
|
+
disabled: loading
|
|
4934
|
+
}
|
|
4935
|
+
)
|
|
4936
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
4878
4937
|
Input,
|
|
4879
4938
|
{
|
|
4880
4939
|
label: nameLabel,
|
|
@@ -4917,6 +4976,45 @@ function AuthSignupForm({
|
|
|
4917
4976
|
}
|
|
4918
4977
|
)
|
|
4919
4978
|
] }),
|
|
4979
|
+
showCompanyToggle && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
|
|
4980
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
4981
|
+
Checkbox,
|
|
4982
|
+
{
|
|
4983
|
+
label: companyToggleLabel,
|
|
4984
|
+
checked: isCompanyAccount,
|
|
4985
|
+
onChange: setIsCompanyAccount,
|
|
4986
|
+
disabled: loading
|
|
4987
|
+
}
|
|
4988
|
+
),
|
|
4989
|
+
isCompanyAccount && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ods-auth-form__grid2", children: [
|
|
4990
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
4991
|
+
Input,
|
|
4992
|
+
{
|
|
4993
|
+
label: companyNameLabel,
|
|
4994
|
+
type: "text",
|
|
4995
|
+
name: "companyName",
|
|
4996
|
+
autoComplete: "organization",
|
|
4997
|
+
required: true,
|
|
4998
|
+
placeholder: companyNamePlaceholder,
|
|
4999
|
+
value: companyName,
|
|
5000
|
+
onChange: (e) => setCompanyName(e.target.value),
|
|
5001
|
+
disabled: loading
|
|
5002
|
+
}
|
|
5003
|
+
),
|
|
5004
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
5005
|
+
Input,
|
|
5006
|
+
{
|
|
5007
|
+
label: domainLabel,
|
|
5008
|
+
type: "text",
|
|
5009
|
+
name: "domain",
|
|
5010
|
+
placeholder: domainPlaceholder,
|
|
5011
|
+
value: domain,
|
|
5012
|
+
onChange: (e) => setDomain(e.target.value),
|
|
5013
|
+
disabled: loading
|
|
5014
|
+
}
|
|
5015
|
+
)
|
|
5016
|
+
] })
|
|
5017
|
+
] }),
|
|
4920
5018
|
showTerms && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
4921
5019
|
Checkbox,
|
|
4922
5020
|
{
|