@originallyus/feedback-rn-sdk 4.0.0-beta.25 → 4.0.0-beta.26

package/lib/module/component/AIA/molecules/Slider/Slider.js

@@ -0,0 +1,140 @@
+"use strict";
+
+/**
+ *
+ * Slider
+ * @format
+ *
+ */
+
+import React, { useState, useCallback } from 'react';
+import { View } from 'react-native';
+import RangeSlider from 'rn-range-slider';
+import SliderStyles from "./styles/index.js";
+import Text from "../../atoms/Text/index.js";
+import Surface from "../../atoms/Surface/index.js";
+import useCustomTheme from "../../hooks/useCustomTheme/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Slider = props => {
+  const {
+    min = 0,
+    max = 100,
+    step = 1,
+    disableRange,
+    isShowLabel,
+    leftLabel,
+    rightLabel,
+    isShowTooltip,
+    defaultValue,
+    onChange,
+    testID,
+    accessible,
+    accessibilityLabel,
+    accessibilityHint,
+    accessibilityRole,
+    accessibilityState,
+    accessibilityValue
+  } = props;
+  const {
+    colors,
+    border,
+    size,
+    spacing
+  } = useCustomTheme();
+  const styles = SliderStyles(colors, border, size, spacing);
+  let defaultLow, defaultHigh;
+  if (typeof defaultValue === 'number') {
+    defaultLow = defaultValue;
+    defaultHigh = max;
+  } else if (Array.isArray(defaultValue) && defaultValue.length === 2) {
+    ;
+    [defaultLow, defaultHigh] = defaultValue;
+  } else {
+    defaultLow = min;
+    defaultHigh = max;
+  }
+  const [low, setLow] = useState(defaultLow);
+  const [high, setHigh] = useState(defaultHigh);
+  const handleValueChange = useCallback((low, high) => {
+    setLow(low);
+    setHigh(high);
+    onChange?.(low, high);
+  }, []);
+  const renderKnob = () => {
+    return /*#__PURE__*/_jsx(View, {
+      style: styles.knobContainer,
+      children: /*#__PURE__*/_jsx(Surface, {
+        style: styles.knob,
+        elevation: 3
+      })
+    });
+  };
+  const renderRails = () => {
+    return /*#__PURE__*/_jsx(View, {
+      style: styles.rails
+    });
+  };
+  const renderRailsSelected = () => {
+    return /*#__PURE__*/_jsx(View, {
+      style: styles.railsSelected
+    });
+  };
+  const renderLabel = value => {
+    return /*#__PURE__*/_jsx(View, {
+      style: styles.textContainer,
+      children: /*#__PURE__*/_jsx(Text, {
+        variant: "body-2-regular",
+        color: colors['text-inverse'],
+        children: value
+      })
+    });
+  };
+  const renderNotch = () => {
+    return /*#__PURE__*/_jsx(View, {
+      style: styles.notch
+    });
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.fullWidth,
+    testID: testID,
+    accessible: accessible,
+    accessibilityLabel: accessibilityLabel,
+    accessibilityHint: accessibilityHint,
+    accessibilityRole: accessibilityRole,
+    accessibilityState: accessibilityState,
+    accessibilityValue: accessibilityValue,
+    children: [/*#__PURE__*/_jsx(RangeSlider, {
+      style: styles.fullWidth,
+      min: min,
+      max: max,
+      step: step,
+      floatingLabel: true,
+      low: low,
+      high: high,
+      renderThumb: renderKnob,
+      renderRail: renderRails,
+      renderRailSelected: renderRailsSelected,
+      disableRange: disableRange,
+      renderLabel: isShowTooltip ? renderLabel : () => null,
+      renderNotch: isShowTooltip ? renderNotch : () => null,
+      onValueChanged: handleValueChange
+    }), isShowLabel && /*#__PURE__*/_jsxs(View, {
+      style: styles.bottomTextContainer,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.bottomTextLeftWrapper,
+        children: leftLabel != undefined && /*#__PURE__*/_jsx(Text, {
+          variant: "body-2-regular",
+          children: leftLabel
+        })
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.bottomTextRightWrapper,
+        children: rightLabel != undefined && /*#__PURE__*/_jsx(Text, {
+          variant: "body-2-regular",
+          children: rightLabel
+        })
+      })]
+    })]
+  });
+};
+export default Slider;
+//# sourceMappingURL=Slider.js.map

