@osano/osano-cmp-react-native 0.1.0

package/lib/module/components/Button.js

@@ -0,0 +1,205 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import { Path, Polygon, Svg } from 'react-native-svg';
+import { Pressable, Text } from 'react-native';
+import React, { useCallback, useContext, useMemo } from 'react';
+import { acceptAll, close, denyAll, goBack, saveConsent, showDrawer } from '../store';
+import Locale from './Locale';
+import { OsanoPrivateContext } from '../context';
+export const Button = props => {
+  const {
+    defaultPhrase,
+    disabled,
+    title,
+    onPress,
+    style: buttonStyle
+  } = props;
+  const {
+    config
+  } = useContext(OsanoPrivateContext);
+  const {
+    palette
+  } = config || {};
+  const {
+    buttonBackgroundColor,
+    buttonForegroundColor
+  } = palette || {};
+  const button = useMemo(() => ({
+    alignItems: 'center',
+    backgroundColor: buttonBackgroundColor,
+    borderColor: buttonForegroundColor,
+    borderWidth: 1,
+    borderRadius: 4,
+    paddingVertical: 8,
+    paddingHorizontal: 16,
+    flexBasis: 'auto'
+  }), [buttonBackgroundColor, buttonForegroundColor]);
+  const buttonText = useMemo(() => ({
+    color: buttonForegroundColor,
+    fontSize: 16,
+    fontWeight: 'bold'
+  }), [buttonForegroundColor]);
+  return /*#__PURE__*/React.createElement(Pressable, {
+    style: [button, buttonStyle],
+    onPress: onPress,
+    disabled: disabled
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: buttonText
+  }, /*#__PURE__*/React.createElement(Locale, {
+    path: title || '',
+    defaultPhrase: defaultPhrase
+  })));
+};
+export const DenyButton = props => {
+  const {
+    cmp,
+    dispatch
+  } = useContext(OsanoPrivateContext);
+  const {
+    onPress,
+    title
+  } = props;
+  const handleReject = useCallback(() => {
+    // dispatch(setAllVendorConsent(DENY)); // IAB
+    // dispatch(setAxllPurposeConsent(ACCEPT)); // IAB
+    // dispatch(setAllSpecialFeatureConsent(DENY)); // IAB
+    dispatch(denyAll);
+    dispatch(saveConsent(cmp));
+    dispatch(close(cmp));
+  }, []);
+  return Button({
+    ...props,
+    title: title || 'buttons.deny',
+    onPress: onPress || handleReject
+  });
+};
+export const AcceptButton = props => {
+  const {
+    cmp,
+    dispatch
+  } = useContext(OsanoPrivateContext);
+  const {
+    onPress,
+    title
+  } = props;
+  const handleSave = useCallback(() => {
+    dispatch(saveConsent(cmp));
+    dispatch(close(cmp));
+  }, []);
+  return Button({
+    ...props,
+    title: title || 'buttons.accept',
+    onPress: onPress || handleSave
+  });
+};
+export const CloseButton = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    color = '#fafafa',
+    onPress,
+    ...remain
+  } = props;
+  const {
+    cmp,
+    dispatch
+  } = useContext(OsanoPrivateContext);
+  const handleClose = useCallback(() => {
+    dispatch(close(cmp));
+  }, []);
+  return /*#__PURE__*/React.createElement(Pressable, _extends({}, remain, {
+    ref: ref,
+    onPress: onPress || handleClose
+  }), /*#__PURE__*/React.createElement(Svg, {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement(Path, {
+    d: "M5.54695 4.13965L19.622 18.2146L18.2147 19.6219L4.13965 5.54695L5.54695 4.13965Z",
+    fill: color
+  }), /*#__PURE__*/React.createElement(Path, {
+    d: "M19.6203 5.54499L5.54524 19.62L4.13794 18.2127L18.2129 4.1377L19.6203 5.54499Z",
+    fill: color
+  })));
+});
+export const BackButton = props => {
+  const {
+    color = '#fafafa',
+    onPress,
+    ...remain
+  } = props;
+  const {
+    dispatch
+  } = useContext(OsanoPrivateContext);
+  const handleBack = useCallback(() => {
+    dispatch(goBack);
+  }, []);
+  return /*#__PURE__*/React.createElement(Pressable, _extends({}, remain, {
+    onPress: onPress || handleBack
+  }), /*#__PURE__*/React.createElement(Svg, {
+    height: "16px",
+    viewBox: "0 0 512 512",
+    width: "16px",
+    fill: color
+  }, /*#__PURE__*/React.createElement(Polygon, {
+    points: "352,128.4 319.7,96 160,256 160,256 160,256 319.7,416 352,383.6 224.7,256 "
+  })));
+};
+export const ManagePreferencesButton = props => {
+  const {
+    onPress,
+    ...remain
+  } = props;
+  const {
+    config,
+    dispatch,
+    cmp
+  } = useContext(OsanoPrivateContext);
+  const handleShowDrawer = useCallback(() => {
+    dispatch(close(cmp));
+    dispatch(showDrawer);
+  }, []);
+  return Button({
+    ...remain,
+    onPress: onPress || handleShowDrawer,
+    title: `buttons.dialog.openDrawer.${config?.jurisdiction}`,
+    defaultPhrase: 'buttons.managePreferences'
+  });
+};
+export const RejectAllButton = props => {
+  const {
+    config
+  } = useContext(OsanoPrivateContext);
+  return DenyButton({
+    ...props,
+    title: `buttons.dialog.denyAll.${config?.jurisdiction}`,
+    defaultPhrase: 'buttons.denyAll'
+  });
+};
+export const SaveButton = props => {
+  return AcceptButton({
+    ...props,
+    title: `buttons.save`
+  });
+};
+export const AcceptAllButton = props => {
+  const {
+    cmp,
+    dispatch
+  } = useContext(OsanoPrivateContext);
+  const {
+    onPress,
+    ...remain
+  } = props;
+  const handleAcceptAllConsent = useCallback(() => {
+    // dispatch(setAllVendorConsent(ACCEPT)); // IAB
+    // dispatch(setAllPurposeConsent(DENY)); // IAB
+    dispatch(acceptAll);
+    dispatch(saveConsent(cmp));
+    dispatch(close(cmp));
+  }, []);
+  return Button({
+    ...remain,
+    onPress: onPress || handleAcceptAllConsent,
+    title: `buttons.acceptAll`
+  });
+};
+//# sourceMappingURL=Button.js.map

