@tap-payments/os-micro-frontend-shared 0.1.226-test.1 → 0.1.226-test.3

package/build/components/Autocomplete/Autocomplete.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { AutocompleteRenderInputParams, AutocompleteProps as MuiAutocompleteProps } from '@mui/material/Autocomplete';
+import { TextFieldProps } from '@mui/material/TextField';
+import { MakeOptional } from 'src/types/tsUtils';
+export type AutocompleteProps<Value = string, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = 'div'> = {
+    label?: TextFieldProps['label'];
+    textFieldProps?: TextFieldProps | ((params: AutocompleteRenderInputParams) => TextFieldProps);
+} & MakeOptional<MuiAutocompleteProps<Value, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'renderInput'>;
+declare const Autocomplete: <Value = string, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = "div">(props: AutocompleteProps<Value, Multiple, DisableClearable, FreeSolo, ChipComponent>) => import("react/jsx-runtime").JSX.Element;
+export default Autocomplete;

package/build/components/Autocomplete/Autocomplete.js

@@ -0,0 +1,33 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import MuiAutocomplete from '@mui/material/Autocomplete';
+import Box from '@mui/material/Box';
+import { PopperStyled, AutocompleteTextFieldStyled as TextField } from './style';
+import { blackRightArrowIcon } from '../../constants/index.js';
+const Autocomplete = (props) => {
+    const { options, value, onChange, label, renderInput, slotProps, textFieldProps } = props, rest = __rest(props, ["options", "value", "onChange", "label", "renderInput", "slotProps", "textFieldProps"]);
+    const defaultRenderInput = useCallback((params) => {
+        const fieldProps = typeof textFieldProps === 'function' ? textFieldProps(params) : textFieldProps;
+        return _jsx(TextField, Object.assign({}, params, fieldProps, { label: label }));
+    }, [textFieldProps, label]);
+    return (_jsx(MuiAutocomplete, Object.assign({ options: options, value: value, onChange: onChange, popupIcon: _jsx(Box, { component: "img", src: blackRightArrowIcon, sx: { transform: 'rotate(90deg)' }, width: 8, alt: "close" }), renderInput: renderInput || defaultRenderInput, PopperComponent: PopperStyled }, rest, { slotProps: Object.assign(Object.assign({}, slotProps), { popper: Object.assign({ modifiers: [
+                    {
+                        name: 'offset',
+                        options: {
+                            offset: [0, 4],
+                        },
+                    },
+                ] }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.popper) }) })));
+};
+export default Autocomplete;

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

@@ -0,0 +1,2 @@
+export { default as Autocomplete } from './Autocomplete';
+export type { AutocompleteProps } from './Autocomplete';

package/build/components/Autocomplete/index.js

@@ -0,0 +1 @@
+export { default as Autocomplete } from './Autocomplete';

package/build/components/Autocomplete/style.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import TextField from '@mui/material/TextField';
+export declare const AutocompleteTextFieldStyled: typeof TextField;
+export declare const PopperStyled: import("react").ForwardRefExoticComponent<import("@mui/material/Popper").PopperProps & import("react").RefAttributes<HTMLDivElement>>;

package/build/components/Autocomplete/style.js