package/lib/module/component/AIA/molecules/Slider/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useCallback","View","RangeSlider","SliderStyles","Text","Surface","useCustomTheme","jsx","_jsx","jsxs","_jsxs","Slider","props","min","max","step","disableRange","isShowLabel","leftLabel","rightLabel","isShowTooltip","defaultValue","onChange","testID","accessible","accessibilityLabel","accessibilityHint","accessibilityRole","accessibilityState","accessibilityValue","colors","border","size","spacing","styles","defaultLow","defaultHigh","Array","isArray","length","low","setLow","high","setHigh","handleValueChange","renderKnob","style","knobContainer","children","knob","elevation","renderRails","rails","renderRailsSelected","railsSelected","renderLabel","value","textContainer","variant","color","renderNotch","notch","fullWidth","floatingLabel","renderThumb","renderRail","renderRailSelected","onValueChanged","bottomTextContainer","bottomTextLeftWrapper","undefined","bottomTextRightWrapper"],"sourceRoot":"../../../../../../src","sources":["component/AIA/molecules/Slider/Slider.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAGC,QAAQ,EAAEC,WAAW,QAAO,OAAO;AAClD,SAAQC,IAAI,QAAO,cAAc;AACjC,OAAOC,WAAW,MAAM,iBAAiB;AAEzC,OAAOC,YAAY;AAGnB,OAAOC,IAAI;AACX,OAAOC,OAAO;AAEd,OAAOC,cAAc;AAA4C,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEjE,MAAMC,MAAM,GAAIC,KAAgB,IAAK;EACpC,MAAM;IACLC,GAAG,GAAG,CAAC;IACPC,GAAG,GAAG,GAAG;IACTC,IAAI,GAAG,CAAC;IACRC,YAAY;IACZC,WAAW;IACXC,SAAS;IACTC,UAAU;IACVC,aAAa;IACbC,YAAY;IACZC,QAAQ;IACRC,MAAM;IACNC,UAAU;IACVC,kBAAkB;IAClBC,iBAAiB;IACjBC,iBAAiB;IACjBC,kBAAkB;IAClBC;EACD,CAAC,GAAGjB,KAAK;EAET,MAAM;IAACkB,MAAM;IAAEC,MAAM;IAAEC,IAAI;IAAEC;EAAO,CAAC,GAAG3B,cAAc,CAAC,CAAC;EACxD,MAAM4B,MAAM,GAAG/B,YAAY,CAAC2B,MAAM,EAAEC,MAAM,EAAEC,IAAI,EAAEC,OAAO,CAAC;EAE1D,IAAIE,UAAU,EAAEC,WAAW;EAC3B,IAAI,OAAOf,YAAY,KAAK,QAAQ,EAAE;IACrCc,UAAU,GAAGd,YAAY;IACzBe,WAAW,GAAGtB,GAAG;EAClB,CAAC,MAAM,IAAIuB,KAAK,CAACC,OAAO,CAACjB,YAAY,CAAC,IAAIA,YAAY,CAACkB,MAAM,KAAK,CAAC,EAAE;IACpE;IAAC,CAACJ,UAAU,EAAEC,WAAW,CAAC,GAAGf,YAAY;EAC1C,CAAC,MAAM;IACNc,UAAU,GAAGtB,GAAG;IAChBuB,WAAW,GAAGtB,GAAG;EAClB;EAEA,MAAM,CAAC0B,GAAG,EAAEC,MAAM,CAAC,GAAG1C,QAAQ,CAACoC,UAAU,CAAC;EAC1C,MAAM,CAACO,IAAI,EAAEC,OAAO,CAAC,GAAG5C,QAAQ,CAACqC,WAAW,CAAC;EAE7C,MAAMQ,iBAAiB,GAAG5C,WAAW,CAAC,CAACwC,GAAG,EAAEE,IAAI,KAAK;IACpDD,MAAM,CAACD,GAAG,CAAC;IACXG,OAAO,CAACD,IAAI,CAAC;IACbpB,QAAQ,GAAGkB,GAAG,EAAEE,IAAI,CAAC;EACtB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,UAAU,GAAGA,CAAA,KAAM;IACxB,oBACCrC,IAAA,CAACP,IAAI;MAAC6C,KAAK,EAAEZ,MAAM,CAACa,aAAc;MAAAC,QAAA,eACjCxC,IAAA,CAACH,OAAO;QAACyC,KAAK,EAAEZ,MAAM,CAACe,IAAK;QAACC,SAAS,EAAE;MAAE,CAAE;IAAC,CACxC,CAAC;EAET,CAAC;EAED,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACzB,oBAAO3C,IAAA,CAACP,IAAI;MAAC6C,KAAK,EAAEZ,MAAM,CAACkB;IAAM,CAAE,CAAC;EACrC,CAAC;EAED,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;IACjC,oBAAO7C,IAAA,CAACP,IAAI;MAAC6C,KAAK,EAAEZ,MAAM,CAACoB;IAAc,CAAE,CAAC;EAC7C,CAAC;EAED,MAAMC,WAAW,GAAIC,KAAa,IAAK;IACtC,oBACChD,IAAA,CAACP,IAAI;MAAC6C,KAAK,EAAEZ,MAAM,CAACuB,aAAc;MAAAT,QAAA,eACjCxC,IAAA,CAACJ,IAAI;QAACsD,OAAO,EAAC,gBAAgB;QAACC,KAAK,EAAE7B,MAAM,CAAC,cAAc,CAAE;QAAAkB,QAAA,EAC3DQ;MAAK,CACD;IAAC,CACF,CAAC;EAET,CAAC;EAED,MAAMI,WAAW,GAAGA,CAAA,KAAM;IACzB,oBAAOpD,IAAA,CAACP,IAAI;MAAC6C,KAAK,EAAEZ,MAAM,CAAC2B;IAAM,CAAE,CAAC;EACrC,CAAC;EAED,oBACCnD,KAAA,CAACT,IAAI;IACJ6C,KAAK,EAAEZ,MAAM,CAAC4B,SAAU;IACxBvC,MAAM,EAAEA,MAAO;IACfC,UAAU,EAAEA,UAAW;IACvBC,kBAAkB,EAAEA,kBAAmB;IACvCC,iBAAiB,EAAEA,iBAAkB;IACrCC,iBAAiB,EAAEA,iBAAkB;IACrCC,kBAAkB,EAAEA,kBAAmB;IACvCC,kBAAkB,EAAEA,kBAAmB;IAAAmB,QAAA,gBAEvCxC,IAAA,CAACN,WAAW;MACX4C,KAAK,EAAEZ,MAAM,CAAC4B,SAAU;MACxBjD,GAAG,EAAEA,GAAI;MACTC,GAAG,EAAEA,GAAI;MACTC,IAAI,EAAEA,IAAK;MACXgD,aAAa;MACbvB,GAAG,EAAEA,GAAI;MACTE,IAAI,EAAEA,IAAK;MACXsB,WAAW,EAAEnB,UAAW;MACxBoB,UAAU,EAAEd,WAAY;MACxBe,kBAAkB,EAAEb,mBAAoB;MACxCrC,YAAY,EAAEA,YAAa;MAC3BuC,WAAW,EAAEnC,aAAa,GAAGmC,WAAW,GAAG,MAAM,IAAK;MACtDK,WAAW,EAAExC,aAAa,GAAGwC,WAAW,GAAG,MAAM,IAAK;MACtDO,cAAc,EAAEvB;IAAkB,CAClC,CAAC,EACD3B,WAAW,iBACXP,KAAA,CAACT,IAAI;MAAC6C,KAAK,EAAEZ,MAAM,CAACkC,mBAAoB;MAAApB,QAAA,gBACvCxC,IAAA,CAACP,IAAI;QAAC6C,KAAK,EAAEZ,MAAM,CAACmC,qBAAsB;QAAArB,QAAA,EACxC9B,SAAS,IAAIoD,SAAS,iBAAI9D,IAAA,CAACJ,IAAI;UAACsD,OAAO,EAAC,gBAAgB;UAAAV,QAAA,EAAE9B;QAAS,CAAO;MAAC,CACvE,CAAC,eACPV,IAAA,CAACP,IAAI;QAAC6C,KAAK,EAAEZ,MAAM,CAACqC,sBAAuB;QAAAvB,QAAA,EACzC7B,UAAU,IAAImD,SAAS,iBAAI9D,IAAA,CAACJ,IAAI;UAACsD,OAAO,EAAC,gBAAgB;UAAAV,QAAA,EAAE7B;QAAU,CAAO;MAAC,CACzE,CAAC;IAAA,CACF,CACN;EAAA,CACI,CAAC;AAET,CAAC;AAED,eAAeR,MAAM","ignoreList":[]}

