@designbasekorea/figma-ui 0.1.89 → 0.1.90
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/index.d.ts +1 -0
- package/dist/index.esm.js +4 -4
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +4 -4
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -573,7 +573,7 @@ const useFigmaToast = () => {
|
|
|
573
573
|
FigmaToastProvider.displayName = 'FigmaToastProvider';
|
|
574
574
|
FigmaToast.displayName = 'FigmaToast';
|
|
575
575
|
|
|
576
|
-
const FormWithSubmit = ({ onLicenseSubmit, disabled = false, isSubmitting = false, value = '', onValueChange, label = { key: 'form.license_key' }, placeholder = { key: 'form.license_placeholder' }, submitText = { key: 'form.submit' }, submittingText = { key: 'form.verifying' }, className, t }) => {
|
|
576
|
+
const FormWithSubmit = ({ onLicenseSubmit, disabled = false, isSubmitting = false, value = '', onValueChange, label = { key: 'form.license_key' }, placeholder = { key: 'form.license_placeholder' }, submitText = { key: 'form.submit' }, submittingText = { key: 'form.verifying' }, helperText, className, t }) => {
|
|
577
577
|
const [inputValue, setInputValue] = React.useState(value);
|
|
578
578
|
React.useEffect(() => {
|
|
579
579
|
setInputValue(value);
|
|
@@ -590,10 +590,11 @@ const FormWithSubmit = ({ onLicenseSubmit, disabled = false, isSubmitting = fals
|
|
|
590
590
|
const displayPlaceholder = resolveText(t, placeholder, 'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx');
|
|
591
591
|
const displaySubmitText = resolveText(t, submitText, 'Submit');
|
|
592
592
|
const displaySubmittingText = resolveText(t, submittingText, 'Verifying...');
|
|
593
|
+
const displayHelperText = helperText ? resolveText(t, helperText, '') : undefined;
|
|
593
594
|
return (React.createElement("form", { className: `designbase-figma-form-with-submit ${className || ''}`, onSubmit: handleSubmit },
|
|
594
595
|
React.createElement("div", { className: "designbase-figma-form-with-submit__field" },
|
|
595
596
|
React.createElement("label", { className: "designbase-figma-form-with-submit__label" }, displayLabel),
|
|
596
|
-
React.createElement(ui.Input, { value: inputValue, onChange: handleChange, placeholder: displayPlaceholder, disabled: disabled || isSubmitting, size: "m" })),
|
|
597
|
+
React.createElement(ui.Input, { value: inputValue, onChange: handleChange, placeholder: displayPlaceholder, helperText: displayHelperText, disabled: disabled || isSubmitting, size: "m" })),
|
|
597
598
|
React.createElement(ui.Button, { type: "submit", variant: "primary", size: "m", loading: isSubmitting, disabled: !inputValue.trim() || isSubmitting || disabled, fullWidth: true }, isSubmitting ? displaySubmittingText : displaySubmitText)));
|
|
598
599
|
};
|
|
599
600
|
FormWithSubmit.displayName = 'FormWithSubmit';
|
|
@@ -800,8 +801,7 @@ const PageLicense = ({ status: initialStatus, onClose, usageCount: initialUsageC
|
|
|
800
801
|
paymentPageUrl && (React.createElement(ui.Button, { onClick: () => window.open(paymentPageUrl, '_blank'), variant: "primary", size: "s" },
|
|
801
802
|
React.createElement("span", null, resolveText(t, { key: 'license.purchase' }, '라이선스 구매')),
|
|
802
803
|
React.createElement(icons.ExternalLinkIcon, { size: 16 })))),
|
|
803
|
-
React.createElement(FormWithSubmit, { onLicenseSubmit: handleLicenseSubmit, disabled: false, isSubmitting: isSubmitting, value: licenseKey, onValueChange: setLicenseKey, label: { key: 'license.key' }, submitText: { key: 'license.submit' }, submittingText: { key: 'license.verifying' }, t: t }),
|
|
804
|
-
React.createElement("p", { className: "designbase-figma-page-license__disclaimer" }, resolveText(t, { key: 'license.enter_from_email' }, '구독 후 이메일로 받은 라이선스 키를 입력하세요.'))))),
|
|
804
|
+
React.createElement(FormWithSubmit, { onLicenseSubmit: handleLicenseSubmit, disabled: false, isSubmitting: isSubmitting, value: licenseKey, onValueChange: setLicenseKey, label: { key: 'license.key' }, submitText: { key: 'license.submit' }, submittingText: { key: 'license.verifying' }, helperText: { key: 'license.enter_from_email' }, t: t })))),
|
|
805
805
|
React.createElement(ui.Button, { className: "designbase-figma-page-license__close", onPress: onClose, variant: "tertiary", size: "s", "aria-label": "Close" },
|
|
806
806
|
React.createElement(icons.CloseIcon, { size: 20 }))));
|
|
807
807
|
};
|