@alma/widgets 3.3.12 → 4.0.0

package/README.md

@@ -7,7 +7,7 @@ View all [Changelog](https://github.com/alma/widgets/releases)
 ## Setup
 
 ### Add the widget to your page
-
+TODO: remove => Changes to test precommit
 ##### CSS
 
 ```html

package/dist/types/{Widgets → src/Widgets}/EligibilityModal/DesktopModal/index.d.ts

@@ -1,9 +1,9 @@
-import { FC } from 'react';
-import { Card } from 'types';
-declare type Props = {
-    isCurrentPlanP1X: boolean;
-    isSomePlanDeferred: boolean;
-    cards?: Card[];
-};
-declare const DesktopModal: FC<Props>;
-export default DesktopModal;
+import { FC, PropsWithChildren } from '../../../../preact/compat';
+import { Card } from '../../../types';
+type Props = {
+    isCurrentPlanP1X: boolean;
+    isSomePlanDeferred: boolean;
+    cards?: Card[];
+} & PropsWithChildren;
+declare const DesktopModal: FC<Props>;
+export default DesktopModal;

package/dist/types/{Widgets → src/Widgets}/EligibilityModal/MobileModal/index.d.ts

@@ -1,9 +1,9 @@
-import { FC } from 'react';
-import { Card } from 'types';
-declare type Props = {
-    isCurrentPlanP1X: boolean;
-    isSomePlanDeferred: boolean;
-    cards?: Card[];
-};
-declare const MobileModal: FC<Props>;
-export default MobileModal;
+import { FC, PropsWithChildren } from '../../../../preact/compat';
+import { Card } from '../../../types';
+type Props = {
+    isCurrentPlanP1X: boolean;
+    isSomePlanDeferred: boolean;
+    cards?: Card[];
+} & PropsWithChildren;
+declare const MobileModal: FC<Props>;
+export default MobileModal;

package/dist/types/{Widgets → src/Widgets}/EligibilityModal/ModalContainer.d.ts

@@ -1,16 +1,16 @@
-import React from 'react';
-import { ApiConfig, Card, ConfigPlan } from 'types';
-declare type Props = {
-    purchaseAmount: number;
-    apiData: ApiConfig;
-    configPlans?: ConfigPlan[];
-    customerBillingCountry?: string;
-    customerShippingCountry?: string;
-    onClose: (event: React.MouseEvent | React.KeyboardEvent) => void;
-    cards?: Card[];
-};
-/**
- * This component allows to display only the modal, without PaymentPlans.
- */
-declare const ModalContainer: React.FC<Props>;
-export default ModalContainer;
+import { default as React } from '../../../preact/compat';
+import { ApiConfig, Card, ConfigPlan } from '../../types';
+type Props = {
+    purchaseAmount: number;
+    apiData: ApiConfig;
+    configPlans?: ConfigPlan[];
+    customerBillingCountry?: string;
+    customerShippingCountry?: string;
+    onClose: (event: React.MouseEvent | React.KeyboardEvent) => void;
+    cards?: Card[];
+};
+/**
+ * This component allows to display only the modal, without PaymentPlans.
+ */
+declare const ModalContainer: React.FC<Props>;
+export { ModalContainer };

package/dist/types/{Widgets → src/Widgets}/EligibilityModal/ModalContainer.test.d.ts

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

package/dist/types/{Widgets/PaymentPlans → src/Widgets/EligibilityModal}/__tests__/Basics.test.d.ts

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

package/dist/types/{Widgets → src/Widgets}/EligibilityModal/__tests__/Cards.test.d.ts

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

package/dist/types/{Widgets → src/Widgets}/EligibilityModal/__tests__/ModalContainer.test.d.ts

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

package/dist/types/{Widgets → src/Widgets}/EligibilityModal/__tests__/Plans.test.d.ts

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

package/dist/types/{Widgets → src/Widgets}/EligibilityModal/__tests__/Schedule.test.d.ts

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

package/dist/types/{Widgets → src/Widgets}/EligibilityModal/classNames.const.d.ts

@@ -1,23 +1,23 @@
-/**
- * Class names for the **eligibility modale** widget.
- * Those classes are intended to be used by the **merchant developer**.
- */
-declare const STATIC_CUSTOMISATION_CLASSES: {
-    desktopModal: string;
-    mobileModal: string;
-    leftSide: string;
-    bullet: string;
-    rightSide: string;
-    title: string;
-    info: string;
-    infoMessage: string;
-    eligibilityOptions: string;
-    activeOption: string;
-    closeButton: string;
-    scheduleDetails: string;
-    scheduleTotal: string;
-    scheduleCredit: string;
-    cardContainer: string;
-    summary: string;
-};
-export default STATIC_CUSTOMISATION_CLASSES;
+/**
+ * Class names for the **eligibility modale** widget.
+ * Those classes are intended to be used by the **merchant developer**.
+ */
+declare const STATIC_CUSTOMISATION_CLASSES: {
+    desktopModal: string;
+    mobileModal: string;
+    leftSide: string;
+    bullet: string;
+    rightSide: string;
+    title: string;
+    info: string;
+    infoMessage: string;
+    eligibilityOptions: string;
+    activeOption: string;
+    closeButton: string;
+    scheduleDetails: string;
+    scheduleTotal: string;
+    scheduleCredit: string;
+    cardContainer: string;
+    summary: string;
+};
+export default STATIC_CUSTOMISATION_CLASSES;

package/dist/types/src/Widgets/EligibilityModal/components/Cards/index.d.ts

@@ -0,0 +1,7 @@
+import { FC } from '../../../../../preact/compat';
+import { Card } from '../../../../types';
+type Props = {
+    cards: Card[];
+};
+declare const Cards: FC<Props>;
+export default Cards;

package/dist/types/{Widgets → src/Widgets}/EligibilityModal/components/EligibilityPlansButtons/index.d.ts

@@ -1,8 +1,8 @@
-import { FC } from 'react';
-import { EligibilityPlan } from 'types';
-declare const EligibilityPlansButtons: FC<{
-    eligibilityPlans: EligibilityPlan[];
-    currentPlanIndex: number;
-    setCurrentPlanIndex: (index: number) => void;
-}>;
-export default EligibilityPlansButtons;
+import { FC } from '../../../../../preact/compat';
+import { EligibilityPlan } from '../../../../types';
+declare const EligibilityPlansButtons: FC<{
+    eligibilityPlans: EligibilityPlan[];
+    currentPlanIndex: number;
+    setCurrentPlanIndex: (index: number) => void;
+}>;
+export default EligibilityPlansButtons;

package/dist/types/{Widgets → src/Widgets}/EligibilityModal/components/Info/index.d.ts

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-declare const Info: FC<{
-    isCurrentPlanP1X: boolean;
-}>;
-export default Info;
+import { FC } from '../../../../../preact/compat';
+declare const Info: FC<{
+    isCurrentPlanP1X: boolean;
+}>;
+export default Info;

package/dist/types/src/Widgets/EligibilityModal/components/Schedule/index.d.ts

@@ -0,0 +1,6 @@
+import { FC } from '../../../../../preact/compat';
+import { EligibilityPlan } from '../../../../types';
+declare const Schedule: FC<{
+    currentPlan: EligibilityPlan;
+}>;
+export default Schedule;

package/dist/types/{Widgets → src/Widgets}/EligibilityModal/components/Title/index.d.ts

@@ -1,6 +1,6 @@
-import { FC } from 'react';
-declare const Title: FC<{
-    isSomePlanDeferred: boolean;
-    isCurrentPlanP1X: boolean;
-}>;
-export default Title;
+import { FC } from '../../../../../preact/compat';
+declare const Title: FC<{
+    isSomePlanDeferred: boolean;
+    isCurrentPlanP1X: boolean;
+}>;
+export default Title;

package/dist/types/{Widgets → src/Widgets}/EligibilityModal/index.d.ts

@@ -1,11 +1,11 @@
-import React, { FunctionComponent } from 'react';
-import { statusResponse, Card, EligibilityPlan } from 'types';
-declare type Props = {
-    initialPlanIndex?: number;
-    onClose: (event: React.MouseEvent | React.KeyboardEvent) => void;
-    eligibilityPlans: EligibilityPlan[];
-    status: statusResponse;
-    cards?: Card[];
-};
-declare const EligibilityModal: FunctionComponent<Props>;
-export default EligibilityModal;
+import { default as React, FunctionComponent } from '../../../preact/compat';
+import { Card, EligibilityPlan, statusResponse } from '../../types';
+type Props = {
+    initialPlanIndex?: number;
+    onClose: (event: React.MouseEvent | React.KeyboardEvent) => void;
+    eligibilityPlans: EligibilityPlan[];
+    status: statusResponse;
+    cards?: Card[];
+};
+declare const EligibilityModal: FunctionComponent<Props>;
+export default EligibilityModal;

package/dist/types/{Widgets/EligibilityModal → src/Widgets/PaymentPlans}/__tests__/Basics.test.d.ts

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

package/dist/types/{Widgets → src/Widgets}/PaymentPlans/__tests__/Credit.test.d.ts

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

package/dist/types/{Widgets → src/Widgets}/PaymentPlans/__tests__/CustomTransitionDelay.test.d.ts

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

package/dist/types/{Widgets → src/Widgets}/PaymentPlans/__tests__/HideBorder.test.d.ts

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

package/dist/types/{Widgets → src/Widgets}/PaymentPlans/__tests__/HideWidget.test.d.ts

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

package/dist/types/{Widgets → src/Widgets}/PaymentPlans/__tests__/IneligibleOptions.test.d.ts

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

package/dist/types/{Widgets → src/Widgets}/PaymentPlans/__tests__/LanguageCheck.test.d.ts

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

package/dist/types/{Widgets → src/Widgets}/PaymentPlans/__tests__/LaunchModal.test.d.ts

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

package/dist/types/{Widgets → src/Widgets}/PaymentPlans/__tests__/Monochrome.test.d.ts

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

package/dist/types/{Widgets → src/Widgets}/PaymentPlans/__tests__/PaymentPlanContainer.test.d.ts

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

package/dist/types/{Widgets → src/Widgets}/PaymentPlans/__tests__/SuggestedPaymentPlan.test.d.ts

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

package/dist/types/{Widgets → src/Widgets}/PaymentPlans/__tests__/WithoutPlans.test.d.ts

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

package/dist/types/{Widgets → src/Widgets}/PaymentPlans/classNames.const.d.ts

@@ -1,13 +1,13 @@
-/**
- * Class names for the **payment plans** widget.
- * Those classes are intended to be used by the **merchant developer**.
- */
-declare const STATIC_CUSTOMISATION_CLASSES: {
-    container: string;
-    eligibilityLine: string;
-    eligibilityOptions: string;
-    notEligibleOption: string;
-    paymentInfo: string;
-    activeOption: string;
-};
-export default STATIC_CUSTOMISATION_CLASSES;
+/**
+ * Class names for the **payment plans** widget.
+ * Those classes are intended to be used by the **merchant developer**.
+ */
+declare const STATIC_CUSTOMISATION_CLASSES: {
+    container: string;
+    eligibilityLine: string;
+    eligibilityOptions: string;
+    notEligibleOption: string;
+    paymentInfo: string;
+    activeOption: string;
+};
+export default STATIC_CUSTOMISATION_CLASSES;

package/dist/types/{Widgets → src/Widgets}/PaymentPlans/index.d.ts

@@ -1,18 +1,18 @@
-import React, { VoidFunctionComponent } from 'react';
-import { ApiConfig, Card, ConfigPlan } from 'types';
-declare type Props = {
-    purchaseAmount: number;
-    apiData: ApiConfig;
-    configPlans?: ConfigPlan[];
-    transitionDelay?: number;
-    customerBillingCountry?: string;
-    customerShippingCountry?: string;
-    hideIfNotEligible?: boolean;
-    monochrome?: boolean;
-    suggestedPaymentPlan?: number | number[];
-    cards?: Card[];
-    hideBorder?: boolean;
-    onModalClose?: (event: React.MouseEvent | React.KeyboardEvent) => void;
-};
-declare const PaymentPlanWidget: VoidFunctionComponent<Props>;
-export default PaymentPlanWidget;
+import { default as React, FunctionComponent } from '../../../preact/compat';
+import { ApiConfig, Card, ConfigPlan } from '../../types';
+type Props = {
+    purchaseAmount: number;
+    apiData: ApiConfig;
+    configPlans?: ConfigPlan[];
+    transitionDelay?: number;
+    customerBillingCountry?: string;
+    customerShippingCountry?: string;
+    hideIfNotEligible?: boolean;
+    monochrome?: boolean;
+    suggestedPaymentPlan?: number | number[];
+    cards?: Card[];
+    hideBorder?: boolean;
+    onModalClose?: (event: React.MouseEvent | React.KeyboardEvent) => void;
+};
+declare const PaymentPlanWidget: FunctionComponent<Props>;
+export default PaymentPlanWidget;

package/dist/types/{assets → src/assets}/Cross.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-declare function CrossIcon({ color, className, }: {
-    color?: string;
-    className?: string;
-}): JSX.Element;
-export default CrossIcon;
+declare function CrossIcon({ color, className, }: {
+    color?: string;
+    className?: string;
+}): JSX.Element;
+export default CrossIcon;

package/dist/types/{assets → src/assets}/almaLogo.d.ts

@@ -1,6 +1,6 @@
-import { SVGAttributes, VoidFunctionComponent } from 'react';
-declare type Props = {
-    color?: string;
-} & SVGAttributes<SVGElement>;
-export declare const AlmaLogo: VoidFunctionComponent<Props>;
-export {};
+import { SVGAttributes, VoidFunctionComponent } from '../../preact/compat';
+type Props = {
+    color?: string;
+} & SVGAttributes<SVGElement>;
+export declare const AlmaLogo: VoidFunctionComponent<Props>;
+export {};

package/dist/types/{assets → src/assets}/cards/amex.d.ts

@@ -1,3 +1,3 @@
-import { FC } from 'react';
-declare const AmexCard: FC;
-export default AmexCard;
+import { FC } from '../../../preact/compat';
+declare const AmexCard: FC;
+export default AmexCard;

package/dist/types/{assets → src/assets}/cards/cb.d.ts

@@ -1,3 +1,3 @@
-import { FC } from 'react';
-declare const CbCard: FC;
-export default CbCard;
+import { FC } from '../../../preact/compat';
+declare const CbCard: FC;
+export default CbCard;

package/dist/types/{assets → src/assets}/cards/mastercard.d.ts

@@ -1,3 +1,3 @@
-import { FC } from 'react';
-declare const MasterCard: FC;
-export default MasterCard;
+import { FC } from '../../../preact/compat';
+declare const MasterCard: FC;
+export default MasterCard;

package/dist/types/{assets → src/assets}/cards/visa.d.ts

@@ -1,3 +1,3 @@
-import { FC } from 'react';
-declare const VisaCard: FC;
-export default VisaCard;
+import { FC } from '../../../preact/compat';
+declare const VisaCard: FC;
+export default VisaCard;

package/dist/types/{components → src/components}/Installments/Installment/index.d.ts

@@ -1,8 +1,8 @@
-import { FC } from 'react';
-import { PaymentPlan } from 'types';
-declare type Props = {
-    installment: PaymentPlan;
-    index: number;
-};
-declare const Installment: FC<Props>;
-export default Installment;
+import { FC } from '../../../../preact/compat';
+import { PaymentPlan } from '../../../types';
+type Props = {
+    installment: PaymentPlan;
+    index: number;
+};
+declare const Installment: FC<Props>;
+export default Installment;

package/dist/types/src/components/Installments/TotalBlock/index.d.ts

@@ -0,0 +1,6 @@
+import { FunctionComponent } from '../../../../preact/compat';
+import { EligibilityPlan } from '../../../types';
+declare const TotalBlock: FunctionComponent<{
+    currentPlan: EligibilityPlan;
+}>;
+export default TotalBlock;

package/dist/types/src/components/Loader/index.d.ts

@@ -0,0 +1,5 @@
+import { FunctionComponent } from '../../../preact/compat';
+declare const Loader: FunctionComponent<{
+    className?: string;
+}>;
+export default Loader;

package/dist/types/src/components/LoadingIndicator/LoadingIndicator.d.ts

@@ -0,0 +1,4 @@
+import { FunctionComponent } from '../../../preact/compat';
+export declare const LoadingIndicator: FunctionComponent<{
+    className?: string;
+}>;

package/dist/types/{components → src/components}/Modal/index.d.ts

@@ -1,12 +1,12 @@
-import React, { FunctionComponent, ReactNode } from 'react';
-import Modal from 'react-modal';
-export declare type Props = Modal.Props & {
-    children: ReactNode;
-    isOpen: boolean;
-    onClose: (event: React.MouseEvent | React.KeyboardEvent) => void;
-    className?: string;
-    contentClassName?: string;
-    scrollable?: boolean;
-};
-declare const ControlledModal: FunctionComponent<Props>;
-export default ControlledModal;
+import { default as React, FunctionComponent, ReactNode } from '../../../preact/compat';
+import { default as Modal } from 'react-modal';
+export type Props = Modal.Props & {
+    children: ReactNode;
+    isOpen: boolean;
+    onClose: (event: React.MouseEvent | React.KeyboardEvent) => void;
+    className?: string;
+    contentClassName?: string;
+    scrollable?: boolean;
+};
+declare const ControlledModal: FunctionComponent<Props>;
+export default ControlledModal;

package/dist/types/{consts.d.ts → src/consts.d.ts}

@@ -1,6 +1,6 @@
-export declare const SANDBOX_API_URL = "https://api.sandbox.getalma.eu";
-export declare const LIVE_API_URL = "https://api.getalma.eu";
-export declare enum ApiMode {
-    LIVE = "https://api.getalma.eu",
-    TEST = "https://api.sandbox.getalma.eu"
-}
+export declare const SANDBOX_API_URL = "https://api.sandbox.getalma.eu";
+export declare const LIVE_API_URL = "https://api.getalma.eu";
+export declare enum ApiMode {
+    LIVE = "https://api.getalma.eu",
+    TEST = "https://api.sandbox.getalma.eu"
+}

package/dist/types/{hooks → src/hooks}/useButtonAnimation.d.ts

@@ -1,7 +1,7 @@
-declare type Props = {
-    current: number;
-    onHover: (current: number) => void;
-    onLeave: () => void;
-};
-declare const useButtonAnimation: (iterateValues: number[], transitionDelay: number) => Props;
-export default useButtonAnimation;
+type Props = {
+    current: number;
+    onHover: (current: number) => void;
+    onLeave: () => void;
+};
+declare const useButtonAnimation: (iterateValues: number[], transitionDelay: number) => Props;
+export default useButtonAnimation;

package/dist/types/src/hooks/useFetchEligibility.d.ts

@@ -0,0 +1,3 @@
+import { ApiConfig, ConfigPlan, EligibilityPlan, statusResponse } from '../types';
+declare const useFetchEligibility: (purchaseAmount: number, { domain, merchantId }: ApiConfig, plans?: ConfigPlan[], customerBillingCountry?: string, customerShippingCountry?: string) => [EligibilityPlan[], statusResponse];
+export default useFetchEligibility;

package/dist/types/{hooks → src/hooks}/useSessionStorage.d.ts

@@ -1,20 +1,20 @@
-import { ConfigPlan, EligibilityPlan } from 'types';
-declare type CreateKeyType = {
-    purchaseAmount: number;
-    plans?: ConfigPlan[];
-    customerBillingCountry?: string;
-    customerShippingCountry?: string;
-};
-declare type StorageType = {
-    value: EligibilityPlan[];
-    timestamp: number;
-};
-declare type UseSessionStorageType = {
-    getCache: (key: string) => StorageType | null;
-    setCache: (key: string, value: EligibilityPlan[]) => void;
-    clearCache: () => void;
-    deleteCache: (key: string) => void;
-    createKey: (params: CreateKeyType) => string;
-};
-export declare const useSessionStorage: () => UseSessionStorageType;
-export {};
+import { ConfigPlan, EligibilityPlan } from '../types';
+type CreateKeyType = {
+    purchaseAmount: number;
+    plans?: ConfigPlan[];
+    customerBillingCountry?: string;
+    customerShippingCountry?: string;
+};
+type StorageType = {
+    value: EligibilityPlan[];
+    timestamp: number;
+};
+type UseSessionStorageType = {
+    getCache: (key: string) => StorageType | null;
+    setCache: (key: string, value: EligibilityPlan[]) => void;
+    clearCache: () => void;
+    deleteCache: (key: string) => void;
+    createKey: (params: CreateKeyType) => string;
+};
+export declare const useSessionStorage: () => UseSessionStorageType;
+export {};

package/dist/types/{hooks → src/hooks}/useSessionStorage.test.d.ts

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

package/dist/types/{index.d.ts → src/index.d.ts}

@@ -1,18 +1,16 @@
-import 'core-js/stable/array/from';
-import { widgetTypes } from 'types';
-import { ApiMode } from './consts';
-import './main.css';
-import * as utils from './utils';
-import './utils/polyfills';
-import { WidgetsController } from './widgets_controller';
-export declare namespace Widgets {
-    function initialize(merchantId: string, mode: ApiMode): WidgetsController;
-    const PaymentPlans = widgetTypes.PaymentPlans;
-    const Modal = widgetTypes.Modal;
-}
-export declare namespace Utils {
-    const priceToCents: typeof utils.priceToCents;
-    const priceFromCents: typeof utils.priceFromCents;
-    const formatCents: typeof utils.formatCents;
-}
-export { ApiMode } from './consts';
+import { ApiMode } from './consts';
+import { widgetTypes } from './types';
+import * as utils from '@/utils';
+export declare namespace Widgets {
+    function initialize(merchantId: string, mode: ApiMode): {
+        add: (widget: import("@/types").WidgetNames, options: import("@/types").WidgetOptions) => import("@/widgets_controller").AddReturnType;
+    };
+    const PaymentPlans = widgetTypes.PaymentPlans;
+    const Modal = widgetTypes.Modal;
+}
+export declare namespace Utils {
+    const priceToCents: typeof utils.priceToCents;
+    const priceFromCents: typeof utils.priceFromCents;
+    const formatCents: typeof utils.formatCents;
+}
+export { ApiMode } from './consts';

package/dist/types/{intl → src/intl}/IntlProvider.d.ts

@@ -1,8 +1,8 @@
-import { FC, ReactNode } from 'react';
-import { Locale } from 'types';
-declare type Props = {
-    children: ReactNode;
-    locale: Locale;
-};
-declare const Provider: FC<Props>;
-export default Provider;
+import { FC, ReactNode } from '../../preact/compat';
+import { Locale } from '../types';
+type Props = {
+    children: ReactNode;
+    locale: Locale;
+};
+declare const Provider: FC<Props>;
+export default Provider;