oa-componentbook 0.0.0-sit1.1

package/build/widgets/oa-widget-document-upload-card/DocUploadCardWidget.js

@@ -0,0 +1,178 @@
+"use strict";
+
+require("core-js/modules/es.weak-map.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.promise.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _icons = require("@ant-design/icons");
+var _antd = require("antd");
+var _CustomInfo = _interopRequireDefault(require("../../components/oa-component-info/CustomInfo"));
+var _Typography = _interopRequireDefault(require("../../components/oa-component-typography/Typography"));
+var _ColorVariablesMap = _interopRequireDefault(require("../../global-css/ColorVariablesMap"));
+var _styles = require("./styles");
+var _PdfSampleImage = _interopRequireDefault(require("../../images/PdfSampleImage.png"));
+var _upload = _interopRequireDefault(require("../../images/upload.svg"));
+var _CustomIcon = _interopRequireDefault(require("../../components/oa-component-icons/CustomIcon"));
+var _CustomUpload = _interopRequireDefault(require("../../components/oa-component-upload/CustomUpload"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/**
+ * Takes a file and returns a Promise that resolves with the file as a base64 encoded string.
+ * The Promise is rejected if there is an error reading the file.
+ * @param {File} file The file to be converted to base64
+ * @returns {Promise<string>} A Promise that resolves with the file as a base64 encoded string
+ */
+const getBase64 = file => new Promise((resolve, reject) => {
+  const reader = new FileReader();
+  reader.readAsDataURL(file);
+  reader.onload = () => resolve(reader.result);
+  reader.onerror = error => reject(error);
+});
+/**
+ * Downloads a file from a base64 encoded string.
+ * @param {string} base64String The base64 encoded string of the file to be downloaded
+ * @param {string} [fileName] The name of the file to be downloaded. If not provided, the file will be downloaded with the name 'download'.
+ * @returns {undefined}
+ */
+const downloadFile = (base64String, fileName) => {
+  const link = document.createElement('a');
+  link.href = base64String;
+  link.download = fileName || 'download';
+  link.click();
+};
+
+/**
+   * A component that allows users to upload documents.
+   * The component displays the uploaded documents in a list.
+   * The component also allows users to delete the uploaded documents.
+   * @param {object} props The props passed to the component
+   * @param {array} [props.uploadedDocuments=[]] An array of documents that have already been uploaded
+   * @param {function} props.onChange A function that is called whenever the list of uploaded documents changes
+   * @param {number} [props.multipleDoc=0] The maximum number of documents that can be uploaded. If set to 0, there is no limit
+   * @param {boolean} [props.showDelete=false] Whether or not to show a delete button next to each uploaded document
+   * @param {string} [props.subText] A string that is displayed below the heading
+   * @param {string} [props.heading] A string that is displayed above the upload button
+   * @param {string} [props.formName] The name of the form field that the uploaded documents should be associated with
+   * @param {function} [props.getPreview] A function that is called whenever the user clicks on an uploaded document. It should return a Promise that resolves with the URL of the document
+   * @param {string} [props.infoText] A string that is displayed below the subText
+   * @param {boolean} [props.isMandatory=false] Whether or not the component is mandatory
+   * @returns {object} A React component
+   */
+function DocumentUploadCard(props) {
+  const {
+    uploadedDocuments = [],
+    onChange,
+    multipleDoc,
+    showDelete,
+    subText,
+    heading,
+    formName,
+    getPreview,
+    infoText,
+    isMandatory
+  } = props;
+  const [previewOpen, setPreviewOpen] = (0, _react.useState)(false);
+  const [previewImage, setPreviewImage] = (0, _react.useState)(null);
+  const [previewTitle, setPreviewTitle] = (0, _react.useState)('');
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const [fileList, setFileList] = (0, _react.useState)(uploadedDocuments);
+  const handleCancel = () => setPreviewOpen(false);
+
+  /**
+   * Determines if the given file is an image file based on its file extension.
+   * @param {string} fileName The name of the file to check
+   * @returns {boolean} Whether or not the file is an image file
+   */
+  function isImageFile(fileName) {
+    var _fileName$split;
+    // Extract the file extension from the file name
+    const fileExtension = fileName === null || fileName === void 0 || (_fileName$split = fileName.split('.')) === null || _fileName$split === void 0 || (_fileName$split = _fileName$split.pop()) === null || _fileName$split === void 0 ? void 0 : _fileName$split.toLowerCase();
+
+    // Define an array of image file extensions
+    const imageFileExtensions = ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'tiff', 'svg'];
+
+    // Check if the file extension is in the array of image file extensions
+    if (imageFileExtensions.indexOf(fileExtension) !== -1) {
+      return true;
+    }
+    return false;
+  }
+  (0, _react.useEffect)(() => {
+    setFileList(uploadedDocuments);
+  }, [uploadedDocuments === null || uploadedDocuments === void 0 ? void 0 : uploadedDocuments.length]);
+  const uploadButton = /*#__PURE__*/_react.default.createElement("button", {
+    style: {
+      border: 0,
+      background: 'none'
+    },
+    type: "button"
+  }, loading ? /*#__PURE__*/_react.default.createElement(_icons.LoadingOutlined, null) : /*#__PURE__*/_react.default.createElement(_CustomIcon.default, {
+    className: "UploadImg",
+    alt: "phone img",
+    src: _upload.default
+  }), /*#__PURE__*/_react.default.createElement("div", null, "Upload"));
+  return /*#__PURE__*/_react.default.createElement(_styles.MainStyleSec, null, /*#__PURE__*/_react.default.createElement(_styles.StyledSection, null, (heading || subText) && /*#__PURE__*/_react.default.createElement("div", {
+    className: "uploadSecPad"
+  }, heading && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    color: "primary-content",
+    className: "type-t2-700"
+  }, heading, isMandatory && /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    color: "negative"
+  }, " *"))), subText && /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      whiteSpace: 'pre-line'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    color: "secondary-content",
+    className: "type-b2-400"
+  }, subText)), infoText && /*#__PURE__*/_react.default.createElement(_CustomInfo.default, {
+    color: "background-warning",
+    description: infoText
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "uploadDiv "
+  }, multipleDoc > 0 && /*#__PURE__*/_react.default.createElement("em", null, multipleDoc), /*#__PURE__*/_react.default.createElement(_antd.ConfigProvider, {
+    theme: {
+      token: {
+        colorBorder: _ColorVariablesMap.default['--color-divider'],
+        borderRadiusLG: 4,
+        colorPrimaryHover: _ColorVariablesMap.default['--color-primary'],
+        colorPrimaryBorder: _ColorVariablesMap.default['--color-divider'],
+        colorFillAlter: _ColorVariablesMap.default['--color-secondary-background'],
+        colorError: _ColorVariablesMap.default['--color-negative'],
+        colorText: _ColorVariablesMap.default['--color-secondary-content']
+      }
+    }
+  }, /*#__PURE__*/_react.default.createElement(_CustomUpload.default, props)))));
+}
+DocumentUploadCard.propTypes = {
+  uploadedDocuments: _propTypes.default.array,
+  onChange: _propTypes.default.func,
+  subText: _propTypes.default.string,
+  heading: _propTypes.default.string,
+  formName: _propTypes.default.string,
+  infoText: _propTypes.default.string,
+  showDelete: _propTypes.default.bool,
+  multipleDoc: _propTypes.default.number,
+  getPreview: _propTypes.default.func,
+  // Define the getPreview prop type
+  isMandatory: _propTypes.default.bool
+};
+DocumentUploadCard.defaultProps = {
+  uploadedDocuments: [],
+  onChange: () => {},
+  subText: '',
+  heading: '',
+  formName: '',
+  infoText: '',
+  multipleDoc: 0,
+  showDelete: true,
+  getPreview: () => {},
+  isMandatory: true
+};
+var _default = exports.default = DocumentUploadCard;

