@socialgest/rn-widget 0.0.1

package/lib/module/components/feedback/TypeFeedBack.js

@@ -0,0 +1,89 @@
+import React, { useState, useEffect } from 'react';
+import { TouchableOpacity } from 'react-native';
+import { StyleSheet, View, Text, TextInput } from 'react-native';
+const styles = StyleSheet.create({
+  textarea: {
+    fontFamily: 'Roboto',
+    width: '90%',
+    height: 192,
+    borderWidth: 2,
+    borderColor: '#a0b9c0',
+    borderRadius: 5,
+    backgroundColor: '#fff',
+    padding: 10
+  },
+  feedBack: {
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  button: {
+    borderRadius: 25,
+    padding: 10,
+    color: '#fff',
+    opacity: 1,
+    backgroundColor: '#00c1c6',
+    borderWidth: 1,
+    textAlign: 'center'
+  },
+  text: {
+    textAlign: 'center',
+    fontFamily: 'Roboto',
+    marginBottom: 5,
+    padding: 2,
+    fontWeight: '500'
+  }
+});
+const TypeFeedBack = ({
+  color,
+  onChange
+}) => {
+  const [valueState, setValueState] = useState('');
+  const [color_state, setColorState] = useState('#00c1c6');
+  const [titleButton] = useState('Enviar');
+  const [placeholder] = useState('Añade tu feedback sobre nuestro servicio');
+  useEffect(() => {
+    if (color_state !== color) {
+      setColorState(color);
+    }
+  }, [color]);
+  const handleChange = event => {
+    setValueState(event);
+  };
+  const handleSubmit = () => {
+    onChange(valueState);
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.feedBack
+  }, /*#__PURE__*/React.createElement(TextInput, {
+    placeholder: placeholder,
+    value: valueState,
+    onChangeText: handleChange,
+    numberOfLines: 4,
+    style: {
+      backgroundColor: '#fff',
+      padding: 20,
+      borderRadius: 5,
+      marginTop: 5,
+      borderColor: '#a0b9c0',
+      color: '#000'
+    }
+  }), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: {
+      backgroundColor: (valueState === null || valueState === void 0 ? void 0 : valueState.length) < 2 ? '#cccccc' : color,
+      borderRadius: 5,
+      padding: 10,
+      width: '50%',
+      justifyContent: 'center',
+      alignItems: 'center',
+      marginTop: 10
+    },
+    onPress: handleSubmit,
+    disabled: (valueState === null || valueState === void 0 ? void 0 : valueState.length) < 2
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: {
+      color: '#fff'
+    }
+  }, titleButton)));
+};
+export default TypeFeedBack;
+//# sourceMappingURL=TypeFeedBack.js.map

package/lib/module/components/feedback/TypeFeedBack.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useEffect","TouchableOpacity","StyleSheet","View","Text","TextInput","styles","create","textarea","fontFamily","width","height","borderWidth","borderColor","borderRadius","backgroundColor","padding","feedBack","justifyContent","alignItems","button","color","opacity","textAlign","text","marginBottom","fontWeight","TypeFeedBack","onChange","valueState","setValueState","color_state","setColorState","titleButton","placeholder","handleChange","event","handleSubmit","createElement","style","value","onChangeText","numberOfLines","marginTop","length","onPress","disabled"],"sourceRoot":"../../../../src","sources":["components/feedback/TypeFeedBack.tsx"],"mappings":"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"}

package/lib/module/components/feedback/TypeRating.js

