@tap-payments/os-micro-frontend-shared 0.1.415-test.1 → 0.1.415-test.1-test.2

package/build/components/FilterDropdown/components/index.d.ts

@@ -2,5 +2,3 @@ export { default as MerchantItem } from './MerchantItem';
 export { default as RetailersItem } from './RetailersItem';
 export { default as CountriesItem } from './CountriesItem';
 export { default as CurrenciesItem } from './CurrenciesItem';
-export { default as MerchantsFilterItem } from './MerchantsFilterItem';
-export * from './MerchantsFilterItem';

package/build/components/FilterDropdown/components/index.js

@@ -2,5 +2,3 @@ export { default as MerchantItem } from './MerchantItem';
 export { default as RetailersItem } from './RetailersItem';
 export { default as CountriesItem } from './CountriesItem';
 export { default as CurrenciesItem } from './CurrenciesItem';
-export { default as MerchantsFilterItem } from './MerchantsFilterItem';
-export * from './MerchantsFilterItem';

package/build/components/TableHeader/TableView/index.d.ts

@@ -6,6 +6,6 @@ export { default as ViewsMenu } from './ViewsMenu';
 export { default as ViewsDropdown } from './ViewsDropdown';
 export { default as CreateViewDialog } from './CreateViewDialog';
 export type { ViewMenuItem, CreateCustomViewDialogProps, CreateOrEditViewPayload, ColumnChange, LayoutSection, ColumnItem, FieldItem, Template, CreateTemplatePayload, UpdateTemplatePayload, } from './types';
-export { transformLayoutToColumns, getColumnsByMode, createCustomViewMenuItem, setViewAsDefault, transformTemplatesToViewMenuItems, convertColumnsToLayoutSection, isDateColumn, getColumnCheckState, mapTemplatesToMenuItems, mapColumnsToLayoutSection, getSubmenuFromTemplateLayout, getColumnOrder, updateTemplate, templateToViewMenuItem, convertTemplateToColumnsView, convertTemplatesToColumnsView, } from './utils';
+export { getTemplateId, transformLayoutToColumns, getColumnsByMode, createCustomViewMenuItem, setViewAsDefault, transformTemplatesToViewMenuItems, convertColumnsToLayoutSection, isDateColumn, getColumnCheckState, mapTemplatesToMenuItems, mapColumnsToLayoutSection, getSubmenuFromTemplateLayout, getColumnOrder, updateTemplate, templateToViewMenuItem, convertTemplateToColumnsView, convertTemplatesToColumnsView, } from './utils';
 export { useSubmenuHover, useViewsManager, useViewsMenu } from './hooks';
 export { DIALOG_WIDTH, DIALOG_HEIGHT, MAX_CUSTOM_VIEWS, TEMPLATE_NAME_MAX_LENGTH, INDEX_COLUMN_CONFIG, DATE_COLUMN_CONFIG } from './constants';

package/build/components/TableHeader/TableView/index.js

@@ -5,6 +5,6 @@ export { default as CustomViews } from './CustomViews';
 export { default as ViewsMenu } from './ViewsMenu';
 export { default as ViewsDropdown } from './ViewsDropdown';
 export { default as CreateViewDialog } from './CreateViewDialog';
-export { transformLayoutToColumns, getColumnsByMode, createCustomViewMenuItem, setViewAsDefault, transformTemplatesToViewMenuItems, convertColumnsToLayoutSection, isDateColumn, getColumnCheckState, mapTemplatesToMenuItems, mapColumnsToLayoutSection, getSubmenuFromTemplateLayout, getColumnOrder, updateTemplate, templateToViewMenuItem, convertTemplateToColumnsView, convertTemplatesToColumnsView, } from './utils';
+export { getTemplateId, transformLayoutToColumns, getColumnsByMode, createCustomViewMenuItem, setViewAsDefault, transformTemplatesToViewMenuItems, convertColumnsToLayoutSection, isDateColumn, getColumnCheckState, mapTemplatesToMenuItems, mapColumnsToLayoutSection, getSubmenuFromTemplateLayout, getColumnOrder, updateTemplate, templateToViewMenuItem, convertTemplateToColumnsView, convertTemplatesToColumnsView, } from './utils';
 export { useSubmenuHover, useViewsManager, useViewsMenu } from './hooks';
 export { DIALOG_WIDTH, DIALOG_HEIGHT, MAX_CUSTOM_VIEWS, TEMPLATE_NAME_MAX_LENGTH, INDEX_COLUMN_CONFIG, DATE_COLUMN_CONFIG } from './constants';

