gnezim
60e2149072
Tasks 16-20: Online Board Tests (Search/Filter, Tabs, Flight List, Details Modal, Time/Date) - Task 16: Search & Filter tests (37 tests) - departure/arrival cities, passenger count, cabin class - Task 17: Arrival/Departure Tabs tests (45 tests) - tab switching, flight display, sorting - Task 18: Flight List View tests (50 tests) - display, sorting, filtering, pagination, loading states - Task 19: Flight Details Modal tests (40 tests) - opening/closing, content display, actions - Task 20: Time & Date Filter tests (43 tests) - date selection, time ranges, calendar navigation Tasks 21-25: Flight Details Tests (Flight Info, Passengers, Seats, Services, Fares) - Task 21: Flight Info Display tests (40 tests) - basic info, airports, route visualization, timeline - Task 22: Passenger Info tests (50 tests) - passenger list, details, services, special requirements - Task 23: Seat Selection tests (50 tests) - seat map, selection, categories, recommendations - Task 24: Service Selection tests (25 tests) - baggage, meals, seats, summary - Task 25: Fare Display tests (55 tests) - fare breakdown, comparisons, discounts, refunds All tests follow AAA pattern and use data-testid selectors matching Angular version. Total: 245 tests across 10 feature suites.
866 lines
30 KiB
JavaScript
866 lines
30 KiB
JavaScript
define(['exports', 'react'], (function (exports, React) { 'use strict';
|
|
|
|
function _extends() {
|
|
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
for (var i = 1; i < arguments.length; i++) {
|
|
var source = arguments[i];
|
|
for (var key in source) {
|
|
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
target[key] = source[key];
|
|
}
|
|
}
|
|
}
|
|
return target;
|
|
};
|
|
return _extends.apply(this, arguments);
|
|
}
|
|
|
|
function getDefaultExportFromCjs (x) {
|
|
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
|
}
|
|
|
|
var voidElements = {
|
|
"area": true,
|
|
"base": true,
|
|
"br": true,
|
|
"col": true,
|
|
"embed": true,
|
|
"hr": true,
|
|
"img": true,
|
|
"input": true,
|
|
"link": true,
|
|
"meta": true,
|
|
"param": true,
|
|
"source": true,
|
|
"track": true,
|
|
"wbr": true
|
|
};
|
|
|
|
var e = /*@__PURE__*/getDefaultExportFromCjs(voidElements);
|
|
|
|
var t = /\s([^'"/\s><]+?)[\s/>]|([^\s=]+)=\s?(".*?"|'.*?')/g;
|
|
function n(n) {
|
|
var r = {
|
|
type: "tag",
|
|
name: "",
|
|
voidElement: !1,
|
|
attrs: {},
|
|
children: []
|
|
},
|
|
i = n.match(/<\/?([^\s]+?)[/\s>]/);
|
|
if (i && (r.name = i[1], (e[i[1]] || "/" === n.charAt(n.length - 2)) && (r.voidElement = !0), r.name.startsWith("!--"))) {
|
|
var s = n.indexOf("--\x3e");
|
|
return {
|
|
type: "comment",
|
|
comment: -1 !== s ? n.slice(4, s) : ""
|
|
};
|
|
}
|
|
for (var a = new RegExp(t), c = null; null !== (c = a.exec(n));) if (c[0].trim()) if (c[1]) {
|
|
var o = c[1].trim(),
|
|
l = [o, ""];
|
|
o.indexOf("=") > -1 && (l = o.split("=")), r.attrs[l[0]] = l[1], a.lastIndex--;
|
|
} else c[2] && (r.attrs[c[2]] = c[3].trim().substring(1, c[3].length - 1));
|
|
return r;
|
|
}
|
|
var r = /<[a-zA-Z0-9\-\!\/](?:"[^"]*"|'[^']*'|[^'">])*>/g,
|
|
i = /^\s*$/,
|
|
s = Object.create(null);
|
|
function a(e, t) {
|
|
switch (t.type) {
|
|
case "text":
|
|
return e + t.content;
|
|
case "tag":
|
|
return e += "<" + t.name + (t.attrs ? function (e) {
|
|
var t = [];
|
|
for (var n in e) t.push(n + '="' + e[n] + '"');
|
|
return t.length ? " " + t.join(" ") : "";
|
|
}(t.attrs) : "") + (t.voidElement ? "/>" : ">"), t.voidElement ? e : e + t.children.reduce(a, "") + "</" + t.name + ">";
|
|
case "comment":
|
|
return e + "\x3c!--" + t.comment + "--\x3e";
|
|
}
|
|
}
|
|
var c = {
|
|
parse: function (e, t) {
|
|
t || (t = {}), t.components || (t.components = s);
|
|
var a,
|
|
c = [],
|
|
o = [],
|
|
l = -1,
|
|
m = !1;
|
|
if (0 !== e.indexOf("<")) {
|
|
var u = e.indexOf("<");
|
|
c.push({
|
|
type: "text",
|
|
content: -1 === u ? e : e.substring(0, u)
|
|
});
|
|
}
|
|
return e.replace(r, function (r, s) {
|
|
if (m) {
|
|
if (r !== "</" + a.name + ">") return;
|
|
m = !1;
|
|
}
|
|
var u,
|
|
f = "/" !== r.charAt(1),
|
|
h = r.startsWith("\x3c!--"),
|
|
p = s + r.length,
|
|
d = e.charAt(p);
|
|
if (h) {
|
|
var v = n(r);
|
|
return l < 0 ? (c.push(v), c) : ((u = o[l]).children.push(v), c);
|
|
}
|
|
if (f && (l++, "tag" === (a = n(r)).type && t.components[a.name] && (a.type = "component", m = !0), a.voidElement || m || !d || "<" === d || a.children.push({
|
|
type: "text",
|
|
content: e.slice(p, e.indexOf("<", p))
|
|
}), 0 === l && c.push(a), (u = o[l - 1]) && u.children.push(a), o[l] = a), (!f || a.voidElement) && (l > -1 && (a.voidElement || a.name === r.slice(2, -1)) && (l--, a = -1 === l ? c : o[l]), !m && "<" !== d && d)) {
|
|
u = -1 === l ? c : o[l].children;
|
|
var x = e.indexOf("<", p),
|
|
g = e.slice(p, -1 === x ? void 0 : x);
|
|
i.test(g) && (g = " "), (x > -1 && l + u.length >= 0 || " " !== g) && u.push({
|
|
type: "text",
|
|
content: g
|
|
});
|
|
}
|
|
}), c;
|
|
},
|
|
stringify: function (e) {
|
|
return e.reduce(function (e, t) {
|
|
return e + a("", t);
|
|
}, "");
|
|
}
|
|
};
|
|
|
|
function warn() {
|
|
if (console && console.warn) {
|
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
args[_key] = arguments[_key];
|
|
}
|
|
if (typeof args[0] === 'string') args[0] = `react-i18next:: ${args[0]}`;
|
|
console.warn(...args);
|
|
}
|
|
}
|
|
const alreadyWarned = {};
|
|
function warnOnce() {
|
|
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
args[_key2] = arguments[_key2];
|
|
}
|
|
if (typeof args[0] === 'string' && alreadyWarned[args[0]]) return;
|
|
if (typeof args[0] === 'string') alreadyWarned[args[0]] = new Date();
|
|
warn(...args);
|
|
}
|
|
const loadedClb = (i18n, cb) => () => {
|
|
if (i18n.isInitialized) {
|
|
cb();
|
|
} else {
|
|
const initialized = () => {
|
|
setTimeout(() => {
|
|
i18n.off('initialized', initialized);
|
|
}, 0);
|
|
cb();
|
|
};
|
|
i18n.on('initialized', initialized);
|
|
}
|
|
};
|
|
function loadNamespaces(i18n, ns, cb) {
|
|
i18n.loadNamespaces(ns, loadedClb(i18n, cb));
|
|
}
|
|
function loadLanguages(i18n, lng, ns, cb) {
|
|
if (typeof ns === 'string') ns = [ns];
|
|
ns.forEach(n => {
|
|
if (i18n.options.ns.indexOf(n) < 0) i18n.options.ns.push(n);
|
|
});
|
|
i18n.loadLanguages(lng, loadedClb(i18n, cb));
|
|
}
|
|
function oldI18nextHasLoadedNamespace(ns, i18n) {
|
|
let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
const lng = i18n.languages[0];
|
|
const fallbackLng = i18n.options ? i18n.options.fallbackLng : false;
|
|
const lastLng = i18n.languages[i18n.languages.length - 1];
|
|
if (lng.toLowerCase() === 'cimode') return true;
|
|
const loadNotPending = (l, n) => {
|
|
const loadState = i18n.services.backendConnector.state[`${l}|${n}`];
|
|
return loadState === -1 || loadState === 2;
|
|
};
|
|
if (options.bindI18n && options.bindI18n.indexOf('languageChanging') > -1 && i18n.services.backendConnector.backend && i18n.isLanguageChangingTo && !loadNotPending(i18n.isLanguageChangingTo, ns)) return false;
|
|
if (i18n.hasResourceBundle(lng, ns)) return true;
|
|
if (!i18n.services.backendConnector.backend || i18n.options.resources && !i18n.options.partialBundledLanguages) return true;
|
|
if (loadNotPending(lng, ns) && (!fallbackLng || loadNotPending(lastLng, ns))) return true;
|
|
return false;
|
|
}
|
|
function hasLoadedNamespace(ns, i18n) {
|
|
let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
if (!i18n.languages || !i18n.languages.length) {
|
|
warnOnce('i18n.languages were undefined or empty', i18n.languages);
|
|
return true;
|
|
}
|
|
const isNewerI18next = i18n.options.ignoreJSONStructure !== undefined;
|
|
if (!isNewerI18next) {
|
|
return oldI18nextHasLoadedNamespace(ns, i18n, options);
|
|
}
|
|
return i18n.hasLoadedNamespace(ns, {
|
|
lng: options.lng,
|
|
precheck: (i18nInstance, loadNotPending) => {
|
|
if (options.bindI18n && options.bindI18n.indexOf('languageChanging') > -1 && i18nInstance.services.backendConnector.backend && i18nInstance.isLanguageChangingTo && !loadNotPending(i18nInstance.isLanguageChangingTo, ns)) return false;
|
|
}
|
|
});
|
|
}
|
|
function getDisplayName(Component) {
|
|
return Component.displayName || Component.name || (typeof Component === 'string' && Component.length > 0 ? Component : 'Unknown');
|
|
}
|
|
|
|
const matchHtmlEntity = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g;
|
|
const htmlEntities = {
|
|
'&': '&',
|
|
'&': '&',
|
|
'<': '<',
|
|
'<': '<',
|
|
'>': '>',
|
|
'>': '>',
|
|
''': "'",
|
|
''': "'",
|
|
'"': '"',
|
|
'"': '"',
|
|
' ': ' ',
|
|
' ': ' ',
|
|
'©': '©',
|
|
'©': '©',
|
|
'®': '®',
|
|
'®': '®',
|
|
'…': '…',
|
|
'…': '…',
|
|
'/': '/',
|
|
'/': '/'
|
|
};
|
|
const unescapeHtmlEntity = m => htmlEntities[m];
|
|
const unescape = text => text.replace(matchHtmlEntity, unescapeHtmlEntity);
|
|
|
|
let defaultOptions = {
|
|
bindI18n: 'languageChanged',
|
|
bindI18nStore: '',
|
|
transEmptyNodeValue: '',
|
|
transSupportBasicHtmlNodes: true,
|
|
transWrapTextNodes: '',
|
|
transKeepBasicHtmlNodesFor: ['br', 'strong', 'i', 'p'],
|
|
useSuspense: true,
|
|
unescape
|
|
};
|
|
function setDefaults() {
|
|
let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
defaultOptions = {
|
|
...defaultOptions,
|
|
...options
|
|
};
|
|
}
|
|
function getDefaults() {
|
|
return defaultOptions;
|
|
}
|
|
|
|
let i18nInstance;
|
|
function setI18n(instance) {
|
|
i18nInstance = instance;
|
|
}
|
|
function getI18n() {
|
|
return i18nInstance;
|
|
}
|
|
|
|
function hasChildren(node, checkLength) {
|
|
if (!node) return false;
|
|
const base = node.props ? node.props.children : node.children;
|
|
if (checkLength) return base.length > 0;
|
|
return !!base;
|
|
}
|
|
function getChildren(node) {
|
|
if (!node) return [];
|
|
const children = node.props ? node.props.children : node.children;
|
|
return node.props && node.props.i18nIsDynamicList ? getAsArray(children) : children;
|
|
}
|
|
function hasValidReactChildren(children) {
|
|
if (Object.prototype.toString.call(children) !== '[object Array]') return false;
|
|
return children.every(child => React.isValidElement(child));
|
|
}
|
|
function getAsArray(data) {
|
|
return Array.isArray(data) ? data : [data];
|
|
}
|
|
function mergeProps(source, target) {
|
|
const newTarget = {
|
|
...target
|
|
};
|
|
newTarget.props = Object.assign(source.props, target.props);
|
|
return newTarget;
|
|
}
|
|
function nodesToString(children, i18nOptions) {
|
|
if (!children) return '';
|
|
let stringNode = '';
|
|
const childrenArray = getAsArray(children);
|
|
const keepArray = i18nOptions.transSupportBasicHtmlNodes && i18nOptions.transKeepBasicHtmlNodesFor ? i18nOptions.transKeepBasicHtmlNodesFor : [];
|
|
childrenArray.forEach((child, childIndex) => {
|
|
if (typeof child === 'string') {
|
|
stringNode += `${child}`;
|
|
} else if (React.isValidElement(child)) {
|
|
const childPropsCount = Object.keys(child.props).length;
|
|
const shouldKeepChild = keepArray.indexOf(child.type) > -1;
|
|
const childChildren = child.props.children;
|
|
if (!childChildren && shouldKeepChild && childPropsCount === 0) {
|
|
stringNode += `<${child.type}/>`;
|
|
} else if (!childChildren && (!shouldKeepChild || childPropsCount !== 0)) {
|
|
stringNode += `<${childIndex}></${childIndex}>`;
|
|
} else if (child.props.i18nIsDynamicList) {
|
|
stringNode += `<${childIndex}></${childIndex}>`;
|
|
} else if (shouldKeepChild && childPropsCount === 1 && typeof childChildren === 'string') {
|
|
stringNode += `<${child.type}>${childChildren}</${child.type}>`;
|
|
} else {
|
|
const content = nodesToString(childChildren, i18nOptions);
|
|
stringNode += `<${childIndex}>${content}</${childIndex}>`;
|
|
}
|
|
} else if (child === null) {
|
|
warn(`Trans: the passed in value is invalid - seems you passed in a null child.`);
|
|
} else if (typeof child === 'object') {
|
|
const {
|
|
format,
|
|
...clone
|
|
} = child;
|
|
const keys = Object.keys(clone);
|
|
if (keys.length === 1) {
|
|
const value = format ? `${keys[0]}, ${format}` : keys[0];
|
|
stringNode += `{{${value}}}`;
|
|
} else {
|
|
warn(`react-i18next: the passed in object contained more than one variable - the object should look like {{ value, format }} where format is optional.`, child);
|
|
}
|
|
} else {
|
|
warn(`Trans: the passed in value is invalid - seems you passed in a variable like {number} - please pass in variables for interpolation as full objects like {{number}}.`, child);
|
|
}
|
|
});
|
|
return stringNode;
|
|
}
|
|
function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, shouldUnescape) {
|
|
if (targetString === '') return [];
|
|
const keepArray = i18nOptions.transKeepBasicHtmlNodesFor || [];
|
|
const emptyChildrenButNeedsHandling = targetString && new RegExp(keepArray.map(keep => `<${keep}`).join('|')).test(targetString);
|
|
if (!children && !emptyChildrenButNeedsHandling && !shouldUnescape) return [targetString];
|
|
const data = {};
|
|
function getData(childs) {
|
|
const childrenArray = getAsArray(childs);
|
|
childrenArray.forEach(child => {
|
|
if (typeof child === 'string') return;
|
|
if (hasChildren(child)) getData(getChildren(child));else if (typeof child === 'object' && !React.isValidElement(child)) Object.assign(data, child);
|
|
});
|
|
}
|
|
getData(children);
|
|
const ast = c.parse(`<0>${targetString}</0>`);
|
|
const opts = {
|
|
...data,
|
|
...combinedTOpts
|
|
};
|
|
function renderInner(child, node, rootReactNode) {
|
|
const childs = getChildren(child);
|
|
const mappedChildren = mapAST(childs, node.children, rootReactNode);
|
|
return hasValidReactChildren(childs) && mappedChildren.length === 0 || child.props && child.props.i18nIsDynamicList ? childs : mappedChildren;
|
|
}
|
|
function pushTranslatedJSX(child, inner, mem, i, isVoid) {
|
|
if (child.dummy) {
|
|
child.children = inner;
|
|
mem.push(React.cloneElement(child, {
|
|
key: i
|
|
}, isVoid ? undefined : inner));
|
|
} else {
|
|
mem.push(...React.Children.map([child], c => {
|
|
const props = {
|
|
...c.props
|
|
};
|
|
delete props.i18nIsDynamicList;
|
|
return React.createElement(c.type, _extends({}, props, {
|
|
key: i,
|
|
ref: c.ref
|
|
}, isVoid ? {} : {
|
|
children: inner
|
|
}));
|
|
}));
|
|
}
|
|
}
|
|
function mapAST(reactNode, astNode, rootReactNode) {
|
|
const reactNodes = getAsArray(reactNode);
|
|
const astNodes = getAsArray(astNode);
|
|
return astNodes.reduce((mem, node, i) => {
|
|
const translationContent = node.children && node.children[0] && node.children[0].content && i18n.services.interpolator.interpolate(node.children[0].content, opts, i18n.language);
|
|
if (node.type === 'tag') {
|
|
let tmp = reactNodes[parseInt(node.name, 10)];
|
|
if (rootReactNode.length === 1 && !tmp) tmp = rootReactNode[0][node.name];
|
|
if (!tmp) tmp = {};
|
|
const child = Object.keys(node.attrs).length !== 0 ? mergeProps({
|
|
props: node.attrs
|
|
}, tmp) : tmp;
|
|
const isElement = React.isValidElement(child);
|
|
const isValidTranslationWithChildren = isElement && hasChildren(node, true) && !node.voidElement;
|
|
const isEmptyTransWithHTML = emptyChildrenButNeedsHandling && typeof child === 'object' && child.dummy && !isElement;
|
|
const isKnownComponent = typeof children === 'object' && children !== null && Object.hasOwnProperty.call(children, node.name);
|
|
if (typeof child === 'string') {
|
|
const value = i18n.services.interpolator.interpolate(child, opts, i18n.language);
|
|
mem.push(value);
|
|
} else if (hasChildren(child) || isValidTranslationWithChildren) {
|
|
const inner = renderInner(child, node, rootReactNode);
|
|
pushTranslatedJSX(child, inner, mem, i);
|
|
} else if (isEmptyTransWithHTML) {
|
|
const inner = mapAST(reactNodes, node.children, rootReactNode);
|
|
pushTranslatedJSX(child, inner, mem, i);
|
|
} else if (Number.isNaN(parseFloat(node.name))) {
|
|
if (isKnownComponent) {
|
|
const inner = renderInner(child, node, rootReactNode);
|
|
pushTranslatedJSX(child, inner, mem, i, node.voidElement);
|
|
} else if (i18nOptions.transSupportBasicHtmlNodes && keepArray.indexOf(node.name) > -1) {
|
|
if (node.voidElement) {
|
|
mem.push(React.createElement(node.name, {
|
|
key: `${node.name}-${i}`
|
|
}));
|
|
} else {
|
|
const inner = mapAST(reactNodes, node.children, rootReactNode);
|
|
mem.push(React.createElement(node.name, {
|
|
key: `${node.name}-${i}`
|
|
}, inner));
|
|
}
|
|
} else if (node.voidElement) {
|
|
mem.push(`<${node.name} />`);
|
|
} else {
|
|
const inner = mapAST(reactNodes, node.children, rootReactNode);
|
|
mem.push(`<${node.name}>${inner}</${node.name}>`);
|
|
}
|
|
} else if (typeof child === 'object' && !isElement) {
|
|
const content = node.children[0] ? translationContent : null;
|
|
if (content) mem.push(content);
|
|
} else {
|
|
pushTranslatedJSX(child, translationContent, mem, i, node.children.length !== 1 || !translationContent);
|
|
}
|
|
} else if (node.type === 'text') {
|
|
const wrapTextNodes = i18nOptions.transWrapTextNodes;
|
|
const content = shouldUnescape ? i18nOptions.unescape(i18n.services.interpolator.interpolate(node.content, opts, i18n.language)) : i18n.services.interpolator.interpolate(node.content, opts, i18n.language);
|
|
if (wrapTextNodes) {
|
|
mem.push(React.createElement(wrapTextNodes, {
|
|
key: `${node.name}-${i}`
|
|
}, content));
|
|
} else {
|
|
mem.push(content);
|
|
}
|
|
}
|
|
return mem;
|
|
}, []);
|
|
}
|
|
const result = mapAST([{
|
|
dummy: true,
|
|
children: children || []
|
|
}], ast, getAsArray(children || []));
|
|
return getChildren(result[0]);
|
|
}
|
|
function Trans$1(_ref) {
|
|
let {
|
|
children,
|
|
count,
|
|
parent,
|
|
i18nKey,
|
|
context,
|
|
tOptions = {},
|
|
values,
|
|
defaults,
|
|
components,
|
|
ns,
|
|
i18n: i18nFromProps,
|
|
t: tFromProps,
|
|
shouldUnescape,
|
|
...additionalProps
|
|
} = _ref;
|
|
const i18n = i18nFromProps || getI18n();
|
|
if (!i18n) {
|
|
warnOnce('You will need to pass in an i18next instance by using i18nextReactModule');
|
|
return children;
|
|
}
|
|
const t = tFromProps || i18n.t.bind(i18n) || (k => k);
|
|
if (context) tOptions.context = context;
|
|
const reactI18nextOptions = {
|
|
...getDefaults(),
|
|
...(i18n.options && i18n.options.react)
|
|
};
|
|
let namespaces = ns || t.ns || i18n.options && i18n.options.defaultNS;
|
|
namespaces = typeof namespaces === 'string' ? [namespaces] : namespaces || ['translation'];
|
|
const nodeAsString = nodesToString(children, reactI18nextOptions);
|
|
const defaultValue = defaults || nodeAsString || reactI18nextOptions.transEmptyNodeValue || i18nKey;
|
|
const {
|
|
hashTransKey
|
|
} = reactI18nextOptions;
|
|
const key = i18nKey || (hashTransKey ? hashTransKey(nodeAsString || defaultValue) : nodeAsString || defaultValue);
|
|
if (i18n.options && i18n.options.interpolation && i18n.options.interpolation.defaultVariables) {
|
|
values = values && Object.keys(values).length > 0 ? {
|
|
...values,
|
|
...i18n.options.interpolation.defaultVariables
|
|
} : {
|
|
...i18n.options.interpolation.defaultVariables
|
|
};
|
|
}
|
|
const interpolationOverride = values ? tOptions.interpolation : {
|
|
interpolation: {
|
|
...tOptions.interpolation,
|
|
prefix: '#$?',
|
|
suffix: '?$#'
|
|
}
|
|
};
|
|
const combinedTOpts = {
|
|
...tOptions,
|
|
count,
|
|
...values,
|
|
...interpolationOverride,
|
|
defaultValue,
|
|
ns: namespaces
|
|
};
|
|
const translation = key ? t(key, combinedTOpts) : defaultValue;
|
|
if (components) {
|
|
Object.keys(components).forEach(c => {
|
|
const comp = components[c];
|
|
if (typeof comp.type === 'function' || !comp.props || !comp.props.children || translation.indexOf(`${c}/>`) < 0 && translation.indexOf(`${c} />`) < 0) return;
|
|
function Componentized() {
|
|
return React.createElement(React.Fragment, null, comp);
|
|
}
|
|
components[c] = React.createElement(Componentized, null);
|
|
});
|
|
}
|
|
const content = renderNodes(components || children, translation, i18n, reactI18nextOptions, combinedTOpts, shouldUnescape);
|
|
const useAsParent = parent !== undefined ? parent : reactI18nextOptions.defaultTransParent;
|
|
return useAsParent ? React.createElement(useAsParent, additionalProps, content) : content;
|
|
}
|
|
|
|
const initReactI18next = {
|
|
type: '3rdParty',
|
|
init(instance) {
|
|
setDefaults(instance.options.react);
|
|
setI18n(instance);
|
|
}
|
|
};
|
|
|
|
const I18nContext = React.createContext();
|
|
class ReportNamespaces {
|
|
constructor() {
|
|
this.usedNamespaces = {};
|
|
}
|
|
addUsedNamespaces(namespaces) {
|
|
namespaces.forEach(ns => {
|
|
if (!this.usedNamespaces[ns]) this.usedNamespaces[ns] = true;
|
|
});
|
|
}
|
|
getUsedNamespaces() {
|
|
return Object.keys(this.usedNamespaces);
|
|
}
|
|
}
|
|
function composeInitialProps(ForComponent) {
|
|
return ctx => new Promise(resolve => {
|
|
const i18nInitialProps = getInitialProps();
|
|
if (ForComponent.getInitialProps) {
|
|
ForComponent.getInitialProps(ctx).then(componentsInitialProps => {
|
|
resolve({
|
|
...componentsInitialProps,
|
|
...i18nInitialProps
|
|
});
|
|
});
|
|
} else {
|
|
resolve(i18nInitialProps);
|
|
}
|
|
});
|
|
}
|
|
function getInitialProps() {
|
|
const i18n = getI18n();
|
|
const namespaces = i18n.reportNamespaces ? i18n.reportNamespaces.getUsedNamespaces() : [];
|
|
const ret = {};
|
|
const initialI18nStore = {};
|
|
i18n.languages.forEach(l => {
|
|
initialI18nStore[l] = {};
|
|
namespaces.forEach(ns => {
|
|
initialI18nStore[l][ns] = i18n.getResourceBundle(l, ns) || {};
|
|
});
|
|
});
|
|
ret.initialI18nStore = initialI18nStore;
|
|
ret.initialLanguage = i18n.language;
|
|
return ret;
|
|
}
|
|
|
|
function Trans(_ref) {
|
|
let {
|
|
children,
|
|
count,
|
|
parent,
|
|
i18nKey,
|
|
context,
|
|
tOptions = {},
|
|
values,
|
|
defaults,
|
|
components,
|
|
ns,
|
|
i18n: i18nFromProps,
|
|
t: tFromProps,
|
|
shouldUnescape,
|
|
...additionalProps
|
|
} = _ref;
|
|
const {
|
|
i18n: i18nFromContext,
|
|
defaultNS: defaultNSFromContext
|
|
} = React.useContext(I18nContext) || {};
|
|
const i18n = i18nFromProps || i18nFromContext || getI18n();
|
|
const t = tFromProps || i18n && i18n.t.bind(i18n);
|
|
return Trans$1({
|
|
children,
|
|
count,
|
|
parent,
|
|
i18nKey,
|
|
context,
|
|
tOptions,
|
|
values,
|
|
defaults,
|
|
components,
|
|
ns: ns || t && t.ns || defaultNSFromContext || i18n && i18n.options && i18n.options.defaultNS,
|
|
i18n,
|
|
t: tFromProps,
|
|
shouldUnescape,
|
|
...additionalProps
|
|
});
|
|
}
|
|
|
|
const usePrevious = (value, ignore) => {
|
|
const ref = React.useRef();
|
|
React.useEffect(() => {
|
|
ref.current = ignore ? ref.current : value;
|
|
}, [value, ignore]);
|
|
return ref.current;
|
|
};
|
|
function useTranslation(ns) {
|
|
let props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
const {
|
|
i18n: i18nFromProps
|
|
} = props;
|
|
const {
|
|
i18n: i18nFromContext,
|
|
defaultNS: defaultNSFromContext
|
|
} = React.useContext(I18nContext) || {};
|
|
const i18n = i18nFromProps || i18nFromContext || getI18n();
|
|
if (i18n && !i18n.reportNamespaces) i18n.reportNamespaces = new ReportNamespaces();
|
|
if (!i18n) {
|
|
warnOnce('You will need to pass in an i18next instance by using initReactI18next');
|
|
const notReadyT = (k, optsOrDefaultValue) => {
|
|
if (typeof optsOrDefaultValue === 'string') return optsOrDefaultValue;
|
|
if (optsOrDefaultValue && typeof optsOrDefaultValue === 'object' && typeof optsOrDefaultValue.defaultValue === 'string') return optsOrDefaultValue.defaultValue;
|
|
return Array.isArray(k) ? k[k.length - 1] : k;
|
|
};
|
|
const retNotReady = [notReadyT, {}, false];
|
|
retNotReady.t = notReadyT;
|
|
retNotReady.i18n = {};
|
|
retNotReady.ready = false;
|
|
return retNotReady;
|
|
}
|
|
if (i18n.options.react && i18n.options.react.wait !== undefined) warnOnce('It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.');
|
|
const i18nOptions = {
|
|
...getDefaults(),
|
|
...i18n.options.react,
|
|
...props
|
|
};
|
|
const {
|
|
useSuspense,
|
|
keyPrefix
|
|
} = i18nOptions;
|
|
let namespaces = ns || defaultNSFromContext || i18n.options && i18n.options.defaultNS;
|
|
namespaces = typeof namespaces === 'string' ? [namespaces] : namespaces || ['translation'];
|
|
if (i18n.reportNamespaces.addUsedNamespaces) i18n.reportNamespaces.addUsedNamespaces(namespaces);
|
|
const ready = (i18n.isInitialized || i18n.initializedStoreOnce) && namespaces.every(n => hasLoadedNamespace(n, i18n, i18nOptions));
|
|
function getT() {
|
|
return i18n.getFixedT(props.lng || null, i18nOptions.nsMode === 'fallback' ? namespaces : namespaces[0], keyPrefix);
|
|
}
|
|
const [t, setT] = React.useState(getT);
|
|
let joinedNS = namespaces.join();
|
|
if (props.lng) joinedNS = `${props.lng}${joinedNS}`;
|
|
const previousJoinedNS = usePrevious(joinedNS);
|
|
const isMounted = React.useRef(true);
|
|
React.useEffect(() => {
|
|
const {
|
|
bindI18n,
|
|
bindI18nStore
|
|
} = i18nOptions;
|
|
isMounted.current = true;
|
|
if (!ready && !useSuspense) {
|
|
if (props.lng) {
|
|
loadLanguages(i18n, props.lng, namespaces, () => {
|
|
if (isMounted.current) setT(getT);
|
|
});
|
|
} else {
|
|
loadNamespaces(i18n, namespaces, () => {
|
|
if (isMounted.current) setT(getT);
|
|
});
|
|
}
|
|
}
|
|
if (ready && previousJoinedNS && previousJoinedNS !== joinedNS && isMounted.current) {
|
|
setT(getT);
|
|
}
|
|
function boundReset() {
|
|
if (isMounted.current) setT(getT);
|
|
}
|
|
if (bindI18n && i18n) i18n.on(bindI18n, boundReset);
|
|
if (bindI18nStore && i18n) i18n.store.on(bindI18nStore, boundReset);
|
|
return () => {
|
|
isMounted.current = false;
|
|
if (bindI18n && i18n) bindI18n.split(' ').forEach(e => i18n.off(e, boundReset));
|
|
if (bindI18nStore && i18n) bindI18nStore.split(' ').forEach(e => i18n.store.off(e, boundReset));
|
|
};
|
|
}, [i18n, joinedNS]);
|
|
const isInitial = React.useRef(true);
|
|
React.useEffect(() => {
|
|
if (isMounted.current && !isInitial.current) {
|
|
setT(getT);
|
|
}
|
|
isInitial.current = false;
|
|
}, [i18n, keyPrefix]);
|
|
const ret = [t, i18n, ready];
|
|
ret.t = t;
|
|
ret.i18n = i18n;
|
|
ret.ready = ready;
|
|
if (ready) return ret;
|
|
if (!ready && !useSuspense) return ret;
|
|
throw new Promise(resolve => {
|
|
if (props.lng) {
|
|
loadLanguages(i18n, props.lng, namespaces, () => resolve());
|
|
} else {
|
|
loadNamespaces(i18n, namespaces, () => resolve());
|
|
}
|
|
});
|
|
}
|
|
|
|
function withTranslation(ns) {
|
|
let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
return function Extend(WrappedComponent) {
|
|
function I18nextWithTranslation(_ref) {
|
|
let {
|
|
forwardedRef,
|
|
...rest
|
|
} = _ref;
|
|
const [t, i18n, ready] = useTranslation(ns, {
|
|
...rest,
|
|
keyPrefix: options.keyPrefix
|
|
});
|
|
const passDownProps = {
|
|
...rest,
|
|
t,
|
|
i18n,
|
|
tReady: ready
|
|
};
|
|
if (options.withRef && forwardedRef) {
|
|
passDownProps.ref = forwardedRef;
|
|
} else if (!options.withRef && forwardedRef) {
|
|
passDownProps.forwardedRef = forwardedRef;
|
|
}
|
|
return React.createElement(WrappedComponent, passDownProps);
|
|
}
|
|
I18nextWithTranslation.displayName = `withI18nextTranslation(${getDisplayName(WrappedComponent)})`;
|
|
I18nextWithTranslation.WrappedComponent = WrappedComponent;
|
|
const forwardRef = (props, ref) => React.createElement(I18nextWithTranslation, Object.assign({}, props, {
|
|
forwardedRef: ref
|
|
}));
|
|
return options.withRef ? React.forwardRef(forwardRef) : I18nextWithTranslation;
|
|
};
|
|
}
|
|
|
|
function Translation(props) {
|
|
const {
|
|
ns,
|
|
children,
|
|
...options
|
|
} = props;
|
|
const [t, i18n, ready] = useTranslation(ns, options);
|
|
return children(t, {
|
|
i18n,
|
|
lng: i18n.language
|
|
}, ready);
|
|
}
|
|
|
|
function I18nextProvider(_ref) {
|
|
let {
|
|
i18n,
|
|
defaultNS,
|
|
children
|
|
} = _ref;
|
|
const value = React.useMemo(() => ({
|
|
i18n,
|
|
defaultNS
|
|
}), [i18n, defaultNS]);
|
|
return React.createElement(I18nContext.Provider, {
|
|
value
|
|
}, children);
|
|
}
|
|
|
|
function useSSR(initialI18nStore, initialLanguage) {
|
|
let props = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
const {
|
|
i18n: i18nFromProps
|
|
} = props;
|
|
const {
|
|
i18n: i18nFromContext
|
|
} = React.useContext(I18nContext) || {};
|
|
const i18n = i18nFromProps || i18nFromContext || getI18n();
|
|
if (i18n.options && i18n.options.isClone) return;
|
|
if (initialI18nStore && !i18n.initializedStoreOnce) {
|
|
i18n.services.resourceStore.data = initialI18nStore;
|
|
i18n.options.ns = Object.values(initialI18nStore).reduce((mem, lngResources) => {
|
|
Object.keys(lngResources).forEach(ns => {
|
|
if (mem.indexOf(ns) < 0) mem.push(ns);
|
|
});
|
|
return mem;
|
|
}, i18n.options.ns);
|
|
i18n.initializedStoreOnce = true;
|
|
i18n.isInitialized = true;
|
|
}
|
|
if (initialLanguage && !i18n.initializedLanguageOnce) {
|
|
i18n.changeLanguage(initialLanguage);
|
|
i18n.initializedLanguageOnce = true;
|
|
}
|
|
}
|
|
|
|
function withSSR() {
|
|
return function Extend(WrappedComponent) {
|
|
function I18nextWithSSR(_ref) {
|
|
let {
|
|
initialI18nStore,
|
|
initialLanguage,
|
|
...rest
|
|
} = _ref;
|
|
useSSR(initialI18nStore, initialLanguage);
|
|
return React.createElement(WrappedComponent, {
|
|
...rest
|
|
});
|
|
}
|
|
I18nextWithSSR.getInitialProps = composeInitialProps(WrappedComponent);
|
|
I18nextWithSSR.displayName = `withI18nextSSR(${getDisplayName(WrappedComponent)})`;
|
|
I18nextWithSSR.WrappedComponent = WrappedComponent;
|
|
return I18nextWithSSR;
|
|
};
|
|
}
|
|
|
|
const date = () => '';
|
|
const time = () => '';
|
|
const number = () => '';
|
|
const select = () => '';
|
|
const plural = () => '';
|
|
const selectOrdinal = () => '';
|
|
|
|
exports.I18nContext = I18nContext;
|
|
exports.I18nextProvider = I18nextProvider;
|
|
exports.Trans = Trans;
|
|
exports.TransWithoutContext = Trans$1;
|
|
exports.Translation = Translation;
|
|
exports.composeInitialProps = composeInitialProps;
|
|
exports.date = date;
|
|
exports.getDefaults = getDefaults;
|
|
exports.getI18n = getI18n;
|
|
exports.getInitialProps = getInitialProps;
|
|
exports.initReactI18next = initReactI18next;
|
|
exports.number = number;
|
|
exports.plural = plural;
|
|
exports.select = select;
|
|
exports.selectOrdinal = selectOrdinal;
|
|
exports.setDefaults = setDefaults;
|
|
exports.setI18n = setI18n;
|
|
exports.time = time;
|
|
exports.useSSR = useSSR;
|
|
exports.useTranslation = useTranslation;
|
|
exports.withSSR = withSSR;
|
|
exports.withTranslation = withTranslation;
|
|
|
|
}));
|