package/build/widgets/oa-widget-document-upload-card/styles.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledSection = exports.MainStyleSec = void 0;
+var _antd = require("antd");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _templateObject, _templateObject2;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+const MainStyleSec = exports.MainStyleSec = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.ant-form-item{\n  margin-bottom: 0;\n}\n.ant-upload button{\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n} \n.uploadDiv{\n  width: 96px;\n  position: relative;\n}\n.uploadDiv em{\n  position: absolute;\n  right: -9px;\n  top: -9px;\n  font-style: normal;\n  width: 20px;\n  height: 20px;\n  background: var(--color-warning);\n  z-index: 9;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  color: #fff;\n  font-size: 12px;\n  line-height: 0;\n}\n.UploadImg img{\n  height: 24px;\n  width: 24px;\n\n}\n.UploadImg{\n  justify-content: center;\n  cursor: pointer;\n}\n.uploadSecPad div{\n  padding: 0 0 8px;\n}\n.anticon-upload{\n  font-size: 24px;\n}\n.uploadSecPad{\n  width: 100%;\n}\n.uploadSecPad div:last-child{\n  padding: 0;\n}\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  .ant-upload-list-item-done,.ant-upload-list-item-A{\n    border: 1px solid var(--color-divider) !important;\n  }\n  .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item:hover::before{\n    opacity: 1 !important;\n  }\n  .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item:hover::before ant-upload-list-item-actions > a\n  {\n    background: red !important;\n  }\n  .ant-upload-list-item-actions{\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 16px;\n  }\n  .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item::before{\n    background: transparent;\n    opacity: 1;\n  }\n.ant-upload-list-item-actions button{\n  background: #212121;\n    border-radius: 50px;\n    height: 24px !important;\n    display: flex;\n    align-items: center;\n}\n.ant-btn-text:not(:disabled):not(.ant-btn-disabled):hover{\n  background: #212121;\n}\n  .ant-upload-list-item-actions a{\n    background: #212121;\n    border-radius: 50px;\n    height: 24px;\n    display: flex;\n  }\n  .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions,.ant-upload-wrapper .ant-upload-list .ant-upload-list-item .ant-upload-list-item-actions .ant-upload-list-item-action {\n    opacity: 1;\n  }\n  .ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item{\n    opacity: 1 !important;\n  }\n  .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye,.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete{\n    color: #fff;\n  }\n  @media only screen and (max-width: 600px) {\n    .uploadDiv {\n      width: 64px;\n  }\n  .uploadDiv em{\n    width: 16px;\n    height: 16px;\n  }\n  }\n"])));
+const StyledSection = exports.StyledSection = _styledComponents.default.section(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  gap: 16px;\n  justify-content: space-between;\n  h2{\n    margin: 0;\n  }\n  .ant-upload-select, .ant-upload-wrapper, .ant-upload-wrapper, .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-container{\n    width: 96px;\n    height: 96px;\n    margin: 0;\n  }\n  .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload.ant-upload-select{\n    width: 96px !important;\n    height: 96px !important;\n    margin: 0;\n  }\n  @media only screen and (max-width: 600px) {\n    .ant-upload-select, .ant-upload-wrapper, .ant-upload-wrapper, .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-container{\n      width: 64px;\n      height: 64px;\n    }\n    .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload.ant-upload-select{\n      width: 64px !important;\n      height: 64px !important;\n    }\n    .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye,.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete{\n      font-size:12px;\n      margin: 0 !important;\n      padding: 0 !important;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    .ant-upload-list-item-actions button {\n      height: 16px!important;\n      width: 16px !important;\n      justify-content: center;\n  }\n  .ant-upload-list-item-actions a {\n    height: 16px;\n    width: 16px !important;\n    align-items: center;\n    justify-content: center;\n}\n    .ant-upload-list-item-actions {\n      gap: 8px;\n    }\n    .ant-upload button span + div{\n      display: none;\n    }\n  }\n"])));

package/build/widgets/oa-widget-dropdown-search-input/DropdownSearchInput.js

@@ -0,0 +1,200 @@
+"use strict";
+
+require("core-js/modules/es.object.assign.js");
+require("core-js/modules/es.weak-map.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/web.dom-collections.iterator.js");
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _antd = require("antd");
+var _KeyboardArrowDownOutlined = _interopRequireDefault(require("@material-ui/icons/KeyboardArrowDownOutlined"));
+var _styles = require("./styles");
+var _CustomInput = _interopRequireDefault(require("../../components/oa-component-input/CustomInput"));
+const _excluded = ["options", "onOptionChange", "onInputChange", "onPressEnter", "onClear", "inputValue", "placeholder", "allowClear", "selectedOption"];
+/* eslint-disable */
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+/**
+ * A dropdown search input component.
+ *
+ * @param {array} options - An array of objects, each with the following structure:
+ *   - `label`: The label to be displayed in the dropdown menu.
+ *   - `value`: The value of the option.
+ *   - `icon`: The icon to be displayed next to the label in the dropdown menu.
+ *   - `placeholder`: The placeholder text to be displayed in the search input.
+ * @param {function} onOptionChange - A callback to be called when an option is selected from the dropdown menu.
+ *   - It is called with the selected option as an argument.
+ * @param {function} onInputChange - A callback to be called when the search input value changes.
+ *   - It is called with the event as an argument.
+ * @param {function} onPressEnter - A callback to be called when the enter key is pressed in the search input.
+ *   - It is called with the event as an argument.
+ * @param {string} inputValue - The initial value of the search input.
+ * @param {string} placeholder - The placeholder text to be displayed in the search input.
+ * @param {string} selectedOption - The currently selected option value from parent state.
+ * @param {object} props - Additional props to be passed to the underlying `CustomInput` component.
+ *
+ * @returns {ReactElement} A `DropdownSearchInput` component.
+ */
+function DropdownSearchInput(_ref) {
+  var _selectedValue$icon;
+  let {
+      options,
+      onOptionChange,
+      onInputChange,
+      onPressEnter,
+      onClear,
+      inputValue,
+      placeholder,
+      allowClear,
+      selectedOption
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const [selectedValue, setSelectedValue] = (0, _react.useState)(null);
+  const [internalInputValue, setInternalInputValue] = (0, _react.useState)(inputValue);
+  const [isDropdownOpen, setIsDropdownOpen] = (0, _react.useState)(false);
+  const [isInitialized, setIsInitialized] = (0, _react.useState)(false);
+
+  // Sync selectedValue with parent's selectedOption
+  (0, _react.useEffect)(() => {
+    if (selectedOption && options.length > 0) {
+      const option = options.find(opt => opt && opt.value === selectedOption);
+      if (option) {
+        setSelectedValue(option);
+        setIsInitialized(true);
+      }
+    } else if (options.length > 0 && !isInitialized) {
+      // Only set first option as default if no selectedOption is provided and not initialized yet
+      const defaultOption = options[0];
+      setSelectedValue(defaultOption);
+      setIsInitialized(true);
+      // Call onOptionChange to notify parent about the default selection
+      if (onOptionChange) {
+        onOptionChange(defaultOption);
+      }
+    }
+  }, [selectedOption, options, isInitialized, onOptionChange]);
+  (0, _react.useEffect)(() => {
+    setInternalInputValue(inputValue);
+  }, [inputValue]);
+
+  /**
+   * Handles the change of the selected value in the dropdown menu.
+   *
+   * Sets the `selectedValue` state to the selected option, clears the search input
+   * value, and calls the `onOptionChange` callback with the selected option as an
+   * argument.
+   *
+   * @param {string} value - The selected value.
+   */
+  const handleSelectChange = val => {
+    const selectedOption = options.find(option => option && option.value == val);
+    setSelectedValue(selectedOption);
+    setInternalInputValue("");
+    if (onOptionChange) {
+      onOptionChange(selectedOption);
+    }
+  };
+
+  /**
+   * Handles the change of the search input value.
+   *
+   * Updates the `internalInputValue` state with the new search input value,
+   * and calls the `onInputChange` callback with the change event as an
+   * argument.
+   *
+   * @param {React.ChangeEvent<HTMLInputElement>} e - The change event.
+   */
+  const handleInputChange = e => {
+    setInternalInputValue(e.target.value);
+    if (onInputChange) {
+      onInputChange(e); // Return the event `e` instead of just its value
+    }
+  };
+  const handleKeyPress = e => {
+    if (e.key === "Enter" && onPressEnter) {
+      onPressEnter(e);
+    }
+  };
+
+  /**
+   * Handles the click event on the dropdown menu.
+   *
+   * Finds the selected option by the clicked key, and calls the
+   * `handleSelectChange` function with the selected option's value as an
+   * argument.
+   *
+   * @param {{ key: string }} obj - The event object with the key property.
+   */
+  const handleMenuClick = _ref2 => {
+    let {
+      key
+    } = _ref2;
+    const selectedOption = options.find(option => option && option.value === key);
+    handleSelectChange(selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value);
+  };
+  const handleClearClick = () => {
+    setInternalInputValue("");
+    onInputChange === null || onInputChange === void 0 || onInputChange({
+      target: {
+        value: ""
+      }
+    });
+    onClear === null || onClear === void 0 || onClear();
+  };
+  const menu = /*#__PURE__*/_react.default.createElement(_antd.Menu, {
+    className: "mobilesIcons",
+    onClick: handleMenuClick
+  }, options.map(option => /*#__PURE__*/_react.default.createElement(_antd.Menu.Item, {
+    key: option.value,
+    icon: option.icon()
+  }, option.label)));
+  return /*#__PURE__*/_react.default.createElement(_styles.StylesContainer, null, /*#__PURE__*/_react.default.createElement(_antd.Dropdown, {
+    overlay: menu,
+    trigger: ["click"],
+    onVisibleChange: setIsDropdownOpen
+  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    className: "mobile-input"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "mobileVisible"
+  }, /*#__PURE__*/_react.default.createElement("span", null, selectedValue === null || selectedValue === void 0 || (_selectedValue$icon = selectedValue.icon) === null || _selectedValue$icon === void 0 ? void 0 : _selectedValue$icon.call(selectedValue)), " ", /*#__PURE__*/_react.default.createElement("small", null, selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.label)), /*#__PURE__*/_react.default.createElement(_KeyboardArrowDownOutlined.default, null))), /*#__PURE__*/_react.default.createElement(_CustomInput.default, _extends({
+    allowClear: allowClear,
+    value: internalInputValue,
+    onChange: handleInputChange,
+    onKeyPress: handleKeyPress,
+    onClear: handleClearClick,
+    placeholder: placeholder || (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.placeholder),
+    className: !allowClear && "noClear"
+  }, props)));
+}
+DropdownSearchInput.propTypes = {
+  options: _propTypes.default.arrayOf(_propTypes.default.shape({
+    label: _propTypes.default.string.isRequired,
+    value: _propTypes.default.string.isRequired,
+    icon: _propTypes.default.node.isRequired,
+    placeholder: _propTypes.default.string.isRequired
+  })).isRequired,
+  onOptionChange: _propTypes.default.func.isRequired,
+  onInputChange: _propTypes.default.func.isRequired,
+  onPressEnter: _propTypes.default.func,
+  inputValue: _propTypes.default.string,
+  placeholder: _propTypes.default.string,
+  onClear: _propTypes.default.func,
+  allowClear: _propTypes.default.bool,
+  selectedOption: _propTypes.default.string
+};
+DropdownSearchInput.defaultProps = {
+  onPressEnter: null,
+  inputValue: "",
+  placeholder: "",
+  onClear: null,
+  allowClear: false,
+  selectedOption: null
+};
+var _default = exports.default = DropdownSearchInput;

package/build/widgets/oa-widget-dropdown-search-input/styles.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.StylesContainer = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _templateObject;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+const StylesContainer = exports.StylesContainer = _styledComponents.default.section(_templateObject || (_templateObject = _taggedTemplateLiteral(["\ndisplay: flex;\n.mobile-input{\n    min-width: 60px;\n    height: 48px;\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-color: #959595;\n    border-right: none;\n    align-items: center;\n    justify-content: space-between;\n    display: flex;\n    gap: 4px;\n}\n.ant-input{\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n    boder-left: none;\n}\n.dropdown-container {\n    display: flex;\n    align-items: center;\n  }  \n  .selected-icon {\n    display: none;\n    margin-left: 10px;\n    font-size: 24px;\n  }\n  .mobileVisible svg,.mobile-input svg{\n    color: var(--color-primary);\n  }\n  .mobileVisible small{display: none;}\n\n\n\n  @media (min-width: 768px) {\n    .mobileVisible span {\n      display: none;\n    }\n    .mobile-input{\n        min-width: 150px;\n        align-items: center;\n        justify-content: space-between;\n        gap: 4\n    }\n    .mobileVisible small{display: block;font-size: inherit;color: var(--color-primary)}\n    \n  }  \n"])));
+var _default = exports.default = StylesContainer;

package/build/widgets/oa-widget-feedback/FeedbackWidget.js

@@ -0,0 +1,83 @@
+"use strict";
+
+require("core-js/modules/es.weak-map.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/web.dom-collections.iterator.js");
+var _react = _interopRequireWildcard(require("react"));
+var _FeedbackForm = _interopRequireDefault(require("../../components/oa-component-feedback-form/FeedbackForm"));
+var _FeedbackTooltip = _interopRequireDefault(require("../../components/oa-component-feedback-tooltip/FeedbackTooltip"));
+var _styles = require("./styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/** ***********  ✨ Codeium Command ⭐  ************ */
+/**
+ * FeedbackWidget renders a feedback form and a tooltip with a button to open the form.
+ * The widget uses a useEffect hook to set the initial state of the component based on
+ * whether the feedback button has been clicked in the past (stored in localStorage).
+ * The component also uses a useCallback hook to memoize the functions used to set the
+ * state and to handle the button clicks.
+ *
+ * @param {Object} props - The properties object.
+ * @param {string} props.scriptSrc - The source URL for the script tag.
+ * @param {string} props.iframeSrc - The source URL for the iframe.
+ * @param {ReactElement} props.WrapperComponent - The component to wrap the FeedbackForm component.
+ * @param {Function} props.setOpen - The function to call when the feedback button is clicked.
+ * @param {boolean} props.open - The current state of the feedback form.
+ *
+ * @returns {ReactElement} The FeedbackWidget component.
+ */
+/** ****  1deff343-01ad-4bdd-848d-22d1f519f3ff  ****** */
+
+function FeedbackWidget(props) {
+  const {
+    scriptSrc,
+    iframeSrc,
+    WrapperComponent,
+    setOpen,
+    open,
+    onClose
+  } = props !== null && props !== void 0 ? props : {};
+  const [hasClickedFeedback, setHasClickedFeedback] = (0, _react.useState)(true);
+  const [tooltipOpen, setTooltipOpen] = (0, _react.useState)(true);
+  (0, _react.useEffect)(() => {
+    const feedbackClicked = localStorage.getItem('feedbackButtonClicked');
+    if (!feedbackClicked) {
+      setHasClickedFeedback(false);
+    }
+  }, []);
+  const onFeedbackButtonClick = (0, _react.useCallback)(() => {
+    setTooltipOpen(false);
+    setOpen(true);
+    localStorage.setItem('feedbackButtonClicked', true);
+    setHasClickedFeedback(true);
+  }, [setOpen]);
+  const onButtonClick = (0, _react.useCallback)(() => {
+    setTooltipOpen(false);
+    localStorage.setItem('feedbackButtonClicked', true);
+    setHasClickedFeedback(true);
+  }, [setOpen]);
+  return /*#__PURE__*/_react.default.createElement(_styles.OaFeedBackStyle, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: !hasClickedFeedback && 'OaMask'
+  }), /*#__PURE__*/_react.default.createElement(_FeedbackTooltip.default, {
+    setOpen: setOpen,
+    hasClickedFeedback: hasClickedFeedback,
+    setHasClickedFeedback: setHasClickedFeedback,
+    tooltipTitle: "We Value Your Feedback!",
+    tooltipDescription: "Please let us know your thoughts.",
+    tooltipButtonLabel: "Okay",
+    feedbackButtonLabel: "Give Feedback",
+    onFeedbackButtonClick: onFeedbackButtonClick,
+    onButtonClick: onButtonClick,
+    tooltipOpen: tooltipOpen
+  }), /*#__PURE__*/_react.default.createElement(WrapperComponent, null, /*#__PURE__*/_react.default.createElement(_FeedbackForm.default, {
+    scriptSrc: scriptSrc,
+    iframeSrc: iframeSrc,
+    open: open,
+    onClose: onClose
+  })));
+}
+var _default = exports.default = FeedbackWidget;

package/build/widgets/oa-widget-feedback/styles.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.OaFeedBackStyle = void 0;
+var _antd = require("antd");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _templateObject;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var _default = exports.default = {};
+const OaFeedBackStyle = exports.OaFeedBackStyle = _styledComponents.default.aside(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .whiteBg{\n        position: fixed;\n        top: 50%;\n        right: 0;\n        transform: translate(0%, -50%) rotate(-90deg);\n        cursor: pointer;\n        z-index: 999;\n    }\n    .whiteBg button{\n        background: #212121 !important;\n        border: 1px solid #212121;\n    }\n\n    .OaMask{\n        width: 100%;\n        position: fixed;\n        background: rgb(0 0 0 / 70%);\n        left: 0;\n        right: 0;\n        bottom: 0;\n        z-index: 9;\n        top: 0;\n    }\n"])));

package/build/widgets/oa-widget-form/CustomFormWidget.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = CustomFormWidget;
+require("core-js/modules/web.dom-collections.iterator.js");
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _antd = require("antd");
+var _utils = require("../../utils");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * A wrapper around Ant Design's Form component that accepts an array of objects
+ * to be rendered as Form.Items. Each object should have a "label" string, a
+ * "formItem" object with props for the Form.Item, and a "child" node to be
+ * rendered inside the Form.Item. Optionally, a "secondaryChild" node can be
+ * rendered below the Form.Item.
+ *
+ * @param {function} handleFormSubmit - Called with the form data when the form
+ * is submitted.
+ * @param {array} formItem - An array of objects to be rendered as Form.Items.
+ * @returns {React.ReactElement} A Form component with the given items.
+ */
+function CustomFormWidget(_ref) {
+  var _Form$useForm, _Form$useForm2, _formItem$map;
+  let {
+    handleFormSubmit,
+    formItem
+  } = _ref;
+  const [form] = (_Form$useForm = _antd.Form === null || _antd.Form === void 0 || (_Form$useForm2 = _antd.Form.useForm) === null || _Form$useForm2 === void 0 ? void 0 : _Form$useForm2.call(_antd.Form)) !== null && _Form$useForm !== void 0 ? _Form$useForm : [];
+  return /*#__PURE__*/_react.default.createElement(_antd.Form, {
+    form: form,
+    onFinish: handleFormSubmit
+  }, formItem === null || formItem === void 0 || (_formItem$map = formItem.map) === null || _formItem$map === void 0 ? void 0 : _formItem$map.call(formItem, item => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+    key: (0, _utils.getUUID)()
+  }, item.label && /*#__PURE__*/_react.default.createElement(_antd.Typography, null, item.label), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, item.formItem, item.child), item.secondaryChild)));
+}
+CustomFormWidget.propTypes = {
+  handleFormSubmit: _propTypes.default.func,
+  formItem: _propTypes.default.arrayOf(_propTypes.default.shape({
+    label: _propTypes.default.string,
+    formItem: _propTypes.default.object,
+    child: _propTypes.default.node,
+    secondaryChild: _propTypes.default.node
+  }))
+};
+CustomFormWidget.defaultProps = {
+  handleFormSubmit: () => {},
+  formItem: []
+};