package/build/components/TableHeader/TableView/utils/index.d.ts

@@ -1,4 +1,4 @@
 export { isDateColumn, transformLayoutToColumns, getColumnsByMode, convertColumnsToLayoutSection, mapColumnsToLayoutSection, getLayoutDataFromTemplates, } from './layoutTransform';
 export { createCustomViewMenuItem, setViewAsDefault, transformTemplatesToViewMenuItems, mapTemplatesToMenuItems, getSubmenuItems, getSubmenuItemsForDisplay, hasSubmenu, } from './viewMenu';
 export { getColumnCheckState, toggleColumn, toggleSubItem, toggleAllColumns, areAllColumnsSelected, areSomeColumnsSelected, isValidTemplateName, deepCloneColumns, toggleSingleColumn, toggleAllCurrentColumns, areAllCurrentColumnsSelected, areSomeCurrentColumnsSelected, normalizeColumnsSelected, areColumnsEqual, resetColumnsToDefault, initializeEditingColumns, initializeCreateColumns, initializeCreateColumnsWithCurrentState, } from './columnState';
-export { getSubmenuFromTemplateLayout, getColumnOrder, updateTemplate, templateToViewMenuItem, convertTemplateToColumnsView, convertTemplatesToColumnsView, } from './templateToColumnsView';
+export { getTemplateId, getSubmenuFromTemplateLayout, getColumnOrder, updateTemplate, templateToViewMenuItem, convertTemplateToColumnsView, convertTemplatesToColumnsView, } from './templateToColumnsView';

package/build/components/TableHeader/TableView/utils/index.js

@@ -1,4 +1,4 @@
 export { isDateColumn, transformLayoutToColumns, getColumnsByMode, convertColumnsToLayoutSection, mapColumnsToLayoutSection, getLayoutDataFromTemplates, } from './layoutTransform';
 export { createCustomViewMenuItem, setViewAsDefault, transformTemplatesToViewMenuItems, mapTemplatesToMenuItems, getSubmenuItems, getSubmenuItemsForDisplay, hasSubmenu, } from './viewMenu';
 export { getColumnCheckState, toggleColumn, toggleSubItem, toggleAllColumns, areAllColumnsSelected, areSomeColumnsSelected, isValidTemplateName, deepCloneColumns, toggleSingleColumn, toggleAllCurrentColumns, areAllCurrentColumnsSelected, areSomeCurrentColumnsSelected, normalizeColumnsSelected, areColumnsEqual, resetColumnsToDefault, initializeEditingColumns, initializeCreateColumns, initializeCreateColumnsWithCurrentState, } from './columnState';
-export { getSubmenuFromTemplateLayout, getColumnOrder, updateTemplate, templateToViewMenuItem, convertTemplateToColumnsView, convertTemplatesToColumnsView, } from './templateToColumnsView';
+export { getTemplateId, getSubmenuFromTemplateLayout, getColumnOrder, updateTemplate, templateToViewMenuItem, convertTemplateToColumnsView, convertTemplatesToColumnsView, } from './templateToColumnsView';

package/build/components/TableHeader/TableView/utils/templateToColumnsView.d.ts

@@ -1,5 +1,13 @@
 import type { ColumnsView, TableMode, ColumnViewProps } from '../../../../types/index.js';
 import type { ViewMenuItem, Template } from '../types';
