@os1-platform/dispatch-mobile 1.0.0

package/lib/commonjs/components/executiontasks/forms/FormGenerator.js

@@ -0,0 +1,116 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _rjsfNative = _interopRequireWildcard(require("rjsf-native"));
+
+var _DateTimeWidget = _interopRequireDefault(require("./widgets/DateTimeWidget"));
+
+var _TimeRangeSelector = _interopRequireDefault(require("./widgets/TimeRangeSelector"));
+
+var _QRBarcodeScannerWidget = _interopRequireDefault(require("./widgets/QRBarcodeScannerWidget"));
+
+var _reactNativePaper = require("react-native-paper");
+
+var _ExecTaskUtils = require("../../../utils/ExecTaskUtils");
+
+var _EventCodeContainer = require("../../../manager/dispatchCodes/EventCodeContainer");
+
+var _ETConfig = require("../../../models/execTasks/ETConfig");
+
+var _CommonStyles = require("../../../styles/executionTasks/CommonStyles");
+
+var _SdkColors = _interopRequireWildcard(require("../../../styles/SdkColors"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const customWidgets = {
+  datePicker: _DateTimeWidget.default,
+  timeRangeSelector: _TimeRangeSelector.default,
+  scanner: _QRBarcodeScannerWidget.default
+};
+
+const FormGenerator = props => {
+  const form = (0, _react.useRef)(null);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.KeyboardAvoidingView, {
+    style: _CommonStyles.CommonStyles.mainContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      flex: 1,
+      backgroundColor: 'white',
+      padding: 20,
+      marginTop: 20,
+      marginStart: 15,
+      marginEnd: 15,
+      borderRadius: 10,
+      borderColor: 'rgba(0, 0, 0, 0.1)',
+      borderWidth: 1
+    }
+  }, /*#__PURE__*/_react.default.createElement(_rjsfNative.FormContext.Provider, {
+    value: { ..._rjsfNative.defaultProps,
+      requiredTitle: '*',
+      theme: {
+        primaryColor: _SdkColors.default[_SdkColors.ColorTheme.LIGHT].primaryButton,
+        highlightColor: _SdkColors.default[_SdkColors.ColorTheme.LIGHT].primaryButton,
+        borderColor: _SdkColors.default[_SdkColors.ColorTheme.LIGHT].primaryButton,
+        textColor: '#111111',
+        placeholderTextColor: '#111111',
+        errorColor: '#b00020',
+        fontFamily: _CommonStyles.Fonts.IBMPlexSans_600SemiBold
+      }
+    }
+  }, /*#__PURE__*/_react.default.createElement(_rjsfNative.default, {
+    widgets: customWidgets // @ts-ignore
+    ,
+    ref: form // @ts-ignore
+    ,
+    schema: props.jsonSchema,
+    showErrorList: false,
+    uiSchema: props.uiSchema,
+    onError: props.onError,
+    onSubmit: async response => {
+      props.onSubmitET({ ...(await (0, _ExecTaskUtils.getBaseETResponse)(_ETConfig.EntityCode.FORMS, true, (0, _EventCodeContainer.getEventCodeByET)(_ETConfig.ExecutionTaskID.FORMS, true), '')),
+        data: response.formData
+      });
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, null))))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [{
+      margin: 10
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      flexDirection: 'row'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNativePaper.Button, {
+    style: [_CommonStyles.CommonStyles.nextButton, {
+      flex: 1
+    }],
+    labelStyle: _CommonStyles.CommonStyles.nextButtonLabel,
+    mode: 'contained',
+    onPress: () => {
+      if (form.current) {
+        // @ts-ignore
+        form.current.submit();
+      }
+    }
+  }, "Submit"))));
+};
+
+var _default = FormGenerator;
+exports.default = _default;
+//# sourceMappingURL=FormGenerator.js.map