package/build/widgets/oa-widget-form/styles.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.StyleContainer = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _templateObject;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var _default = exports.default = {};
+const StyleContainer = exports.StyleContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\nheader{background: var(--color-primary-background); box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.14);}\n.flexProp{display:flex; flex-direction: row; align-items: center; justify-content: space-between; min-height:60px;}\n.flexSec{display:flex; flex-direction: row; justify-content: flex-start;}\n.flexSec svg{cursor:pointer;}\n.mobView{display:none;}\n.deskView{display:flex;}\n\n@media only screen and (max-width: 600px) {\n.mobView{display:flex;}\n.deskView{display:none;}\n}\n\n\n"])));

package/build/widgets/oa-widget-googlerating/GoogleRating.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = GoogleRating;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _StarOutlined = _interopRequireDefault(require("@material-ui/icons/StarOutlined"));
+var _ThumbUpAltOutlined = _interopRequireDefault(require("@material-ui/icons/ThumbUpAltOutlined"));
+var _styles = require("./styles");
+var _Typography = _interopRequireDefault(require("../../components/oa-component-typography/Typography"));
+var _MaterialIcon = _interopRequireDefault(require("../../components/oa-component-icons/MaterialIcon"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * GoogleRating component renders a styled section with an optional Material icon and text content.
+ *
+ * @param {Object} props
+ * @param {Object} [props.materialIcon] - The Material UI icon component to be displayed.
+ * @param {string} [props.textContent=''] - The text content to be displayed alongside the icon.
+ * @param {string} [props.iconColor='defaultColor'] - The color of the icon.
+ * @param {number} [props.iconSize=20] - The size of the icon.
+ * @returns {ReactElement} The rendered GoogleRating component.
+ */
+function GoogleRating(_ref) {
+  let {
+    materialIcon,
+    textContent,
+    iconColor,
+    iconSize
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_styles.GoogleRatingStyle, null, /*#__PURE__*/_react.default.createElement("section", null, materialIcon && /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
+    color: iconColor,
+    icon: materialIcon,
+    size: iconSize
+  }), /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    color: "primary-content",
+    className: "type-b2-400"
+  }, textContent), ' ')));
+}
+GoogleRating.propTypes = {
+  materialIcon: _propTypes.default.object,
+  // Pass the Material UI icon component
+  textContent: _propTypes.default.string,
+  iconColor: _propTypes.default.string,
+  iconSize: _propTypes.default.number
+};
+GoogleRating.defaultProps = {
+  materialIcon: null,
+  // Provide a default value, e.g., null
+  textContent: '',
+  iconColor: 'defaultColor',
+  iconSize: 20
+};
+// export default GoogleRating

package/build/widgets/oa-widget-googlerating/styles.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.GoogleRatingStyle = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _templateObject;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var _default = exports.default = {};
+const GoogleRatingStyle = exports.GoogleRatingStyle = _styledComponents.default.aside(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: 16px;\n    display: flex;\n    justify-content: space-between;\n    border-radius: 8px;\n    background: var(--color-primary-background);\n    p{\n        margin: 0;\n    }\n    section{\n        text-align: center;\n        margin: 0 24px 0 0;\n\n    }\n    section:last-child{\n        margin: 0;\n    }\n"])));