@@ -0,0 +1,229 @@
+import React, { useState, useEffect } from 'react';
+import { StyleSheet, View, Text, TouchableOpacity } from 'react-native';
+import IconsStart from '../../assets/svg/start';
+const styles = StyleSheet.create({
+  rating: {
+    overflow: 'hidden',
+    position: 'relative',
+    margin: 25,
+    justifyContent: 'center',
+    alignItems: 'center',
+    flexDirection: 'row',
+    flexWrap: 'wrap'
+  },
+  text: {
+    textAlign: 'center'
+  }
+});
+// const defaultStyles = {
+//   position: 'relative',
+//   overflow: 'hidden',
+//   cursor: 'pointer',
+//   display: 'flex',
+//   justifyContent: 'center',
+//   borderRadius: 5,
+//   padding: 2,
+//   textAlign: 'center',
+//   borderWidth: 0,
+// };
+
+// const getHalfStarStyles = (color: string, uniqueness: string): string => {
+//   return `
+//     .feedback-stars-${uniqueness}:before {
+//       position: absolute;
+//       overflow: hidden;
+//       display: block;
+//       z-index: 1;
+//       top: 0; left: 0;
+//       width: 50%;
+//       content: attr(data-forhalf);
+//       color: ${color};
+//   }`;
+// };
+
+const Star = ({
+  onChange,
+  value,
+  type_rating,
+  initial_value,
+  final_value
+}) => {
+  // const [uniqueness] = useState<string>((Math.random() + '').replace('.', ''));
+  const [typeRating] = useState(type_rating);
+  const [valueState, setValueState] = useState(0);
+  const [stars, setStars] = useState([]);
+  const [numbers, setNumbers] = useState([]);
+  const [initial, setInitial] = useState(null);
+  const [final, setFinal] = useState(0);
+  // const [colorPrimary, setColorPrimary] = useState<string>('#00c1c6');
+  // const [halfStar] = useState<any>({
+  //   at: Math.floor(0),
+  //   hidden: 1,
+  // });
+
+  useEffect(() => {
+    setStars(getStars(value));
+    setNumbers(getNumbers(value));
+  }, []);
+  useEffect(() => {
+    if (initial_value && initial !== initial_value) {
+      setInitial(parseInt(initial_value));
+    }
+  }, [initial_value]);
+  useEffect(() => {
+    if (final_value && final !== final_value) {
+      setFinal(parseInt(final_value));
+    }
+  }, [final_value]);
+  const calculateNumber = (init, final) => {
+    var total = 0;
+    for (let index = init; index <= final; index++) {
+      total++;
+    }
+    return total;
+  };
+  const [config] = useState({
+    number: initial_value && final_value ? calculateNumber(parseInt(initial_value), parseInt(final_value)) : 10,
+    count: initial_value ? parseInt(initial_value) : 5,
+    size: 1.875,
+    color1: '#cccccc',
+    color3: '#9c9c9c',
+    color4: '#626262',
+    half: false,
+    edit: true
+  });
+  const getRate = () => {
+    let stars;
+    if (config.half) {
+      stars = Math.floor(value);
+    } else {
+      stars = Math.round(value);
+    }
+    return stars;
+  };
+
+  // const isDecimal = (value: number): boolean => {
+  //   return value % 1 !== 0;
+  // };
+
+  const getStars = activeCount => {
+    if (typeof activeCount === 'undefined') {
+      activeCount = getRate();
+    }
+    let stars = [];
+    for (let i = 0; i < config.count; i++) {
+      // var active = i <= activeCount - 1;
+      stars.push({
+        active: false
+      });
+    }
+    return stars;
+  };
+  const getNumbers = activeCount => {
+    if (typeof activeCount === 'undefined') {
+      activeCount = getRate();
+    }
+    let numbers = [];
+    for (let i = 0; i < config.number; i++) {
+      // var active = i <= activeCount - 1;
+      numbers.push({
+        active: false
+      });
+    }
+    return numbers;
+  };
+  const clicked = index => {
+    // if (!config.edit) return;
+    // let index = Number(event.currentTarget.getAttribute('data-index'));
+    var value;
+    if (typeof initial !== null && type_rating !== 'stars') {
+      value = initial + index;
+    } else {
+      value = index + 1;
+    }
+    console.log(value);
+    if (typeRating === 'stars' || typeRating === 'star') {
+      setStars(getStars(index));
+      setValueState(value);
+    } else {
+      setNumbers(getNumbers(index));
+      setValueState(value);
+    }
+    onChange(value.toString());
+  };
+
+  // useEffect(() => {
+  //   if (color_state !== color) {
+  //     setColorState(color);
+  //   }
+  // }, [color]);
+
+  useEffect(() => {
+    if (valueState !== value) {
+      setValueState(value);
+    }
+  }, []);
+
+  // const handleChange = (event: any) => {
+  //   setValueState(event);
+  // };
+
+  // const handleSubmit = () => {
+  //   onChange(value);
+  // };
+
+  const renderStars = () => {
+    return stars.map((star, index) => {
+      return /*#__PURE__*/React.createElement(TouchableOpacity, {
+        key: index,
+        onPress: () => {
+          console.log(star);
+          clicked(index);
+        },
+        style: {
+          margin: 2.5,
+          justifyContent: 'center',
+          alignItems: 'center'
+        }
+      }, /*#__PURE__*/React.createElement(IconsStart, {
+        width: 40,
+        height: 40,
+        color: "#cccccc"
+      }));
+    });
+  };
+  const renderNumbers = () => {
+    return numbers.map((number, index) => {
+      return /*#__PURE__*/React.createElement(TouchableOpacity, {
+        key: index,
+        onPress: () => {
+          console.log(number, 'aaa', index);
+          clicked(index);
+        },
+        style: {
+          borderRadius: 5,
+          width: 40,
+          height: 40,
+          backgroundColor: '#cccccc',
+          margin: 2.5,
+          justifyContent: 'center',
+          alignItems: 'center'
+        }
+      }, /*#__PURE__*/React.createElement(Text, {
+        style: {
+          color: '#626262',
+          textAlign: 'center',
+          fontSize: 20,
+          fontWeight: 'bold',
+          fontFamily: 'Roboto'
+        },
+        key: index
+      }, typeof initial !== null ? initial + index : index + 1));
+    });
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.rating
+  }, typeRating === 'stars' ? renderStars() : renderNumbers());
+};
+export default Star;
+//# sourceMappingURL=TypeRating.js.map