package/lib/commonjs/components/executiontasks/forms/FormGenerator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["customWidgets","datePicker","DateTimeWidget","timeRangeSelector","TimeRangeSelector","scanner","QRBarcodeScannerWidget","FormGenerator","props","form","useRef","CommonStyles","mainContainer","flex","backgroundColor","padding","marginTop","marginStart","marginEnd","borderRadius","borderColor","borderWidth","defaultProps","requiredTitle","theme","primaryColor","SdkColors","ColorTheme","LIGHT","primaryButton","highlightColor","textColor","placeholderTextColor","errorColor","fontFamily","Fonts","IBMPlexSans_600SemiBold","jsonSchema","uiSchema","onError","response","onSubmitET","getBaseETResponse","EntityCode","FORMS","getEventCodeByET","ExecutionTaskID","data","formData","margin","flexDirection","nextButton","nextButtonLabel","current","submit"],"sources":["FormGenerator.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { KeyboardAvoidingView, ScrollView, Text, View } from 'react-native';\nimport ReactNativeForm, { defaultProps, FormContext } from 'rjsf-native';\nimport DateTimeWidget from './widgets/DateTimeWidget';\nimport TimeRangeSelector from './widgets/TimeRangeSelector';\nimport QRBarcodeScannerWidget from './widgets/QRBarcodeScannerWidget';\nimport { Button } from 'react-native-paper';\nimport type { FormInputSchema } from './FormSchema';\nimport { getBaseETResponse } from '../../../utils/ExecTaskUtils';\nimport { getEventCodeByET } from '../../../manager/dispatchCodes/EventCodeContainer';\nimport {\n  EntityCode,\n  ExecutionTaskID,\n} from '../../../models/execTasks/ETConfig';\nimport {\n  CommonStyles,\n  Fonts,\n} from '../../../styles/executionTasks/CommonStyles';\nimport SdkColors, { ColorTheme } from '../../../styles/SdkColors';\n\nconst customWidgets = {\n  datePicker: DateTimeWidget,\n  timeRangeSelector: TimeRangeSelector,\n  scanner: QRBarcodeScannerWidget,\n};\n\nconst FormGenerator = (props: FormInputSchema) => {\n  const form = useRef(null);\n  return (\n    <KeyboardAvoidingView style={CommonStyles.mainContainer}>\n      <ScrollView style={{ flex: 1 }}>\n        <View\n          style={{\n            flex: 1,\n            backgroundColor: 'white',\n            padding: 20,\n            marginTop: 20,\n            marginStart: 15,\n            marginEnd: 15,\n            borderRadius: 10,\n            borderColor: 'rgba(0, 0, 0, 0.1)',\n            borderWidth: 1,\n          }}\n        >\n          <FormContext.Provider\n            value={{\n              ...defaultProps,\n              requiredTitle: '*',\n              theme: {\n                primaryColor: SdkColors[ColorTheme.LIGHT].primaryButton,\n                highlightColor: SdkColors[ColorTheme.LIGHT].primaryButton,\n                borderColor: SdkColors[ColorTheme.LIGHT].primaryButton,\n                textColor: '#111111',\n                placeholderTextColor: '#111111',\n                errorColor: '#b00020',\n                fontFamily: Fonts.IBMPlexSans_600SemiBold,\n              },\n            }}\n          >\n            <ReactNativeForm\n              widgets={customWidgets}\n              // @ts-ignore\n              ref={form}\n              // @ts-ignore\n              schema={props.jsonSchema}\n              showErrorList={false}\n              uiSchema={props.uiSchema}\n              onError={props.onError}\n              onSubmit={async (response) => {\n                props.onSubmitET({\n                  ...(await getBaseETResponse(\n                    EntityCode.FORMS,\n                    true,\n                    getEventCodeByET(ExecutionTaskID.FORMS, true),\n                    ''\n                  )),\n                  data: response.formData,\n                });\n              }}\n            >\n              <Text>{}</Text>\n            </ReactNativeForm>\n          </FormContext.Provider>\n        </View>\n      </ScrollView>\n      <View style={[{ margin: 10 }]}>\n        <View style={{ flexDirection: 'row' }}>\n          <Button\n            style={[CommonStyles.nextButton, { flex: 1 }]}\n            labelStyle={CommonStyles.nextButtonLabel}\n            mode={'contained'}\n            onPress={() => {\n              if (form.current) {\n                // @ts-ignore\n                form.current.submit();\n              }\n            }}\n          >\n            Submit\n          </Button>\n        </View>\n      </View>\n    </KeyboardAvoidingView>\n  );\n};\n\nexport default FormGenerator;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AAIA;;AAIA;;;;;;;;AAEA,MAAMA,aAAa,GAAG;EACpBC,UAAU,EAAEC,uBADQ;EAEpBC,iBAAiB,EAAEC,0BAFC;EAGpBC,OAAO,EAAEC;AAHW,CAAtB;;AAMA,MAAMC,aAAa,GAAIC,KAAD,IAA4B;EAChD,MAAMC,IAAI,GAAG,IAAAC,aAAA,EAAO,IAAP,CAAb;EACA,oBACE,6BAAC,iCAAD;IAAsB,KAAK,EAAEC,0BAAA,CAAaC;EAA1C,gBACE,6BAAC,uBAAD;IAAY,KAAK,EAAE;MAAEC,IAAI,EAAE;IAAR;EAAnB,gBACE,6BAAC,iBAAD;IACE,KAAK,EAAE;MACLA,IAAI,EAAE,CADD;MAELC,eAAe,EAAE,OAFZ;MAGLC,OAAO,EAAE,EAHJ;MAILC,SAAS,EAAE,EAJN;MAKLC,WAAW,EAAE,EALR;MAMLC,SAAS,EAAE,EANN;MAOLC,YAAY,EAAE,EAPT;MAQLC,WAAW,EAAE,oBARR;MASLC,WAAW,EAAE;IATR;EADT,gBAaE,6BAAC,uBAAD,CAAa,QAAb;IACE,KAAK,EAAE,EACL,GAAGC,wBADE;MAELC,aAAa,EAAE,GAFV;MAGLC,KAAK,EAAE;QACLC,YAAY,EAAEC,kBAAA,CAAUC,qBAAA,CAAWC,KAArB,EAA4BC,aADrC;QAELC,cAAc,EAAEJ,kBAAA,CAAUC,qBAAA,CAAWC,KAArB,EAA4BC,aAFvC;QAGLT,WAAW,EAAEM,kBAAA,CAAUC,qBAAA,CAAWC,KAArB,EAA4BC,aAHpC;QAILE,SAAS,EAAE,SAJN;QAKLC,oBAAoB,EAAE,SALjB;QAMLC,UAAU,EAAE,SANP;QAOLC,UAAU,EAAEC,mBAAA,CAAMC;MAPb;IAHF;EADT,gBAeE,6BAAC,mBAAD;IACE,OAAO,EAAEpC,aADX,CAEE;IAFF;IAGE,GAAG,EAAES,IAHP,CAIE;IAJF;IAKE,MAAM,EAAED,KAAK,CAAC6B,UALhB;IAME,aAAa,EAAE,KANjB;IAOE,QAAQ,EAAE7B,KAAK,CAAC8B,QAPlB;IAQE,OAAO,EAAE9B,KAAK,CAAC+B,OARjB;IASE,QAAQ,EAAE,MAAOC,QAAP,IAAoB;MAC5BhC,KAAK,CAACiC,UAAN,CAAiB,EACf,IAAI,MAAM,IAAAC,gCAAA,EACRC,oBAAA,CAAWC,KADH,EAER,IAFQ,EAGR,IAAAC,oCAAA,EAAiBC,yBAAA,CAAgBF,KAAjC,EAAwC,IAAxC,CAHQ,EAIR,EAJQ,CAAV,CADe;QAOfG,IAAI,EAAEP,QAAQ,CAACQ;MAPA,CAAjB;IASD;EAnBH,gBAqBE,6BAAC,iBAAD,OArBF,CAfF,CAbF,CADF,CADF,eAwDE,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAV,CAAD;EAAb,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE;MAAEC,aAAa,EAAE;IAAjB;EAAb,gBACE,6BAAC,wBAAD;IACE,KAAK,EAAE,CAACvC,0BAAA,CAAawC,UAAd,EAA0B;MAAEtC,IAAI,EAAE;IAAR,CAA1B,CADT;IAEE,UAAU,EAAEF,0BAAA,CAAayC,eAF3B;IAGE,IAAI,EAAE,WAHR;IAIE,OAAO,EAAE,MAAM;MACb,IAAI3C,IAAI,CAAC4C,OAAT,EAAkB;QAChB;QACA5C,IAAI,CAAC4C,OAAL,CAAaC,MAAb;MACD;IACF;EATH,YADF,CADF,CAxDF,CADF;AA4ED,CA9ED;;eAgFe/C,a"}

