@osano/osano-cmp-react-native 0.12.0 → 0.14.0

package/lib/commonjs/views/Drawer/Drawer.ConsentCategories.js

@@ -4,30 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ConsentCategoriesDrawer = void 0;
-var _reactNative = require("react-native");
 var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
 var _Translator = _interopRequireDefault(require("../../utils/Translator"));
+var _actions = require("../../actions");
+var _commands = require("../../commands");
 var _Button = require("../../components/Button");
 var _Divider = require("../../components/Divider");
-var _Drawer = _interopRequireDefault(require("./Drawer.Header"));
 var _ExpansionPanel = require("../../components/ExpansionPanel");
 var _Link = require("../../components/Link");
 var _Locale = _interopRequireDefault(require("../../components/Locale"));
-var _context = require("../../context");
 var _StoragePolicyLink = _interopRequireDefault(require("../../components/StoragePolicyLink"));
 var _Toggle = _interopRequireDefault(require("../../components/Toggle"));
-var _constants = require("../../iab/tcf/constants");
+var _constants = require("../../constants");
+var _context = require("../../context");
 var _useBoundCallback = _interopRequireDefault(require("../../hooks/useBoundCallback"));
 var _usePrevious = require("../../hooks/usePrevious");
-var _constants2 = require("../../constants");
-var _selectors = require("../../selectors");
-var _commands = require("../../commands");
-var _actions = require("../../actions");
 var _actions2 = require("../../iab/tcf/actions");