package/lib/module/component/AIA/molecules/Slider/changelog.txt

@@ -0,0 +1,17 @@
+# DDS 3.0
+## Slider Changelog
+
+## Sep 3, 2024
+### Updated
+- Adjust the horizontal padding to align with track
+
+## Sep 5, 2023
+### Added
+- Added testID
+
+## Jul 26, 2023
+### Added
+- [DDS 3.0] Adopt the colors, size, spacing, fonts, border width, border radius token
+- Update the component to follow DDS 3.0 style
+- Added min, max, disableRange, isShowLabel, leftLabel, rightLabel, onChange, isShowTooltip as props
+

package/lib/module/component/AIA/molecules/Slider/config/index.js

@@ -0,0 +1,7 @@
+/**
+ *
+ * @format
+ *
+ */
+"use strict";
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/molecules/Slider/config/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/Slider/config/index.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AAJA","ignoreList":[]}

package/lib/module/component/AIA/molecules/Slider/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { default } from "./Slider.js";
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/molecules/Slider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default"],"sourceRoot":"../../../../../../src","sources":["component/AIA/molecules/Slider/index.ts"],"mappings":";;AAAA,SAAQA,OAAO","ignoreList":[]}

package/lib/module/component/AIA/molecules/Slider/styles/index.js