package/lib/module/components/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Path","Polygon","Svg","Pressable","Text","React","useCallback","useContext","useMemo","acceptAll","close","denyAll","goBack","saveConsent","showDrawer","Locale","OsanoPrivateContext","Button","props","defaultPhrase","disabled","title","onPress","style","buttonStyle","config","palette","buttonBackgroundColor","buttonForegroundColor","button","alignItems","backgroundColor","borderColor","borderWidth","borderRadius","paddingVertical","paddingHorizontal","flexBasis","buttonText","color","fontSize","fontWeight","createElement","path","DenyButton","cmp","dispatch","handleReject","AcceptButton","handleSave","CloseButton","forwardRef","ref","remain","handleClose","_extends","width","height","viewBox","fill","d","BackButton","handleBack","points","ManagePreferencesButton","handleShowDrawer","jurisdiction","RejectAllButton","SaveButton","AcceptAllButton","handleAcceptAllConsent"],"sourceRoot":"../../../src","sources":["components/Button.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Checkbox.js

@@ -0,0 +1,65 @@
+import { Path, Svg } from 'react-native-svg';
+import { Pressable, StyleSheet } from 'react-native';
+import React, { useContext, useMemo, useState } from 'react';
+import { OsanoPrivateContext } from '../context';
+import { createContrastColor } from '../styles';
+import useBoundCallback from '../hooks/useBoundCallback';
+const uncheckedPath = 'M18,3 C19.6568542,3 21,4.34314575 21,6 L21,18 C21,19.6568542 19.6568542,21 18,21 L6,21 C4.34314575,21 3,19.6568542 3,18 L3,6 C3,4.34314575 4.34314575,3 6,3 L18,3 Z';
+const checkedPath = 'M18,3 C19.6568542,3 21,4.34314575 21,6 L21,18 C21,19.6568542 19.6568542,21 18,21 L6,21 C4.34314575,21 3,19.6568542 3,18 L3,6 C3,4.34314575 4.34314575,3 6,3 L18,3 Z M16.4696699,7.96966991 L10,14.4393398 L7.53033009,11.9696699 C7.23743687,11.6767767 6.76256313,11.6767767 6.46966991,11.9696699 C6.1767767,12.2625631 6.1767767,12.7374369 6.46966991,13.0303301 L9.46966991,16.0303301 C9.76256313,16.3232233 10.2374369,16.3232233 10.5303301,16.0303301 L17.5303301,9.03033009 C17.8232233,8.73743687 17.8232233,8.26256313 17.5303301,7.96966991 C17.2374369,7.6767767 16.7625631,7.6767767 16.4696699,7.96966991 Z';
+export const Checkbox = props => {
+  const {
+    config
+  } = useContext(OsanoPrivateContext);
+  const {
+    palette
+  } = config || {};
+  const {
+    toggleOffBackgroundColor = '#d2cfff',
+    toggleOnBackgroundColor = '#37cd8f'
+  } = palette || {};
+  const {
+    align,
+    children,
+    disabled,
+    onValueChange,
+    style,
+    value
+  } = props;
+  const [checked, setValue] = useState(value);
+  const color = useMemo(() => {
+    const newColor = checked ? toggleOnBackgroundColor : toggleOffBackgroundColor;
+    return disabled ? createContrastColor(newColor, 0.25) : newColor;
+  }, [config, checked, disabled]);
+  const handleTouchUp = useBoundCallback((changeValue, currentValue) => {
+    changeValue ? changeValue(!currentValue) : null;
+    setValue(!currentValue);
+  }, [onValueChange, checked]);
+  return /*#__PURE__*/React.createElement(Pressable, {
+    style: [styles.container, style],
+    onPress: handleTouchUp,
+    disabled: disabled
+  }, align === 'left' ? null : children, /*#__PURE__*/React.createElement(Svg, {
+    width: "32",
+    height: "32",
+    viewBox: "0 0 24 24",
+    style: align === 'left' ? styles.left : styles.right
+  }, /*#__PURE__*/React.createElement(Path, {
+    d: checked ? checkedPath : uncheckedPath,
+    fill: color
+  })), align === 'left' ? children : null);
+};
+const styles = StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    flexDirection: 'row',
+    justifyContent: 'space-between'
+  },
+  left: {
+    marginRight: 4
+  },
+  right: {
+    marginLeft: 4
+  }
+});
+export default Checkbox;
+//# sourceMappingURL=Checkbox.js.map