package/lib/commonjs/components/executiontasks/forms/FormSchema.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=FormSchema.js.map

package/lib/commonjs/components/executiontasks/forms/FormSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["FormSchema.ts"],"sourcesContent":["import type {\n  BaseETRequest,\n  BaseETResponse,\n} from '../../../models/execTasks/ETBaseModels';\n\nexport type FormInputSchema = BaseETRequest & {\n  jsonSchema: JSONSchema;\n  uiSchema: UISchame;\n  onError: (e: any) => void;\n  onSubmitET: (result: FormOutputSchema) => void;\n};\n/**\n * Json schema used in react-jsonschema-form\n */\nexport interface JSONSchema {\n  [k: string]: unknown;\n}\n/**\n * UI schema used in react-jsonschema-form\n */\nexport interface UISchame {\n  [k: string]: unknown;\n}\n\nexport type FormOutputSchema = BaseETResponse & {\n  data: {\n    [k: string]: unknown;\n  };\n};\n"],"mappings":""}

package/lib/commonjs/components/executiontasks/forms/widgets/DateTimeWidget.js

@@ -0,0 +1,152 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _datetimepicker = _interopRequireDefault(require("@react-native-community/datetimepicker"));
+
+var _rjsfNative = require("rjsf-native");
+
+var _SdkColors = _interopRequireWildcard(require("../../../../styles/SdkColors"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const MODES = {
+  DATE: 'date',
+  TIME: 'time',
+  DATETIME: 'datetime'
+};
+
+const DateTimeWidget = _ref => {
+  let {
+    id,
+    label,
+    value,
+    onChange,
+    onFocus,
+    autofocus,
+    options,
+    rawErrors,
+    maxDate
+  } = _ref;
+  const [show, setShow] = (0, _react.useState)(false);
+  const [date, setDate] = (0, _react.useState)(null);
+  const {
+    theme
+  } = (0, _rjsfNative.useFormContext)();
+  const [focused, setFocused] = (0, _react.useState)(false);
+  const themedStyle = {
+    borderColor: (rawErrors === null || rawErrors === void 0 ? void 0 : rawErrors.length) > 0 ? theme.errorColor : focused ? theme.highlightColor : theme.borderColor,
+    borderWidth: focused ? 2 : 1.5,
+    color: theme.textColor
+  };
+
+  const onDateChange = (_event, selectedDate) => {
+    setShow(_reactNative.Platform.OS === 'ios');
+
+    if (selectedDate) {
+      const currentDate = selectedDate;
+      let dateTimeValue = getValueBasedOnMode(options, currentDate);
+      setDate(currentDate);
+      onChange(dateTimeValue);
+    }
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    onPress: () => setShow(true)
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, {
+    editable: false,
+    onTouchStart: () => setShow(true),
+    value: getValueBasedOnMode(options, date),
+    placeholder: label,
+    selectionColor: '#6200EE',
+    autoFocus: autofocus,
+    onFocus: () => {
+      setFocused(true);
+      onFocus(id, value);
+    },
+    placeholderTextColor: theme.placeholderTextColor,
+    style: [styles.input, themedStyle]
+  })), show && /*#__PURE__*/_react.default.createElement(_datetimepicker.default, {
+    testID: "dateTimePicker" // @ts-ignore
+    ,
+    mode: getWidgetType(options.mode),
+    minimumDate: options.mode === 'date' ? new Date() : undefined,
+    maximumDate: maxDate,
+    is24Hour: false,
+    display: "default",
+    onChange: onDateChange,
+    value: date ?? new Date(),
+    textColor: 'red'
+  }));
+};
+
+function getWidgetType(mode) {
+  switch (mode) {
+    case 'date':
+      return MODES.DATE;
+
+    case 'time':
+      return MODES.TIME;
+
+    case 'datetime':
+      return MODES.DATETIME;
+
+    default:
+      return MODES.DATE;
+  }
+}
+
+function getValueBasedOnMode(uiOptions, date) {
+  if (!date) return '';
+
+  switch (uiOptions.mode) {
+    case 'date':
+      return date.toISOString().substring(0, 10);
+
+    case 'time':
+      return date.toLocaleTimeString().slice(0, 5);
+
+    case 'datetime':
+      return date.toLocaleString();
+
+    default:
+      return date.toLocaleString();
+  }
+}
+
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  input: {
+    borderColor: _SdkColors.default[_SdkColors.ColorTheme.LIGHT].primaryButton,
+    borderWidth: 1,
+    paddingHorizontal: 16,
+    paddingTop: 15,
+    paddingBottom: 15,
+    borderRadius: 4,
+    fontSize: 16,
+    color: '#111111'
+  }
+});
+/**
+ * max and min date has to be implemented
+ */
+
+
+var _default = DateTimeWidget;
+exports.default = _default;
+//# sourceMappingURL=DateTimeWidget.js.map