@@ -0,0 +1,70 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+import { StyleSheet } from 'react-native';
+const SliderStyles = (colors, border, size, spacing) => StyleSheet.create({
+  fullWidth: {
+    width: '100%'
+  },
+  knobContainer: {
+    height: size['4xl'],
+    width: size['4xl'],
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  knob: {
+    height: size.xl,
+    width: size.xl,
+    borderRadius: border['radius-round'],
+    borderColor: colors['border-selected'],
+    borderWidth: border['border-md'],
+    backgroundColor: colors['surface-white']
+  },
+  rails: {
+    width: '100%',
+    backgroundColor: colors['data-visualisation-track'],
+    height: 6,
+    borderRadius: border['radius-round']
+  },
+  railsSelected: {
+    width: '100%',
+    backgroundColor: colors['surface-selected-2'],
+    height: 6,
+    borderRadius: border['radius-round']
+  },
+  notch: {
+    width: size.sm,
+    height: size.xs,
+    borderLeftColor: 'transparent',
+    borderRightColor: 'transparent',
+    borderTopColor: colors['surface-inverse'],
+    borderLeftWidth: size.sm / 2,
+    borderRightWidth: size.sm / 2,
+    borderTopWidth: size.sm / 2
+  },
+  textContainer: {
+    backgroundColor: colors['surface-inverse'],
+    borderRadius: border['radius-sm'],
+    paddingVertical: spacing.xs,
+    paddingHorizontal: spacing.sm
+  },
+  bottomTextContainer: {
+    width: '100%',
+    flexDirection: 'row',
+    paddingHorizontal: 12 + spacing['4xl'] / 4
+  },
+  bottomTextLeftWrapper: {
+    width: '50%'
+  },
+  bottomTextRightWrapper: {
+    width: '50%',
+    alignItems: 'flex-end'
+  }
+});
+export default SliderStyles;
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/molecules/Slider/styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","SliderStyles","colors","border","size","spacing","create","fullWidth","width","knobContainer","height","alignItems","justifyContent","knob","xl","borderRadius","borderColor","borderWidth","backgroundColor","rails","railsSelected","notch","sm","xs","borderLeftColor","borderRightColor","borderTopColor","borderLeftWidth","borderRightWidth","borderTopWidth","textContainer","paddingVertical","paddingHorizontal","bottomTextContainer","flexDirection","bottomTextLeftWrapper","bottomTextRightWrapper"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/Slider/styles/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,SAAQA,UAAU,QAAO,cAAc;AAEvC,MAAMC,YAAY,GAAGA,CAACC,MAAM,EAAEC,MAAM,EAAEC,IAAI,EAAEC,OAAO,KAClDL,UAAU,CAACM,MAAM,CAAC;EACjBC,SAAS,EAAE;IACVC,KAAK,EAAE;EACR,CAAC;EACDC,aAAa,EAAE;IACdC,MAAM,EAAEN,IAAI,CAAC,KAAK,CAAC;IACnBI,KAAK,EAAEJ,IAAI,CAAC,KAAK,CAAC;IAClBO,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EACjB,CAAC;EACDC,IAAI,EAAE;IACLH,MAAM,EAAEN,IAAI,CAACU,EAAE;IACfN,KAAK,EAAEJ,IAAI,CAACU,EAAE;IACdC,YAAY,EAAEZ,MAAM,CAAC,cAAc,CAAC;IACpCa,WAAW,EAAEd,MAAM,CAAC,iBAAiB,CAAC;IACtCe,WAAW,EAAEd,MAAM,CAAC,WAAW,CAAC;IAChCe,eAAe,EAAEhB,MAAM,CAAC,eAAe;EACxC,CAAC;EACDiB,KAAK,EAAE;IACNX,KAAK,EAAE,MAAM;IACbU,eAAe,EAAEhB,MAAM,CAAC,0BAA0B,CAAC;IACnDQ,MAAM,EAAE,CAAC;IACTK,YAAY,EAAEZ,MAAM,CAAC,cAAc;EACpC,CAAC;EACDiB,aAAa,EAAE;IACdZ,KAAK,EAAE,MAAM;IACbU,eAAe,EAAEhB,MAAM,CAAC,oBAAoB,CAAC;IAC7CQ,MAAM,EAAE,CAAC;IACTK,YAAY,EAAEZ,MAAM,CAAC,cAAc;EACpC,CAAC;EACDkB,KAAK,EAAE;IACNb,KAAK,EAAEJ,IAAI,CAACkB,EAAE;IACdZ,MAAM,EAAEN,IAAI,CAACmB,EAAE;IACfC,eAAe,EAAE,aAAa;IAC9BC,gBAAgB,EAAE,aAAa;IAC/BC,cAAc,EAAExB,MAAM,CAAC,iBAAiB,CAAC;IACzCyB,eAAe,EAAEvB,IAAI,CAACkB,EAAE,GAAG,CAAC;IAC5BM,gBAAgB,EAAExB,IAAI,CAACkB,EAAE,GAAG,CAAC;IAC7BO,cAAc,EAAEzB,IAAI,CAACkB,EAAE,GAAG;EAC3B,CAAC;EACDQ,aAAa,EAAE;IACdZ,eAAe,EAAEhB,MAAM,CAAC,iBAAiB,CAAC;IAC1Ca,YAAY,EAAEZ,MAAM,CAAC,WAAW,CAAC;IACjC4B,eAAe,EAAE1B,OAAO,CAACkB,EAAE;IAC3BS,iBAAiB,EAAE3B,OAAO,CAACiB;EAC5B,CAAC;EACDW,mBAAmB,EAAE;IACpBzB,KAAK,EAAE,MAAM;IACb0B,aAAa,EAAE,KAAK;IACpBF,iBAAiB,EAAE,EAAE,GAAG3B,OAAO,CAAC,KAAK,CAAC,GAAG;EAC1C,CAAC;EACD8B,qBAAqB,EAAE;IACtB3B,KAAK,EAAE;EACR,CAAC;EACD4B,sBAAsB,EAAE;IACvB5B,KAAK,EAAE,KAAK;IACZG,UAAU,EAAE;EACb;AACD,CAAC,CAAC;AAEH,eAAeV,YAAY","ignoreList":[]}