package/lib/module/components/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Path","Svg","Pressable","StyleSheet","React","useContext","useMemo","useState","OsanoPrivateContext","createContrastColor","useBoundCallback","uncheckedPath","checkedPath","Checkbox","props","config","palette","toggleOffBackgroundColor","toggleOnBackgroundColor","align","children","disabled","onValueChange","style","value","checked","setValue","color","newColor","handleTouchUp","changeValue","currentValue","createElement","styles","container","onPress","width","height","viewBox","left","right","d","fill","create","alignItems","flexDirection","justifyContent","marginRight","marginLeft"],"sourceRoot":"../../../src","sources":["components/Checkbox.tsx"],"mappings":"AAAA,SAASA,IAAI,EAAEC,GAAG,QAAQ,kBAAkB;AAC5C,SACCC,SAAS,EAETC,UAAU,QAEJ,cAAc;AACrB,OAAOC,KAAK,IAAIC,UAAU,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAE5D,SAASC,mBAAmB,QAAQ,YAAY;AAChD,SAASC,mBAAmB,QAAQ,WAAW;AAC/C,OAAOC,gBAAgB,MAAM,2BAA2B;AAExD,MAAMC,aAAa,GAClB,qKAAqK;AACtK,MAAMC,WAAW,GAChB,6lBAA6lB;AAU9lB,OAAO,MAAMC,QAAiC,GAAGC,KAAK,IAAI;EACzD,MAAM;IAAEC;EAAO,CAAC,GAAGV,UAAU,CAACG,mBAAmB,CAAC;EAClD,MAAM;IAAEQ;EAAQ,CAAC,GAAGD,MAAM,IAAI,CAAC,CAAC;EAChC,MAAM;IACLE,wBAAwB,GAAG,SAAS;IACpCC,uBAAuB,GAAG;EAC3B,CAAC,GAAGF,OAAO,IAAI,CAAC,CAAC;EACjB,MAAM;IAAEG,KAAK;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,aAAa;IAAEC,KAAK;IAAEC;EAAM,CAAC,GAAGV,KAAK;EACxE,MAAM,CAACW,OAAO,EAAEC,QAAQ,CAAC,GAAGnB,QAAQ,CAACiB,KAAK,CAAC;EAE3C,MAAMG,KAAK,GAAGrB,OAAO,CAAC,MAAM;IAC3B,MAAMsB,QAAQ,GAAGH,OAAO,GACrBP,uBAAuB,GACvBD,wBAAwB;IAC3B,OAAOI,QAAQ,GAAGZ,mBAAmB,CAACmB,QAAQ,EAAE,IAAI,CAAC,GAAGA,QAAQ;EACjE,CAAC,EAAE,CAACb,MAAM,EAAEU,OAAO,EAAEJ,QAAQ,CAAC,CAAC;EAE/B,MAAMQ,aAAa,GAAGnB,gBAAgB,CACrC,CAACoB,WAA6C,EAAEC,YAAqB,KAAK;IACzED,WAAW,GAAGA,WAAW,CAAC,CAACC,YAAY,CAAC,GAAG,IAAI;IAC/CL,QAAQ,CAAC,CAACK,YAAY,CAAC;EACxB,CAAC,EACD,CAACT,aAAa,EAAEG,OAAO,CACxB,CAAC;EAED,oBACCrB,KAAA,CAAA4B,aAAA,CAAC9B,SAAS;IACTqB,KAAK,EAAE,CAACU,MAAM,CAACC,SAAS,EAAEX,KAAK,CAAE;IACjCY,OAAO,EAAEN,aAAc;IACvBR,QAAQ,EAAEA;EAAS,GAElBF,KAAK,KAAK,MAAM,GAAG,IAAI,GAAGC,QAAQ,eACnChB,KAAA,CAAA4B,aAAA,CAAC/B,GAAG;IACHmC,KAAK,EAAC,IAAI;IACVC,MAAM,EAAC,IAAI;IACXC,OAAO,EAAC,WAAW;IACnBf,KAAK,EAAEJ,KAAK,KAAK,MAAM,GAAGc,MAAM,CAACM,IAAI,GAAGN,MAAM,CAACO;EAAM,gBAErDpC,KAAA,CAAA4B,aAAA,CAAChC,IAAI;IAACyC,CAAC,EAAEhB,OAAO,GAAGb,WAAW,GAAGD,aAAc;IAAC+B,IAAI,EAAEf;EAAM,CAAE,CAC1D,CAAC,EACLR,KAAK,KAAK,MAAM,GAAGC,QAAQ,GAAG,IACrB,CAAC;AAEd,CAAC;AAED,MAAMa,MAAM,GAAG9B,UAAU,CAACwC,MAAM,CAAC;EAChCT,SAAS,EAAE;IACVU,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE;EACjB,CAAC;EACDP,IAAI,EAAE;IACLQ,WAAW,EAAE;EACd,CAAC;EACDP,KAAK,EAAE;IACNQ,UAAU,EAAE;EACb;AACD,CAAC,CAAC;AAEF,eAAenC,QAAQ","ignoreList":[]}