package/lib/commonjs/components/executiontasks/forms/widgets/DateTimeWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MODES","DATE","TIME","DATETIME","DateTimeWidget","id","label","value","onChange","onFocus","autofocus","options","rawErrors","maxDate","show","setShow","useState","date","setDate","theme","useFormContext","focused","setFocused","themedStyle","borderColor","length","errorColor","highlightColor","borderWidth","color","textColor","onDateChange","_event","selectedDate","Platform","OS","currentDate","dateTimeValue","getValueBasedOnMode","styles","container","placeholderTextColor","input","getWidgetType","mode","Date","undefined","uiOptions","toISOString","substring","toLocaleTimeString","slice","toLocaleString","StyleSheet","create","flex","SdkColors","ColorTheme","LIGHT","primaryButton","paddingHorizontal","paddingTop","paddingBottom","borderRadius","fontSize"],"sources":["DateTimeWidget.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  Platform,\n  StyleSheet,\n  TextInput,\n  TouchableOpacity,\n  View,\n} from 'react-native';\nimport DateTimePicker, { Event } from '@react-native-community/datetimepicker';\nimport type { WidgetProps } from '@rjsf/core';\nimport { useFormContext } from 'rjsf-native';\nimport SdkColors, { ColorTheme } from '../../../../styles/SdkColors';\n\nconst MODES = {\n  DATE: 'date',\n  TIME: 'time',\n  DATETIME: 'datetime',\n};\n\ntype DateWidgetProps = WidgetProps & {\n  minDate?: Date;\n  maxDate?: Date;\n};\n\nconst DateTimeWidget = ({\n  id,\n  label,\n  value,\n  onChange,\n  onFocus,\n  autofocus,\n  options,\n  rawErrors,\n  maxDate,\n}: DateWidgetProps) => {\n  const [show, setShow] = useState(false);\n  const [date, setDate] = useState<Date | null>(null);\n  const { theme } = useFormContext();\n  const [focused, setFocused] = useState(false);\n\n  const themedStyle = {\n    borderColor:\n      rawErrors?.length > 0\n        ? theme.errorColor\n        : focused\n        ? theme.highlightColor\n        : theme.borderColor,\n    borderWidth: focused ? 2 : 1.5,\n    color: theme.textColor,\n  };\n  const onDateChange = (_event: Event, selectedDate?: Date) => {\n    setShow(Platform.OS === 'ios');\n    if (selectedDate) {\n      const currentDate = selectedDate;\n      let dateTimeValue = getValueBasedOnMode(options, currentDate);\n      setDate(currentDate);\n      onChange(dateTimeValue);\n    }\n  };\n\n  return (\n    <View style={styles.container}>\n      <TouchableOpacity onPress={() => setShow(true)}>\n        <TextInput\n          editable={false}\n          onTouchStart={() => setShow(true)}\n          value={getValueBasedOnMode(options, date)}\n          placeholder={label}\n          selectionColor={'#6200EE'}\n          autoFocus={autofocus}\n          onFocus={() => {\n            setFocused(true);\n            onFocus(id, value);\n          }}\n          placeholderTextColor={theme.placeholderTextColor}\n          style={[styles.input, themedStyle]}\n        />\n      </TouchableOpacity>\n      {show && (\n        <DateTimePicker\n          testID=\"dateTimePicker\"\n          // @ts-ignore\n          mode={getWidgetType(options.mode)}\n          minimumDate={options.mode === 'date' ? new Date() : undefined}\n          maximumDate={maxDate}\n          is24Hour={false}\n          display=\"default\"\n          onChange={onDateChange}\n          value={date ?? new Date()}\n          textColor={'red'}\n        />\n      )}\n    </View>\n  );\n};\n\nfunction getWidgetType(mode: string): string {\n  switch (mode) {\n    case 'date':\n      return MODES.DATE;\n    case 'time':\n      return MODES.TIME;\n    case 'datetime':\n      return MODES.DATETIME;\n    default:\n      return MODES.DATE;\n  }\n}\n\nfunction getValueBasedOnMode(uiOptions: any, date: Date | null): string {\n  if (!date) return '';\n  switch (uiOptions.mode) {\n    case 'date':\n      return date.toISOString().substring(0, 10);\n    case 'time':\n      return date.toLocaleTimeString().slice(0, 5);\n    case 'datetime':\n      return date.toLocaleString();\n    default:\n      return date.toLocaleString();\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n  input: {\n    borderColor: SdkColors[ColorTheme.LIGHT].primaryButton,\n    borderWidth: 1,\n    paddingHorizontal: 16,\n    paddingTop: 15,\n    paddingBottom: 15,\n    borderRadius: 4,\n    fontSize: 16,\n    color: '#111111',\n  },\n});\n\n/**\n * max and min date has to be implemented\n */\n\nexport default DateTimeWidget;\n"],"mappings":"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"}

package/lib/commonjs/components/executiontasks/forms/widgets/QRBarcodeScannerWidget.js

@@ -0,0 +1,155 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _rjsfNative = require("rjsf-native");
+
+var _vectorIcons = require("@expo/vector-icons");
+
+var _CScanner = _interopRequireDefault(require("../../scanner/CScanner"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const QRBarcodeScannerWidget = _ref => {
+  let {
+    id,
+    label,
+    value,
+    onChange,
+    onFocus,
+    autofocus,
+    rawErrors
+  } = _ref;
+  const [show, setShow] = (0, _react.useState)(false);
+
+  const [scannerOutput, setScannerOutput] = _react.default.useState('');
+
+  const {
+    theme
+  } = (0, _rjsfNative.useFormContext)();
+  const [focused, setFocused] = (0, _react.useState)(false);
+  const themedStyle = {
+    borderColor: (rawErrors === null || rawErrors === void 0 ? void 0 : rawErrors.length) > 0 ? theme.errorColor : focused ? theme.highlightColor : theme.borderColor,
+    borderWidth: focused ? 2 : 1,
+    color: theme.textColor
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    onPress: () => setShow(true)
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, {
+    editable: false,
+    onTouchStart: () => setShow(true),
+    value: scannerOutput,
+    placeholder: label,
+    autoFocus: autofocus,
+    onFocus: () => {
+      setFocused(true);
+      onFocus(id, value);
+    },
+    selectionColor: theme.highlightColor,
+    placeholderTextColor: theme.placeholderTextColor,
+    style: [styles.input, themedStyle]
+  })), show && /*#__PURE__*/_react.default.createElement(ScannerDialog, {
+    onSubmitDialog: data => {
+      setScannerOutput(data);
+      onChange(data);
+    }
+    /**
+     * Failure case impl.*/
+    ,
+    onModalClose: () => setShow(false)
+  }));
+};
+
+function ScannerDialog(props) {
+  const [modalVisible, setModalVisible] = (0, _react.useState)(true);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.centeredView
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Modal, {
+    animationType: "slide",
+    transparent: true,
+    visible: modalVisible,
+    onRequestClose: () => {
+      setModalVisible(!modalVisible);
+      props.onModalClose();
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.centeredView
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.modalContent
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.modalText
+  }, "Barcode/QR Scanner"), /*#__PURE__*/_react.default.createElement(_CScanner.default, {
+    barCodeTypes: [],
+    onScanned: result => {
+      props.onSubmitDialog(result);
+      setModalVisible(false);
+      props.onModalClose();
+    }
+  }), /*#__PURE__*/_react.default.createElement(_vectorIcons.AntDesign, {
+    name: "closecircleo",
+    size: 40,
+    color: "blue",
+    onPress: () => {
+      setModalVisible(false);
+      props.onModalClose();
+    }
+  })))));
+}
+
+const styles = _reactNative.StyleSheet.create({
+  centeredView: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginTop: 22
+  },
+  modalContent: {
+    margin: 20,
+    backgroundColor: 'white',
+    borderRadius: 20,
+    padding: 35,
+    alignItems: 'center',
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 4,
+    elevation: 5
+  },
+  modalText: {
+    marginBottom: 15,
+    textAlign: 'center'
+  },
+  container: {
+    flex: 1
+  },
+  input: {
+    borderColor: '#979B9E',
+    borderWidth: 1,
+    paddingHorizontal: 16,
+    paddingTop: 15,
+    paddingBottom: 15,
+    borderRadius: 4,
+    fontSize: 16,
+    color: '#333333'
+  }
+});
+
+var _default = QRBarcodeScannerWidget;
+exports.default = _default;
+//# sourceMappingURL=QRBarcodeScannerWidget.js.map