package/lib/module/component/AIA/molecules/Slider/types/index.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/molecules/Slider/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/Slider/types/index.ts"],"mappings":"","ignoreList":[]}

package/lib/module/component/AIA/molecules/Snackbar/Changelog.txt

@@ -0,0 +1,10 @@
+# DDS 1.0
+
+## Nov 23, 2022
+### Changed
+- Convert component to TS
+
+## Nov 3, 2021
+### Added
+- Added package.json and update the dependencies.
+- Changed colors to Hex code.

package/lib/module/component/AIA/molecules/Snackbar/README.md

@@ -0,0 +1,32 @@
+## Snackbar
+Contain Label and a Button
+
+# Usage & Example
+
+```js
+import Snackbar from 'molecules/Snackbar';
+
+<Snackbar
+  style={{}}
+  title="Title"
+  duration={5000}
+  titleStyle={{}}
+  visible={true}
+  dismissCallback={() => {}}
+  actionLabel="Action"
+  onPressAction={() => {}}
+  wrapperStyle={() => {}}
+/>
+```
+
+Key             | Type            | Required  | Description                                                                                                 |
+--------------- | --------------- | --------- | ----------------------------------------------------------------------------------------------------------- |
+style           | `ViewStyle`     | `False`   | String on display at the top.                                                                               |
+title           | `string | Node` | `False`   | Text content of the Snackbar.                                                                               |
+duration        | `number`        | `False`   | The duration for which the Snackbar is shown.                                                               |
+titleStyle      | `TextStyle`     | `False`   | Title Style.                                                                                                |
+visible         | `boolean`       | `False`   | Whether the Snackbar is currently visible.                                                                  |
+dismissCallback | `callback`      | `False`   | Callback called when Snackbar is dismissed. The visible prop needs to be updated when this is called.       |
+actionLabel     | `string`        | `False`   | Label of the action button.                                                                                 |
+onPressAction   | `callback`      | `False`   | Callback that is called when action button is pressed.                                                      |
+wrapperStyle    | `ViewStyle`     | `False`   | Style for the wrapper of the snackbar.                                                                      |