package/lib/module/components/Divider.js

@@ -0,0 +1,14 @@
+import { StyleSheet, View } from 'react-native';
+import React from 'react';
+export const Divider = _props => {
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.divider
+  });
+};
+const styles = StyleSheet.create({
+  divider: {
+    backgroundColor: 'rgba(0,0,0,.1)',
+    height: 1
+  }
+});
+//# sourceMappingURL=Divider.js.map

package/lib/module/components/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","View","React","Divider","_props","createElement","style","styles","divider","create","backgroundColor","height"],"sourceRoot":"../../../src","sources":["components/Divider.tsx"],"mappings":"AAAA,SAASA,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,OAAOC,KAAK,MAAM,OAAO;AAQzB,OAAO,MAAMC,OAAO,GAAIC,MAAoB,IAAK;EAChD,oBAAOF,KAAA,CAAAG,aAAA,CAACJ,IAAI;IAACK,KAAK,EAAEC,MAAM,CAACC;EAAQ,CAAE,CAAC;AACvC,CAAC;AAED,MAAMD,MAAM,GAAGP,UAAU,CAACS,MAAM,CAAC;EAChCD,OAAO,EAAE;IACRE,eAAe,EAAE,gBAAgB;IACjCC,MAAM,EAAE;EACT;AACD,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/ExpansionPanel.js

@@ -0,0 +1,60 @@
+import { LayoutAnimation, Pressable, StyleSheet, Text, View } from 'react-native';
+import React, { useCallback, useContext, useMemo, useState } from 'react';
+import Locale from './Locale';
+import { OsanoPrivateContext } from '../context';
+export const ExpansionPanel = ({
+  children,
+  style,
+  title,
+  onOpen
+}) => {
+  const [expanded, setExpanded] = useState(false);
+  const {
+    config
+  } = useContext(OsanoPrivateContext);
+  const {
+    palette
+  } = config || {};
+  const {
+    linkColor
+  } = palette || {};
+  const headerStyle = useMemo(() => {
+    return {
+      color: linkColor
+    };
+  }, [linkColor]);
+  const toggleItem = useCallback(() => {
+    LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);
+    !expanded && onOpen && onOpen();
+    setExpanded(!expanded);
+  }, [expanded, onOpen]);
+  const body = /*#__PURE__*/React.createElement(View, {
+    style: [styles.panelBody]
+  }, children);
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.panelContainer
+  }, /*#__PURE__*/React.createElement(Pressable, {
+    style: [styles.panelHeader, style],
+    onPress: toggleItem
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.panelTitle, headerStyle]
+  }, /*#__PURE__*/React.createElement(Locale, {
+    path: title
+  }))), expanded && body);
+};
+const styles = StyleSheet.create({
+  panelContainer: {
+    overflow: 'hidden'
+  },
+  panelHeader: {
+    paddingVertical: 16
+  },
+  panelTitle: {
+    fontSize: 14
+  },
+  panelBody: {
+    backgroundColor: 'rgba(0,0,0,.1)',
+    paddingVertical: 16
+  }
+});
+//# sourceMappingURL=ExpansionPanel.js.map