package/lib/module/components/feedback/TypeRating.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useEffect","StyleSheet","View","Text","TouchableOpacity","IconsStart","styles","create","rating","overflow","position","margin","justifyContent","alignItems","flexDirection","flexWrap","text","textAlign","Star","onChange","value","type_rating","initial_value","final_value","typeRating","valueState","setValueState","stars","setStars","numbers","setNumbers","initial","setInitial","final","setFinal","getStars","getNumbers","parseInt","calculateNumber","init","total","index","config","number","count","size","color1","color3","color4","half","edit","getRate","Math","floor","round","activeCount","i","push","active","clicked","console","log","toString","renderStars","map","star","createElement","key","onPress","style","width","height","color","renderNumbers","borderRadius","backgroundColor","fontSize","fontWeight","fontFamily"],"sourceRoot":"../../../../src","sources":["components/feedback/TypeRating.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,EAAEC,gBAAgB,QAAQ,cAAc;AACvE,OAAOC,UAAU,MAAM,wBAAwB;AAE/C,MAAMC,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;EAC/BC,MAAM,EAAE;IACNC,QAAQ,EAAE,QAAQ;IAClBC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,EAAE;IACVC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE;EACZ,CAAC;EACDC,IAAI,EAAE;IACJC,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAUF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMC,IAAyB,GAAGA,CAAC;EACjCC,QAAQ;EACRC,KAAK;EACLC,WAAW;EACXC,aAAa;EACbC;AACF,CAAC,KAAK;EACJ;EACA,MAAM,CAACC,UAAU,CAAC,GAAGzB,QAAQ,CAASsB,WAAW,CAAC;EAClD,MAAM,CAACI,UAAU,EAAEC,aAAa,CAAC,GAAG3B,QAAQ,CAAS,CAAC,CAAC;EACvD,MAAM,CAAC4B,KAAK,EAAEC,QAAQ,CAAC,GAAG7B,QAAQ,CAAQ,EAAE,CAAC;EAC7C,MAAM,CAAC8B,OAAO,EAAEC,UAAU,CAAC,GAAG/B,QAAQ,CAAQ,EAAE,CAAC;EACjD,MAAM,CAACgC,OAAO,EAAEC,UAAU,CAAC,GAAGjC,QAAQ,CAAM,IAAI,CAAC;EACjD,MAAM,CAACkC,KAAK,EAAEC,QAAQ,CAAC,GAAGnC,QAAQ,CAAM,CAAC,CAAC;EAC1C;EACA;EACA;EACA;EACA;;EAEAC,SAAS,CAAC,MAAM;IACd4B,QAAQ,CAACO,QAAQ,CAACf,KAAK,CAAC,CAAC;IACzBU,UAAU,CAACM,UAAU,CAAChB,KAAK,CAAC,CAAC;EAC/B,CAAC,EAAE,EAAE,CAAC;EAENpB,SAAS,CAAC,MAAM;IACd,IAAIsB,aAAa,IAAIS,OAAO,KAAKT,aAAa,EAAE;MAC9CU,UAAU,CAACK,QAAQ,CAACf,aAAa,CAAC,CAAC;IACrC;EACF,CAAC,EAAE,CAACA,aAAa,CAAC,CAAC;EAEnBtB,SAAS,CAAC,MAAM;IACd,IAAIuB,WAAW,IAAIU,KAAK,KAAKV,WAAW,EAAE;MACxCW,QAAQ,CAACG,QAAQ,CAACd,WAAW,CAAC,CAAC;IACjC;EACF,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB,MAAMe,eAAe,GAAGA,CAACC,IAAY,EAAEN,KAAa,KAAa;IAC/D,IAAIO,KAAK,GAAG,CAAC;IACb,KAAK,IAAIC,KAAK,GAAGF,IAAI,EAAEE,KAAK,IAAIR,KAAK,EAAEQ,KAAK,EAAE,EAAE;MAC9CD,KAAK,EAAE;IACT;IACA,OAAOA,KAAK;EACd,CAAC;EAED,MAAM,CAACE,MAAM,CAAC,GAAG3C,QAAQ,CAAM;IAC7B4C,MAAM,EACJrB,aAAa,IAAIC,WAAW,GACxBe,eAAe,CAACD,QAAQ,CAACf,aAAa,CAAC,EAAEe,QAAQ,CAACd,WAAW,CAAC,CAAC,GAC/D,EAAE;IACRqB,KAAK,EAAEtB,aAAa,GAAGe,QAAQ,CAACf,aAAa,CAAC,GAAG,CAAC;IAClDuB,IAAI,EAAE,KAAK;IACXC,MAAM,EAAE,SAAS;IACjBC,MAAM,EAAE,SAAS;IACjBC,MAAM,EAAE,SAAS;IACjBC,IAAI,EAAE,KAAK;IACXC,IAAI,EAAE;EACR,CAAC,CAAC;EAEF,MAAMC,OAAO,GAAGA,CAAA,KAAM;IACpB,IAAIxB,KAAK;IACT,IAAIe,MAAM,CAACO,IAAI,EAAE;MACftB,KAAK,GAAGyB,IAAI,CAACC,KAAK,CAACjC,KAAK,CAAC;IAC3B,CAAC,MAAM;MACLO,KAAK,GAAGyB,IAAI,CAACE,KAAK,CAAClC,KAAK,CAAC;IAC3B;IACA,OAAOO,KAAK;EACd,CAAC;;EAED;EACA;EACA;;EAEA,MAAMQ,QAAQ,GAAIoB,WAAiB,IAAK;IACtC,IAAI,OAAOA,WAAW,KAAK,WAAW,EAAE;MACtCA,WAAW,GAAGJ,OAAO,CAAC,CAAC;IACzB;IACA,IAAIxB,KAAK,GAAG,EAAE;IACd,KAAK,IAAI6B,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGd,MAAM,CAACE,KAAK,EAAEY,CAAC,EAAE,EAAE;MACrC;MACA7B,KAAK,CAAC8B,IAAI,CAAC;QACTC,MAAM,EAAE;MACV,CAAC,CAAC;IACJ;IACA,OAAO/B,KAAK;EACd,CAAC;EAED,MAAMS,UAAU,GAAImB,WAAiB,IAAK;IACxC,IAAI,OAAOA,WAAW,KAAK,WAAW,EAAE;MACtCA,WAAW,GAAGJ,OAAO,CAAC,CAAC;IACzB;IACA,IAAItB,OAAO,GAAG,EAAE;IAChB,KAAK,IAAI2B,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGd,MAAM,CAACC,MAAM,EAAEa,CAAC,EAAE,EAAE;MACtC;MACA3B,OAAO,CAAC4B,IAAI,CAAC;QACXC,MAAM,EAAE;MACV,CAAC,CAAC;IACJ;IACA,OAAO7B,OAAO;EAChB,CAAC;EAED,MAAM8B,OAAO,GAAIlB,KAAU,IAAK;IAC9B;IACA;IACA,IAAIrB,KAAK;IAET,IAAI,OAAOW,OAAO,KAAK,IAAI,IAAIV,WAAW,KAAK,OAAO,EAAE;MACtDD,KAAK,GAAGW,OAAO,GAAGU,KAAK;IACzB,CAAC,MAAM;MACLrB,KAAK,GAAGqB,KAAK,GAAG,CAAC;IACnB;IAEAmB,OAAO,CAACC,GAAG,CAACzC,KAAK,CAAC;IAElB,IAAII,UAAU,KAAK,OAAO,IAAIA,UAAU,KAAK,MAAM,EAAE;MACnDI,QAAQ,CAACO,QAAQ,CAACM,KAAK,CAAC,CAAC;MACzBf,aAAa,CAACN,KAAK,CAAC;IACtB,CAAC,MAAM;MACLU,UAAU,CAACM,UAAU,CAACK,KAAK,CAAC,CAAC;MAC7Bf,aAAa,CAACN,KAAK,CAAC;IACtB;IAEAD,QAAQ,CAACC,KAAK,CAAC0C,QAAQ,CAAC,CAAC,CAAC;EAC5B,CAAC;;EAED;EACA;EACA;EACA;EACA;;EAEA9D,SAAS,CAAC,MAAM;IACd,IAAIyB,UAAU,KAAKL,KAAK,EAAE;MACxBM,aAAa,CAACN,KAAK,CAAC;IACtB;EACF,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA;EACA;;EAEA;EACA;EACA;;EAEA,MAAM2C,WAAW,GAAGA,CAAA,KAAM;IACxB,OAAOpC,KAAK,CAACqC,GAAG,CAAC,CAACC,IAAI,EAAExB,KAAK,KAAK;MAChC,oBACE3C,KAAA,CAAAoE,aAAA,CAAC9D,gBAAgB;QACf+D,GAAG,EAAE1B,KAAM;QACX2B,OAAO,EAAEA,CAAA,KAAM;UACbR,OAAO,CAACC,GAAG,CAACI,IAAI,CAAC;UACjBN,OAAO,CAAClB,KAAK,CAAC;QAChB,CAAE;QACF4B,KAAK,EAAE;UACL1D,MAAM,EAAE,GAAG;UACXC,cAAc,EAAE,QAAQ;UACxBC,UAAU,EAAE;QACd;MAAE,gBAEFf,KAAA,CAAAoE,aAAA,CAAC7D,UAAU;QAACiE,KAAK,EAAE,EAAG;QAACC,MAAM,EAAE,EAAG;QAACC,KAAK,EAAC;MAAS,CAAE,CACpC,CAAC;IAEvB,CAAC,CAAC;EACJ,CAAC;EAED,MAAMC,aAAa,GAAGA,CAAA,KAAM;IAC1B,OAAO5C,OAAO,CAACmC,GAAG,CAAC,CAACrB,MAAW,EAAEF,KAAU,KAAK;MAC9C,oBACE3C,KAAA,CAAAoE,aAAA,CAAC9D,gBAAgB;QACf+D,GAAG,EAAE1B,KAAM;QACX2B,OAAO,EAAEA,CAAA,KAAM;UACbR,OAAO,CAACC,GAAG,CAAClB,MAAM,EAAE,KAAK,EAAEF,KAAK,CAAC;UACjCkB,OAAO,CAAClB,KAAK,CAAC;QAChB,CAAE;QACF4B,KAAK,EAAE;UACLK,YAAY,EAAE,CAAC;UACfJ,KAAK,EAAE,EAAE;UACTC,MAAM,EAAE,EAAE;UACVI,eAAe,EAAE,SAAS;UAC1BhE,MAAM,EAAE,GAAG;UACXC,cAAc,EAAE,QAAQ;UACxBC,UAAU,EAAE;QACd;MAAE,gBAEFf,KAAA,CAAAoE,aAAA,CAAC/D,IAAI;QACHkE,KAAK,EAAE;UACLG,KAAK,EAAE,SAAS;UAChBvD,SAAS,EAAE,QAAQ;UACnB2D,QAAQ,EAAE,EAAE;UACZC,UAAU,EAAE,MAAM;UAClBC,UAAU,EAAE;QACd,CAAE;QACFX,GAAG,EAAE1B;MAAM,GAEV,OAAOV,OAAO,KAAK,IAAI,GAAGA,OAAO,GAAGU,KAAK,GAAGA,KAAK,GAAG,CACjD,CACU,CAAC;IAEvB,CAAC,CAAC;EACJ,CAAC;EAED,oBACE3C,KAAA,CAAAoE,aAAA,CAAChE,IAAI;IAACmE,KAAK,EAAE/D,MAAM,CAACE;EAAO,GACxBgB,UAAU,KAAK,OAAO,GAAGuC,WAAW,CAAC,CAAC,GAAGU,aAAa,CAAC,CACpD,CAAC;AAEX,CAAC;AACD,eAAevD,IAAI"}