@@ -0,0 +1,47 @@
+import { styled } from '@mui/material/styles';
+import { autocompleteClasses } from '@mui/material/Autocomplete';
+import TextField from '@mui/material/TextField';
+import Popper from '@mui/material/Popper';
+export const AutocompleteTextFieldStyled = styled(TextField)({
+    '& .MuiInputBase-root': {
+        paddingTop: 13,
+        paddingBottom: 13,
+        borderRadius: 4,
+        '& .MuiOutlinedInput-notchedOutline': {
+            borderWidth: 1,
+            borderStyle: 'solid',
+            borderColor: '#F2F2F2',
+        },
+        '&:hover': {
+            '& .MuiOutlinedInput-notchedOutline': {
+                borderColor: '#F2F2F2',
+            },
+        },
+        '&.Mui-focused': {
+            '& .MuiOutlinedInput-notchedOutline': {
+                borderColor: '#1F88D0',
+                boxShadow: '0px 0px 4px 0px #1F88D080',
+            },
+            '&:hover': {
+                '& .MuiOutlinedInput-notchedOutline': {
+                    borderColor: '#1F88D0',
+                },
+            },
+        },
+        [`& .${autocompleteClasses.input}`]: {
+            fontSize: 11,
+            paddingTop: 0,
+            paddingBottom: 0,
+            paddingLeft: 0,
+        },
+        [`& .${autocompleteClasses.endAdornment}`]: {
+            marginRight: 8,
+        },
+    },
+});
+export const PopperStyled = styled(Popper)({
+    fontSize: 11,
+    borderRadius: '8px',
+    border: '1px solid #F2F2F2',
+    boxShadow: '0px 2px 56px 0px #20232B24',
+});

package/build/types/appEvents.d.ts

@@ -17,14 +17,14 @@ export type CustomEventMap = {
             payload?: object;
         };
     }) => void;
-    'modify-remote-payload': (params: {
-        instanceId: string;
-        payload: object;
-    }) => void;
     'on-toggle-table-mode': () => void;
     'on-change-table-mode': (tableMode: TableMode) => void;
     'on-change-calender-mode': (calenderMode: CalenderMode) => void;
     'on-change-timezone': (timezone: Timezone) => void;
     'on-navigate': NavigateFunction;
     'on-start-drag': (...args: Parameters<DragControls['start']>) => void;
+    'on-modify-remote-payload': (params: {
+        windowId: string;
+        payload: object;
+    }) => void;
 };

package/build/types/apps.d.ts

@@ -69,15 +69,14 @@ export interface UserApp {
     app_services: AppService[];
 }
 export type NavigateFunction = (params: {
-    instanceId?: string;
-    appId?: string;
+    windowId?: string;
     appCode: string;
     serviceCode: string;
     sandboxMode?: boolean;
     state?: any;
 }) => void;
 export type MFWidgetBaseProps = {
-    instanceId: string;
+    windowId: string;
     i18n?: i18n;
     app: UserApp;
     appWindow: {
@@ -96,6 +95,8 @@ export type MFWidgetBaseProps = {
         initialPayload?: Record<string, any> & AppPayload;
     };
     segment: {
+        code: string;
+        type: string;
         brands: Brand[];
         countries: SegmentCountry[];
         defaultCountry: SegmentCountry;
@@ -104,10 +105,10 @@ export type MFWidgetBaseProps = {
         isBusinessSegment: boolean;
         isAnyMerchantHasMarketplace: boolean;
     };
-    activeSegment: {
+    selectedSegment: {
         id: string;
-        brands: SelectedBrand[];
-        countries: SelectedCountry[];
+        selectedBrands: SelectedBrand[];
+        selectedCountries: SelectedCountry[];
     };
     ui: {
         theme: Theme;

package/build/types/index.d.ts

@@ -23,4 +23,5 @@ export * from './refund';
 export * from './destination';
 export * from './account';
 export * from './day';
+export * from './tsUtils';
 export * from './appEvents';

package/build/types/index.js

@@ -23,4 +23,5 @@ export * from './refund';
 export * from './destination';
 export * from './account';
 export * from './day';
+export * from './tsUtils';
 export * from './appEvents';

package/build/types/tsUtils.d.ts

@@ -0,0 +1,4 @@
+export type Override<T, R> = Omit<T, keyof R> & R;
+export type MakeOptional<T, K extends keyof T> = Override<T, {
+    [P in K]?: T[K];
+}>;

package/build/types/tsUtils.js

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

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.226-test.1",
-  "testVersion": 1,
+  "version": "0.1.226-test.3",
+  "testVersion": 3,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",