package/lib/module/components/ExpansionPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["LayoutAnimation","Pressable","StyleSheet","Text","View","React","useCallback","useContext","useMemo","useState","Locale","OsanoPrivateContext","ExpansionPanel","children","style","title","onOpen","expanded","setExpanded","config","palette","linkColor","headerStyle","color","toggleItem","configureNext","Presets","easeInEaseOut","body","createElement","styles","panelBody","panelContainer","panelHeader","onPress","panelTitle","path","create","overflow","paddingVertical","fontSize","backgroundColor"],"sourceRoot":"../../../src","sources":["components/ExpansionPanel.tsx"],"mappings":"AAAA,SACCA,eAAe,EACfC,SAAS,EAETC,UAAU,EACVC,IAAI,EAEJC,IAAI,QACE,cAAc;AACrB,OAAOC,KAAK,IAAIC,WAAW,EAAEC,UAAU,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAEzE,OAAOC,MAAM,MAAM,UAAU;AAC7B,SAASC,mBAAmB,QAAQ,YAAY;AAQhD,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAC9BC,QAAQ;EACRC,KAAK;EACLC,KAAK;EACLC;AACoB,CAAC,KAAK;EAC1B,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGT,QAAQ,CAAC,KAAK,CAAC;EAC/C,MAAM;IAAEU;EAAO,CAAC,GAAGZ,UAAU,CAACI,mBAAmB,CAAC;EAClD,MAAM;IAAES;EAAQ,CAAC,GAAGD,MAAM,IAAI,CAAC,CAAC;EAEhC,MAAM;IAAEE;EAAU,CAAC,GAAGD,OAAO,IAAI,CAAC,CAAC;EACnC,MAAME,WAAW,GAAGd,OAAO,CAAC,MAAM;IACjC,OAAO;MACNe,KAAK,EAAEF;IACR,CAAC;EACF,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,MAAMG,UAAU,GAAGlB,WAAW,CAAC,MAAM;IACpCN,eAAe,CAACyB,aAAa,CAACzB,eAAe,CAAC0B,OAAO,CAACC,aAAa,CAAC;IACpE,CAACV,QAAQ,IAAID,MAAM,IAAIA,MAAM,CAAC,CAAC;IAC/BE,WAAW,CAAC,CAACD,QAAQ,CAAC;EACvB,CAAC,EAAE,CAACA,QAAQ,EAAED,MAAM,CAAC,CAAC;EAEtB,MAAMY,IAAI,gBAAGvB,KAAA,CAAAwB,aAAA,CAACzB,IAAI;IAACU,KAAK,EAAE,CAACgB,MAAM,CAACC,SAAS;EAAE,GAAElB,QAAe,CAAC;EAE/D,oBACCR,KAAA,CAAAwB,aAAA,CAACzB,IAAI;IAACU,KAAK,EAAEgB,MAAM,CAACE;EAAe,gBAClC3B,KAAA,CAAAwB,aAAA,CAAC5B,SAAS;IAACa,KAAK,EAAE,CAACgB,MAAM,CAACG,WAAW,EAAEnB,KAAK,CAAE;IAACoB,OAAO,EAAEV;EAAW,gBAClEnB,KAAA,CAAAwB,aAAA,CAAC1B,IAAI;IAACW,KAAK,EAAE,CAACgB,MAAM,CAACK,UAAU,EAAEb,WAAW;EAAE,gBAC7CjB,KAAA,CAAAwB,aAAA,CAACnB,MAAM;IAAC0B,IAAI,EAAErB;EAAM,CAAE,CACjB,CACI,CAAC,EACXE,QAAQ,IAAIW,IACR,CAAC;AAET,CAAC;AAED,MAAME,MAAM,GAAG5B,UAAU,CAACmC,MAAM,CAAC;EAChCL,cAAc,EAAE;IACfM,QAAQ,EAAE;EACX,CAAC;EACDL,WAAW,EAAE;IACZM,eAAe,EAAE;EAClB,CAAC;EACDJ,UAAU,EAAE;IACXK,QAAQ,EAAE;EACX,CAAC;EACDT,SAAS,EAAE;IACVU,eAAe,EAAE,gBAAgB;IACjCF,eAAe,EAAE;EAClB;AACD,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Link.js

@@ -0,0 +1,42 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import { Linking, Text } from 'react-native';
+import React, { useCallback, useContext, useMemo } from 'react';
+import { OsanoPrivateContext } from '../context';
+export const Link = props => {
+  const {
+    config
+  } = useContext(OsanoPrivateContext);
+  const {
+    palette
+  } = config || {};
+  const {
+    linkColor
+  } = palette || {};
+  const linkStyle = useMemo(() => {
+    return {
+      color: linkColor,
+      fontSize: 12,
+      lineHeight: 16,
+      textDecorationLine: 'underline'
+    };
+  }, [linkColor]);
+  const {
+    children,
+    href,
+    onPress,
+    style,
+    ...remain
+  } = props;
+  const handleOnPress = useCallback(e => {
+    if (onPress) {
+      onPress(e);
+    } else if (href) {
+      Linking.openURL(href);
+    }
+  }, [href, onPress]);
+  return /*#__PURE__*/React.createElement(Text, _extends({
+    style: [linkStyle, style],
+    onPress: handleOnPress
+  }, remain), children);
+};
+//# sourceMappingURL=Link.js.map