package/lib/commonjs/components/executiontasks/forms/widgets/QRBarcodeScannerWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["QRBarcodeScannerWidget","id","label","value","onChange","onFocus","autofocus","rawErrors","show","setShow","useState","scannerOutput","setScannerOutput","React","theme","useFormContext","focused","setFocused","themedStyle","borderColor","length","errorColor","highlightColor","borderWidth","color","textColor","styles","container","placeholderTextColor","input","data","ScannerDialog","props","modalVisible","setModalVisible","centeredView","onModalClose","modalContent","modalText","result","onSubmitDialog","StyleSheet","create","flex","justifyContent","alignItems","marginTop","margin","backgroundColor","borderRadius","padding","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","marginBottom","textAlign","paddingHorizontal","paddingTop","paddingBottom","fontSize"],"sources":["QRBarcodeScannerWidget.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  Modal,\n  StyleSheet,\n  Text,\n  TextInput,\n  TouchableOpacity,\n  View,\n} from 'react-native';\nimport type { WidgetProps } from '@rjsf/core';\nimport { useFormContext } from 'rjsf-native';\nimport { AntDesign } from '@expo/vector-icons';\nimport CScanner from '../../scanner/CScanner';\n\nconst QRBarcodeScannerWidget = ({\n  id,\n  label,\n  value,\n  onChange,\n  onFocus,\n  autofocus,\n  rawErrors,\n}: WidgetProps) => {\n  const [show, setShow] = useState(false);\n  const [scannerOutput, setScannerOutput] = React.useState<string>('');\n  const { theme } = useFormContext();\n  const [focused, setFocused] = useState(false);\n\n  const themedStyle = {\n    borderColor:\n      rawErrors?.length > 0\n        ? theme.errorColor\n        : focused\n        ? theme.highlightColor\n        : theme.borderColor,\n    borderWidth: focused ? 2 : 1,\n    color: theme.textColor,\n  };\n\n  return (\n    <View style={styles.container}>\n      <TouchableOpacity onPress={() => setShow(true)}>\n        <TextInput\n          editable={false}\n          onTouchStart={() => setShow(true)}\n          value={scannerOutput}\n          placeholder={label}\n          autoFocus={autofocus}\n          onFocus={() => {\n            setFocused(true);\n            onFocus(id, value);\n          }}\n          selectionColor={theme.highlightColor}\n          placeholderTextColor={theme.placeholderTextColor}\n          style={[styles.input, themedStyle]}\n        />\n      </TouchableOpacity>\n      {show && (\n        <ScannerDialog\n          onSubmitDialog={(data) => {\n            setScannerOutput(data);\n            onChange(data);\n          }}\n          /**\n           * Failure case impl.*/\n          onModalClose={() => setShow(false)}\n        />\n      )}\n    </View>\n  );\n};\n\nfunction ScannerDialog(props: ScannerDialogProps) {\n  const [modalVisible, setModalVisible] = useState(true);\n\n  return (\n    <View style={styles.centeredView}>\n      <Modal\n        animationType=\"slide\"\n        transparent={true}\n        visible={modalVisible}\n        onRequestClose={() => {\n          setModalVisible(!modalVisible);\n          props.onModalClose();\n        }}\n      >\n        <View style={styles.centeredView}>\n          <View style={styles.modalContent}>\n            <Text style={styles.modalText}>Barcode/QR Scanner</Text>\n            <CScanner\n              barCodeTypes={[]}\n              onScanned={(result) => {\n                props.onSubmitDialog(result);\n                setModalVisible(false);\n                props.onModalClose();\n              }}\n            />\n            <AntDesign\n              name=\"closecircleo\"\n              size={40}\n              color=\"blue\"\n              onPress={() => {\n                setModalVisible(false);\n                props.onModalClose();\n              }}\n            />\n          </View>\n        </View>\n      </Modal>\n    </View>\n  );\n}\nconst styles = StyleSheet.create({\n  centeredView: {\n    flex: 1,\n    justifyContent: 'center',\n    alignItems: 'center',\n    marginTop: 22,\n  },\n  modalContent: {\n    margin: 20,\n    backgroundColor: 'white',\n    borderRadius: 20,\n    padding: 35,\n    alignItems: 'center',\n    shadowColor: '#000',\n    shadowOffset: {\n      width: 0,\n      height: 2,\n    },\n    shadowOpacity: 0.25,\n    shadowRadius: 4,\n    elevation: 5,\n  },\n  modalText: {\n    marginBottom: 15,\n    textAlign: 'center',\n  },\n  container: {\n    flex: 1,\n  },\n  input: {\n    borderColor: '#979B9E',\n    borderWidth: 1,\n    paddingHorizontal: 16,\n    paddingTop: 15,\n    paddingBottom: 15,\n    borderRadius: 4,\n    fontSize: 16,\n    color: '#333333',\n  },\n});\n\nexport interface ScannerDialogProps {\n  onSubmitDialog: (value: string) => void;\n  onModalClose: () => void;\n}\nexport default QRBarcodeScannerWidget;\n"],"mappings":"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"}

