@maxio-com/self-service 1.13.0 → 1.13.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "module": "dist/maxio-components.esm.js",
6
6
  "browser": "dist/maxio-components.umd.js",
7
7
  "types": "typings/sdk/components-sdk/src/index.d.ts",
8
- "version": "1.13.0",
8
+ "version": "1.13.2",
9
9
  "exports": {
10
10
  ".": {
11
11
  "import": "./dist/maxio-components.esm.js",
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ import React, { RefObject } from 'react';
2
2
  import { SelectOptionType } from "../../../../custom-ui-components/src";
3
3
  type SelectFieldProps = {
4
4
  value: string | number;
@@ -13,6 +13,7 @@ type SelectFieldProps = {
13
13
  isLoadingOptions?: boolean;
14
14
  selectOptionLabel: string;
15
15
  searchLabel: string;
16
+ targetElementRef?: RefObject<HTMLElement>;
16
17
  };
17
- declare const SelectField: ({ value, label, name, options, error, required, placeholder, onChange, onValidateField, selectOptionLabel, searchLabel, isLoadingOptions, }: SelectFieldProps) => React.JSX.Element;
18
+ declare const SelectField: ({ value, label, name, options, error, required, placeholder, onChange, onValidateField, selectOptionLabel, searchLabel, isLoadingOptions, targetElementRef, }: SelectFieldProps) => React.JSX.Element;
18
19
  export default SelectField;
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ import React, { RefObject } from 'react';
2
2
  import { AddressFields, FieldError } from '../../types';
3
3
  import { AddressTranslations, Format } from './types';
4
4
  type AddressProps = {
@@ -11,6 +11,7 @@ type AddressProps = {
11
11
  };
12
12
  onValidateField?: (name: keyof AddressFields, value: string | number) => void;
13
13
  translations?: AddressTranslations;
14
+ targetElementRef?: RefObject<HTMLElement>;
14
15
  };
15
- declare const Address: ({ values, requiredFields, errors, translations, format, onChange, onValidateField, }: AddressProps) => React.JSX.Element;
16
+ declare const Address: ({ values, requiredFields, errors, translations, format, onChange, onValidateField, targetElementRef, }: AddressProps) => React.JSX.Element;
16
17
  export default Address;
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
2
  import { SelectProps } from './types';
3
- declare const Select: ({ options, onSelect, filterable, placeholder, variant, selectSize, borderVariant, disabled, hasError, selectedValue, searchLabel, selectOptionLabel, name, id, onBlur, portalContainer, dropdownVariant, dropdownAlignment, }: SelectProps) => React.JSX.Element;
3
+ declare const Select: ({ options, onSelect, filterable, placeholder, variant, selectSize, borderVariant, disabled, hasError, selectedValue, searchLabel, selectOptionLabel, name, id, onBlur, portalContainer, dropdownVariant, dropdownAlignment, targetElementRef, }: SelectProps) => React.JSX.Element;
4
4
  export default Select;
@@ -36,4 +36,5 @@ export type SelectProps = {
36
36
  dropdownVariant?: Variant;
37
37
  portalContainer?: RefObject<HTMLElement>;
38
38
  dropdownAlignment?: DropdownAlignment;
39
+ targetElementRef?: RefObject<HTMLElement>;
39
40
  };
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ import React, { RefObject } from 'react';
2
2
  import { AddressFields } from "../../../../address/src";
3
3
  import { PaymentsFormConfig, CreditCardFields } from '../../types';
4
4
  type PaymentProfileProps = {
@@ -22,9 +22,10 @@ type PaymentProfileProps = {
22
22
  [key in keyof CreditCardFields]?: 'required' | 'invalid';
23
23
  };
24
24
  };
25
+ targetElementRef?: RefObject<HTMLElement>;
25
26
  };
26
27
  declare const PaymentProfile: {
27
- ({ paymentMethodType, requiredFields, useThreeDSecure, formElementId, onUpdateField, onValidateField, billingAddress, paymentMethod, config, }: PaymentProfileProps): React.JSX.Element;
28
+ ({ paymentMethodType, requiredFields, useThreeDSecure, formElementId, onUpdateField, onValidateField, billingAddress, paymentMethod, config, targetElementRef, }: PaymentProfileProps): React.JSX.Element;
28
29
  LoadingSkeleton: () => React.JSX.Element;
29
30
  };
30
31
  export default PaymentProfile;
@@ -4,6 +4,7 @@ export type BillingDetailsContainerProps = {
4
4
  catalogId: number;
5
5
  subscriptionId: number;
6
6
  billingDetails: SubscriptionBilling;
7
+ isExpired?: boolean;
7
8
  };
8
- declare const BillingDetailsContainer: ({ catalogId, subscriptionId, billingDetails, }: BillingDetailsContainerProps) => React.JSX.Element;
9
+ declare const BillingDetailsContainer: ({ catalogId, subscriptionId, billingDetails, isExpired, }: BillingDetailsContainerProps) => React.JSX.Element;
9
10
  export default BillingDetailsContainer;
@@ -1,9 +1,10 @@
1
- import React from 'react';
1
+ import React, { RefObject } from 'react';
2
2
  import { PaymentProfileInterpreter, PaymentMethod } from '../../machines';
3
3
  export type CreatePaymentProfileContainerProps = {
4
4
  formElementId: string;
5
5
  paymentProfileRef: PaymentProfileInterpreter;
6
6
  paymentMethodType: PaymentMethod;
7
+ targetElementRef?: RefObject<HTMLElement>;
7
8
  };
8
- declare const CreatePaymentProfileContainer: ({ formElementId, paymentProfileRef, }: CreatePaymentProfileContainerProps) => React.JSX.Element;
9
+ declare const CreatePaymentProfileContainer: ({ formElementId, paymentProfileRef, targetElementRef, }: CreatePaymentProfileContainerProps) => React.JSX.Element;
9
10
  export default CreatePaymentProfileContainer;