package/lib/module/components/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Linking","Text","React","useCallback","useContext","useMemo","OsanoPrivateContext","Link","props","config","palette","linkColor","linkStyle","color","fontSize","lineHeight","textDecorationLine","children","href","onPress","style","remain","handleOnPress","e","openURL","createElement","_extends"],"sourceRoot":"../../../src","sources":["components/Link.tsx"],"mappings":";AAAA,SACCA,OAAO,EAEPC,IAAI,QAIE,cAAc;AACrB,OAAOC,KAAK,IAAIC,WAAW,EAAEC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAE/D,SAASC,mBAAmB,QAAQ,YAAY;AAShD,OAAO,MAAMC,IAAI,GAAIC,KAAgB,IAAK;EACzC,MAAM;IAAEC;EAAO,CAAC,GAAGL,UAAU,CAACE,mBAAmB,CAAC;EAClD,MAAM;IAAEI;EAAQ,CAAC,GAAGD,MAAM,IAAI,CAAC,CAAC;EAChC,MAAM;IAAEE;EAAU,CAAC,GAAGD,OAAO,IAAI,CAAC,CAAC;EACnC,MAAME,SAAS,GAAGP,OAAO,CAAuB,MAAM;IACrD,OAAO;MACNQ,KAAK,EAAEF,SAAS;MAChBG,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,EAAE;MACdC,kBAAkB,EAAE;IACrB,CAAC;EACF,CAAC,EAAE,CAACL,SAAS,CAAC,CAAC;EAEf,MAAM;IAAEM,QAAQ;IAAEC,IAAI;IAAEC,OAAO;IAAEC,KAAK;IAAE,GAAGC;EAAO,CAAC,GAAGb,KAAK;EAC3D,MAAMc,aAAa,GAAGnB,WAAW,CAC/BoB,CAAwB,IAAK;IAC7B,IAAIJ,OAAO,EAAE;MACZA,OAAO,CAACI,CAAC,CAAC;IACX,CAAC,MAAM,IAAIL,IAAI,EAAE;MAChBlB,OAAO,CAACwB,OAAO,CAACN,IAAI,CAAC;IACtB;EACD,CAAC,EACD,CAACA,IAAI,EAAEC,OAAO,CACf,CAAC;EACD,oBACCjB,KAAA,CAAAuB,aAAA,CAACxB,IAAI,EAAAyB,QAAA;IAACN,KAAK,EAAE,CAACR,SAAS,EAAEQ,KAAK,CAAE;IAACD,OAAO,EAAEG;EAAc,GAAKD,MAAM,GACjEJ,QACI,CAAC;AAET,CAAC","ignoreList":[]}

package/lib/module/components/List.js

@@ -0,0 +1,28 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import { FlatList, Text } from 'react-native';
+import Locale from './Locale';
+import React from 'react';
+export const List = props => {
+  const {
+    title,
+    type,
+    ...remain
+  } = props;
+  switch (type) {
+    case 'description':
+      {
+        return /*#__PURE__*/React.createElement(FlatList, _extends({}, remain, {
+          ListHeaderComponent: title ? /*#__PURE__*/React.createElement(Text, {
+            style: {
+              fontWeight: 'bold',
+              flexWrap: 'wrap'
+            }
+          }, /*#__PURE__*/React.createElement(Locale, {
+            path: title
+          })) : null
+        }));
+      }
+  }
+  return /*#__PURE__*/React.createElement(FlatList, remain);
+};
+//# sourceMappingURL=List.js.map

package/lib/module/components/List.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FlatList","Text","Locale","React","List","props","title","type","remain","createElement","_extends","ListHeaderComponent","style","fontWeight","flexWrap","path"],"sourceRoot":"../../../src","sources":["components/List.tsx"],"mappings":";AAAA,SAASA,QAAQ,EAAsBC,IAAI,QAAQ,cAAc;AAEjE,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,KAAK,MAAM,OAAO;AAWzB,OAAO,MAAMC,IAAyB,GAAGC,KAAK,IAAI;EACjD,MAAM;IAAEC,KAAK;IAAEC,IAAI;IAAE,GAAGC;EAAO,CAAC,GAAGH,KAAK;EACxC,QAAQE,IAAI;IACX,KAAK,aAAa;MAAE;QACnB,oBACCJ,KAAA,CAAAM,aAAA,CAACT,QAAQ,EAAAU,QAAA,KACJF,MAAM;UACVG,mBAAmB,EAClBL,KAAK,gBACJH,KAAA,CAAAM,aAAA,CAACR,IAAI;YACJW,KAAK,EAAE;cACNC,UAAU,EAAE,MAAM;cAClBC,QAAQ,EAAE;YACX;UAAE,gBAEFX,KAAA,CAAAM,aAAA,CAACP,MAAM;YAACa,IAAI,EAAET;UAAM,CAAE,CACjB,CAAC,GACJ;QACJ,EACD,CAAC;MAEJ;EACD;EACA,oBAAOH,KAAA,CAAAM,aAAA,CAACT,QAAQ,EAAKQ,MAAS,CAAC;AAChC,CAAC","ignoreList":[]}

package/lib/module/components/Locale.js

@@ -0,0 +1,21 @@
+import { OsanoPrivateContext } from '../context';
+import { useContext } from 'react';
+export const Locale = (props = {
+  path: ''
+}) => {
+  const {
+    defaultPhrase,
+    formatter = v => v,
+    path,
+    options = {}
+  } = props;
+  const {
+    translate
+  } = useContext(OsanoPrivateContext);
+  return path && formatter(translate(path, Object.entries(options).reduce((acc, [key, value]) => {
+    acc[key] = typeof value === 'string' ? translate(value, options) : value;
+    return acc;
+  }, {}), defaultPhrase)) || null;
+};
+export default Locale;
+//# sourceMappingURL=Locale.js.map