package/lib/commonjs/components/executiontasks/forms/widgets/TimeRangeSelector.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _DateTimeWidget = _interopRequireDefault(require("./DateTimeWidget"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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); }
+
+const TimeRangeSelector = props => {
+  const [start, setStart] = (0, _react.useState)(new Date());
+  const [end, setEnd] = (0, _react.useState)(new Date());
+  (0, _react.useEffect)(() => {
+    props.onChange(JSON.stringify({
+      start: start,
+      end: end
+    }));
+  });
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_DateTimeWidget.default, _extends({}, props, {
+    onChange: date => {
+      setStart(date);
+    }
+  })), /*#__PURE__*/_react.default.createElement(_DateTimeWidget.default, _extends({}, props, {
+    onChange: date => {
+      setEnd(date);
+    }
+  })));
+};
+
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    flexDirection: 'row',
+    justifyContent: 'space-between'
+  }
+});
+
+var _default = TimeRangeSelector;
+exports.default = _default;
+//# sourceMappingURL=TimeRangeSelector.js.map

package/lib/commonjs/components/executiontasks/forms/widgets/TimeRangeSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TimeRangeSelector","props","start","setStart","useState","Date","end","setEnd","useEffect","onChange","JSON","stringify","styles","container","date","StyleSheet","create","flex","flexDirection","justifyContent"],"sources":["TimeRangeSelector.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { StyleSheet, View } from 'react-native';\nimport type { WidgetProps } from '@rjsf/core';\nimport DateTimeWidget from './DateTimeWidget';\n\nconst TimeRangeSelector = (props: WidgetProps) => {\n  const [start, setStart] = useState(new Date());\n  const [end, setEnd] = useState(new Date());\n  useEffect(() => {\n    props.onChange(JSON.stringify({ start: start, end: end }));\n  });\n  return (\n    <View style={styles.container}>\n      <DateTimeWidget\n        {...props}\n        onChange={(date) => {\n          setStart(date);\n        }}\n      />\n      <DateTimeWidget\n        {...props}\n        onChange={(date) => {\n          setEnd(date);\n        }}\n      />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n  },\n});\n\nexport default TimeRangeSelector;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;;;;;;AAEA,MAAMA,iBAAiB,GAAIC,KAAD,IAAwB;EAChD,MAAM,CAACC,KAAD,EAAQC,QAAR,IAAoB,IAAAC,eAAA,EAAS,IAAIC,IAAJ,EAAT,CAA1B;EACA,MAAM,CAACC,GAAD,EAAMC,MAAN,IAAgB,IAAAH,eAAA,EAAS,IAAIC,IAAJ,EAAT,CAAtB;EACA,IAAAG,gBAAA,EAAU,MAAM;IACdP,KAAK,CAACQ,QAAN,CAAeC,IAAI,CAACC,SAAL,CAAe;MAAET,KAAK,EAAEA,KAAT;MAAgBI,GAAG,EAAEA;IAArB,CAAf,CAAf;EACD,CAFD;EAGA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEM,MAAM,CAACC;EAApB,gBACE,6BAAC,uBAAD,eACMZ,KADN;IAEE,QAAQ,EAAGa,IAAD,IAAU;MAClBX,QAAQ,CAACW,IAAD,CAAR;IACD;EAJH,GADF,eAOE,6BAAC,uBAAD,eACMb,KADN;IAEE,QAAQ,EAAGa,IAAD,IAAU;MAClBP,MAAM,CAACO,IAAD,CAAN;IACD;EAJH,GAPF,CADF;AAgBD,CAtBD;;AAwBA,MAAMF,MAAM,GAAGG,uBAAA,CAAWC,MAAX,CAAkB;EAC/BH,SAAS,EAAE;IACTI,IAAI,EAAE,CADG;IAETC,aAAa,EAAE,KAFN;IAGTC,cAAc,EAAE;EAHP;AADoB,CAAlB,CAAf;;eAQenB,iB"}