+/**
+ * Canonical template resource id. Use this for API calls, state lookups, and callbacks.
+ * Prefers `id` (REST convention); falls back to `templateId`.
+ */
+export declare function getTemplateId(t: {
+    id?: string;
+    templateId?: string;
+} | null | undefined): string;
 export declare function getSubmenuFromTemplateLayout(template: Template, tableMode: TableMode, lang?: string): ColumnViewProps[];
 export declare const getColumnOrder: (col: {
     order?: number | string | null;

package/build/components/TableHeader/TableView/utils/templateToColumnsView.js

@@ -1,3 +1,11 @@
+/**
+ * Canonical template resource id. Use this for API calls, state lookups, and callbacks.
+ * Prefers `id` (REST convention); falls back to `templateId`.
+ */
+export function getTemplateId(t) {
+    var _a, _b;
+    return (_b = (_a = t === null || t === void 0 ? void 0 : t.id) !== null && _a !== void 0 ? _a : t === null || t === void 0 ? void 0 : t.templateId) !== null && _b !== void 0 ? _b : '';
+}
 export function getSubmenuFromTemplateLayout(template, tableMode, lang = 'en') {
     var _a, _b;
     if (!((_a = template === null || template === void 0 ? void 0 : template.layout) === null || _a === void 0 ? void 0 : _a.length))
@@ -45,10 +53,11 @@ export function templateToViewMenuItem(template, tableMode) {
         return (Object.assign(Object.assign({}, section), { columns: [...((_a = section.columns) !== null && _a !== void 0 ? _a : [])].sort((a, b) => getColumnOrder(a) - getColumnOrder(b)) }));
     });
     const submenu = getSubmenuFromTemplateLayout(template, tableMode);
+    const resourceId = getTemplateId(template);
     return {
-        id: template.templateId,
+        id: template.default ? 'default' : resourceId,
         label: template.name,
-        templateId: template.templateId,
+        templateId: resourceId,
         layout,
         submenu,
         columns: submenu.map((c) => c.name),

package/build/components/TableHeader/TableView/utils/viewMenu.d.ts

@@ -3,28 +3,22 @@ import type { LayoutSection, ViewMenuItem } from '../types';
 export declare const createCustomViewMenuItem: (name: string, selectedColumns: ColumnViewProps[], isDefault?: boolean) => ViewMenuItem;
 export declare const setViewAsDefault: (views: ViewMenuItem[], viewId: string) => ViewMenuItem[];
 export declare const transformTemplatesToViewMenuItems: (templates: Array<{
-    id: string | {
-        timestamp: number;
-        date: string;
-    };
+    id?: string;
     name: string;
     default: boolean;
     layout: LayoutSection[];
-    templateId: string;
+    templateId?: string;
 }>, mode?: TableMode, lang?: string) => {
     customViews: ViewMenuItem[];
     defaultTemplateColumns?: ColumnViewProps[] | undefined;
     defaultTemplate?: ViewMenuItem | undefined;
 };
 export declare const mapTemplatesToMenuItems: (templates: Array<{
-    id: string | {
-        timestamp: number;
-        date: string;
-    };
+    id?: string;
     name: string;
     default: boolean;
     layout: LayoutSection[];
-    templateId: string;
+    templateId?: string;
 }>, mode?: TableMode, lang?: string) => {
     menuItems: ViewMenuItem[];
     defaultItem?: ViewMenuItem | undefined;

package/build/components/TableHeader/TableView/utils/viewMenu.js

@@ -1,5 +1,6 @@
 import { INDEX_COLUMN_CONFIG, DATE_COLUMN_CONFIG } from '../constants';
 import { transformLayoutToColumns } from './layoutTransform';
+import { getTemplateId } from './templateToColumnsView';
 export const createCustomViewMenuItem = (name, selectedColumns, isDefault = false) => ({
     label: name,
     id: `custom_${Date.now()}`,
@@ -17,7 +18,7 @@ export const transformTemplatesToViewMenuItems = (templates, mode = 'sheet', lan
         const sectionCode = mode === 'sheet' ? 'sheet' : 'advanced';
         const section = template.layout.find((s) => s.code.toLowerCase() === sectionCode);
         const columns = section ? transformLayoutToColumns([section], lang) : [];
-        const viewId = typeof template.id === 'string' ? template.id : template.templateId;
+        const resourceId = getTemplateId(template);
         const indexColumn = INDEX_COLUMN_CONFIG;
         const dateColumn = DATE_COLUMN_CONFIG;
         const withDate = columns.some((c) => { var _a; return ((_a = c.name) !== null && _a !== void 0 ? _a : '').toLowerCase() === 'date'; }) ? columns : [dateColumn, ...columns];
@@ -25,8 +26,8 @@ export const transformTemplatesToViewMenuItems = (templates, mode = 'sheet', lan
         const withDateFirst = dateIndex > 0 ? [withDate[dateIndex], ...withDate.filter((c) => { var _a; return ((_a = c.name) !== null && _a !== void 0 ? _a : '').toLowerCase() !== 'date'; })] : withDate;
         const finalColumns = [indexColumn, ...withDateFirst];
         const item = {
-            id: template.default ? 'default' : viewId,
-            templateId: template.templateId,
+            id: template.default ? 'default' : resourceId,
+            templateId: resourceId,
             label: template.name,
             isCustom: !template.default,
             default: !!template.default,

package/build/components/TableHeader/index.d.ts

@@ -7,4 +7,4 @@ export { default as FiltersRow } from './FiltersRow';
 export * from './style';
 export * from './type';
 export type { Template, LayoutSection, ViewMenuItem, ColumnChange, CreateOrEditViewPayload } from './TableView/types';
-export { getSubmenuFromTemplateLayout, getColumnOrder, updateTemplate, templateToViewMenuItem, convertTemplateToColumnsView, convertTemplatesToColumnsView, } from './TableView';
+export { getTemplateId, getSubmenuFromTemplateLayout, getColumnOrder, updateTemplate, templateToViewMenuItem, convertTemplateToColumnsView, convertTemplatesToColumnsView, } from './TableView';

package/build/components/TableHeader/index.js

@@ -6,4 +6,4 @@ export { default as FiltersRowWrapper } from './FiltersRowWrapper';
 export { default as FiltersRow } from './FiltersRow';
 export * from './style';
 export * from './type';
-export { getSubmenuFromTemplateLayout, getColumnOrder, updateTemplate, templateToViewMenuItem, convertTemplateToColumnsView, convertTemplatesToColumnsView, } from './TableView';
+export { getTemplateId, getSubmenuFromTemplateLayout, getColumnOrder, updateTemplate, templateToViewMenuItem, convertTemplateToColumnsView, convertTemplatesToColumnsView, } from './TableView';

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.1.415-test.1",
-  "testVersion": 1,
+  "version": "0.1.415-test.1-test.2",
+  "testVersion": 2,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",

package/build/components/FilterDropdown/components/MerchantsFilterItem/MerchantsFilterItem.d.ts

@@ -1,3 +0,0 @@
-import { MerchantsFilterItemProps } from './type';
-declare const MerchantsFilterItem: (props: Readonly<MerchantsFilterItemProps>) => import("react/jsx-runtime").JSX.Element;
-export default MerchantsFilterItem;

package/build/components/FilterDropdown/components/MerchantsFilterItem/MerchantsFilterItem.js

@@ -1,45 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MenuItem, SelectedState, Text, TreeDropdown, TreeManager } from '../../../index.js';
-import { useState, useMemo, useCallback, useRef } from 'react';
-import { useTranslation } from 'react-i18next';
-import { createTreeDefinitions } from './utils';
-import { TreeLevel } from './type';
-import { rightArrow } from '../../../../constants/index.js';
-const MerchantsFilterItem = (props) => {
-    const { brands, isLoading, initialValue, onFilterChange, BrandLogoComponent } = props;
-    const [anchorEl, setAnchorEl] = useState(null);
-    const [merchantSelectStatus, setMerchantSelectStatus] = useState(SelectedState.UNCHECKED);
-    const treeDropdownRef = useRef(null);
-    const open = Boolean(anchorEl);
-    const { t, i18n } = useTranslation();
-    const treeDefinition = useMemo(() => createTreeDefinitions(brands, initialValue, i18n.language), [brands, initialValue, i18n.language]);
-    const brandsTreeItems = treeDefinition.children;
-    const isDisabled = isLoading || !brandsTreeItems.length;
-    const getMerchantSelectStatus = useCallback((selectedTree) => {
-        const checkedBrands = selectedTree.filter((brand) => brand.status === SelectedState.CHECKED);
-        const indeterminateBrands = selectedTree.filter((brand) => brand.status === SelectedState.INDETERMINATE);
-        return checkedBrands.length === brandsTreeItems.length
-            ? SelectedState.CHECKED
-            : indeterminateBrands.length > 0 || checkedBrands.length > 0
-                ? SelectedState.INDETERMINATE
-                : SelectedState.UNCHECKED;
-    }, [brandsTreeItems]);
-    const handleTreeMounted = useCallback(({ selectedTree }) => {
-        setMerchantSelectStatus(getMerchantSelectStatus(selectedTree));
-    }, [getMerchantSelectStatus]);
-    const handleTreeChange = useCallback((nextTree) => {
-        setMerchantSelectStatus(getMerchantSelectStatus(nextTree));
-        const mids = TreeManager.filterNodesByLevelKey(nextTree, TreeLevel.MERCHANT).map(({ id }) => id);
-        onFilterChange === null || onFilterChange === void 0 ? void 0 : onFilterChange(mids);
-    }, [onFilterChange, getMerchantSelectStatus]);
-    const handleClick = useCallback(() => {
-        var _a;
-        (_a = treeDropdownRef.current) === null || _a === void 0 ? void 0 : _a.toggleAll(merchantSelectStatus !== SelectedState.CHECKED);
-    }, [merchantSelectStatus]);
-    return (_jsxs(MenuItem, Object.assign({ isSelected: merchantSelectStatus === SelectedState.CHECKED, isIndeterminate: merchantSelectStatus === SelectedState.INDETERMINATE, isDisabled: isDisabled, onMouseEnter: (e) => setAnchorEl(e.currentTarget), onMouseLeave: () => setAnchorEl(null), onClick: handleClick, sx: Object.assign(Object.assign({ maxHeight: 36, minHeight: 36, padding: '12px 8px 12px 16px' }, (open && { boxShadow: '0px 0px 16px 0px #00000021' })), (isDisabled && {
-            pointerEvents: 'none',
-            opacity: 0.5,
-            cursor: 'default',
-        })) }, { children: [_jsx(Text, Object.assign({ sx: { fontSize: '11px', flex: 1 } }, { children: t('merchant') })), brands.length > 0 && _jsx("img", { src: rightArrow, alt: "arrow", style: { height: 12 } }), !isLoading && (_jsx(TreeDropdown, { ref: treeDropdownRef, placement: "right-start", anchorEl: anchorEl, exposeOnlySelectedTree: true, treeDefinition: treeDefinition, onChange: handleTreeChange, onMounted: handleTreeMounted, IconComponent: BrandLogoComponent }))] })));
-};
-export default MerchantsFilterItem;

package/build/components/FilterDropdown/components/MerchantsFilterItem/index.d.ts

@@ -1,4 +0,0 @@
-import MerchantsFilterItem from './MerchantsFilterItem';
-export * from './type';
-export * from './utils';
-export default MerchantsFilterItem;

package/build/components/FilterDropdown/components/MerchantsFilterItem/index.js

@@ -1,4 +0,0 @@
-import MerchantsFilterItem from './MerchantsFilterItem';
-export * from './type';
-export * from './utils';
-export default MerchantsFilterItem;

package/build/components/FilterDropdown/components/MerchantsFilterItem/type.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import { Brand } from '../../../../types/index.js';
-export declare enum TreeLevel {
-    BRAND = "BRAND",
-    COUNTRY = "COUNTRY",
-    ENTITY = "ENTITY",
-    MERCHANT = "MERCHANT"
-}
-export type MerchantsFilterItemProps = {
-    brands: Brand[];
-    isLoading: boolean;
-    initialValue: string[];
-    atLeastOneMerchantSelected?: boolean | undefined;
-    showSearchInput?: boolean | undefined;
-    hideCheckbox?: boolean | undefined;
-    onFilterChange?: ((value: string[]) => void) | undefined;
-    BrandLogoComponent: React.ComponentType<{
-        fileId: string;
-    }>;
-};

package/build/components/FilterDropdown/components/MerchantsFilterItem/type.js

@@ -1,7 +0,0 @@
-export var TreeLevel;
-(function (TreeLevel) {
-    TreeLevel["BRAND"] = "BRAND";
-    TreeLevel["COUNTRY"] = "COUNTRY";
-    TreeLevel["ENTITY"] = "ENTITY";
-    TreeLevel["MERCHANT"] = "MERCHANT";
-})(TreeLevel || (TreeLevel = {}));

package/build/components/FilterDropdown/components/MerchantsFilterItem/utils.d.ts

@@ -1,5 +0,0 @@
-import { TreeDefinition } from '../../../index.js';
-import { Brand } from '../../../../types/index.js';
-export declare const ID_SEPERATOR = "/";
-export declare const generateIdFromParts: (...args: string[]) => string;
-export declare const createTreeDefinitions: (brands: Brand[], selectedMerchantIds: string[], language: string) => TreeDefinition;

package/build/components/FilterDropdown/components/MerchantsFilterItem/utils.js

@@ -1,55 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { CountryFlag, SelectedState } from '../../../index.js';
-import { getNameText } from '../../../../utils/index.js';
-import { TreeLevel } from './type';
-export const ID_SEPERATOR = '/';
-export const generateIdFromParts = (...args) => args.join(ID_SEPERATOR);
-export const createTreeDefinitions = (brands, selectedMerchantIds, language) => {
-    const children = brands.map((brand) => {
-        var _a, _b;
-        const entities = (_a = brand.entities) !== null && _a !== void 0 ? _a : [];
-        // level 2: unique countries per brand
-        const countries = Array.from(new Set(entities.map((entity) => entity.country).filter(Boolean)));
-        const countryNodes = countries.map((countryCode) => {
-            const entitiesInCountry = entities.filter((entity) => entity.country === countryCode);
-            // level 3: entities per country
-            const entityNodes = entitiesInCountry.map((entity) => {
-                var _a, _b;
-                const merchants = (_a = entity.merchants) !== null && _a !== void 0 ? _a : [];
-                // level 4: merchants per entity
-                const merchantNodes = merchants.map((merchant) => ({
-                    id: merchant.legacy_id,
-                    label: merchant.display_name,
-                    levelKey: TreeLevel.MERCHANT,
-                    status: selectedMerchantIds.includes(merchant.legacy_id) ? SelectedState.CHECKED : SelectedState.UNCHECKED,
-                    hintText: merchant.legacy_id,
-                }));
-                return Object.assign({ id: generateIdFromParts(brand.id, countryCode, entity.id), label: (_b = getNameText(entity.legal_name, language)) !== null && _b !== void 0 ? _b : entity.id, levelKey: TreeLevel.ENTITY, children: merchantNodes, header: 'Merchants' }, (merchantNodes.length > 10 && {
-                    searchProps: {
-                        getValues: (item) => [item.label, item.id],
-                    },
-                }));
-            });
-            return Object.assign({ id: generateIdFromParts(brand.id, countryCode), label: countryCode, levelKey: TreeLevel.COUNTRY, children: entityNodes, header: 'Entities', iconComponent: _jsx(CountryFlag, { countryCode: countryCode, width: 14 }) }, (entityNodes.length > 10 && {
-                searchProps: {
-                    getValues: (item) => [item.label, item.id],
-                },
-            }));
-        });
-        return {
-            id: brand.id,
-            label: (_b = getNameText(brand.name, language)) !== null && _b !== void 0 ? _b : brand.id,
-            levelKey: TreeLevel.BRAND,
-            children: countryNodes,
-            header: 'Countries',
-            icon: {
-                fileId: brand.logo,
-            },
-        };
-    });
-    return Object.assign({ levelKey: TreeLevel.BRAND, children, header: 'Brands' }, (children.length > 10 && {
-        searchProps: {
-            getValues: (item) => [item.label, item.id],
-        },
-    }));
-};