package/lib/module/components/footer/Footer.js

@@ -0,0 +1,57 @@
+import React, { useCallback } from 'react';
+import { TouchableOpacity, Linking, View, Text, StyleSheet, Platform } from 'react-native';
+
+// Svg
+import TikketIcon from '../../assets/svg/tikket_icon';
+const Footer = ({
+  labels,
+  whiteMark
+}) => {
+  const handlePress = useCallback(async url => {
+    const supported = await Linking.canOpenURL(url);
+    if (supported) {
+      await Linking.openURL(url);
+    }
+  }, []);
+  if (whiteMark) {
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: styles.footer,
+      onPress: () => {
+        handlePress('https://www.tikket.net');
+      }
+    }, /*#__PURE__*/React.createElement(TikketIcon, {
+      width: 15,
+      height: 15
+    }), /*#__PURE__*/React.createElement(Text, {
+      style: styles.text
+    }, labels.footer_label));
+  } else {
+    return /*#__PURE__*/React.createElement(View, null);
+  }
+};
+const styles = StyleSheet.create({
+  footer: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderTopColor: '#cccccc',
+    borderTopWidth: 1,
+    padding: 7,
+    backgroundColor: '#fff',
+    width: '100%',
+    height: Platform.OS === 'web' ? 25 : 30,
+    position: 'absolute',
+    bottom: -1,
+    flexDirection: 'row'
+  },
+  text: {
+    fontSize: 9.6,
+    fontWeight: 'bold',
+    marginLeft: 2,
+    color: '#868686',
+    justifyContent: 'center',
+    alignItems: 'center',
+    height: '100%'
+  }
+});
+export default Footer;
+//# sourceMappingURL=Footer.js.map

