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

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

@@ -24,9 +24,9 @@ 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 _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); }
+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); }
 const Loading = () => {
   const {
     config
@@ -37,7 +37,7 @@ const Loading = () => {
   const {
     infoDialogForegroundColor
   } = palette || {};
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, {
     size: "small",
     color: infoDialogForegroundColor
   });
@@ -61,18 +61,15 @@ const TextDisclosure = props => {
   const {
     name
   } = props;
-  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
-        })
-      })
-    })
-  });
+  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
+  }))));
 };
 const CookieDisclosure = props => {
   const {
@@ -100,54 +97,41 @@ const CookieDisclosure = props => {
     purpose,
     last
   } = props;
-  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
-      })]
-    })]
-  });
+  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)));
 };
 const Disclosures = props => {
   const {
@@ -161,22 +145,21 @@ 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__*/(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, {})
-  });
+  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));
 };
 const PurposeLinkRenderer = ({
   item
@@ -190,14 +173,14 @@ const PurposeLinkRenderer = ({
     config
   } = (0, _react.useContext)(_context.OsanoPrivateContext);
   const partnerCount = config?.getCountOfVendorsUsingPurpose('purposes', Number(id)) ?? 0;
-  const partnerCountString = partnerCount > 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Locale.default, {
+  const partnerCountString = partnerCount > 1 ? /*#__PURE__*/_react.default.createElement(_Locale.default, {
     path: "iab.partnerCountPlural",
     options: {
       interpolations: {
         partnerCount: partnerCount.toString()
       }
     }
-  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Locale.default, {
+  }) : /*#__PURE__*/_react.default.createElement(_Locale.default, {
     path: "iab.partnerCount",
     options: {
       interpolations: {
@@ -205,15 +188,12 @@ const PurposeLinkRenderer = ({
       }
     }
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link.Link, {
+  return /*#__PURE__*/_react.default.createElement(_Link.Link, {
     style: style,
-    onPress: onPress,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Locale.default, {
-        path: `iab.purposes.${id}.name`
-      }), " (", partnerCountString, ")"]
-    })
-  });
+    onPress: onPress
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, /*#__PURE__*/_react.default.createElement(_Locale.default, {
+    path: `iab.purposes.${id}.name`
+  }), " (", partnerCountString, ")"));
 };
 const CategoryListItem = props => {
   const {
@@ -249,12 +229,12 @@ 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__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    const allDescriptions = (`${translate(`categories.${category}.description`)}`.split('\n\n') || []).map((d, i) => /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      key: i,
       style: [{
         fontSize: 12
-      }, drawerForeground],
-      children: d
-    }, i));
+      }, drawerForeground]
+    }, d));
     return allDescriptions.length > 0 ? allDescriptions : null;
   }, [drawerForeground]);
   const purposes = (0, _react.useMemo)(() => (useTcf && _constants2.purposeMap[`${category}`] || []).map(purposeId => ({
@@ -265,15 +245,14 @@ const CategoryListItem = props => {
       type: 'purpose'
     }))
   })), [dispatch, category, useTcf]);
-  const ListHeaderComponent = (0, _react.useMemo)(() => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+  const ListHeaderComponent = (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: [drawerForeground, {
       fontSize: 14,
       marginBottom: 8
-    }],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Locale.default, {
-      path: `iab.basis.consent`
-    })
-  }), [drawerForeground]);
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_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 === _constants.ConsentCategory.OPT_OUT;
@@ -294,58 +273,51 @@ const CategoryListItem = props => {
       customerId: config?.customerId
     }));
   }, [config]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: {
       flex: 1,
       alignItems: 'stretch',
       justifyContent: 'flex-start'
-    },
-    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]
-  });
+    }
+  }, /*#__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);
 };
 const SpecialFeatureListItem = ({
   specialFeatureId
@@ -377,35 +349,28 @@ const SpecialFeatureListItem = ({
   const handleValueChange = (0, _useBoundCallback.default)((specialFeatureId, acceptOrDeny) => {
     dispatch((0, _actions2.setSpecialFeatureConsent)(specialFeatureId, acceptOrDeny));
   }, [specialFeatureId]);
-  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]
-  });
+  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);
 };
 const CategoryListHeader = ({
   style
@@ -436,45 +401,32 @@ const CategoryListHeader = ({
   const useTcf = config?.tcfIsApplicable;
   const policyLinkInDrawer = config?.policyLinkInDrawer;
   const extraLinks = policyLinkInDrawer || useTcf;
-  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]
-  });
+  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);
 };
 const CategoryListFooter = () => {
   const {
@@ -485,20 +437,17 @@ const CategoryListFooter = () => {
     cmp && dispatch((0, _commands.saveConsent)(cmp));
     dispatch((0, _actions.close)(cmp));
   }, []);
-  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"
-        })
-      })
-    })]
-  });
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.listItem, styles.listFooter]
+  }, /*#__PURE__*/_react.default.createElement(_Button.SaveButton, {
+    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"
+  }))));
 };
 const ListItemRenderer = ({
   item,
@@ -514,16 +463,16 @@ const ListItemRenderer = ({
   } : undefined;
   switch (type) {
     case 'info':
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(CategoryListHeader, {
+      return /*#__PURE__*/_react.default.createElement(CategoryListHeader, {
         style: style
       });
     case 'category':
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(CategoryListItem, {
+      return /*#__PURE__*/_react.default.createElement(CategoryListItem, {
         style: style,
         category: id
       });
     case 'specialFeature':
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(SpecialFeatureListItem, {
+      return /*#__PURE__*/_react.default.createElement(SpecialFeatureListItem, {
         style: style,
         specialFeatureId: id
       });
@@ -554,7 +503,7 @@ const ConsentCategoriesDrawer = () => {
     }, 0);
   }, []);
   const ListHeaderComponent = (0, _react.useMemo)(() => {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Drawer.default, {
+    return /*#__PURE__*/_react.default.createElement(_Drawer.default, {
       title: "drawer.header",
       canGoBack: false,
       onHeaderLayoutChange: handleHeaderLayoutChange
@@ -615,23 +564,22 @@ const ConsentCategoriesDrawer = () => {
       }
     }
   }, [stack, animateDirection]);
-  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
-    })]
-  });
+  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
+  }));
 };
 exports.ConsentCategoriesDrawer = ConsentCategoriesDrawer;
 var _default = exports.default = ConsentCategoriesDrawer;