+var _constants2 = require("../../iab/tcf/constants");
+var _selectors = require("../../selectors");
+var _Drawer = _interopRequireDefault(require("./Drawer.Header"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const Loading = () => {
   const {
     config
@@ -38,7 +37,7 @@ const Loading = () => {
   const {
     infoDialogForegroundColor
   } = palette || {};
-  return /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
     size: "small",
     color: infoDialogForegroundColor
   });
@@ -62,15 +61,18 @@ const TextDisclosure = props => {
   const {
     name
   } = props;
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.col
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.row
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: drawerForeground
-  }, /*#__PURE__*/_react.default.createElement(_Locale.default, {
-    path: name
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.col,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.row,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: drawerForeground,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Locale.default, {
+          path: name
+        })
+      })
+    })
+  });
 };
 const CookieDisclosure = props => {
   const {
@@ -98,41 +100,54 @@ const CookieDisclosure = props => {
     purpose,
     last
   } = props;
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.col, styles.disclosure, last ? styles.disclosureLast : undefined]
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.row, styles.spaceBetween, isRTL ? styles.rtl : styles.ltr]
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: [drawerForeground, styles.disclosureLabel]
-  }, /*#__PURE__*/_react.default.createElement(_Locale.default, {
-    path: "disclosure.cookie.name"
-  })), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: [drawerForeground, styles.disclosureDescription]
-  }, name)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.row, styles.spaceBetween, isRTL ? styles.rtl : styles.ltr]
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: [drawerForeground, styles.disclosureLabel]
-  }, /*#__PURE__*/_react.default.createElement(_Locale.default, {
-    path: "disclosure.cookie.provider"
-  })), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: [drawerForeground, styles.disclosureDescription]
-  }, provider)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.row, styles.spaceBetween, isRTL ? styles.rtl : styles.ltr]
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: [drawerForeground, styles.disclosureLabel]
-  }, /*#__PURE__*/_react.default.createElement(_Locale.default, {
-    path: "disclosure.cookie.expiry"
-  })), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: [drawerForeground, styles.disclosureDescription]
-  }, expiry)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.row, styles.spaceBetween, isRTL ? styles.rtl : styles.ltr]
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: [drawerForeground, styles.disclosureLabel]
-  }, /*#__PURE__*/_react.default.createElement(_Locale.default, {
-    path: "disclosure.cookie.purpose"
-  })), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: [drawerForeground, styles.disclosureDescription]
-  }, purpose)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.col, styles.disclosure, last ? styles.disclosureLast : undefined],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.row, styles.spaceBetween, isRTL ? styles.rtl : styles.ltr],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [drawerForeground, styles.disclosureLabel],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Locale.default, {
+          path: "disclosure.cookie.name"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [drawerForeground, styles.disclosureDescription],
+        children: name
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.row, styles.spaceBetween, isRTL ? styles.rtl : styles.ltr],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [drawerForeground, styles.disclosureLabel],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Locale.default, {
+          path: "disclosure.cookie.provider"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [drawerForeground, styles.disclosureDescription],
+        children: provider
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.row, styles.spaceBetween, isRTL ? styles.rtl : styles.ltr],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [drawerForeground, styles.disclosureLabel],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Locale.default, {
+          path: "disclosure.cookie.expiry"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [drawerForeground, styles.disclosureDescription],
+        children: expiry
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.row, styles.spaceBetween, isRTL ? styles.rtl : styles.ltr],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [drawerForeground, styles.disclosureLabel],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Locale.default, {
+          path: "disclosure.cookie.purpose"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [drawerForeground, styles.disclosureDescription],
+        children: purpose
+      })]
+    })]
+  });
 };
 const Disclosures = props => {
   const {
@@ -146,21 +161,22 @@ const Disclosures = props => {
   // The following selector will return an empty array if the disclosures have not been fetched yet,
   // otherwise it will return the disclosures for the given category, or a No Results disclosure
   const categoryDisclosures = (0, _selectors.getCategoryDisclosures)(state, category);
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.listItem
-  }, !loadingDisclosures && categoryDisclosures.length > 0 ? categoryDisclosures.map((disclosure, i, list) => {
-    switch (disclosure.type) {
-      case 'cookie':
-        return /*#__PURE__*/_react.default.createElement(CookieDisclosure, _extends({
-          key: i,
-          last: i === list.length - 1
-        }, disclosure));
-      default:
-        return /*#__PURE__*/_react.default.createElement(TextDisclosure, _extends({
-          key: i
-        }, disclosure));
-    }
-  }) : /*#__PURE__*/_react.default.createElement(Loading, null));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.listItem,
+    children: !loadingDisclosures && categoryDisclosures.length > 0 ? categoryDisclosures.map((disclosure, i, list) => {
+      switch (disclosure.type) {
+        case 'cookie':
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(CookieDisclosure, {
+            last: i === list.length - 1,
+            ...disclosure
+          }, i);
+        default:
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(TextDisclosure, {
+            ...disclosure
+          }, i);
+      }
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(Loading, {})
+  });
 };
 const PurposeLinkRenderer = ({
   item
@@ -174,14 +190,14 @@ const PurposeLinkRenderer = ({
     config
   } = (0, _react.useContext)(_context.OsanoPrivateContext);
   const partnerCount = config?.getCountOfVendorsUsingPurpose('purposes', Number(id)) ?? 0;
-  const partnerCountString = partnerCount > 1 ? /*#__PURE__*/_react.default.createElement(_Locale.default, {
+  const partnerCountString = partnerCount > 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Locale.default, {
     path: "iab.partnerCountPlural",
     options: {
       interpolations: {
         partnerCount: partnerCount.toString()
       }
     }
-  }) : /*#__PURE__*/_react.default.createElement(_Locale.default, {
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Locale.default, {
     path: "iab.partnerCount",
     options: {
       interpolations: {
@@ -189,12 +205,15 @@ const PurposeLinkRenderer = ({
       }
     }
   });
-  return /*#__PURE__*/_react.default.createElement(_Link.Link, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link.Link, {
     style: style,
-    onPress: onPress
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, /*#__PURE__*/_react.default.createElement(_Locale.default, {
-    path: `iab.purposes.${id}.name`
-  }), " (", partnerCountString, ")"));
+    onPress: onPress,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Locale.default, {
+        path: `iab.purposes.${id}.name`
+      }), " (", partnerCountString, ")"]
+    })
+  });
 };
 const CategoryListItem = props => {
   const {
@@ -230,15 +249,15 @@ const CategoryListItem = props => {
   const state = getState();
   const useTcf = config?.tcfIsApplicable;
   const descriptions = (0, _react.useMemo)(() => {
-    const allDescriptions = (`${translate(`categories.${category}.description`)}`.split('\n\n') || []).map((d, i) => /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-      key: i,
+    const allDescriptions = (`${translate(`categories.${category}.description`)}`.split('\n\n') || []).map((d, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
       style: [{
         fontSize: 12
-      }, drawerForeground]
-    }, d));
+      }, drawerForeground],
+      children: d
+    }, i));
     return allDescriptions.length > 0 ? allDescriptions : null;
   }, [drawerForeground]);