package/lib/module/components/Locale.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OsanoPrivateContext","useContext","Locale","props","path","defaultPhrase","formatter","v","options","translate","Object","entries","reduce","acc","key","value"],"sourceRoot":"../../../src","sources":["components/Locale.tsx"],"mappings":"AAAA,SAASA,mBAAmB,QAAQ,YAAY;AAChD,SAASC,UAAU,QAAQ,OAAO;AAWlC,OAAO,MAAMC,MAAM,GAAGA,CAACC,KAAkB,GAAG;EAAEC,IAAI,EAAE;AAAG,CAAC,KAAK;EAC5D,MAAM;IAAEC,aAAa;IAAEC,SAAS,GAAGC,CAAC,IAAIA,CAAC;IAAEH,IAAI;IAAEI,OAAO,GAAG,CAAC;EAAE,CAAC,GAAGL,KAAK;EACvE,MAAM;IAAEM;EAAU,CAAC,GAAGR,UAAU,CAACD,mBAAmB,CAAC;EACrD,OACEI,IAAI,IACJE,SAAS,CACRG,SAAS,CACRL,IAAI,EACJM,MAAM,CAACC,OAAO,CAACH,OAAO,CAAC,CAACI,MAAM,CAC7B,CAACC,GAAG,EAAE,CAACC,GAAG,EAAEC,KAAK,CAAC,KAAK;IACtBF,GAAG,CAACC,GAAG,CAAC,GACP,OAAOC,KAAK,KAAK,QAAQ,GACrBN,SAAS,CAACM,KAAK,EAAEP,OAAO,CAAC,GAC1BO,KAAK;IACT,OAAOF,GAAG;EACX,CAAC,EACD,CAAC,CACF,CAAC,EACDR,aACD,CACD,CAAC,IACF,IAAI;AAEN,CAAC;AAED,eAAeH,MAAM","ignoreList":[]}

package/lib/module/components/StoragePolicyLink.js

@@ -0,0 +1,24 @@
+import { Link } from './Link';
+import { OsanoPrivateContext } from '../context';
+import React from 'react';
+import { useContext } from 'react';
+export const StoragePolicyLink = () => {
+  const {
+    config,
+    translate
+  } = useContext(OsanoPrivateContext);
+  const policyLinkText = config?.policyLinkText;
+  const label = translate(`buttons.${policyLinkText}`, undefined, `${translate(`messaging.${policyLinkText}`)}`);
+  let href = config?.storagePolicyHref || '';
+  // The HREF could be a relative path so we need to format into a fully qualified URL
+  // if it is not already.
+  if (href) {
+    const domains = config?.domains || [];
+    href = new URL(href, `https://${domains[0]}`).toString();
+  }
+  return /*#__PURE__*/React.createElement(Link, {
+    href: href
+  }, `${label}`);
+};
+export default StoragePolicyLink;
+//# sourceMappingURL=StoragePolicyLink.js.map

package/lib/module/components/StoragePolicyLink.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Link","OsanoPrivateContext","React","useContext","StoragePolicyLink","config","translate","policyLinkText","label","undefined","href","storagePolicyHref","domains","URL","toString","createElement"],"sourceRoot":"../../../src","sources":["components/StoragePolicyLink.tsx"],"mappings":"AAAA,SAASA,IAAI,QAAQ,QAAQ;AAC7B,SAASC,mBAAmB,QAAQ,YAAY;AAChD,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,OAAO;AAElC,OAAO,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EACtC,MAAM;IAAEC,MAAM;IAAEC;EAAU,CAAC,GAAGH,UAAU,CAACF,mBAAmB,CAAC;EAC7D,MAAMM,cAAc,GAAGF,MAAM,EAAEE,cAAc;EAC7C,MAAMC,KAAK,GAAGF,SAAS,CACrB,WAAUC,cAAe,EAAC,EAC3BE,SAAS,EACR,GAAEH,SAAS,CAAE,aAAYC,cAAe,EAAC,CAAE,EAC7C,CAAC;EACD,IAAIG,IAAI,GAAGL,MAAM,EAAEM,iBAAiB,IAAI,EAAE;EAC1C;EACA;EACA,IAAID,IAAI,EAAE;IACT,MAAME,OAAO,GAAGP,MAAM,EAAEO,OAAO,IAAI,EAAE;IACrCF,IAAI,GAAG,IAAIG,GAAG,CAACH,IAAI,EAAG,WAAUE,OAAO,CAAC,CAAC,CAAE,EAAC,CAAC,CAACE,QAAQ,CAAC,CAAC;EACzD;EACA,oBAAOZ,KAAA,CAAAa,aAAA,CAACf,IAAI;IAACU,IAAI,EAAEA;EAAK,GAAG,GAAEF,KAAM,EAAQ,CAAC;AAC7C,CAAC;AAED,eAAeJ,iBAAiB","ignoreList":[]}

package/lib/module/components/Toggle.js

