@lookiero/checkout 9.2.0 → 9.3.0

package/dist/src/infrastructure/ui/views/App.js

@@ -8,8 +8,8 @@ import { theme } from "@lookiero/sty-psp-ui";
 import { MESSAGING_CONTEXT_ID } from "../../delivery/baseBootstrap";
 const { colorBgBase } = theme();
 const App = ({ children }) => (React.createElement(SafeAreaProvider, null,
-    React.createElement(PortalProvider, null,
+    React.createElement(PortalProvider, { rootHostName: "Checkout" },
         React.createElement(StatusBar, { backgroundColor: colorBgBase, barStyle: "dark-content", translucent: true }),
-        React.createElement(Notifications, { contextId: MESSAGING_CONTEXT_ID }),
+        React.createElement(Notifications, { contextId: MESSAGING_CONTEXT_ID, portalHostName: "Checkout" }),
         React.createElement(AuroraPortalProvider, null, children))));
 export { App };

package/dist/src/infrastructure/ui/views/item/components/getOutOfCheckoutModal/GetOutOfCheckoutModal.js

@@ -10,7 +10,7 @@ const GetOutOfCheckoutModal = ({ visible, onDismiss, onConfirm }) => {
     const descriptionText = useI18nMessage({ id: I18nMessages.GET_OUT_OF_CHECKOUT_MODAL_DESCRIPTION });
     const dismissButtonText = useI18nMessage({ id: I18nMessages.GET_OUT_OF_CHECKOUT_MODAL_DISMISS_BUTTON });
     const confirmButtonText = useI18nMessage({ id: I18nMessages.GET_OUT_OF_CHECKOUT_MODAL_CONFIRM_BUTTON });
-    return (React.createElement(Modal, { visible: visible, onClose: onDismiss },
+    return (React.createElement(Modal, { portalHostName: "Checkout", visible: visible, onClose: onDismiss },
         React.createElement(View, { style: style.modalContent },
             React.createElement(Text, { align: ALIGN.CENTER, level: 1, style: style.title }, titleText),
             React.createElement(Text, { level: 3, style: style.description }, descriptionText),

package/dist/src/infrastructure/ui/views/item/components/itemActions/ItemActions.js

@@ -34,6 +34,6 @@ const ItemActions = ({ productVariants, currentProductVariant, country, onShowSi
                 !currentProductVariant.size.unique && productVariants ? (React.createElement(Button, { style: style.sizeSelector, testID: "size-selector", variant: BUTTON_VARIANT.SECONDARY, small: true, onPress: handleOnPressSelectField }, changeSizeButtonText)) : null,
                 React.createElement(Button, { style: style.returnButton, testID: "return-button", variant: BUTTON_VARIANT.SECONDARY, small: true, onPress: onReturn }, returnButtonText)),
             React.createElement(Button, { testID: "keep-button", small: true, onPress: onKeep }, keepButtonText)),
-        React.createElement(SelectModal, { modalVisible: modalVisible, options: sizeSelectorOptions, testID: "select-field-modal", title: changeSizeButtonText, value: currentProductVariant.id, onChange: onReplace, onClose: handleOnModalClose })));
+        React.createElement(SelectModal, { modalVisible: modalVisible, options: sizeSelectorOptions, portalHostName: "Checkout", testID: "select-field-modal", title: changeSizeButtonText, value: currentProductVariant.id, onChange: onReplace, onClose: handleOnModalClose })));
 };
 export { ItemActions };

package/dist/src/infrastructure/ui/views/item/components/selectModal/SelectModal.d.ts

@@ -14,10 +14,11 @@ interface SelectModalProps {
     readonly value: string | undefined;
     readonly options: Option[];
     readonly style?: Partial<SelectModalStyle>;
-    readonly onChange?: (value: string) => void;
-    readonly onClose?: () => void;
     readonly modalVisible: boolean;
     readonly testID?: string;
+    readonly portalHostName?: string;
+    readonly onChange?: (value: string) => void;
+    readonly onClose?: () => void;
 }
 declare const SelectModal: FC<SelectModalProps>;
 export type { Option };

package/dist/src/infrastructure/ui/views/item/components/selectModal/SelectModal.js

@@ -4,12 +4,12 @@ import { COLOR, Text } from "@lookiero/aurora";
 import { Modal, theme } from "@lookiero/sty-psp-ui";
 import { style } from "./SelectModal.style";
 const { colorBgPrimaryLight } = theme();
-const SelectModal = ({ modalVisible, onChange = () => void 0, onClose = () => void 0, options, style: customStyle, testID, title, value, }) => {
+const SelectModal = ({ modalVisible, options, style: customStyle, testID, title, value, portalHostName, onChange = () => void 0, onClose = () => void 0, }) => {
     const handleOnPressOption = useCallback((value) => {
         onChange(value);
         onClose();
     }, [onClose, onChange]);
-    return (React.createElement(Modal, { testID: testID, visible: modalVisible, scroll: true, showCloseButton: true, onClose: onClose },
+    return (React.createElement(Modal, { portalHostName: portalHostName, testID: testID, visible: modalVisible, scroll: true, showCloseButton: true, onClose: onClose },
         React.createElement(View, { style: [style.modalContent, customStyle?.modalContent] },
             title && (React.createElement(Text, { level: 3, style: style.modalTitle, heading: true }, title)),
             options.map(({ label, value: optionValue }) => (React.createElement(TouchableHighlight, { key: optionValue, accessibilityLabel: optionValue, disabled: value === optionValue, style: [style.option, customStyle?.option], testID: optionValue, underlayColor: colorBgPrimaryLight, accessible: true, onPress: value !== optionValue ? () => handleOnPressOption(optionValue) : undefined },

package/dist/src/infrastructure/ui/views/item/components/sizeWithoutStockModal/SizeWithoutStockModal.js

@@ -9,7 +9,7 @@ const SizeWithoutStockModal = ({ visible, onDismiss }) => {
     const titleText = useI18nMessage({ id: I18nMessages.SIZE_WITHOUT_STOCK_MODAL_TITLE });
     const descriptionText = useI18nMessage({ id: I18nMessages.SIZE_WITHOUT_STOCK_MODAL_DESCRIPTION });
     const buttonText = useI18nMessage({ id: I18nMessages.SIZE_WITHOUT_STOCK_MODAL_BUTTON });
-    return (React.createElement(Modal, { visible: visible, showCloseButton: true, onClose: onDismiss },
+    return (React.createElement(Modal, { portalHostName: "Checkout", visible: visible, showCloseButton: true, onClose: onDismiss },
         React.createElement(View, { style: style.modalContent },
             React.createElement(Text, { level: 3, style: style.title, heading: true }, titleText),
             React.createElement(Text, { level: 3, style: style.description }, descriptionText),

package/dist/src/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "9.2.0";
+export declare const VERSION = "9.3.0";

package/dist/src/version.js

@@ -1 +1 @@
-export const VERSION = "9.2.0";
+export const VERSION = "9.3.0";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "9.2.0",
+  "version": "9.3.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": "false",

package/src/infrastructure/ui/views/App.tsx

@@ -15,9 +15,9 @@ interface AppProps {
 
 const App: FC<AppProps> = ({ children }) => (
   <SafeAreaProvider>
-    <PortalProvider>
+    <PortalProvider rootHostName="Checkout">
       <StatusBar backgroundColor={colorBgBase} barStyle="dark-content" translucent />
-      <Notifications contextId={MESSAGING_CONTEXT_ID} />
+      <Notifications contextId={MESSAGING_CONTEXT_ID} portalHostName="Checkout" />
       {/*
         We are using the Aurora's PortalProvider at this level for notifications to work properly.
 

package/src/infrastructure/ui/views/item/components/getOutOfCheckoutModal/GetOutOfCheckoutModal.tsx

@@ -18,7 +18,7 @@ const GetOutOfCheckoutModal: FC<GetOutOfCheckoutModalProps> = ({ visible, onDism
   const confirmButtonText = useI18nMessage({ id: I18nMessages.GET_OUT_OF_CHECKOUT_MODAL_CONFIRM_BUTTON });
 
   return (
-    <Modal visible={visible} onClose={onDismiss}>
+    <Modal portalHostName="Checkout" visible={visible} onClose={onDismiss}>
       <View style={style.modalContent}>
         <Text align={ALIGN.CENTER} level={1} style={style.title}>
           {titleText}

package/src/infrastructure/ui/views/item/components/itemActions/ItemActions.tsx

@@ -96,6 +96,7 @@ const ItemActions: FC<ItemActionsProps> = ({
       <SelectModal
         modalVisible={modalVisible}
         options={sizeSelectorOptions}
+        portalHostName="Checkout"
         testID="select-field-modal"
         title={changeSizeButtonText}
         value={currentProductVariant.id}

package/src/infrastructure/ui/views/item/components/selectModal/SelectModal.tsx

@@ -22,21 +22,23 @@ interface SelectModalProps {
   readonly value: string | undefined;
   readonly options: Option[];
   readonly style?: Partial<SelectModalStyle>;
-  readonly onChange?: (value: string) => void;
-  readonly onClose?: () => void;
   readonly modalVisible: boolean;
   readonly testID?: string;
+  readonly portalHostName?: string;
+  readonly onChange?: (value: string) => void;
+  readonly onClose?: () => void;
 }
 
 const SelectModal: FC<SelectModalProps> = ({
   modalVisible,
-  onChange = () => void 0,
-  onClose = () => void 0,
   options,
   style: customStyle,
   testID,
   title,
   value,
+  portalHostName,
+  onChange = () => void 0,
+  onClose = () => void 0,
 }) => {
   const handleOnPressOption = useCallback(
     (value: string) => {
@@ -47,7 +49,14 @@ const SelectModal: FC<SelectModalProps> = ({
   );
 
   return (
-    <Modal testID={testID} visible={modalVisible} scroll showCloseButton onClose={onClose}>
+    <Modal
+      portalHostName={portalHostName}
+      testID={testID}
+      visible={modalVisible}
+      scroll
+      showCloseButton
+      onClose={onClose}
+    >
       <View style={[style.modalContent, customStyle?.modalContent]}>
         {title && (
           <Text level={3} style={style.modalTitle} heading>

package/src/infrastructure/ui/views/item/components/sizeWithoutStockModal/SizeWithoutStockModal.tsx

@@ -16,7 +16,7 @@ const SizeWithoutStockModal: FC<SizeWithoutStockModalProps> = ({ visible, onDism
   const buttonText = useI18nMessage({ id: I18nMessages.SIZE_WITHOUT_STOCK_MODAL_BUTTON });
 
   return (
-    <Modal visible={visible} showCloseButton onClose={onDismiss}>
+    <Modal portalHostName="Checkout" visible={visible} showCloseButton onClose={onDismiss}>
       <View style={style.modalContent}>
         <Text level={3} style={style.title} heading>
           {titleText}