package/lib/module/components/footer/Footer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","TouchableOpacity","Linking","View","Text","StyleSheet","Platform","TikketIcon","Footer","labels","whiteMark","handlePress","url","supported","canOpenURL","openURL","createElement","style","styles","footer","onPress","width","height","text","footer_label","create","alignItems","justifyContent","borderTopColor","borderTopWidth","padding","backgroundColor","OS","position","bottom","flexDirection","fontSize","fontWeight","marginLeft","color"],"sourceRoot":"../../../../src","sources":["components/footer/Footer.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAaC,WAAW,QAAQ,OAAO;AACnD,SACEC,gBAAgB,EAChBC,OAAO,EACPC,IAAI,EACJC,IAAI,EACJC,UAAU,EACVC,QAAQ,QACH,cAAc;;AAErB;AACA,OAAOC,UAAU,MAAM,8BAA8B;AASrD,MAAMC,MAAuB,GAAGA,CAAC;EAAEC,MAAM;EAAEC;AAAU,CAAC,KAAK;EACzD,MAAMC,WAAW,GAAGX,WAAW,CAAC,MAAOY,GAAW,IAAK;IACrD,MAAMC,SAAS,GAAG,MAAMX,OAAO,CAACY,UAAU,CAACF,GAAG,CAAC;IAE/C,IAAIC,SAAS,EAAE;MACb,MAAMX,OAAO,CAACa,OAAO,CAACH,GAAG,CAAC;IAC5B;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,IAAIF,SAAS,EAAE;IACb,oBACEX,KAAA,CAAAiB,aAAA,CAACf,gBAAgB;MACfgB,KAAK,EAAEC,MAAM,CAACC,MAAO;MACrBC,OAAO,EAAEA,CAAA,KAAM;QACbT,WAAW,CAAC,wBAAwB,CAAC;MACvC;IAAE,gBAEFZ,KAAA,CAAAiB,aAAA,CAACT,UAAU;MAACc,KAAK,EAAE,EAAG;MAACC,MAAM,EAAE;IAAG,CAAE,CAAC,eACrCvB,KAAA,CAAAiB,aAAA,CAACZ,IAAI;MAACa,KAAK,EAAEC,MAAM,CAACK;IAAK,GAAEd,MAAM,CAACe,YAAmB,CACrC,CAAC;EAEvB,CAAC,MAAM;IACL,oBAAOzB,KAAA,CAAAiB,aAAA,CAACb,IAAI,MAAE,CAAC;EACjB;AACF,CAAC;AAED,MAAMe,MAAM,GAAGb,UAAU,CAACoB,MAAM,CAAC;EAC/BN,MAAM,EAAE;IACNO,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,cAAc,EAAE,SAAS;IACzBC,cAAc,EAAE,CAAC;IACjBC,OAAO,EAAE,CAAC;IACVC,eAAe,EAAE,MAAM;IACvBV,KAAK,EAAE,MAAM;IACbC,MAAM,EAAEhB,QAAQ,CAAC0B,EAAE,KAAK,KAAK,GAAG,EAAE,GAAG,EAAE;IACvCC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC,CAAC;IACVC,aAAa,EAAE;EACjB,CAAC;EACDZ,IAAI,EAAE;IACJa,QAAQ,EAAE,GAAG;IACbC,UAAU,EAAE,MAAM;IAClBC,UAAU,EAAE,CAAC;IACbC,KAAK,EAAE,SAAS;IAChBZ,cAAc,EAAE,QAAQ;IACxBD,UAAU,EAAE,QAAQ;IACpBJ,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEF,eAAed,MAAM"}

package/lib/module/components/goBackButton/GoBackButton.js

@@ -0,0 +1,62 @@
+import React from 'react';
+import { StyleSheet, TouchableOpacity } from 'react-native';
+
+// Actions
+import { changeView } from '../../redux/actions/chatBoard.actions';
+import { setView, setChat } from '../../redux/actions/storage.actions';
+import { setChatHistory, updatePreviewNotification } from '../../redux/actions/chatHistory.actions';
+import { cleanChat } from '../../redux/actions/chat.actions';
+import { setFeedBack } from '../../redux/actions/app.actions';
+
+// Svg
+import IconLeft from '../../assets/svg/left';
+
+// Hooks
+import { useAppDispatch, useAppSelector } from '../../hooks/redux-hooks';
+const styles = StyleSheet.create({
+  btn: {
+    alignSelf: 'center',
+    fontWeight: 'bold',
+    fontSize: 16,
+    color: '#FFFFFF'
+  },
+  icon: {
+    width: 40,
+    height: 40
+  }
+});
+const GoBackButton = () => {
+  const app = useAppSelector(state => state.app);
+  const chat = useAppSelector(state => state.chat);
+  const chatBoard = useAppSelector(state => state.chatBoard);
+  const dispatch = useAppDispatch();
+  const navigate = () => {
+    if (chatBoard.boardView === 'conversations' || chatBoard.boardView === 'chat') {
+      dispatch(changeView('main'));
+      dispatch(setView('main'));
+    } else {
+      dispatch(changeView(chatBoard.lastView));
+      dispatch(setView(chatBoard.lastView));
+    }
+    if (chatBoard.boardView === 'chat') {
+      dispatch(setChat(null));
+      dispatch(setFeedBack(false));
+      //sessionStorage.removeItem('chat');
+      setTimeout(() => {
+        dispatch(updatePreviewNotification(chat.tikketId));
+        dispatch(setChatHistory(chat));
+        dispatch(cleanChat());
+      }, 500);
+    }
+  };
+  return /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.btn,
+    onPress: navigate
+  }, /*#__PURE__*/React.createElement(IconLeft, {
+    width: 40,
+    height: 40,
+    color: app.initProperties.primaryTextColor
+  }));
+};
+export default GoBackButton;
+//# sourceMappingURL=GoBackButton.js.map