package/lib/module/component/AIA/molecules/Snackbar/Snackbar.js

@@ -0,0 +1,71 @@
+"use strict";
+
+/**
+ *
+ *
+ * Snackbar
+ * @format
+ *
+ */
+
+import React, { useEffect, useState } from 'react';
+import { View } from 'react-native';
+import SnackBar from 'rn-snackbar-component';
+import { trigger } from 'react-native-haptic-feedback';
+import a11y from "../../utils/Accessibility/index.js";
+import Text from "../../atoms/Text/index.js";
+import SnackbarStyles from "./styles/index.js";
+import useCustomTheme from "../../hooks/useCustomTheme/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const Snackbar = props => {
+  const {
+    accessibilityLabel,
+    accessibilityHint,
+    accessibilityValue,
+    testID,
+    text,
+    visible,
+    isHaptic = false,
+    disappearDuration,
+    bottomPosition
+  } = props;
+  const {
+    colors,
+    border
+  } = useCustomTheme();
+  const styles = SnackbarStyles(colors, border);
+  const options = {
+    enableVibrateFallback: true,
+    ignoreAndroidSystemSettings: false
+  };
+  const [isVisible, setIsVisible] = useState(visible);
+  const durationTime = disappearDuration === 'fast' ? 3000 : 6000;
+  useEffect(() => {
+    setIsVisible(visible);
+  }, [visible]);
+  useEffect(() => {
+    if (isVisible && isHaptic) {
+      trigger('notificationError', options);
+    }
+  }, [isVisible, isHaptic]);
+  const hideFunc = () => {
+    setIsVisible(false);
+  };
+  setTimeout(hideFunc, durationTime);
+  return /*#__PURE__*/_jsx(SnackBar, {
+    ...a11y(accessibilityLabel, accessibilityHint, accessibilityValue, testID),
+    containerStyle: [styles.wrapperStyle, styles.container],
+    visible: isVisible,
+    message: /*#__PURE__*/_jsx(View, {
+      style: styles.messageContainer,
+      children: /*#__PURE__*/_jsx(Text, {
+        customStyle: [styles.title, styles.textColor],
+        children: text
+      })
+    }),
+    bottom: bottomPosition,
+    native: false
+  });
+};
+export default Snackbar;
+//# sourceMappingURL=Snackbar.js.map