package/lib/commonjs/components/executiontasks/httpRequest/HttpEtUtils.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getApiResponse = getApiResponse;
+exports.getHttpETOutput = getHttpETOutput;
+exports.getOutputUsingJsonpath = getOutputUsingJsonpath;
+
+var _axios = _interopRequireDefault(require("axios"));
+
+var _NetworkUtils = require("../../../network/NetworkUtils");
+
+var _GraphQLClient = require("../../../network/GraphQLClient");
+
+var _jsonpathPlus = require("jsonpath-plus");
+
+var _utils = require("../../../utils/utils");
+
+var _ExecTaskUtils = require("../../../utils/ExecTaskUtils");
+
+var _ETConfig = require("../../../models/execTasks/ETConfig");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+async function getApiResponse(apiData) {
+  const axiosConfig = {
+    data: apiData.requestBody,
+    method: apiData.httpMethod,
+    timeout: apiData.timeout ?? 15000,
+    // timeout in millis i.e 15s
+    url: apiData.uri,
+    headers: { ...(0, _NetworkUtils.getAddHeaders)(apiData.headers),
+      ...(await (0, _NetworkUtils.getHeaders)(_GraphQLClient.API_CONTENT_TYPES.APPLICATION_JSON))
+    }
+  };
+  return (0, _axios.default)(axiosConfig);
+}
+
+function getOutputUsingJsonpath(json, jsonPath) {
+  if ((0, _utils.isEmptyOrBlank)(jsonPath)) return json;
+  return (0, _jsonpathPlus.JSONPath)({
+    path: jsonPath,
+    json
+  });
+}
+
+async function getHttpETOutput(apiResponse, jsonPath, success) {
+  return { ...(await (0, _ExecTaskUtils.getBaseETResponse)(_ETConfig.EntityCode.HTTP_REQUEST_ET, success, success ? _ETConfig.BaseEventCodes.ENTITY_SUCCESS : _ETConfig.BaseEventCodes.ENTITY_FAILURE, '')),
+    apiResponse: getOutputUsingJsonpath(apiResponse, jsonPath)
+  };
+}
+//# sourceMappingURL=HttpEtUtils.js.map