package/lib/module/components/goBackButton/GoBackButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","TouchableOpacity","changeView","setView","setChat","setChatHistory","updatePreviewNotification","cleanChat","setFeedBack","IconLeft","useAppDispatch","useAppSelector","styles","create","btn","alignSelf","fontWeight","fontSize","color","icon","width","height","GoBackButton","app","state","chat","chatBoard","dispatch","navigate","boardView","lastView","setTimeout","tikketId","createElement","style","onPress","initProperties","primaryTextColor"],"sourceRoot":"../../../../src","sources":["components/goBackButton/GoBackButton.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAmB,OAAO;AACtC,SAASC,UAAU,EAAEC,gBAAgB,QAAQ,cAAc;;AAE3D;AACA,SAASC,UAAU,QAAQ,uCAAuC;AAClE,SAASC,OAAO,EAAEC,OAAO,QAAQ,qCAAqC;AACtE,SACEC,cAAc,EACdC,yBAAyB,QACpB,yCAAyC;AAChD,SAASC,SAAS,QAAQ,kCAAkC;AAC5D,SAASC,WAAW,QAAQ,iCAAiC;;AAE7D;AACA,OAAOC,QAAQ,MAAM,uBAAuB;;AAE5C;AACA,SAASC,cAAc,EAAEC,cAAc,QAAQ,yBAAyB;AAIxE,MAAMC,MAAM,GAAGZ,UAAU,CAACa,MAAM,CAAC;EAC/BC,GAAG,EAAE;IACHC,SAAS,EAAE,QAAQ;IACnBC,UAAU,EAAE,MAAM;IAClBC,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAE;EACT,CAAC;EACDC,IAAI,EAAE;IACJC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEF,MAAMC,YAAmC,GAAGA,CAAA,KAAM;EAChD,MAAMC,GAAG,GAAGZ,cAAc,CAAEa,KAAK,IAAKA,KAAK,CAACD,GAAG,CAAC;EAChD,MAAME,IAAI,GAAGd,cAAc,CAAEa,KAAK,IAAKA,KAAK,CAACC,IAAI,CAAC;EAClD,MAAMC,SAAS,GAAGf,cAAc,CAAEa,KAAK,IAAKA,KAAK,CAACE,SAAS,CAAC;EAE5D,MAAMC,QAAQ,GAAGjB,cAAc,CAAC,CAAC;EAEjC,MAAMkB,QAAQ,GAAGA,CAAA,KAAM;IACrB,IACEF,SAAS,CAACG,SAAS,KAAK,eAAe,IACvCH,SAAS,CAACG,SAAS,KAAK,MAAM,EAC9B;MACAF,QAAQ,CAACzB,UAAU,CAAC,MAAM,CAAC,CAAC;MAC5ByB,QAAQ,CAACxB,OAAO,CAAC,MAAM,CAAC,CAAC;IAC3B,CAAC,MAAM;MACLwB,QAAQ,CAACzB,UAAU,CAACwB,SAAS,CAACI,QAAQ,CAAC,CAAC;MACxCH,QAAQ,CAACxB,OAAO,CAACuB,SAAS,CAACI,QAAQ,CAAC,CAAC;IACvC;IAEA,IAAIJ,SAAS,CAACG,SAAS,KAAK,MAAM,EAAE;MAClCF,QAAQ,CAACvB,OAAO,CAAC,IAAI,CAAC,CAAC;MACvBuB,QAAQ,CAACnB,WAAW,CAAC,KAAK,CAAC,CAAC;MAC5B;MACAuB,UAAU,CAAC,MAAM;QACfJ,QAAQ,CAACrB,yBAAyB,CAACmB,IAAI,CAACO,QAAQ,CAAC,CAAC;QAClDL,QAAQ,CAACtB,cAAc,CAACoB,IAAI,CAAC,CAAC;QAC9BE,QAAQ,CAACpB,SAAS,CAAC,CAAC,CAAC;MACvB,CAAC,EAAE,GAAG,CAAC;IACT;EACF,CAAC;EAED,oBACER,KAAA,CAAAkC,aAAA,CAAChC,gBAAgB;IAACiC,KAAK,EAAEtB,MAAM,CAACE,GAAI;IAACqB,OAAO,EAAEP;EAAS,gBACrD7B,KAAA,CAAAkC,aAAA,CAACxB,QAAQ;IACPW,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXH,KAAK,EAAEK,GAAG,CAACa,cAAc,CAACC;EAAiB,CAC5C,CACe,CAAC;AAEvB,CAAC;AAED,eAAef,YAAY"}

package/lib/module/components/header/Header.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import { View, StyleSheet, StatusBar } from 'react-native';
+
+// Hooks
+import { useAppSelector } from '../../hooks/redux-hooks';
+const styles = StyleSheet.create({
+  smallHeader: {
+    height: 80
+    // transition: height 0.5s;
+  },
+  header: {
+    backgroundColor: '#1082ff',
+    maxHeight: 192,
+    marginTop: 20,
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'center'
+  }
+});
+const Header = props => {
+  const app = useAppSelector(state => state.app);
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      backgroundColor: app.initProperties.primaryColor
+    }
+  }, /*#__PURE__*/React.createElement(StatusBar, {
+    barStyle: "light-content",
+    animated: true,
+    hidden: true,
+    backgroundColor: app.initProperties.primaryColor
+  }), /*#__PURE__*/React.createElement(View, {
+    style: [styles.smallHeader, styles.header, {
+      backgroundColor: app.initProperties.primaryColor
+    }]
+  }, props.children));
+};
+export default Header;
+//# sourceMappingURL=Header.js.map