package/lib/module/component/AIA/molecules/Snackbar/Snackbar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","View","SnackBar","trigger","a11y","Text","SnackbarStyles","useCustomTheme","jsx","_jsx","Snackbar","props","accessibilityLabel","accessibilityHint","accessibilityValue","testID","text","visible","isHaptic","disappearDuration","bottomPosition","colors","border","styles","options","enableVibrateFallback","ignoreAndroidSystemSettings","isVisible","setIsVisible","durationTime","hideFunc","setTimeout","containerStyle","wrapperStyle","container","message","style","messageContainer","children","customStyle","title","textColor","bottom","native"],"sourceRoot":"../../../../../../src","sources":["component/AIA/molecules/Snackbar/Snackbar.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAGC,SAAS,EAAEC,QAAQ,QAAO,OAAO;AAChD,SAAQC,IAAI,QAAO,cAAc;AACjC,OAAOC,QAAQ,MAAM,uBAAuB;AAC5C,SAAQC,OAAO,QAAO,8BAA8B;AAEpD,OAAOC,IAAI;AACX,OAAOC,IAAI;AAEX,OAAOC,cAAc;AAGrB,OAAOC,cAAc;AAA4C,SAAAC,GAAA,IAAAC,IAAA;AAEjE,MAAMC,QAAQ,GAAIC,KAAgB,IAAK;EACtC,MAAM;IACLC,kBAAkB;IAClBC,iBAAiB;IACjBC,kBAAkB;IAClBC,MAAM;IACNC,IAAI;IACJC,OAAO;IACPC,QAAQ,GAAG,KAAK;IAChBC,iBAAiB;IACjBC;EACD,CAAC,GAAGT,KAAK;EAET,MAAM;IAACU,MAAM;IAAEC;EAAM,CAAC,GAAGf,cAAc,CAAC,CAAC;EACzC,MAAMgB,MAAM,GAAGjB,cAAc,CAACe,MAAM,EAAEC,MAAM,CAAC;EAE7C,MAAME,OAAO,GAAG;IACfC,qBAAqB,EAAE,IAAI;IAC3BC,2BAA2B,EAAE;EAC9B,CAAC;EAED,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG5B,QAAQ,CAACiB,OAAO,CAAC;EAEnD,MAAMY,YAAY,GAAGV,iBAAiB,KAAK,MAAM,GAAG,IAAI,GAAG,IAAI;EAE/DpB,SAAS,CAAC,MAAM;IACf6B,YAAY,CAACX,OAAO,CAAC;EACtB,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEblB,SAAS,CAAC,MAAM;IACf,IAAI4B,SAAS,IAAIT,QAAQ,EAAE;MAC1Bf,OAAO,CAAC,mBAAmB,EAAEqB,OAAO,CAAC;IACtC;EACD,CAAC,EAAE,CAACG,SAAS,EAAET,QAAQ,CAAC,CAAC;EAEzB,MAAMY,QAAQ,GAAGA,CAAA,KAAM;IACtBF,YAAY,CAAC,KAAK,CAAC;EACpB,CAAC;EAEDG,UAAU,CAACD,QAAQ,EAAED,YAAY,CAAC;EAElC,oBACCpB,IAAA,CAACP,QAAQ;IAAA,GACJE,IAAI,CAACQ,kBAAkB,EAAEC,iBAAiB,EAAEC,kBAAkB,EAAEC,MAAM,CAAC;IAC3EiB,cAAc,EAAE,CAACT,MAAM,CAACU,YAAY,EAAEV,MAAM,CAACW,SAAS,CAAE;IACxDjB,OAAO,EAAEU,SAAU;IACnBQ,OAAO,eACN1B,IAAA,CAACR,IAAI;MAACmC,KAAK,EAAEb,MAAM,CAACc,gBAAiB;MAAAC,QAAA,eACpC7B,IAAA,CAACJ,IAAI;QAACkC,WAAW,EAAE,CAAChB,MAAM,CAACiB,KAAK,EAAEjB,MAAM,CAACkB,SAAS,CAAE;QAAAH,QAAA,EAAEtB;MAAI,CAAO;IAAC,CAC7D,CACN;IACD0B,MAAM,EAAEtB,cAAe;IACvBuB,MAAM,EAAE;EAAM,CACd,CAAC;AAEJ,CAAC;AAED,eAAejC,QAAQ","ignoreList":[]}

