@homefile/components-v2 2.63.1 → 2.64.0

package/dist/index.d.ts

@@ -7,5 +7,6 @@ export { homeAssistantWizardSteps, partnerWizardSteps } from './helpers';
 export { billingProxy, dynamicFormProxy, homeCardProxy, partnerContentProxy, partnerDetailsProxy, paymentMethodProxy, recordsInputsProxy, recordsInputsToDBProxy, userDetailsProxy, confirmAddressProxy, addressProxy, } from './proxies';
 import theme from './theme';
 export { theme };
+export { default as englishStrings } from './assets/locales/en/index.json';
 export { Button, IconButton } from './components/button/Button';
 export type { ButtonProps, IconButtonProps } from './components/button/Button';

package/dist/index.js

@@ -7,4 +7,8 @@ export { homeAssistantWizardSteps, partnerWizardSteps } from './helpers';
 export { billingProxy, dynamicFormProxy, homeCardProxy, partnerContentProxy, partnerDetailsProxy, paymentMethodProxy, recordsInputsProxy, recordsInputsToDBProxy, userDetailsProxy, confirmAddressProxy, addressProxy, } from './proxies';
 import theme from './theme';
 export { theme };
+// The English strings the components' t() keys resolve to ('signin.signinBt' →
+// "Log in", …), so an app sets up i18next from the package entry, never from a
+// dist/ path: resources: { en: { translation: englishStrings } }.
+export { default as englishStrings } from './assets/locales/en/index.json';
 export { Button, IconButton } from './components/button/Button';

package/dist/stories/foundations/EnglishStrings.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta, StoryObj } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const FromThePackageEntry: StoryObj;

package/dist/stories/foundations/EnglishStrings.stories.js

@@ -0,0 +1,66 @@
+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());
+    });
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { expect, within } from '@storybook/test';
+import { Box, Text } from '@chakra-ui/react';
+import * as packageEntry from '../../index';
+import translateEN from '../../assets/locales/en/index.json';
+/**
+ * The English strings, exported from the package entry as `englishStrings`.
+ *
+ * The screens call i18next's `t()` with keys ('signin.signinBt', …), so an app
+ * has to give i18next these strings. Until now the website could only reach
+ * them through a `dist/` path inside this package. The web connect page (R4)
+ * may not import from `dist/` (Vera V-1(b)), so the entry exports them and the
+ * app sets up i18next with:
+ *
+ *   import { englishStrings } from '@homefile/components-v2'
+ *   i18n.init({ lng: 'en', resources: { en: { translation: englishStrings } } })
+ */
+// Read through the entry's namespace, so this story loads (and fails its
+// check) even where the entry has no such export.
+const englishStrings = packageEntry.englishStrings;
+// The keys the sign-in and code screens use, with the words they show.
+const SIGN_IN_AND_CODE = {
+    'signin.signinBt': 'Log in',
+    'signin.forgotBt': 'Forgot Password?',
+    'signup.continueGoogle': 'Continue with Google',
+    'signup.or': 'or',
+    'forms.email': 'Email',
+    'forms.password': 'Password',
+    'reset.2FA.placeholder': 'Enter your code here',
+    'reset.2FA.resend': 'Resend new code',
+    'footer.copyright': 'HMFC, Inc. All Rights Reserved.',
+};
+const lookup = (strings, key) => key.split('.').reduce((node, part) => (node && typeof node === 'object' ? node[part] : undefined), strings);
+const EnglishStringsTable = () => (_jsx(Box, { as: "dl", p: "base", children: Object.keys(SIGN_IN_AND_CODE).map((key) => {
+        var _a;
+        return (_jsxs(Box, { mb: "2", children: [_jsx(Text, { as: "dt", variant: "label", children: key }), _jsx(Text, { as: "dd", "data-key": key, children: String((_a = lookup(englishStrings, key)) !== null && _a !== void 0 ? _a : '(missing)') })] }, key));
+    }) }));
+export default {
+    title: 'Foundations/English strings',
+    component: EnglishStringsTable,
+};
+export const FromThePackageEntry = {
+    render: () => _jsx(EnglishStringsTable, {}),
+    play: (_a) => __awaiter(void 0, [_a], void 0, function* ({ canvasElement }) {
+        var _b;
+        // The entry exports the English strings: the same object as the locale file.
+        yield expect(englishStrings).toBeDefined();
+        yield expect(englishStrings).toEqual(translateEN);
+        // Each key the sign-in and code screens use resolves to its words.
+        const canvas = within(canvasElement);
+        for (const [key, words] of Object.entries(SIGN_IN_AND_CODE)) {
+            yield expect(lookup(englishStrings, key)).toBe(words);
+            yield expect((_b = canvasElement.querySelector(`[data-key="${key}"]`)) === null || _b === void 0 ? void 0 : _b.textContent).toBe(words);
+        }
+        yield expect(canvas.queryByText('(missing)')).toBeNull();
+    }),
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homefile/components-v2",
-  "version": "2.63.1",
+  "version": "2.64.0",
   "author": "Homefile",
   "license": "UNLICENSED",
   "typings": "dist/index.d.ts",