package/lib/module/components/header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","StatusBar","useAppSelector","styles","create","smallHeader","height","header","backgroundColor","maxHeight","marginTop","display","flexDirection","alignItems","Header","props","app","state","createElement","style","initProperties","primaryColor","barStyle","animated","hidden","children"],"sourceRoot":"../../../../src","sources":["components/header/Header.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAmB,OAAO;AACtC,SAASC,IAAI,EAAEC,UAAU,EAAEC,SAAS,QAAQ,cAAc;;AAE1D;AACA,SAASC,cAAc,QAAQ,yBAAyB;AAMxD,MAAMC,MAAM,GAAGH,UAAU,CAACI,MAAM,CAAC;EAC/BC,WAAW,EAAE;IACXC,MAAM,EAAE;IACR;EACF,CAAC;EACDC,MAAM,EAAE;IACNC,eAAe,EAAE,SAAS;IAC1BC,SAAS,EAAE,GAAG;IACdC,SAAS,EAAE,EAAE;IACbC,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,MAAMC,MAAuB,GAAIC,KAAK,IAAK;EACzC,MAAMC,GAAG,GAAGd,cAAc,CAAEe,KAAK,IAAKA,KAAK,CAACD,GAAG,CAAC;EAChD,oBACElB,KAAA,CAAAoB,aAAA,CAACnB,IAAI;IAACoB,KAAK,EAAE;MAAEX,eAAe,EAAEQ,GAAG,CAACI,cAAc,CAACC;IAAa;EAAE,gBAChEvB,KAAA,CAAAoB,aAAA,CAACjB,SAAS;IACRqB,QAAQ,EAAC,eAAe;IACxBC,QAAQ,EAAE,IAAK;IACfC,MAAM,EAAE,IAAK;IACbhB,eAAe,EAAEQ,GAAG,CAACI,cAAc,CAACC;EAAa,CAClD,CAAC,eACFvB,KAAA,CAAAoB,aAAA,CAACnB,IAAI;IACHoB,KAAK,EAAE,CACLhB,MAAM,CAACE,WAAW,EAClBF,MAAM,CAACI,MAAM,EACb;MACEC,eAAe,EAAEQ,GAAG,CAACI,cAAc,CAACC;IACtC,CAAC;EACD,GAEDN,KAAK,CAACU,QACH,CACF,CAAC;AAEX,CAAC;AAED,eAAeX,MAAM"}

package/lib/module/components/header/chatHeader/ChatHeader.js

@@ -0,0 +1,44 @@
+import React, { useEffect, useState } from 'react';
+import { View, StyleSheet } from 'react-native';
+
+//Hooks
+import { useAppSelector } from '../../../hooks/redux-hooks';
+
+//Component
+import Header from '../Header';
+import GoBackButton from '../../goBackButton/GoBackButton';
+import SmallChatHeader from '../smallChatHeader/SmallChatHeader';
+import UserHeader from '../userHeader/UserHeader';
+import StaticChatHeader from '../staticChatHeader/StaticChatHeader';
+const styles = StyleSheet.create({
+  headerBlock: {
+    alignItems: 'center',
+    flexDirection: 'row'
+  },
+  goback: {
+    margin: 16,
+    display: 'flex'
+  }
+});
+const ChatHeader = () => {
+  const app = useAppSelector(state => state.app);
+  const chat = useAppSelector(state => state.chat);
+  const [head, setHead] = useState(chat.operator.userId);
+  const {
+    showOperatorsInfo
+  } = app.initProperties;
+  useEffect(() => {
+    if (head !== chat.operator.userId) {
+      setHead(chat.operator.userId);
+    }
+  }, [chat.operator]);
+  return /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(View, {
+    style: styles.goback
+  }, /*#__PURE__*/React.createElement(GoBackButton, null)), !showOperatorsInfo && /*#__PURE__*/React.createElement(View, {
+    style: styles.headerBlock
+  }, /*#__PURE__*/React.createElement(StaticChatHeader, null)), showOperatorsInfo && /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
+    style: styles.headerBlock
+  }, !head && /*#__PURE__*/React.createElement(SmallChatHeader, null), head && /*#__PURE__*/React.createElement(UserHeader, null))));
+};
+export default ChatHeader;
+//# sourceMappingURL=ChatHeader.js.map

package/lib/module/components/header/chatHeader/ChatHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","View","StyleSheet","useAppSelector","Header","GoBackButton","SmallChatHeader","UserHeader","StaticChatHeader","styles","create","headerBlock","alignItems","flexDirection","goback","margin","display","ChatHeader","app","state","chat","head","setHead","operator","userId","showOperatorsInfo","initProperties","createElement","style"],"sourceRoot":"../../../../../src","sources":["components/header/chatHeader/ChatHeader.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;;AAE/C;AACA,SAASC,cAAc,QAAQ,4BAA4B;;AAE3D;AACA,OAAOC,MAAM,MAAM,WAAW;AAC9B,OAAOC,YAAY,MAAM,iCAAiC;AAC1D,OAAOC,eAAe,MAAM,oCAAoC;AAChE,OAAOC,UAAU,MAAM,0BAA0B;AACjD,OAAOC,gBAAgB,MAAM,sCAAsC;AAInE,MAAMC,MAAM,GAAGP,UAAU,CAACQ,MAAM,CAAC;EAC/BC,WAAW,EAAE;IACXC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE;EACjB,CAAC;EACDC,MAAM,EAAE;IACNC,MAAM,EAAE,EAAE;IACVC,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEF,MAAMC,UAAqC,GAAGA,CAAA,KAAM;EAClD,MAAMC,GAAG,GAAGf,cAAc,CAAEgB,KAAK,IAAKA,KAAK,CAACD,GAAG,CAAC;EAChD,MAAME,IAAI,GAAGjB,cAAc,CAAEgB,KAAK,IAAKA,KAAK,CAACC,IAAI,CAAC;EAElD,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGtB,QAAQ,CAASoB,IAAI,CAACG,QAAQ,CAACC,MAAM,CAAC;EAC9D,MAAM;IAAEC;EAAkB,CAAC,GAAGP,GAAG,CAACQ,cAAc;EAEhD3B,SAAS,CAAC,MAAM;IACd,IAAIsB,IAAI,KAAKD,IAAI,CAACG,QAAQ,CAACC,MAAM,EAAE;MACjCF,OAAO,CAACF,IAAI,CAACG,QAAQ,CAACC,MAAM,CAAC;IAC/B;EACF,CAAC,EAAE,CAACJ,IAAI,CAACG,QAAQ,CAAC,CAAC;EAEnB,oBACEzB,KAAA,CAAA6B,aAAA,CAACvB,MAAM,qBACLN,KAAA,CAAA6B,aAAA,CAAC1B,IAAI;IAAC2B,KAAK,EAAEnB,MAAM,CAACK;EAAO,gBACzBhB,KAAA,CAAA6B,aAAA,CAACtB,YAAY,MAAE,CACX,CAAC,EACN,CAACoB,iBAAiB,iBACjB3B,KAAA,CAAA6B,aAAA,CAAC1B,IAAI;IAAC2B,KAAK,EAAEnB,MAAM,CAACE;EAAY,gBAC9Bb,KAAA,CAAA6B,aAAA,CAACnB,gBAAgB,MAAE,CACf,CACP,EACAiB,iBAAiB,iBAChB3B,KAAA,CAAA6B,aAAA,CAAC1B,IAAI,qBACHH,KAAA,CAAA6B,aAAA,CAAC1B,IAAI;IAAC2B,KAAK,EAAEnB,MAAM,CAACE;EAAY,GAC7B,CAACU,IAAI,iBAAIvB,KAAA,CAAA6B,aAAA,CAACrB,eAAe,MAAE,CAAC,EAC5Be,IAAI,iBAAIvB,KAAA,CAAA6B,aAAA,CAACpB,UAAU,MAAE,CAClB,CACF,CAEF,CAAC;AAEb,CAAC;AAED,eAAeU,UAAU"}