package/lib/module/component/AIA/molecules/Snackbar/config/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+export const LIGHT_COLOR = '#fff';
+export const DARK_COLOR = '#333d47';
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/molecules/Snackbar/config/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["LIGHT_COLOR","DARK_COLOR"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/Snackbar/config/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMA,WAAW,GAAG,MAAM;AACjC,OAAO,MAAMC,UAAU,GAAG,SAAS","ignoreList":[]}

package/lib/module/component/AIA/molecules/Snackbar/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { default } from "./Snackbar.js";
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/molecules/Snackbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default"],"sourceRoot":"../../../../../../src","sources":["component/AIA/molecules/Snackbar/index.ts"],"mappings":";;AAAA,SAAQA,OAAO","ignoreList":[]}

package/lib/module/component/AIA/molecules/Snackbar/styles/index.js

@@ -0,0 +1,36 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+import { StyleSheet } from 'react-native';
+const SnackbarStyles = (colors, border) => StyleSheet.create({
+  title: {
+    fontSize: 14,
+    padding: 16
+  },
+  wrapperStyle: {
+    width: '100%',
+    borderRadius: border['snackbar-radius']
+  },
+  messageContainer: {
+    flexDirection: 'row'
+  },
+  JustifyBottom: {
+    justifyContent: 'flex-end'
+  },
+  JustifyTop: {
+    justifyContent: 'flex-start'
+  },
+  container: {
+    backgroundColor: colors['surface-inverse']
+  },
+  textColor: {
+    color: colors['text-inverse']
+  }
+});
+export default SnackbarStyles;
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/molecules/Snackbar/styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","SnackbarStyles","colors","border","create","title","fontSize","padding","wrapperStyle","width","borderRadius","messageContainer","flexDirection","JustifyBottom","justifyContent","JustifyTop","container","backgroundColor","textColor","color"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/Snackbar/styles/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,SAAQA,UAAU,QAAO,cAAc;AAEvC,MAAMC,cAAc,GAAGA,CAACC,MAAM,EAAEC,MAAM,KACrCH,UAAU,CAACI,MAAM,CAAC;EACjBC,KAAK,EAAE;IACNC,QAAQ,EAAE,EAAE;IACZC,OAAO,EAAE;EACV,CAAC;EACDC,YAAY,EAAE;IACbC,KAAK,EAAE,MAAM;IACbC,YAAY,EAAEP,MAAM,CAAC,iBAAiB;EACvC,CAAC;EACDQ,gBAAgB,EAAE;IACjBC,aAAa,EAAE;EAChB,CAAC;EACDC,aAAa,EAAE;IACdC,cAAc,EAAE;EACjB,CAAC;EACDC,UAAU,EAAE;IACXD,cAAc,EAAE;EACjB,CAAC;EACDE,SAAS,EAAE;IACVC,eAAe,EAAEf,MAAM,CAAC,iBAAiB;EAC1C,CAAC;EACDgB,SAAS,EAAE;IACVC,KAAK,EAAEjB,MAAM,CAAC,cAAc;EAC7B;AACD,CAAC,CAAC;AACH,eAAeD,cAAc","ignoreList":[]}

package/lib/module/component/AIA/molecules/Snackbar/types/index.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/molecules/Snackbar/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/Snackbar/types/index.ts"],"mappings":"","ignoreList":[]}

package/lib/module/component/AIA/molecules/SystemAlert/README.md

@@ -0,0 +1,33 @@
+# SystemAlert
+
+## Usage & Example
+
+```js
+import SystemAlert from '@/SystemAlert';
+
+<SystemAlert
+  message={message}
+  visible
+  bannerVisible
+  primaryButtonLabel="Button content"
+  secondaryButtonLabel="Button content"
+/>
+
+```
+
+Key                           | Type           | Required  | Description                            |
+----------------------------- | -------------- | --------- | -------------------------------------- |
+message                       | `string`       | `True`    | String display in alert.               |
+visible                       | `boolean`      | `True`    | Hide/Show alert.                       |
+isShowCloseButton             | `boolean`      | `False`   | Hide/Show close button.                |
+variant                       | `string`       | `False`   | Alert Variant.                         |
+onClose                       | `function`     | `False`   | Callback function when alert close.    |
+primaryButtonLabel            | `string`       | `False`   | Primary button label.                  |
+secondaryButtonLabel          | `string`       | `False`   | Secondary button label.                |
+primaryButtonOnPress          | `function`     | `False`   | Primary button on press.               |
+secondaryButtonOnPress        | `function`     | `False`   | Secondary button on press.             |
+isCloseBannerWhileButtonPress | `boolean`      | `False`   | Is use close banner function.          |
+onTruncationChange            | `function`     | `False`   | Callback for check is text truncated.  |
+isDividerOnPadding            | `boolean`      | `False`   | Boolean for enable padding for divider.|
+isDisableAnimation            | `boolean`      | `False`   | Disable animation.                     |
+numberOfLines                 | `number`       | `False`   | Number of lines for text.              |