@bigbinary/neeto-molecules 1.0.64 → 1.0.65
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/EmailPreview.cjs.js +2 -1
- package/dist/EmailPreview.cjs.js.map +1 -1
- package/dist/EmailPreview.js +2 -1
- package/dist/EmailPreview.js.map +1 -1
- package/dist/PhoneNumber.cjs.js +8 -6
- package/dist/PhoneNumber.cjs.js.map +1 -1
- package/dist/PhoneNumber.js +9 -7
- package/dist/PhoneNumber.js.map +1 -1
- package/dist/Rename.cjs.js +8 -6
- package/dist/Rename.cjs.js.map +1 -1
- package/dist/Rename.js +8 -6
- package/dist/Rename.js.map +1 -1
- package/dist/ShareViaEmail.cjs.js +7 -5
- package/dist/ShareViaEmail.cjs.js.map +1 -1
- package/dist/ShareViaEmail.js +8 -6
- package/dist/ShareViaEmail.js.map +1 -1
- package/dist/Sidebar.cjs.js +6 -3
- package/dist/Sidebar.cjs.js.map +1 -1
- package/dist/Sidebar.js +6 -3
- package/dist/Sidebar.js.map +1 -1
- package/dist/ThemeSidebar.cjs.js +4 -3
- package/dist/ThemeSidebar.cjs.js.map +1 -1
- package/dist/ThemeSidebar.js +4 -3
- package/dist/ThemeSidebar.js.map +1 -1
- package/package.json +1 -1
- package/types/Rename.d.ts +1 -0
package/dist/EmailPreview.cjs.js
CHANGED
|
@@ -10,6 +10,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
10
10
|
|
|
11
11
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
12
12
|
|
|
13
|
+
var MemoizedEditorContent = /*#__PURE__*/React__default["default"].memo(neetoEditor.EditorContent);
|
|
13
14
|
var EmailPreview = function EmailPreview(_ref) {
|
|
14
15
|
var to = _ref.to,
|
|
15
16
|
from = _ref.from,
|
|
@@ -66,7 +67,7 @@ var EmailPreview = function EmailPreview(_ref) {
|
|
|
66
67
|
})))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
67
68
|
className: "neeto-ui-text-gray-800 flex flex-1 flex-col justify-between space-y-6 p-6 pr-10 text-base leading-relaxed",
|
|
68
69
|
"data-cy": "email-body-preview-container"
|
|
69
|
-
}, body ? /*#__PURE__*/React__default["default"].createElement(
|
|
70
|
+
}, body ? /*#__PURE__*/React__default["default"].createElement(MemoizedEditorContent, {
|
|
70
71
|
content: body
|
|
71
72
|
}) : /*#__PURE__*/React__default["default"].createElement("div", {
|
|
72
73
|
className: "space-y-4"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmailPreview.cjs.js","sources":["../src/components/EmailPreview.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { isNotEmpty } from \"neetocommons/pure\";\nimport { EditorContent } from \"neetoeditor\";\nimport { Typography, Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nconst EmailPreview = ({\n to,\n from,\n subject,\n body,\n productName,\n actionButtonText,\n logo,\n}) => {\n const { t } = useTranslation();\n\n return (\n <div\n className=\"neeto-ui-border-gray-300 neeto-ui-shadow-m neeto-ui-bg-white flex flex-1 flex-col border\"\n data-cy=\"email-preview-card\"\n >\n <div className=\"neeto-ui-border-gray-300 space-y-3 divide-y divide-gray-200 border-b p-6\">\n <div\n className=\"flex gap-2\"\n data-cy=\"email-send-to-preview\"\n data-testid=\"email-to-block\"\n >\n <Typography\n className=\"neeto-ui-text-gray-500\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {t(\"neetoMolecules.emailPreview.to\")}:\n </Typography>\n {isNotEmpty(to) ? (\n <Typography\n className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {to.join(\", \")}\n </Typography>\n ) : (\n <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full mt-2 h-2 w-40\" />\n )}\n </div>\n {from && (\n <div className=\"flex items-center gap-2 pt-3\">\n <Typography\n className=\"neeto-ui-text-gray-500\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {t(\"neetoMolecules.emailPreview.from\")}:\n </Typography>\n <Typography\n className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n data-cy=\"email-send-from-preview\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {from}\n </Typography>\n </div>\n )}\n <div className=\"flex items-center gap-2 pt-3\">\n <Typography\n className=\"neeto-ui-text-gray-500\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {t(\"neetoMolecules.emailPreview.subject\")}:\n </Typography>\n <Typography\n className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n data-cy=\"email-subject-preview\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {subject || (\n <span className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-40\" />\n )}\n </Typography>\n </div>\n </div>\n <div\n className=\"neeto-ui-text-gray-800 flex flex-1 flex-col justify-between space-y-6 p-6 pr-10 text-base leading-relaxed\"\n data-cy=\"email-body-preview-container\"\n >\n {body ? (\n <
|
|
1
|
+
{"version":3,"file":"EmailPreview.cjs.js","sources":["../src/components/EmailPreview.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { isNotEmpty } from \"neetocommons/pure\";\nimport { EditorContent } from \"neetoeditor\";\nimport { Typography, Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nconst MemoizedEditorContent = React.memo(EditorContent);\n\nconst EmailPreview = ({\n to,\n from,\n subject,\n body,\n productName,\n actionButtonText,\n logo,\n}) => {\n const { t } = useTranslation();\n\n return (\n <div\n className=\"neeto-ui-border-gray-300 neeto-ui-shadow-m neeto-ui-bg-white flex flex-1 flex-col border\"\n data-cy=\"email-preview-card\"\n >\n <div className=\"neeto-ui-border-gray-300 space-y-3 divide-y divide-gray-200 border-b p-6\">\n <div\n className=\"flex gap-2\"\n data-cy=\"email-send-to-preview\"\n data-testid=\"email-to-block\"\n >\n <Typography\n className=\"neeto-ui-text-gray-500\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {t(\"neetoMolecules.emailPreview.to\")}:\n </Typography>\n {isNotEmpty(to) ? (\n <Typography\n className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {to.join(\", \")}\n </Typography>\n ) : (\n <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full mt-2 h-2 w-40\" />\n )}\n </div>\n {from && (\n <div className=\"flex items-center gap-2 pt-3\">\n <Typography\n className=\"neeto-ui-text-gray-500\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {t(\"neetoMolecules.emailPreview.from\")}:\n </Typography>\n <Typography\n className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n data-cy=\"email-send-from-preview\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {from}\n </Typography>\n </div>\n )}\n <div className=\"flex items-center gap-2 pt-3\">\n <Typography\n className=\"neeto-ui-text-gray-500\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {t(\"neetoMolecules.emailPreview.subject\")}:\n </Typography>\n <Typography\n className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n data-cy=\"email-subject-preview\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {subject || (\n <span className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-40\" />\n )}\n </Typography>\n </div>\n </div>\n <div\n className=\"neeto-ui-text-gray-800 flex flex-1 flex-col justify-between space-y-6 p-6 pr-10 text-base leading-relaxed\"\n data-cy=\"email-body-preview-container\"\n >\n {body ? (\n <MemoizedEditorContent content={body} />\n ) : (\n <div className=\"space-y-4\">\n <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-80\" />\n <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-72\" />\n <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-80\" />\n </div>\n )}\n {actionButtonText && (\n <div className=\"mt-6 flex w-full items-center justify-center\">\n <Button className=\"pointer-events-none\" label={actionButtonText} />\n </div>\n )}\n {logo && (\n <img\n alt={t(\"neetoMolecules.emailPreview.logoAltText\")}\n className=\"h-20 w-36 object-cover\"\n data-cy=\"company-logo-preview\"\n src={logo}\n />\n )}\n </div>\n {productName && (\n <div\n className=\"neeto-ui-bg-gray-100 mt-auto p-2\"\n data-testid=\"product-name-block\"\n >\n <Typography\n className=\"neeto-ui-text-gray-600 text-center leading-6\"\n style=\"body3\"\n >\n {t(\"neetoMolecules.emailPreview.poweredBy\")}\n <span className=\"neeto-ui-text-gray-800 font-medium\">\n {productName}\n </span>\n </Typography>\n </div>\n )}\n </div>\n );\n};\n\nEmailPreview.propTypes = {\n /**\n * The value of the send-to field.\n */\n to: PropTypes.arrayOf(PropTypes.string),\n /**\n * The value of the send-from field.\n */\n from: PropTypes.string,\n /**\n * The subject of the email.\n */\n subject: PropTypes.string,\n /**\n * The body of the email.\n */\n body: PropTypes.string,\n /**\n * The name of the neeto product to be previewed.\n */\n productName: PropTypes.string,\n /**\n * The text to be shown in the action button.\n */\n actionButtonText: PropTypes.string,\n /**\n * Source link for the company logo.\n */\n logo: PropTypes.string,\n};\n\nexport default EmailPreview;\n"],"names":["MemoizedEditorContent","React","memo","EditorContent","EmailPreview","_ref","to","from","subject","body","productName","actionButtonText","logo","_useTranslation","useTranslation","t","createElement","className","Typography","lineHeight","style","isNotEmpty","join","content","Button","label","alt","src"],"mappings":"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"}
|
package/dist/EmailPreview.js
CHANGED
|
@@ -4,6 +4,7 @@ import { EditorContent } from '@bigbinary/neeto-editor';
|
|
|
4
4
|
import { Typography, Button } from '@bigbinary/neetoui';
|
|
5
5
|
import { useTranslation } from 'react-i18next';
|
|
6
6
|
|
|
7
|
+
var MemoizedEditorContent = /*#__PURE__*/React.memo(EditorContent);
|
|
7
8
|
var EmailPreview = function EmailPreview(_ref) {
|
|
8
9
|
var to = _ref.to,
|
|
9
10
|
from = _ref.from,
|
|
@@ -60,7 +61,7 @@ var EmailPreview = function EmailPreview(_ref) {
|
|
|
60
61
|
})))), /*#__PURE__*/React.createElement("div", {
|
|
61
62
|
className: "neeto-ui-text-gray-800 flex flex-1 flex-col justify-between space-y-6 p-6 pr-10 text-base leading-relaxed",
|
|
62
63
|
"data-cy": "email-body-preview-container"
|
|
63
|
-
}, body ? /*#__PURE__*/React.createElement(
|
|
64
|
+
}, body ? /*#__PURE__*/React.createElement(MemoizedEditorContent, {
|
|
64
65
|
content: body
|
|
65
66
|
}) : /*#__PURE__*/React.createElement("div", {
|
|
66
67
|
className: "space-y-4"
|
package/dist/EmailPreview.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmailPreview.js","sources":["../src/components/EmailPreview.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { isNotEmpty } from \"neetocommons/pure\";\nimport { EditorContent } from \"neetoeditor\";\nimport { Typography, Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nconst EmailPreview = ({\n to,\n from,\n subject,\n body,\n productName,\n actionButtonText,\n logo,\n}) => {\n const { t } = useTranslation();\n\n return (\n <div\n className=\"neeto-ui-border-gray-300 neeto-ui-shadow-m neeto-ui-bg-white flex flex-1 flex-col border\"\n data-cy=\"email-preview-card\"\n >\n <div className=\"neeto-ui-border-gray-300 space-y-3 divide-y divide-gray-200 border-b p-6\">\n <div\n className=\"flex gap-2\"\n data-cy=\"email-send-to-preview\"\n data-testid=\"email-to-block\"\n >\n <Typography\n className=\"neeto-ui-text-gray-500\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {t(\"neetoMolecules.emailPreview.to\")}:\n </Typography>\n {isNotEmpty(to) ? (\n <Typography\n className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {to.join(\", \")}\n </Typography>\n ) : (\n <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full mt-2 h-2 w-40\" />\n )}\n </div>\n {from && (\n <div className=\"flex items-center gap-2 pt-3\">\n <Typography\n className=\"neeto-ui-text-gray-500\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {t(\"neetoMolecules.emailPreview.from\")}:\n </Typography>\n <Typography\n className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n data-cy=\"email-send-from-preview\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {from}\n </Typography>\n </div>\n )}\n <div className=\"flex items-center gap-2 pt-3\">\n <Typography\n className=\"neeto-ui-text-gray-500\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {t(\"neetoMolecules.emailPreview.subject\")}:\n </Typography>\n <Typography\n className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n data-cy=\"email-subject-preview\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {subject || (\n <span className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-40\" />\n )}\n </Typography>\n </div>\n </div>\n <div\n className=\"neeto-ui-text-gray-800 flex flex-1 flex-col justify-between space-y-6 p-6 pr-10 text-base leading-relaxed\"\n data-cy=\"email-body-preview-container\"\n >\n {body ? (\n <
|
|
1
|
+
{"version":3,"file":"EmailPreview.js","sources":["../src/components/EmailPreview.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { isNotEmpty } from \"neetocommons/pure\";\nimport { EditorContent } from \"neetoeditor\";\nimport { Typography, Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nconst MemoizedEditorContent = React.memo(EditorContent);\n\nconst EmailPreview = ({\n to,\n from,\n subject,\n body,\n productName,\n actionButtonText,\n logo,\n}) => {\n const { t } = useTranslation();\n\n return (\n <div\n className=\"neeto-ui-border-gray-300 neeto-ui-shadow-m neeto-ui-bg-white flex flex-1 flex-col border\"\n data-cy=\"email-preview-card\"\n >\n <div className=\"neeto-ui-border-gray-300 space-y-3 divide-y divide-gray-200 border-b p-6\">\n <div\n className=\"flex gap-2\"\n data-cy=\"email-send-to-preview\"\n data-testid=\"email-to-block\"\n >\n <Typography\n className=\"neeto-ui-text-gray-500\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {t(\"neetoMolecules.emailPreview.to\")}:\n </Typography>\n {isNotEmpty(to) ? (\n <Typography\n className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {to.join(\", \")}\n </Typography>\n ) : (\n <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full mt-2 h-2 w-40\" />\n )}\n </div>\n {from && (\n <div className=\"flex items-center gap-2 pt-3\">\n <Typography\n className=\"neeto-ui-text-gray-500\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {t(\"neetoMolecules.emailPreview.from\")}:\n </Typography>\n <Typography\n className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n data-cy=\"email-send-from-preview\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {from}\n </Typography>\n </div>\n )}\n <div className=\"flex items-center gap-2 pt-3\">\n <Typography\n className=\"neeto-ui-text-gray-500\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {t(\"neetoMolecules.emailPreview.subject\")}:\n </Typography>\n <Typography\n className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n data-cy=\"email-subject-preview\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {subject || (\n <span className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-40\" />\n )}\n </Typography>\n </div>\n </div>\n <div\n className=\"neeto-ui-text-gray-800 flex flex-1 flex-col justify-between space-y-6 p-6 pr-10 text-base leading-relaxed\"\n data-cy=\"email-body-preview-container\"\n >\n {body ? (\n <MemoizedEditorContent content={body} />\n ) : (\n <div className=\"space-y-4\">\n <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-80\" />\n <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-72\" />\n <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-80\" />\n </div>\n )}\n {actionButtonText && (\n <div className=\"mt-6 flex w-full items-center justify-center\">\n <Button className=\"pointer-events-none\" label={actionButtonText} />\n </div>\n )}\n {logo && (\n <img\n alt={t(\"neetoMolecules.emailPreview.logoAltText\")}\n className=\"h-20 w-36 object-cover\"\n data-cy=\"company-logo-preview\"\n src={logo}\n />\n )}\n </div>\n {productName && (\n <div\n className=\"neeto-ui-bg-gray-100 mt-auto p-2\"\n data-testid=\"product-name-block\"\n >\n <Typography\n className=\"neeto-ui-text-gray-600 text-center leading-6\"\n style=\"body3\"\n >\n {t(\"neetoMolecules.emailPreview.poweredBy\")}\n <span className=\"neeto-ui-text-gray-800 font-medium\">\n {productName}\n </span>\n </Typography>\n </div>\n )}\n </div>\n );\n};\n\nEmailPreview.propTypes = {\n /**\n * The value of the send-to field.\n */\n to: PropTypes.arrayOf(PropTypes.string),\n /**\n * The value of the send-from field.\n */\n from: PropTypes.string,\n /**\n * The subject of the email.\n */\n subject: PropTypes.string,\n /**\n * The body of the email.\n */\n body: PropTypes.string,\n /**\n * The name of the neeto product to be previewed.\n */\n productName: PropTypes.string,\n /**\n * The text to be shown in the action button.\n */\n actionButtonText: PropTypes.string,\n /**\n * Source link for the company logo.\n */\n logo: PropTypes.string,\n};\n\nexport default EmailPreview;\n"],"names":["MemoizedEditorContent","React","memo","EditorContent","EmailPreview","_ref","to","from","subject","body","productName","actionButtonText","logo","_useTranslation","useTranslation","t","createElement","className","Typography","lineHeight","style","isNotEmpty","join","content","Button","label","alt","src"],"mappings":"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"}
|
package/dist/PhoneNumber.cjs.js
CHANGED
|
@@ -6800,6 +6800,7 @@ var SingleValue = function SingleValue(_ref) {
|
|
|
6800
6800
|
style: "body2"
|
|
6801
6801
|
}, otherProps), countryData.emoji));
|
|
6802
6802
|
};
|
|
6803
|
+
var SingleValue$1 = /*#__PURE__*/React__default["default"].memo(SingleValue);
|
|
6803
6804
|
|
|
6804
6805
|
var _excluded$3 = ["country", "setCountry", "onInputChange", "prefix", "phoneNumber"];
|
|
6805
6806
|
var CountryPicker = function CountryPicker(_ref) {
|
|
@@ -6833,8 +6834,8 @@ var CountryPicker = function CountryPicker(_ref) {
|
|
|
6833
6834
|
value: country
|
|
6834
6835
|
},
|
|
6835
6836
|
components: {
|
|
6836
|
-
SingleValue: function SingleValue
|
|
6837
|
-
return /*#__PURE__*/React__default["default"].createElement(SingleValue, {
|
|
6837
|
+
SingleValue: function SingleValue() {
|
|
6838
|
+
return /*#__PURE__*/React__default["default"].createElement(SingleValue$1, {
|
|
6838
6839
|
showEmoji: true,
|
|
6839
6840
|
country: country
|
|
6840
6841
|
});
|
|
@@ -6850,6 +6851,7 @@ var CountryPicker = function CountryPicker(_ref) {
|
|
|
6850
6851
|
onInputChange: setSearchTerm
|
|
6851
6852
|
}, otherProps)));
|
|
6852
6853
|
};
|
|
6854
|
+
var CountryPicker$1 = /*#__PURE__*/React__default["default"].memo(CountryPicker);
|
|
6853
6855
|
|
|
6854
6856
|
var isPhoneNumberValid = function isPhoneNumberValid() {
|
|
6855
6857
|
var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
|
|
@@ -6925,10 +6927,10 @@ var PhoneNumberInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
6925
6927
|
setCountry = _useState2[1];
|
|
6926
6928
|
var prefix = country ? "+".concat(getCountryCallingCode(country)) : "";
|
|
6927
6929
|
var formattedValue = formatIncompletePhoneNumber(value, country);
|
|
6928
|
-
var handleInputChange = function
|
|
6930
|
+
var handleInputChange = React.useCallback(function (value) {
|
|
6929
6931
|
onChange(value);
|
|
6930
6932
|
internalValue.current = value;
|
|
6931
|
-
};
|
|
6933
|
+
}, []);
|
|
6932
6934
|
var handleChange = function handleChange(event) {
|
|
6933
6935
|
var _getPhoneData = getPhoneData(event.target.value, country),
|
|
6934
6936
|
phoneNumber = _getPhoneData.phoneNumber,
|
|
@@ -6960,7 +6962,7 @@ var PhoneNumberInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
6960
6962
|
placeholder: t("neetoMolecules.phoneNumberInput.placeholder", {
|
|
6961
6963
|
prefix: prefix
|
|
6962
6964
|
}),
|
|
6963
|
-
prefix: /*#__PURE__*/React__default["default"].createElement(CountryPicker, _extends({
|
|
6965
|
+
prefix: /*#__PURE__*/React__default["default"].createElement(CountryPicker$1, _extends({
|
|
6964
6966
|
country: country,
|
|
6965
6967
|
phoneNumber: value,
|
|
6966
6968
|
prefix: prefix,
|
|
@@ -7002,7 +7004,7 @@ var PhoneNumber = function PhoneNumber(_ref) {
|
|
|
7002
7004
|
country = _getPhoneData.country;
|
|
7003
7005
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
7004
7006
|
className: classnames(["flex items-center space-x-2", className])
|
|
7005
|
-
}, /*#__PURE__*/React__default["default"].createElement(SingleValue, _extends({
|
|
7007
|
+
}, /*#__PURE__*/React__default["default"].createElement(SingleValue$1, _extends({
|
|
7006
7008
|
country: country,
|
|
7007
7009
|
showEmoji: showEmoji
|
|
7008
7010
|
}, otherProps)), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, _extends({
|