package/lib/module/components/header/sectionHeader/SectionHeader.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import { View, Text, StyleSheet, StatusBar } from 'react-native';
+
+// Component
+import GoBackButton from '../../goBackButton/GoBackButton';
+
+// Hooks
+import { useAppSelector } from '../../../hooks/redux-hooks';
+const styles = StyleSheet.create({
+  tittle: {
+    fontWeight: '400',
+    marginLeft: 10,
+    fontSize: 18
+  },
+  conversationsHeader: {
+    height: '100%',
+    paddingTop: 10,
+    alignItems: 'center',
+    flexDirection: 'row',
+    paddingHorizontal: 16
+  }
+});
+const SectionHeader = props => {
+  const app = useAppSelector(state => state.app);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StatusBar, {
+    barStyle: "light-content",
+    animated: true,
+    hidden: true,
+    backgroundColor: app.initProperties.primaryColor
+  }), /*#__PURE__*/React.createElement(View, {
+    style: [styles.conversationsHeader, {
+      backgroundColor: app.initProperties.primaryColor
+    }]
+  }, /*#__PURE__*/React.createElement(GoBackButton, null), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.tittle, {
+      color: app.initProperties.primaryTextColor
+    }]
+  }, props.tittle)));
+};
+export default SectionHeader;
+//# sourceMappingURL=SectionHeader.js.map

package/lib/module/components/header/sectionHeader/SectionHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","StyleSheet","StatusBar","GoBackButton","useAppSelector","styles","create","tittle","fontWeight","marginLeft","fontSize","conversationsHeader","height","paddingTop","alignItems","flexDirection","paddingHorizontal","SectionHeader","props","app","state","createElement","Fragment","barStyle","animated","hidden","backgroundColor","initProperties","primaryColor","style","color","primaryTextColor"],"sourceRoot":"../../../../../src","sources":["components/header/sectionHeader/SectionHeader.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,EAAEC,SAAS,QAAQ,cAAc;;AAEhE;AACA,OAAOC,YAAY,MAAM,iCAAiC;;AAE1D;AACA,SAASC,cAAc,QAAQ,4BAA4B;AAM3D,MAAMC,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;EAC/BC,MAAM,EAAE;IACNC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE,EAAE;IACdC,QAAQ,EAAE;EACZ,CAAC;EACDC,mBAAmB,EAAE;IACnBC,MAAM,EAAE,MAAM;IACdC,UAAU,EAAE,EAAE;IACdC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,KAAK;IACpBC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAEF,MAAMC,aAA2C,GAAIC,KAAK,IAAK;EAC7D,MAAMC,GAAG,GAAGf,cAAc,CAAEgB,KAAK,IAAKA,KAAK,CAACD,GAAG,CAAC;EAChD,oBACErB,KAAA,CAAAuB,aAAA,CAAAvB,KAAA,CAAAwB,QAAA,qBACExB,KAAA,CAAAuB,aAAA,CAACnB,SAAS;IACRqB,QAAQ,EAAC,eAAe;IACxBC,QAAQ,EAAE,IAAK;IACfC,MAAM,EAAE,IAAK;IACbC,eAAe,EAAEP,GAAG,CAACQ,cAAc,CAACC;EAAa,CAClD,CAAC,eACF9B,KAAA,CAAAuB,aAAA,CAACtB,IAAI;IACH8B,KAAK,EAAE,CACLxB,MAAM,CAACM,mBAAmB,EAC1B;MACEe,eAAe,EAAEP,GAAG,CAACQ,cAAc,CAACC;IACtC,CAAC;EACD,gBAEF9B,KAAA,CAAAuB,aAAA,CAAClB,YAAY,MAAE,CAAC,eAChBL,KAAA,CAAAuB,aAAA,CAACrB,IAAI;IACH6B,KAAK,EAAE,CACLxB,MAAM,CAACE,MAAM,EACb;MAAEuB,KAAK,EAAEX,GAAG,CAACQ,cAAc,CAACI;IAAiB,CAAC;EAC9C,GAEDb,KAAK,CAACX,MACH,CACF,CACN,CAAC;AAEP,CAAC;AAED,eAAeU,aAAa"}