@@ -0,0 +1,103 @@
+import { Platform, Pressable, StyleSheet, Switch } from 'react-native';
+import React, { useCallback, useContext, useLayoutEffect, useMemo, useState } from 'react';
+import { OsanoPrivateContext } from '../context';
+import { createContrastColor } from '../styles';
+import useBoundCallback from '../hooks/useBoundCallback';
+export const Toggle = props => {
+  const {
+    config
+  } = useContext(OsanoPrivateContext);
+  const {
+    palette
+  } = config || {};
+  const {
+    toggleButtonOnColor = '#f4f4f4',
+    toggleButtonOffColor = '#ffffff',
+    toggleOffBackgroundColor = '#d2cfff',
+    toggleOnBackgroundColor = '#37cd8f'
+  } = palette || {};
+  const {
+    align,
+    children,
+    disabled,
+    onValueChange,
+    style,
+    value
+  } = props;
+  const [currentValue, setValue] = useState(value);
+  const trackColor = useMemo(() => ({
+    false: toggleOffBackgroundColor,
+    true: toggleOnBackgroundColor
+  }), [config]);
+  const trackColorDisabled = useMemo(() => ({
+    false: createContrastColor(toggleOffBackgroundColor, 0.25),
+    true: createContrastColor(toggleOnBackgroundColor, 0.25)
+  }), [config]);
+  const thumbColorOnDisabled = useMemo(() => createContrastColor(toggleButtonOnColor, 0.25), [config, currentValue]);
+  const thumbColorOffDisabled = useMemo(() => createContrastColor(toggleButtonOffColor, 0.25), [config, currentValue]);
+  const thumbColorDisabled = currentValue ? thumbColorOnDisabled : thumbColorOffDisabled;
+  const thumbColor = currentValue ? toggleButtonOnColor : toggleButtonOffColor;
+  const iosBackgroundColor = disabled ? currentValue ? trackColorDisabled.true : trackColorDisabled.false : currentValue ? trackColor.true : trackColor.false;
+  const switchRef = React.useRef(null);
+  const handleChange = useBoundCallback((changeValue, oldValue) => {
+    setValue(!oldValue);
+    changeValue ? changeValue(!oldValue) : null;
+  }, [onValueChange, currentValue]);
+  const handleTouchUp = useCallback(() => handleChange(), [handleChange]);
+  const switchStyle = useMemo(() => {
+    return [styles.switch, align === 'left' ? styles.switchLeft : styles.switchRight];
+  }, [align]);
+  const containerStyle = useMemo(() => {
+    return [styles.container, style, align === 'left' ? styles.ltr : styles.rtl];
+  }, [style, align]);
+  useLayoutEffect(() => {
+    value !== currentValue && setValue(value);
+  }, [value]);
+  return /*#__PURE__*/React.createElement(Pressable, {
+    style: containerStyle,
+    onPress: handleTouchUp,
+    disabled: disabled
+  }, /*#__PURE__*/React.createElement(Switch, {
+    ref: switchRef,
+    style: switchStyle
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore: activeThumbColor is a valid prop for react-native-web
+    ,
+    activeThumbColor: disabled ? thumbColorOnDisabled : thumbColor,
+    thumbColor: disabled ? thumbColorDisabled : thumbColor,
+    activeTrackColor: disabled ? trackColorDisabled : trackColor,
+    trackColor: disabled ? trackColorDisabled : trackColor,
+    ios_backgroundColor: iosBackgroundColor,
+    disabled: Platform.OS === 'android' ? true : disabled // Prevent Android ripple effect
+    ,
+    value: currentValue,
+    onChange: handleChange
+  }), children);
+};
+const styles = StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    flexDirection: 'row',
+    justifyContent: 'space-between'
+  },
+  ltr: {
+    flexDirection: 'row'
+  },
+  rtl: {
+    flexDirection: 'row-reverse'
+  },
+  switch: {
+    flexGrow: 0,
+    flexShrink: 1,
+    minWidth: 40,
+    transform: Platform.OS === 'ios' ? `scale(0.75)` : undefined
+  },
+  switchLeft: {
+    marginRight: 12
+  },
+  switchRight: {
+    marginLeft: 12
+  }
+});
+export default Toggle;
+//# sourceMappingURL=Toggle.js.map

package/lib/module/components/Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","Pressable","StyleSheet","Switch","React","useCallback","useContext","useLayoutEffect","useMemo","useState","OsanoPrivateContext","createContrastColor","useBoundCallback","Toggle","props","config","palette","toggleButtonOnColor","toggleButtonOffColor","toggleOffBackgroundColor","toggleOnBackgroundColor","align","children","disabled","onValueChange","style","value","currentValue","setValue","trackColor","false","true","trackColorDisabled","thumbColorOnDisabled","thumbColorOffDisabled","thumbColorDisabled","thumbColor","iosBackgroundColor","switchRef","useRef","handleChange","changeValue","oldValue","handleTouchUp","switchStyle","styles","switch","switchLeft","switchRight","containerStyle","container","ltr","rtl","createElement","onPress","ref","activeThumbColor","activeTrackColor","ios_backgroundColor","OS","onChange","create","alignItems","flexDirection","justifyContent","flexGrow","flexShrink","minWidth","transform","undefined","marginRight","marginLeft"],"sourceRoot":"../../../src","sources":["components/Toggle.tsx"],"mappings":"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","ignoreList":[]}