-  const purposes = (0, _react.useMemo)(() => (useTcf && _constants.purposeMap[`${category}`] || []).map(purposeId => ({
+  const purposes = (0, _react.useMemo)(() => (useTcf && _constants2.purposeMap[`${category}`] || []).map(purposeId => ({
     id: purposeId,
     style: purposeLink,
     onPress: () => dispatch((0, _actions.showIabDisclosures)({
@@ -246,17 +265,18 @@ const CategoryListItem = props => {
       type: 'purpose'
     }))
   })), [dispatch, category, useTcf]);
-  const ListHeaderComponent = (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+  const ListHeaderComponent = (0, _react.useMemo)(() => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
     style: [drawerForeground, {
       fontSize: 14,
       marginBottom: 8
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_Locale.default, {
-    path: `iab.basis.consent`
-  })), [drawerForeground]);
+    }],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Locale.default, {
+      path: `iab.basis.consent`
+    })
+  }), [drawerForeground]);
   const checked = (0, _selectors.isCategoryAccepted)(state, category);
   const disabled = (0, _selectors.isCategoryDisabled)(state, category);
-  const shouldHideDisclosures = hideDisclosures || category === _constants2.ConsentCategory.OPT_OUT;
+  const shouldHideDisclosures = hideDisclosures || category === _constants.ConsentCategory.OPT_OUT;
   const isRTL = _Translator.default.isRTL(locale);
   const toggleTextStyle = (0, _react.useMemo)(() => {
     return [drawerForeground, styles.toggleLabel];
@@ -274,51 +294,58 @@ const CategoryListItem = props => {
       customerId: config?.customerId
     }));
   }, [config]);
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: {
       flex: 1,
       alignItems: 'stretch',
       justifyContent: 'flex-start'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.listItem, {
-      flex: 1,
-      paddingBottom: 24
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.row
-  }, /*#__PURE__*/_react.default.createElement(_Toggle.default, {
-    align: isRTL ? 'left' : 'right',
-    disabled: disabled,
-    onValueChange: handleValueChange,
-    style: styles.switch,
-    value: checked
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: toggleTextStyle
-  }, /*#__PURE__*/_react.default.createElement(_Locale.default, {
-    path: `categories.${category}.label`
-  })))), descriptions, /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
-    ListHeaderComponent: purposes.length ? ListHeaderComponent : null,
-    data: purposes,
-    renderItem: ({
-      item
-    }) => /*#__PURE__*/_react.default.createElement(PurposeLinkRenderer, {
-      item: item
-    }),
-    style: {
-      marginTop: purposes.length ? 16 : 0
-    }
-  })), !shouldHideDisclosures ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      marginTop: -24
-    }
-  }, /*#__PURE__*/_react.default.createElement(_ExpansionPanel.ExpansionPanel, {
-    title: "messaging.viewCookies",
-    style: styles.listItem,
-    onOpen: handleToggleDisclosure
-  }, /*#__PURE__*/_react.default.createElement(Disclosures, {
-    category: category
-  }))) : null);
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.listItem, {
+        flex: 1,
+        paddingBottom: 24
+      }],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.row,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toggle.default, {
+          align: isRTL ? 'left' : 'right',
+          disabled: disabled,
+          onValueChange: handleValueChange,
+          style: styles.switch,
+          value: checked,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: toggleTextStyle,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Locale.default, {
+              path: `categories.${category}.label`
+            })
+          })
+        })
+      }), descriptions, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+        ListHeaderComponent: purposes.length ? ListHeaderComponent : null,
+        data: purposes,
+        renderItem: ({
+          item
+        }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(PurposeLinkRenderer, {
+          item: item
+        }),
+        style: {
+          marginTop: purposes.length ? 16 : 0
+        }
+      })]
+    }), !shouldHideDisclosures ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        marginTop: -24
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpansionPanel.ExpansionPanel, {
+        title: "messaging.viewCookies",
+        style: styles.listItem,
+        onOpen: handleToggleDisclosure,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Disclosures, {
+          category: category
+        })
+      })
+    }) : null]
+  });
 };
 const SpecialFeatureListItem = ({
   specialFeatureId
@@ -350,28 +377,35 @@ const SpecialFeatureListItem = ({
   const handleValueChange = (0, _useBoundCallback.default)((specialFeatureId, acceptOrDeny) => {
     dispatch((0, _actions2.setSpecialFeatureConsent)(specialFeatureId, acceptOrDeny));
   }, [specialFeatureId]);
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.row, styles.listItem]
-  }, /*#__PURE__*/_react.default.createElement(_Toggle.default, {
-    align: isRTL ? 'left' : 'right',
-    onValueChange: handleValueChange,
-    style: styles.switch,
-    value: checked
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: [drawerForeground, styles.toggleLabel]
-  }, /*#__PURE__*/_react.default.createElement(_Locale.default, {
-    path: name
-  })))), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: [styles.listItem, drawerForeground, hasLegalDescription ? {} : styles.paragraph]
-  }, /*#__PURE__*/_react.default.createElement(_Locale.default, {
-    path: description
-  })), hasLegalDescription ? /*#__PURE__*/_react.default.createElement(_ExpansionPanel.ExpansionPanel, {
-    style: styles.listItem,
-    title: "messaging.moreDetails"
-  }, /*#__PURE__*/_react.default.createElement(TextDisclosure, {
-    type: "text",
-    name: descriptionLegal
-  })) : null);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.row, styles.listItem],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toggle.default, {
+        align: isRTL ? 'left' : 'right',
+        onValueChange: handleValueChange,
+        style: styles.switch,
+        value: checked,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [drawerForeground, styles.toggleLabel],
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Locale.default, {
+            path: name
+          })
+        })
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.listItem, drawerForeground, hasLegalDescription ? {} : styles.paragraph],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Locale.default, {
+        path: description
+      })
+    }), hasLegalDescription ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpansionPanel.ExpansionPanel, {
+      style: styles.listItem,
+      title: "messaging.moreDetails",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TextDisclosure, {
+        type: "text",
+        name: descriptionLegal
+      })
+    }) : null]
+  });
 };
 const CategoryListHeader = ({
   style
@@ -402,32 +436,45 @@ const CategoryListHeader = ({
   const useTcf = config?.tcfIsApplicable;
   const policyLinkInDrawer = config?.policyLinkInDrawer;
   const extraLinks = policyLinkInDrawer || useTcf;
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.listItem, styles.listHeader, style]
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: extraLinks ? styles.paragraph : undefined
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: drawerForeground,
-    testID: "drawer-description"
-  }, /*#__PURE__*/_react.default.createElement(_Locale.default, {
-    path: "drawer.description"
-  }))), extraLinks ? /*#__PURE__*/_react.default.createElement(_reactNative.View, null, policyLinkInDrawer ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, /*#__PURE__*/_react.default.createElement(_StoragePolicyLink.default, {
-    testID: "drawer-policy-link-1",
-    policyLinkText: config?.policyLinkText || '',
-    href: config?.storagePolicyHref || ''
-  }), config?.additionalLinks && config?.additionalLinks?.length >= 1 ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, " | ") : null, /*#__PURE__*/_react.default.createElement(_StoragePolicyLink.default, {
-    testID: "drawer-policy-link-2",
-    policyLinkText: config?.additionalLinks?.at(0)?.at(0),
-    href: config?.additionalLinks?.at(0)?.at(1)
-  })) : null, useTcf ? /*#__PURE__*/_react.default.createElement(_Link.Link, {
-    onPress: handleGoIabVendors
-  }, /*#__PURE__*/_react.default.createElement(_Locale.default, {
-    path: 'iab.vendor.title'
-  })) : null, useTcf ? /*#__PURE__*/_react.default.createElement(_Link.Link, {
-    onPress: handleGoIabDisclosures
-  }, /*#__PURE__*/_react.default.createElement(_Locale.default, {
-    path: 'iab.legal.title'
-  })) : null) : null, useTcf ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.AcceptAllButton, null), /*#__PURE__*/_react.default.createElement(_Button.RejectAllButton, null)) : null);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.listItem, styles.listHeader, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: extraLinks ? styles.paragraph : undefined,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: drawerForeground,
+        testID: "drawer-description",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Locale.default, {
+          path: "drawer.description"
+        })
+      })
+    }), extraLinks ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      children: [policyLinkInDrawer ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_StoragePolicyLink.default, {
+          testID: "drawer-policy-link-1",
+          policyLinkText: config?.policyLinkText || '',
+          href: config?.storagePolicyHref || ''
+        }), config?.additionalLinks && config?.additionalLinks?.length >= 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          children: " | "
+        }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_StoragePolicyLink.default, {
+          testID: "drawer-policy-link-2",
+          policyLinkText: config?.additionalLinks?.at(0)?.at(0),
+          href: config?.additionalLinks?.at(0)?.at(1)
+        })]
+      }) : null, useTcf ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link.Link, {
+        onPress: handleGoIabVendors,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Locale.default, {
+          path: 'iab.vendor.title'
+        })
+      }) : null, useTcf ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link.Link, {
+        onPress: handleGoIabDisclosures,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Locale.default, {
+          path: 'iab.legal.title'
+        })
+      }) : null]
+    }) : null, useTcf ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.AcceptAllButton, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.RejectAllButton, {})]
+    }) : null]
+  });
 };
 const CategoryListFooter = () => {
   const {
@@ -438,18 +485,20 @@ const CategoryListFooter = () => {
     cmp && dispatch((0, _commands.saveConsent)(cmp));
     dispatch((0, _actions.close)(cmp));
   }, []);
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.listItem, styles.listFooter]
-  }, /*#__PURE__*/_react.default.createElement(_Button.Button, {
-    title: "buttons.save",
-    onPress: handleSave
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.poweredBy
-  }, /*#__PURE__*/_react.default.createElement(_Link.Link, {
-    href: "https://www.osano.com/?utm_campaign=cmp&utm_source=cmp-dialog&utm_medium=drawer"
-  }, /*#__PURE__*/_react.default.createElement(_Locale.default, {
-    path: "messaging.poweredBy"
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.listItem, styles.listFooter],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.SaveButton, {
+      onPress: handleSave
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.poweredBy,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link.Link, {
+        href: "https://www.osano.com/?utm_campaign=cmp&utm_source=cmp-dialog&utm_medium=drawer",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Locale.default, {
+          path: "messaging.poweredBy"
+        })
+      })
+    })]
+  });
 };
 const ListItemRenderer = ({
   item,
@@ -465,16 +514,16 @@ const ListItemRenderer = ({
   } : undefined;
   switch (type) {
     case 'info':
-      return /*#__PURE__*/_react.default.createElement(CategoryListHeader, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(CategoryListHeader, {
         style: style
       });
     case 'category':
-      return /*#__PURE__*/_react.default.createElement(CategoryListItem, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(CategoryListItem, {
         style: style,
         category: id
       });
     case 'specialFeature':
-      return /*#__PURE__*/_react.default.createElement(SpecialFeatureListItem, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(SpecialFeatureListItem, {
         style: style,
         specialFeatureId: id
       });
@@ -505,7 +554,7 @@ const ConsentCategoriesDrawer = () => {
     }, 0);
   }, []);
   const ListHeaderComponent = (0, _react.useMemo)(() => {
-    return /*#__PURE__*/_react.default.createElement(_Drawer.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Drawer.default, {
       title: "drawer.header",
       canGoBack: false,
       onHeaderLayoutChange: handleHeaderLayoutChange
@@ -538,7 +587,7 @@ const ConsentCategoriesDrawer = () => {
     if (needsOptOut) {
       newCategories.push({
         type: 'category',
-        id: _constants2.ConsentCategory.OPT_OUT,
+        id: _constants.ConsentCategory.OPT_OUT,
         headerHeight
       });
     }
@@ -566,22 +615,23 @@ const ConsentCategoriesDrawer = () => {
       }
     }
   }, [stack, animateDirection]);
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.renderItem
-  }, _reactNative.Platform.OS === 'web' ? null : ListHeaderComponent, /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
-    ref: flatListRef,
-    style: {
-      marginTop: _reactNative.Platform.OS === 'web' ? 0 : -headerHeight
-    },
-    data: categories,
-    stickyHeaderIndices: _reactNative.Platform.OS === 'web' ? [0] : undefined,
-    ListHeaderComponent: _reactNative.Platform.OS === 'web' ? ListHeaderComponent : undefined,
-    ListFooterComponent: CategoryListFooter,
-    renderItem: ListItemRenderer,
-    ItemSeparatorComponent: _Divider.Divider,
-    removeClippedSubviews: false,
-    extraData: extraData
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.renderItem,
+    children: [_reactNative.Platform.OS === 'web' ? null : ListHeaderComponent, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+      ref: flatListRef,
+      style: {
+        marginTop: _reactNative.Platform.OS === 'web' ? 0 : -headerHeight
+      },
+      data: categories,
+      stickyHeaderIndices: _reactNative.Platform.OS === 'web' ? [0] : undefined,
+      ListHeaderComponent: _reactNative.Platform.OS === 'web' ? ListHeaderComponent : undefined,
+      ListFooterComponent: CategoryListFooter,
+      renderItem: ListItemRenderer,
+      ItemSeparatorComponent: _Divider.Divider,
+      removeClippedSubviews: false,
+      extraData: extraData
+    })]
+  });
 };
 exports.ConsentCategoriesDrawer = ConsentCategoriesDrawer;
 var _default = exports.default = ConsentCategoriesDrawer;