@proprioo/salatim 18.1.2 → 18.2.2

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 ## Changelog
 
+**18.2.2**
+
+    * Fix `EmailInput` suggestion buttons to avoid submitting forms on click
+
+**18.2.1**
+
+    * Fix disabled input on Safari
+    * Fix Suffix color when disabled
+    * Fix Fieldset border-color when disabled and in error
+
+**18.2.0**
+
+    * Add `useDebounce()` hook
+    * Add `useEmailSuggestion()` hook with mailcheck feature
+    * Add `EmailInput` that leverage on `useEmailSuggestion()` hook
+
+**18.1.4**
+
+    * Fix button border radius display on mobile device
+
+**18.1.3**
+
+    * Add width on SelectWrapper
+
 **18.1.2**
 
     * Fix Modal on mobile

package/lib/forms/src/userForm/UserForm.d.ts

@@ -1,5 +1,6 @@
 import { FC } from 'react';
 import { Dictionary, UserProps } from '@proprioo/hokkaido';
+import { EmailInputI18nLabelProps } from '../../../ui/src/emailInput/EmailInput.interfaces';
 export interface UserFormLabelProps {
     firstName: string;
     lastName: string;
@@ -9,6 +10,8 @@ export interface UserFormLabelProps {
 export interface UserFormProps {
     user: UserProps;
     errors: Dictionary;
+    emailSuggestionI18nLabels?: EmailInputI18nLabelProps;
+    isEmailSuggestionEnabled?: boolean;
     labels?: UserFormLabelProps;
     errorMessages?: Dictionary;
     phoneWithFlags?: boolean;

package/lib/forms/src/userForm/UserForm.js

@@ -17,6 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.formatEmail = void 0;
 var react_1 = __importDefault(require("react"));
 var Phone_1 = __importDefault(require("../../../phone/src/phoneInput/Phone"));
+var EmailInput_1 = __importDefault(require("../../../ui/src/emailInput/EmailInput"));
 var Input_1 = require("../../../ui/src/input/Input");
 var InputBase_1 = __importDefault(require("../../../ui/src/inputBase/InputBase"));
 var utils_1 = require("../../../utils");
@@ -36,7 +37,7 @@ var DEFAULT_ERROR_MESSAGES = {
 var formatEmail = function (email) { return email.trim(); };
 exports.formatEmail = formatEmail;
 var UserForm = function (_a) {
-    var user = _a.user, errors = _a.errors, _b = _a.labels, labels = _b === void 0 ? DEFAULT_INPUT_LABELS : _b, _c = _a.errorMessages, errorMessages = _c === void 0 ? {} : _c, updateUser = _a.updateUser, _d = _a.phoneWithFlags, phoneWithFlags = _d === void 0 ? false : _d;
+    var user = _a.user, errors = _a.errors, emailSuggestionI18nLabels = _a.emailSuggestionI18nLabels, _b = _a.isEmailSuggestionEnabled, isEmailSuggestionEnabled = _b === void 0 ? true : _b, _c = _a.labels, labels = _c === void 0 ? DEFAULT_INPUT_LABELS : _c, _d = _a.errorMessages, errorMessages = _d === void 0 ? {} : _d, updateUser = _a.updateUser, _e = _a.phoneWithFlags, phoneWithFlags = _e === void 0 ? false : _e;
     var firstName = user.firstName, lastName = user.lastName, email = user.email, phone = user.phone;
     var mergedErrorMessages = __assign(__assign({}, DEFAULT_ERROR_MESSAGES), errorMessages);
     return (react_1.default.createElement(UserForm_styles_1.Layout, null,
@@ -55,7 +56,7 @@ var UserForm = function (_a) {
         react_1.default.createElement(utils_1.Line, null,
             react_1.default.createElement(utils_1.Row, null,
                 react_1.default.createElement(UserForm_styles_1.InputWithError, null,
-                    react_1.default.createElement(InputBase_1.default, { dataTest: "customer-email", name: "email", type: Input_1.InputType.EMAIL, disabled: false, error: !!errors.email, label: labels.email, value: email, onChange: function (value) {
+                    react_1.default.createElement(EmailInput_1.default, { dataTest: "customer-email", name: "email", disabled: false, error: !!errors.email, label: labels.email, isSuggestionEnabled: isEmailSuggestionEnabled, i18nLabels: emailSuggestionI18nLabels, value: email, onChange: function (value) {
                             return updateUser(__assign(__assign({}, user), { email: exports.formatEmail(value) }), 'user.email');
                         } }),
                     errors.email && (react_1.default.createElement(UserForm_styles_1.ErrorLayout, { "data-test": "invalid-email" }, mergedErrorMessages.email))),

package/lib/forms/src/userForm/UserForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserForm.js","sourceRoot":"","sources":["../../../../packages/forms/src/userForm/UserForm.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"UserForm.js","sourceRoot":"","sources":["../../../../packages/forms/src/userForm/UserForm.tsx"],"names":[],"mappings":"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"}

package/lib/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { default as useDebounce } from './useDebounce/useDebounce';
+export { default as useEmailSuggestion, UseEmailSuggestionProps } from './useEmailSuggestion/useEmailSuggestion';

package/lib/hooks/index.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEmailSuggestion = exports.useDebounce = void 0;
+var useDebounce_1 = require("./useDebounce/useDebounce");
+Object.defineProperty(exports, "useDebounce", { enumerable: true, get: function () { return __importDefault(useDebounce_1).default; } });
+var useEmailSuggestion_1 = require("./useEmailSuggestion/useEmailSuggestion");
+Object.defineProperty(exports, "useEmailSuggestion", { enumerable: true, get: function () { return __importDefault(useEmailSuggestion_1).default; } });
+//# sourceMappingURL=index.js.map

package/lib/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../packages/hooks/index.ts"],"names":[],"mappings":";;;;;;AAAA,yDAAmE;AAA1D,2HAAA,OAAO,OAAe;AAC/B,8EAGiD;AAF/C,yIAAA,OAAO,OAAsB"}

package/lib/hooks/useDebounce/useDebounce.d.ts

@@ -0,0 +1,2 @@
+declare function useDebounce<T>(value: T, delay: number): T;
+export default useDebounce;

package/lib/hooks/useDebounce/useDebounce.js

@@ -0,0 +1,27 @@
+"use strict";
+// Hook from : https://usehooks.com/useDebounce/
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+// T is a generic type for value parameter, our case this will be string
+function useDebounce(value, delay) {
+    // State and setters for debounced value
+    var _a = react_1.useState(value), debouncedValue = _a[0], setDebouncedValue = _a[1];
+    react_1.useEffect(function () {
+        if (delay > 0) {
+            // Update debounced value after delay
+            var handler_1 = setTimeout(function () {
+                setDebouncedValue(value);
+            }, delay);
+            // Cancel the timeout if value changes (also on delay change or unmount)
+            // This is how we prevent debounced value from updating if value is changed ...
+            // .. within the delay period. Timeout gets cleared and restarted.
+            return function () {
+                clearTimeout(handler_1);
+            };
+        }
+    }, [value, delay] // Only re-call effect if value or delay changes
+    );
+    return delay === 0 ? value : debouncedValue;
+}
+exports.default = useDebounce;
+//# sourceMappingURL=useDebounce.js.map

package/lib/hooks/useDebounce/useDebounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounce.js","sourceRoot":"","sources":["../../../packages/hooks/useDebounce/useDebounce.ts"],"names":[],"mappings":";AAAA,gDAAgD;;AAEhD,+BAA4C;AAE5C,wEAAwE;AACxE,SAAS,WAAW,CAAI,KAAQ,EAAE,KAAa;IAC7C,wCAAwC;IAClC,IAAA,KAAsC,gBAAQ,CAAI,KAAK,CAAC,EAAvD,cAAc,QAAA,EAAE,iBAAiB,QAAsB,CAAC;IAE/D,iBAAS,CACP;QACE,IAAI,KAAK,GAAG,CAAC,EAAE;YACb,qCAAqC;YACrC,IAAM,SAAO,GAAG,UAAU,CAAC;gBACzB,iBAAiB,CAAC,KAAK,CAAC,CAAC;YAC3B,CAAC,EAAE,KAAK,CAAC,CAAC;YACV,wEAAwE;YACxE,+EAA+E;YAC/E,kEAAkE;YAClE,OAAO;gBACL,YAAY,CAAC,SAAO,CAAC,CAAC;YACxB,CAAC,CAAC;SACH;IACH,CAAC,EACD,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,gDAAgD;KAChE,CAAC;IAEF,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC;AAC9C,CAAC;AAED,kBAAe,WAAW,CAAC"}

package/lib/hooks/useDebounce/useDebounce.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/hooks/useDebounce/useDebounce.test.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_hooks_1 = require("@testing-library/react-hooks");
+var useDebounce_1 = __importDefault(require("./useDebounce"));
+describe('useDebounce', function () {
+    beforeAll(function () { return jest.useFakeTimers(); });
+    afterEach(function () { return jest.clearAllTimers(); });
+    afterAll(function () { return jest.useRealTimers(); });
+    it('should change value after given amount of time', function () {
+        var _a = react_hooks_1.renderHook(function (value) { return useDebounce_1.default(value, 100); }, { initialProps: 'value' }), result = _a.result, rerender = _a.rerender;
+        expect(result.current).toEqual('value');
+        rerender('new-value');
+        expect(result.current).toEqual('value');
+        react_hooks_1.act(function () {
+            jest.advanceTimersByTime(100);
+            expect(result.current).toEqual('new-value');
+        });
+    });
+    it('should change value immediately', function () {
+        var _a = react_hooks_1.renderHook(function (value) { return useDebounce_1.default(value, 0); }, { initialProps: 'value' }), result = _a.result, rerender = _a.rerender;
+        expect(result.current).toEqual('value');
+        rerender('new-value');
+        expect(result.current).toEqual('new-value');
+    });
+});
+//# sourceMappingURL=useDebounce.test.js.map

package/lib/hooks/useDebounce/useDebounce.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounce.test.js","sourceRoot":"","sources":["../../../packages/hooks/useDebounce/useDebounce.test.ts"],"names":[],"mappings":";;;;;AAAA,4DAA+D;AAE/D,8DAAwC;AAExC,QAAQ,CAAC,aAAa,EAAE;IACtB,SAAS,CAAC,cAAM,OAAA,IAAI,CAAC,aAAa,EAAE,EAApB,CAAoB,CAAC,CAAC;IACtC,SAAS,CAAC,cAAM,OAAA,IAAI,CAAC,cAAc,EAAE,EAArB,CAAqB,CAAC,CAAC;IACvC,QAAQ,CAAC,cAAM,OAAA,IAAI,CAAC,aAAa,EAAE,EAApB,CAAoB,CAAC,CAAC;IAErC,EAAE,CAAC,gDAAgD,EAAE;QAC7C,IAAA,KAAuB,wBAAU,CACrC,UAAC,KAAa,IAAK,OAAA,qBAAW,CAAC,KAAK,EAAE,GAAG,CAAC,EAAvB,CAAuB,EAC1C,EAAE,YAAY,EAAE,OAAO,EAAE,CAC1B,EAHO,MAAM,YAAA,EAAE,QAAQ,cAGvB,CAAC;QACF,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAExC,QAAQ,CAAC,WAAW,CAAC,CAAC;QAEtB,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAExC,iBAAG,CAAC;YACF,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;YAC9B,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iCAAiC,EAAE;QAC9B,IAAA,KAAuB,wBAAU,CACrC,UAAC,KAAa,IAAK,OAAA,qBAAW,CAAC,KAAK,EAAE,CAAC,CAAC,EAArB,CAAqB,EACxC,EAAE,YAAY,EAAE,OAAO,EAAE,CAC1B,EAHO,MAAM,YAAA,EAAE,QAAQ,cAGvB,CAAC;QACF,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAExC,QAAQ,CAAC,WAAW,CAAC,CAAC;QAEtB,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/lib/hooks/useEmailSuggestion/useEmailSuggestion.d.ts

@@ -0,0 +1,6 @@
+import { nullOrString } from '@proprioo/hokkaido';
+export interface UseEmailSuggestionProps {
+    debounce?: number;
+    email?: nullOrString;
+}
+export default function useEmailSuggestion({ debounce, email }: UseEmailSuggestionProps): string | undefined;

package/lib/hooks/useEmailSuggestion/useEmailSuggestion.js

@@ -0,0 +1,84 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var mailcheck_1 = __importDefault(require("mailcheck"));
+var react_1 = require("react");
+var useDebounce_1 = __importDefault(require("../useDebounce/useDebounce"));
+/**
+ * Extracted from BigQuery:
+ *
+    SELECT
+      REGEXP_EXTRACT(email, r'@(.+)') AS domain,
+      COUNT(email) AS count
+    FROM
+      `proprioo-production.events.raw_aws_ses_events`
+    WHERE
+      DATE(timestamp) <= CURRENT_DATETIME()
+    GROUP BY
+      domain
+    ORDER BY
+      count DESC
+ */
+var DOMAINS = [
+    'gmail.com',
+    'yahoo.fr',
+    'hotmail.fr',
+    'hotmail.com',
+    'wanadoo.fr',
+    'orange.fr',
+    'free.fr',
+    'yahoo.com',
+    'live.fr',
+    'outlook.fr',
+    'laposte.net',
+    'icloud.com',
+    'sfr.fr',
+    'outlook.com',
+    'me.com',
+    'aol.com',
+    'neuf.fr',
+    'msn.com',
+    'yopmail.com',
+    'ymail.com',
+    'club-internet.fr',
+    'live.com',
+    'bbox.fr'
+];
+var TOP_LEVEL_DOMAINS = [
+    'com',
+    'net',
+    'org',
+    'edu',
+    'info',
+    'be',
+    'ch',
+    'de',
+    'es',
+    'eu',
+    'fr'
+];
+function useEmailSuggestion(_a) {
+    var _b = _a.debounce, debounce = _b === void 0 ? 500 : _b, email = _a.email;
+    var _c = react_1.useState(undefined), suggestedEmail = _c[0], setSuggestedEmail = _c[1];
+    var debouncedSuggestedEmail = useDebounce_1.default(suggestedEmail, debounce);
+    var checkEmail = function (value) {
+        mailcheck_1.default.run({
+            email: value,
+            domains: DOMAINS,
+            topLevelDomains: TOP_LEVEL_DOMAINS,
+            suggested: function (suggestion) {
+                setSuggestedEmail(suggestion.full);
+            }
+        });
+    };
+    react_1.useEffect(function () {
+        if (email) {
+            checkEmail(email);
+        }
+    }, [email]);
+    return debouncedSuggestedEmail;
+}
+exports.default = useEmailSuggestion;
+//# sourceMappingURL=useEmailSuggestion.js.map

package/lib/hooks/useEmailSuggestion/useEmailSuggestion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEmailSuggestion.js","sourceRoot":"","sources":["../../../packages/hooks/useEmailSuggestion/useEmailSuggestion.ts"],"names":[],"mappings":";;;;;AAAA,wDAAkC;AAClC,+BAA4C;AAI5C,2EAAqD;AAErD;;;;;;;;;;;;;;GAcG;AACH,IAAM,OAAO,GAAG;IACd,WAAW;IACX,UAAU;IACV,YAAY;IACZ,aAAa;IACb,YAAY;IACZ,WAAW;IACX,SAAS;IACT,WAAW;IACX,SAAS;IACT,YAAY;IACZ,aAAa;IACb,YAAY;IACZ,QAAQ;IACR,aAAa;IACb,QAAQ;IACR,SAAS;IACT,SAAS;IACT,SAAS;IACT,aAAa;IACb,WAAW;IACX,kBAAkB;IAClB,UAAU;IACV,SAAS;CACV,CAAC;AAEF,IAAM,iBAAiB,GAAG;IACxB,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,MAAM;IACN,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;CACL,CAAC;AAOF,SAAwB,kBAAkB,CAAC,EAGjB;QAFxB,gBAAc,EAAd,QAAQ,mBAAG,GAAG,KAAA,EACd,KAAK,WAAA;IAEC,IAAA,KAAsC,gBAAQ,CAClD,SAAS,CACV,EAFM,cAAc,QAAA,EAAE,iBAAiB,QAEvC,CAAC;IAEF,IAAM,uBAAuB,GAAG,qBAAW,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;IAEtE,IAAM,UAAU,GAAG,UAAC,KAAa;QAC/B,mBAAS,CAAC,GAAG,CAAC;YACZ,KAAK,EAAE,KAAK;YACZ,OAAO,EAAE,OAAO;YAChB,eAAe,EAAE,iBAAiB;YAClC,SAAS,EAAE,UAAC,UAAuC;gBACjD,iBAAiB,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;YACrC,CAAC;SACF,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,iBAAS,CAAC;QACR,IAAI,KAAK,EAAE;YACT,UAAU,CAAC,KAAK,CAAC,CAAC;SACnB;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,uBAAuB,CAAC;AACjC,CAAC;AA5BD,qCA4BC"}

package/lib/hooks/useEmailSuggestion/useEmailSuggestion.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/hooks/useEmailSuggestion/useEmailSuggestion.test.js

@@ -0,0 +1,73 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_hooks_1 = require("@testing-library/react-hooks");
+var useEmailSuggestion_1 = __importDefault(require("./useEmailSuggestion"));
+describe('useEmailSuggestion()', function () {
+    beforeAll(function () { return jest.useFakeTimers(); });
+    afterEach(function () { return jest.clearAllTimers(); });
+    afterAll(function () { return jest.useRealTimers(); });
+    it('should return the correct suggestion after amount of time', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var result;
+        return __generator(this, function (_a) {
+            result = react_hooks_1.renderHook(function () {
+                return useEmailSuggestion_1.default({ email: 'leo@gmaul.com', debounce: 100 });
+            }).result;
+            expect(result.current).toEqual(undefined);
+            react_hooks_1.act(function () {
+                jest.advanceTimersByTime(100);
+                expect(result.current).toEqual('leo@gmail.com');
+            });
+            return [2 /*return*/];
+        });
+    }); });
+    it('should return the correct suggestion immediately', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var result;
+        return __generator(this, function (_a) {
+            result = react_hooks_1.renderHook(function () {
+                return useEmailSuggestion_1.default({ email: 'leo@gmaul.com', debounce: 0 });
+            }).result;
+            expect(result.current).toEqual('leo@gmail.com');
+            return [2 /*return*/];
+        });
+    }); });
+});
+//# sourceMappingURL=useEmailSuggestion.test.js.map

package/lib/hooks/useEmailSuggestion/useEmailSuggestion.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEmailSuggestion.test.js","sourceRoot":"","sources":["../../../packages/hooks/useEmailSuggestion/useEmailSuggestion.test.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4DAA+D;AAE/D,4EAAsD;AAEtD,QAAQ,CAAC,sBAAsB,EAAE;IAC/B,SAAS,CAAC,cAAM,OAAA,IAAI,CAAC,aAAa,EAAE,EAApB,CAAoB,CAAC,CAAC;IACtC,SAAS,CAAC,cAAM,OAAA,IAAI,CAAC,cAAc,EAAE,EAArB,CAAqB,CAAC,CAAC;IACvC,QAAQ,CAAC,cAAM,OAAA,IAAI,CAAC,aAAa,EAAE,EAApB,CAAoB,CAAC,CAAC;IAErC,EAAE,CAAC,2DAA2D,EAAE;;;YACtD,MAAM,GAAK,wBAAU,CAAC;gBAC5B,OAAA,4BAAkB,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC;YAA7D,CAA6D,CAC9D,OAFa,CAEZ;YAEF,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;YAE1C,iBAAG,CAAC;gBACF,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;gBAC9B,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;YAClD,CAAC,CAAC,CAAC;;;SACJ,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE;;;YAC7C,MAAM,GAAK,wBAAU,CAAC;gBAC5B,OAAA,4BAAkB,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC;YAA3D,CAA2D,CAC5D,OAFa,CAEZ;YAEF,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;;;SACjD,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/lib/index.d.ts

@@ -1,6 +1,7 @@
 export * from './date';
 export * from './energy';
 export * from './forms';
+export * from './hooks';
 export * from './phone';
 export * from './ui';
 export * from './utils';