package/lib/commonjs/components/executiontasks/httpRequest/HttpEtUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getApiResponse","apiData","axiosConfig","data","requestBody","method","httpMethod","timeout","url","uri","headers","getAddHeaders","getHeaders","API_CONTENT_TYPES","APPLICATION_JSON","axios","getOutputUsingJsonpath","json","jsonPath","isEmptyOrBlank","JSONPath","path","getHttpETOutput","apiResponse","success","getBaseETResponse","EntityCode","HTTP_REQUEST_ET","BaseEventCodes","ENTITY_SUCCESS","ENTITY_FAILURE"],"sources":["HttpEtUtils.ts"],"sourcesContent":["import type { APIData, HttpRequestETOutput } from './HttpRequestETSchema';\nimport axios, { AxiosRequestConfig } from 'axios';\nimport { getAddHeaders, getHeaders } from '../../../network/NetworkUtils';\nimport { API_CONTENT_TYPES } from '../../../network/GraphQLClient';\nimport { JSONPath } from 'jsonpath-plus';\nimport { isEmptyOrBlank } from '../../../utils/utils';\nimport { getBaseETResponse } from '../../../utils/ExecTaskUtils';\nimport { BaseEventCodes, EntityCode } from '../../../models/execTasks/ETConfig';\n\nexport async function getApiResponse(apiData: APIData) {\n  const axiosConfig: AxiosRequestConfig = {\n    data: apiData.requestBody,\n    method: apiData.httpMethod,\n    timeout: apiData.timeout ?? 15000, // timeout in millis i.e 15s\n    url: apiData.uri,\n    headers: {\n      ...getAddHeaders(apiData.headers),\n      ...(await getHeaders(API_CONTENT_TYPES.APPLICATION_JSON)),\n    },\n  };\n  return axios(axiosConfig);\n}\nexport function getOutputUsingJsonpath(json: object, jsonPath: string) {\n  if (isEmptyOrBlank(jsonPath)) return json;\n  return JSONPath({ path: jsonPath, json });\n}\n\nexport async function getHttpETOutput(\n  apiResponse: object,\n  jsonPath: string,\n  success: boolean\n): Promise<HttpRequestETOutput> {\n  return {\n    ...(await getBaseETResponse(\n      EntityCode.HTTP_REQUEST_ET,\n      success,\n      success ? BaseEventCodes.ENTITY_SUCCESS : BaseEventCodes.ENTITY_FAILURE,\n      ''\n    )),\n    apiResponse: getOutputUsingJsonpath(apiResponse, jsonPath),\n  };\n}\n"],"mappings":";;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEO,eAAeA,cAAf,CAA8BC,OAA9B,EAAgD;EACrD,MAAMC,WAA+B,GAAG;IACtCC,IAAI,EAAEF,OAAO,CAACG,WADwB;IAEtCC,MAAM,EAAEJ,OAAO,CAACK,UAFsB;IAGtCC,OAAO,EAAEN,OAAO,CAACM,OAAR,IAAmB,KAHU;IAGH;IACnCC,GAAG,EAAEP,OAAO,CAACQ,GAJyB;IAKtCC,OAAO,EAAE,EACP,GAAG,IAAAC,2BAAA,EAAcV,OAAO,CAACS,OAAtB,CADI;MAEP,IAAI,MAAM,IAAAE,wBAAA,EAAWC,gCAAA,CAAkBC,gBAA7B,CAAV;IAFO;EAL6B,CAAxC;EAUA,OAAO,IAAAC,cAAA,EAAMb,WAAN,CAAP;AACD;;AACM,SAASc,sBAAT,CAAgCC,IAAhC,EAA8CC,QAA9C,EAAgE;EACrE,IAAI,IAAAC,qBAAA,EAAeD,QAAf,CAAJ,EAA8B,OAAOD,IAAP;EAC9B,OAAO,IAAAG,sBAAA,EAAS;IAAEC,IAAI,EAAEH,QAAR;IAAkBD;EAAlB,CAAT,CAAP;AACD;;AAEM,eAAeK,eAAf,CACLC,WADK,EAELL,QAFK,EAGLM,OAHK,EAIyB;EAC9B,OAAO,EACL,IAAI,MAAM,IAAAC,gCAAA,EACRC,oBAAA,CAAWC,eADH,EAERH,OAFQ,EAGRA,OAAO,GAAGI,wBAAA,CAAeC,cAAlB,GAAmCD,wBAAA,CAAeE,cAHjD,EAIR,EAJQ,CAAV,CADK;IAOLP,WAAW,EAAEP,sBAAsB,CAACO,WAAD,EAAcL,QAAd;EAP9B,CAAP;AASD"}