@licklist/design 0.66.7-dev.9 → 0.66.8-dev.1

package/dist/affiliate/card/AffiliateCard.js

@@ -4,10 +4,9 @@ import { OverlayTrigger, Popover, ListGroup } from 'react-bootstrap';
 import { useTranslation } from 'react-i18next';
 import clsx from 'clsx';
 import { useId } from '@react-aria/utils';
+import { FaEye, FaTrashAlt, FaEllipsisH } from 'react-icons/fa';
 import { ConfirmModal } from '../../modals/confirmation/ConfirmModal.js';
-import '../../static/index.js';
 import { MenuButton } from '../../table/MenuButton.js';
-import Icon from '../../static/Icon.js';
 
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
@@ -97,10 +96,9 @@ function AffiliateCard(param) {
                             children: [
                                 /*#__PURE__*/ jsx("div", {
                                     className: "affiliate-card-menu-eye-container",
-                                    children: /*#__PURE__*/ jsx(Icon, {
-                                        type: "eye",
+                                    children: /*#__PURE__*/ jsx(FaEye, {
                                         color: "#0E8CE2",
-                                        width: "20"
+                                        size: 20
                                     })
                                 }),
                                 /*#__PURE__*/ jsx(OverlayTrigger, {
@@ -127,7 +125,9 @@ function AffiliateCard(param) {
                                                                     confirm(onRemove);
                                                                 },
                                                                 name: t("remove"),
-                                                                icon: "trash-alt",
+                                                                icon: /*#__PURE__*/ jsx(FaTrashAlt, {
+                                                                    size: 12
+                                                                }),
                                                                 className: "affiliate-card-menu-item-text d-flex w-100 align-items-center",
                                                                 rightIcon: true
                                                             });
@@ -144,9 +144,7 @@ function AffiliateCard(param) {
                                             e.stopPropagation();
                                             setIsOverlayVisible(true);
                                         },
-                                        children: /*#__PURE__*/ jsx(Icon, {
-                                            type: "ellipsis-h"
-                                        })
+                                        children: /*#__PURE__*/ jsx(FaEllipsisH, {})
                                     })
                                 })
                             ]

package/dist/auth/AccessDenied/AccessDenied.js

@@ -3,8 +3,7 @@ import { Button } from 'react-bootstrap';
 import { useTranslation } from 'react-i18next';
 import RouteService from '@licklist/plugins/dist/services/Route/RouteService';
 import useUser from '@licklist/plugins/dist/context/user/hooks/useUser';
-import '../../static/index.js';
-import Icon from '../../static/Icon.js';
+import { FaLock } from 'react-icons/fa';
 
 var AccessDenied = function() {
     var t = useTranslation("App").t;
@@ -23,10 +22,8 @@ var AccessDenied = function() {
             children: [
                 /*#__PURE__*/ jsx("div", {
                     className: "icon-wrapper mb-5",
-                    children: /*#__PURE__*/ jsx(Icon, {
-                        type: "lock",
-                        width: "5rem",
-                        height: "5rem"
+                    children: /*#__PURE__*/ jsx(FaLock, {
+                        size: 80
                     })
                 }),
                 /*#__PURE__*/ jsx("h3", {

package/dist/auth/Social/SocialFormComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SocialFormComponent.d.ts","sourceRoot":"","sources":["../../../src/auth/Social/SocialFormComponent.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,QAAQ,CAAC;CACxB;AAED,iBAAS,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CA+E3D;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"SocialFormComponent.d.ts","sourceRoot":"","sources":["../../../src/auth/Social/SocialFormComponent.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,QAAQ,CAAC;CACxB;AAED,iBAAS,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CA8E3D;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/auth/Social/SocialFormComponent.js

@@ -245,7 +245,6 @@ function SocialFormComponent(props) {
                                 "pr-1"
                             ].join(" "),
                             type: "facebook",
-                            icon: "facebook-f",
                             onClick: handleFacebookClick,
                             disabled: isLoading,
                             children: "Facebook"

package/dist/collapsible-input-group/CollapsibleInputGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleInputGroup.d.ts","sourceRoot":"","sources":["../../src/collapsible-input-group/CollapsibleInputGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAW9C,MAAM,MAAM,0BAA0B,GAAG;IACvC,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,EAAE,SAAS,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,KAAK,GACN,EAAE,0BAA0B,2CAiC5B;AAED,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"CollapsibleInputGroup.d.ts","sourceRoot":"","sources":["../../src/collapsible-input-group/CollapsibleInputGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAW9C,MAAM,MAAM,0BAA0B,GAAG;IACvC,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,EAAE,SAAS,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,KAAK,GACN,EAAE,0BAA0B,2CAoC5B;AAED,eAAe,qBAAqB,CAAC"}

package/dist/collapsible-input-group/CollapsibleInputGroup.js

@@ -2,12 +2,11 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useContext } from 'react';
 import { AccordionContext, Card, Accordion, Collapse, Form } from 'react-bootstrap';
 import clsx from 'clsx';
-import Icon from '../static/Icon.js';
+import { FaChevronUp, FaChevronDown } from 'react-icons/fa';
 
 function CollapsibleInputGroup(param) {
     var label = param.label, description = param.description, eventKey = param.eventKey, children = param.children, alwaysOpen = param.alwaysOpen, error = param.error;
     var currentEventKey = useContext(AccordionContext);
-    var accordionIcon = currentEventKey === eventKey ? "chevron-up" : "chevron-down";
     var isInvalid = Boolean(error);
     return /*#__PURE__*/ jsxs(Card, {
         className: "rounded-0",
@@ -26,9 +25,10 @@ function CollapsibleInputGroup(param) {
                                 className: "mb-0 pl-3",
                                 children: label
                             }),
-                            /*#__PURE__*/ jsx(Icon, {
-                                type: accordionIcon,
-                                height: "1.25rem"
+                            currentEventKey === eventKey ? /*#__PURE__*/ jsx(FaChevronUp, {
+                                size: 20
+                            }) : /*#__PURE__*/ jsx(FaChevronDown, {
+                                size: 20
                             })
                         ]
                     }),

package/dist/custom-fields/constants.d.ts

@@ -2,12 +2,12 @@ export declare const FIELD_TYPES: {
     input: {
         id: string;
         label: string;
-        icon: string;
+        icon: import("react/jsx-runtime").JSX.Element;
     };
     dropdown: {
         id: string;
         label: string;
-        icon: string;
+        icon: import("react/jsx-runtime").JSX.Element;
     };
 };
 export declare const DEFAULT_FIELDS_VALUES: () => {

package/dist/custom-fields/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/custom-fields/constants.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,WAAW;;;;;;;;;;;CAWvB,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;CAmBhC,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/custom-fields/constants.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,WAAW;;;;;;;;;;;CAWvB,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;CAmBhC,CAAC"}

package/dist/custom-fields/constants.js

@@ -1,7 +1,7 @@
+import { jsx } from 'react/jsx-runtime';
 import { uniqueId } from 'lodash';
 import { CUSTOM_FIELD_TYPE_INPUT, CUSTOM_FIELD_TYPE_DROPDOWN } from '@licklist/core/dist/DataMapper/Order/CustomFieldDataMapper';
-import 'react/jsx-runtime';
-import '../static/index.js';
+import { FaFont, FaListOl } from 'react-icons/fa';
 import { SORTABLE_ID_KEY } from '../sortable-list/SortableList.js';
 
 function _define_property(obj, key, value) {
@@ -21,11 +21,15 @@ var _obj;
 var FIELD_TYPES = (_obj = {}, _define_property(_obj, CUSTOM_FIELD_TYPE_INPUT, {
     id: "1",
     label: "Text Input",
-    icon: "font"
+    icon: /*#__PURE__*/ jsx(FaFont, {
+        size: 32
+    })
 }), _define_property(_obj, CUSTOM_FIELD_TYPE_DROPDOWN, {
     id: "2",
     label: "Dropdown",
-    icon: "list-ol"
+    icon: /*#__PURE__*/ jsx(FaListOl, {
+        size: 32
+    })
 }), _obj);
 var DEFAULT_FIELDS_VALUES = function() {
     var _obj;

package/dist/custom-fields/field/FieldItem.d.ts

@@ -1,6 +1,7 @@
+import { ReactElement } from "react";
 interface FieldItemProps {
     label: string;
-    icon: string;
+    icon: ReactElement;
     onClick: () => void;
 }
 export declare function FieldItem({ label, icon, onClick }: FieldItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/custom-fields/field/FieldItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldItem.d.ts","sourceRoot":"","sources":["../../../src/custom-fields/field/FieldItem.tsx"],"names":[],"mappings":"AAIA,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,cAAc,2CAOjE"}
+{"version":3,"file":"FieldItem.d.ts","sourceRoot":"","sources":["../../../src/custom-fields/field/FieldItem.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErC,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,YAAY,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,cAAc,2CAOjE"}

package/dist/custom-fields/field/FieldItem.js

@@ -1,6 +1,4 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import '../../static/index.js';
-import Icon from '../../static/Icon.js';
 
 function FieldItem(param) {
     var label = param.label, icon = param.icon, onClick = param.onClick;
@@ -8,10 +6,7 @@ function FieldItem(param) {
         className: "custom-field-item",
         onClick: onClick,
         children: [
-            /*#__PURE__*/ jsx(Icon, {
-                type: icon,
-                height: "2rem"
-            }),
+            icon,
             /*#__PURE__*/ jsx("h6", {
                 children: label
             })

package/dist/custom-fields/forms/DropdownForm.js

@@ -3,8 +3,7 @@ import { Form, FormLabel, Button } from 'react-bootstrap';
 import { useTranslation } from 'react-i18next';
 import { useFormContext, useFieldArray } from 'react-hook-form';
 import HookFormService from '@licklist/plugins/dist/services/Form/HookFormService';
-import '../../static/index.js';
-import Icon from '../../static/Icon.js';
+import { FaTrashAlt, FaPlus } from 'react-icons/fa';
 
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
@@ -209,9 +208,8 @@ function DropdownForm(param) {
                                             remove(i);
                                             trigger();
                                         },
-                                        children: /*#__PURE__*/ jsx(Icon, {
-                                            type: "trash-alt",
-                                            height: "1.2rem"
+                                        children: /*#__PURE__*/ jsx(FaTrashAlt, {
+                                            size: 20
                                         })
                                     })
                                 })
@@ -228,10 +226,8 @@ function DropdownForm(param) {
                             });
                             resetOptionsError();
                         },
-                        children: /*#__PURE__*/ jsx(Icon, {
-                            type: "plus",
-                            height: "1.1rem",
-                            width: ".8rem"
+                        children: /*#__PURE__*/ jsx(FaPlus, {
+                            size: 18
                         })
                     })
                 ]

package/dist/events/edit-event-modal/component/SelectEventProductSet/component/EditEventProductSet.js

@@ -11,13 +11,12 @@ import 'rrule';
 import 'clsx';
 import '@react-aria/utils';
 import '@licklist/plugins/dist/services/Route/RouteService';
+import 'react-icons/fa';
 import 'react-bootstrap/ModalHeader';
 import 'react-bootstrap/ModalTitle';
 import 'react-bootstrap/ModalBody';
 import 'react-bootstrap/ModalFooter';
 import 'react-bootstrap/Modal';
-import '../../../../../static/Icon.js';
-import '../../../../../static/index.js';
 import { ProductSetControl } from '../../../../../product-set/control/ProductSetControl.js';
 import 'react-bootstrap/Col';
 import 'react-bootstrap/InputGroup';
@@ -35,6 +34,7 @@ import 'react-bootstrap/Collapse';
 import '@licklist/plugins/dist/hooks/Media/useImages';
 import '@licklist/core/dist/DataMapper/Media/ImageDataMapper';
 import '@licklist/plugins/dist/context/app/hooks/useNotification';
+import '../../../../../static/index.js';
 import '@licklist/core/dist/DataMapper/Provider/SnippetTemplateDataMapper';
 import 'react-color';
 import '@licklist/core/dist/DataMapper/Provider/SnippetDataMapper';

package/dist/events/edit-recurrent-event-modal/EditRecurrentEventModal.js

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Modal, Form, Button } from 'react-bootstrap';
 import { useTranslation } from 'react-i18next';
 import { useForm, Controller } from 'react-hook-form';
-import Icon from '../../static/Icon.js';
+import { FaTimes } from 'react-icons/fa';
 
 function _define_property(obj, key, value) {
     if (key in obj) {
@@ -52,9 +52,8 @@ var EditRecurrentEventModal = function(param) {
                             variant: "danger",
                             className: "btn-sm rounded",
                             onClick: onHide,
-                            children: /*#__PURE__*/ jsx(Icon, {
-                                type: "times",
-                                height: "1rem"
+                            children: /*#__PURE__*/ jsx(FaTimes, {
+                                size: 16
                             })
                         })
                     ]

package/dist/events/event-card/EventCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EventCard.d.ts","sourceRoot":"","sources":["../../../src/events/event-card/EventCard.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AACvF,OAAO,EAAE,cAAc,EAAE,MAAM,kEAAkE,CAAC;AAElG,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAS5C,MAAM,WAAW,cAAe,SAAQ,iBAAiB;IACvD,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACvC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,SAAS,EACT,MAAM,EACN,MAAM,EACN,QAAQ,EACR,aAAoB,EACpB,cAAc,EACd,WAAW,EACX,cAAc,EACd,OAAO,EACP,aAAa,GACd,EAAE,cAAc,2CAkJhB"}
+{"version":3,"file":"EventCard.d.ts","sourceRoot":"","sources":["../../../src/events/event-card/EventCard.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AACvF,OAAO,EAAE,cAAc,EAAE,MAAM,kEAAkE,CAAC;AAQlG,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAS5C,MAAM,WAAW,cAAe,SAAQ,iBAAiB;IACvD,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACvC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,SAAS,EACT,MAAM,EACN,MAAM,EACN,QAAQ,EACR,aAAoB,EACpB,cAAc,EACd,WAAW,EACX,cAAc,EACd,OAAO,EACP,aAAa,GACd,EAAE,cAAc,2CAmJhB"}

package/dist/events/event-card/EventCard.js

@@ -5,7 +5,7 @@ import { useIntl } from 'react-intl';
 import clsx from 'clsx';
 import { useTranslation } from 'react-i18next';
 import * as Config from '@licklist/core/dist/Config';
-import Icon from '../../static/Icon.js';
+import { FaEye, FaExternalLinkAlt, FaEdit, FaCopy, FaTrashAlt } from 'react-icons/fa';
 import { TipTapEditor } from '../../tiptap-editor/TipTapEditor.js';
 import { getStatisticInfo, formatContentWithoutTags, EVENT_DESCRIPTION_SIZE } from './utils.js';
 import { ReactComponent as SvgChartBar } from '../../assets/dashboard/chartBar.svg.js';
@@ -185,9 +185,7 @@ function EventCard(param) {
                                     /*#__PURE__*/ jsxs("div", {
                                         className: "event-card-views",
                                         children: [
-                                            /*#__PURE__*/ jsx(Icon, {
-                                                type: "eye"
-                                            }),
+                                            /*#__PURE__*/ jsx(FaEye, {}),
                                             /*#__PURE__*/ jsx("span", {
                                                 children: formatNumber(totalViews)
                                             })
@@ -201,9 +199,7 @@ function EventCard(param) {
                                         type: "button",
                                         className: "event-card-link-button",
                                         onClick: onPreview,
-                                        children: /*#__PURE__*/ jsx(Icon, {
-                                            type: "external-link-alt"
-                                        })
+                                        children: /*#__PURE__*/ jsx(FaExternalLinkAlt, {})
                                     }),
                                     hasPermission && /*#__PURE__*/ jsxs(Fragment, {
                                         children: [
@@ -211,25 +207,19 @@ function EventCard(param) {
                                                 type: "button",
                                                 className: "event-card-link-button",
                                                 onClick: onEdit,
-                                                children: /*#__PURE__*/ jsx(Icon, {
-                                                    type: "edit"
-                                                })
+                                                children: /*#__PURE__*/ jsx(FaEdit, {})
                                             }),
                                             /*#__PURE__*/ jsx("button", {
                                                 type: "button",
                                                 className: "event-card-link-button",
                                                 onClick: onCopy,
-                                                children: /*#__PURE__*/ jsx(Icon, {
-                                                    type: "copy"
-                                                })
+                                                children: /*#__PURE__*/ jsx(FaCopy, {})
                                             }),
                                             /*#__PURE__*/ jsx("button", {
                                                 type: "button",
                                                 className: "event-card-link-button",
                                                 onClick: onRemove,
-                                                children: /*#__PURE__*/ jsx(Icon, {
-                                                    type: "trash-alt"
-                                                })
+                                                children: /*#__PURE__*/ jsx(FaTrashAlt, {})
                                             })
                                         ]
                                     })

package/dist/events/event-statistic-modal/EventStatisticModal.js

@@ -1,12 +1,11 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { Modal, Button } from 'react-bootstrap';
 import { useTranslation } from 'react-i18next';
-import Icon from '../../static/Icon.js';
+import { FaTimes } from 'react-icons/fa';
 import 'react';
 import 'react-bootstrap/PageItem';
 import '@licklist/plugins/dist/services/Table/PaginationService';
 import 'clsx';
-import '../../static/index.js';
 import '@licklist/plugins/dist/services/Table/TableService';
 import { StaticTable } from '../../table/StaticTable.js';
 import 'react-router-dom';
@@ -43,9 +42,8 @@ var EventStatisticModal = function(param) {
                         variant: "danger",
                         className: "btn-sm rounded",
                         onClick: handleClose,
-                        children: /*#__PURE__*/ jsx(Icon, {
-                            type: "times",
-                            height: "1rem"
+                        children: /*#__PURE__*/ jsx(FaTimes, {
+                            size: 16
                         })
                     })
                 ]

package/dist/events/event-venue-map/components/ZoomButtons/ZoomButtons.js

@@ -1,8 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Button } from 'react-bootstrap';
-import '../../../../static/index.js';
+import { FaSearch } from 'react-icons/fa';
 import { useZoom } from '../../hooks/useZoom.js';
-import Icon from '../../../../static/Icon.js';
 
 var ZoomButtons = function(param) {
     var stageRef = param.stageRef, imageRef = param.imageRef;
@@ -17,10 +16,8 @@ var ZoomButtons = function(param) {
             children: [
                 /*#__PURE__*/ jsx("div", {
                     className: "icon-wrapper mb-1",
-                    children: /*#__PURE__*/ jsx(Icon, {
-                        type: "search",
-                        width: "1rem",
-                        height: "1rem"
+                    children: /*#__PURE__*/ jsx(FaSearch, {
+                        size: 16
                     })
                 }),
                 /*#__PURE__*/ jsx(Button, {

package/dist/file-upload/FilePreview.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { IMAGE_TYPE_MAP } from '@licklist/core/dist/DataMapper/Media/ImageDataMapper';
+import { FaTimes, FaFilePdf, FaFile } from 'react-icons/fa';
 import '../static/index.js';
-import Icon from '../static/Icon.js';
 import Image from '../static/Image.js';
 
 function _instanceof(left, right) {
@@ -42,10 +42,7 @@ function PreviewItem(param) {
                     }
                 },
                 disabled: disabled,
-                children: /*#__PURE__*/ jsx(Icon, {
-                    type: "times",
-                    height: "1rem"
-                })
+                children: /*#__PURE__*/ jsx(FaTimes, {})
             }),
             renderItemPreview(item)
         ]
@@ -92,12 +89,10 @@ var renderFileTypeIcon = function(itemName) {
     var isPdfFile = itemName === null || itemName === void 0 ? void 0 : itemName.includes("pdf");
     return /*#__PURE__*/ jsx("div", {
         className: "preview-item__file",
-        children: isPdfFile ? /*#__PURE__*/ jsx(Icon, {
-            type: "file-pdf",
-            height: "5rem"
-        }) : /*#__PURE__*/ jsx(Icon, {
-            type: "file",
-            height: "5rem"
+        children: isPdfFile ? /*#__PURE__*/ jsx(FaFilePdf, {
+            size: 80
+        }) : /*#__PURE__*/ jsx(FaFile, {
+            size: 80
         })
     });
 };

package/dist/help/popover/HelpPopover.js

@@ -4,7 +4,7 @@ import Button from 'react-bootstrap/Button';
 import OverlayTrigger from 'react-bootstrap/OverlayTrigger';
 import Popover from 'react-bootstrap/Popover';
 import clsx from 'clsx';
-import Icon from '../../static/Icon.js';
+import { FaQuestion } from 'react-icons/fa';
 
 function _define_property(obj, key, value) {
     if (key in obj) {
@@ -120,11 +120,8 @@ function HelpPopover(param) {
                 ref: ref
             }, triggerHandler), {
                 className: "btn-icon-popover rounded-circle px-2 py-1 d-inline-flex align-items-center",
-                children: icon !== null && icon !== void 0 ? icon : /*#__PURE__*/ jsx(Icon, {
-                    type: "question",
-                    style: {
-                        width: "10px"
-                    }
+                children: icon !== null && icon !== void 0 ? icon : /*#__PURE__*/ jsx(FaQuestion, {
+                    size: 10
                 })
             }));
         }

package/dist/iframe/event/event-booking-products/components/AccordionItem/AccordionItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/event/event-booking-products/components/AccordionItem/AccordionItem.tsx"],"names":[],"mappings":"AAMA,OAAO,EACL,SAAS,EAEV,MAAM,wDAAwD,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,qDAAqD,CAAC;AAG9E,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAOlD,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,QAAQ,EAAE,UAAU,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACjC,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AA6BD,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,iBAAiB,GAClB,EAAE,kBAAkB,2CAsBpB"}
+{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/event/event-booking-products/components/AccordionItem/AccordionItem.tsx"],"names":[],"mappings":"AAMA,OAAO,EACL,SAAS,EAEV,MAAM,wDAAwD,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,qDAAqD,CAAC;AAI9E,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAMlD,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,QAAQ,EAAE,UAAU,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACjC,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AA6BD,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,iBAAiB,GAClB,EAAE,kBAAkB,2CAsBpB"}

package/dist/iframe/event/event-booking-products/components/AccordionItem/AccordionItem.js

@@ -5,9 +5,9 @@ import Accordion from 'react-bootstrap/Accordion';
 import Card from 'react-bootstrap/Card';
 import { useAccordionToggle } from 'react-bootstrap/AccordionToggle';
 import AccordionContext from 'react-bootstrap/AccordionContext';
-import '../../../../../static/index.js';
-import Icon from '../../../../../static/Icon.js';
 import { useContext } from 'react';
+import { FaTimes, FaAngleRight } from 'react-icons/fa';
+import '../../../../../static/index.js';
 import { NumberInput } from '../../../../../static/number-input/NumberInput.js';
 
 function _define_property(obj, key, value) {
@@ -82,10 +82,9 @@ function CustomToggle(param) {
                 className: contentClassName,
                 children: children
             }),
-            /*#__PURE__*/ jsx(Icon, {
+            /*#__PURE__*/ jsx(FaAngleRight, {
                 className: iconClassName,
-                type: "angle-right",
-                height: "1.5rem"
+                size: 24
             })
         ]
     });
@@ -180,11 +179,9 @@ function ProductItem(param) {
                         value: ((_order_id = order[id]) === null || _order_id === void 0 ? void 0 : _order_id.quantity) || 0,
                         className: "product-item__counter"
                     }),
-                    /*#__PURE__*/ jsx(Icon, {
+                    /*#__PURE__*/ jsx(FaTimes, {
                         className: "product-item__icon m-3",
-                        type: "times",
-                        height: "1rem",
-                        width: "1rem"
+                        size: 16
                     }),
                     /*#__PURE__*/ jsx("div", {
                         className: "product-item__price",

package/dist/iframe/event/event-navigation-footer/EventNavigationFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EventNavigationFooter.d.ts","sourceRoot":"","sources":["../../../../src/iframe/event/event-navigation-footer/EventNavigationFooter.tsx"],"names":[],"mappings":"AAUA,UAAU,0BAA0B;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IAExB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,MAAM,EACN,aAAa,EACb,WAAW,EACX,WAAW,EACX,gBAAwB,EACxB,QAAQ,EACR,UAAU,GACX,EAAE,0BAA0B,2CAiD5B"}
+{"version":3,"file":"EventNavigationFooter.d.ts","sourceRoot":"","sources":["../../../../src/iframe/event/event-navigation-footer/EventNavigationFooter.tsx"],"names":[],"mappings":"AAUA,UAAU,0BAA0B;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IAExB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,MAAM,EACN,aAAa,EACb,WAAW,EACX,WAAW,EACX,gBAAwB,EACxB,QAAQ,EACR,UAAU,GACX,EAAE,0BAA0B,2CAkD5B"}

package/dist/iframe/event/event-navigation-footer/EventNavigationFooter.js

@@ -2,7 +2,7 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
 import Button from 'react-bootstrap/Button';
 import RouteService from '@licklist/plugins/dist/services/Route/RouteService';
-import Icon from '../../../static/Icon.js';
+import { FaArrowLeft, FaArrowRight } from 'react-icons/fa';
 
 function _define_property(obj, key, value) {
     if (key in obj) {
@@ -82,9 +82,8 @@ function EventNavigationFooter(param) {
             /*#__PURE__*/ jsx(Button, {
                 className: "event-fixed-footer__prev-btn m-0",
                 onClick: onPrevButtonClick,
-                children: /*#__PURE__*/ jsx(Icon, {
-                    type: "arrow-left",
-                    width: "1rem"
+                children: /*#__PURE__*/ jsx(FaArrowLeft, {
+                    size: 16
                 })
             }),
             amount > 1 && /*#__PURE__*/ jsx(PaginationDots, {
@@ -97,9 +96,8 @@ function EventNavigationFooter(param) {
             }, submitButtonProps), {
                 children: [
                     t("continue"),
-                    /*#__PURE__*/ jsx(Icon, {
-                        type: "arrow-right",
-                        width: "1rem",
+                    /*#__PURE__*/ jsx(FaArrowRight, {
+                        size: 16,
                         className: "ml-2"
                     })
                 ]
@@ -108,10 +106,8 @@ function EventNavigationFooter(param) {
                 onClick: onNextClick,
                 children: [
                     t("next"),
-                    " ",
-                    /*#__PURE__*/ jsx(Icon, {
-                        type: "arrow-right",
-                        width: "1rem",
+                    /*#__PURE__*/ jsx(FaArrowRight, {
+                        size: 16,
                         className: "ml-2"
                     })
                 ]

package/dist/iframe/order-process/components/BookingSummary/components/ToggleHeader/ToggleHeader.js

@@ -4,9 +4,8 @@ import { useTranslation } from 'react-i18next';
 import { useAccordionToggle } from 'react-bootstrap/AccordionToggle';
 import AccordionContext from 'react-bootstrap/AccordionContext';
 import clsx from 'clsx';
-import '../../../../../../static/index.js';
+import { FaChevronUp, FaChevronDown } from 'react-icons/fa';
 import { ACCORDION_KEY } from '../../types/index.js';
-import Icon from '../../../../../../static/Icon.js';
 
 var ToggleHeader = function(param) {
     var showExpandButton = param.showExpandButton, isExpanded = param.isExpanded, title = param.title, hideComponent = param.hideComponent, isPaymentPage = param.isPaymentPage, headerComponent = param.headerComponent;
@@ -72,9 +71,10 @@ var HeaderContent = function(param) {
                         }),
                         showExpandButton && /*#__PURE__*/ jsx("div", {
                             className: "expand-button",
-                            children: /*#__PURE__*/ jsx(Icon, {
-                                type: currentEventKey === ACCORDION_KEY ? "chevron-up" : "chevron-down",
-                                width: "0.5rem"
+                            children: currentEventKey === ACCORDION_KEY ? /*#__PURE__*/ jsx(FaChevronUp, {
+                                size: 8
+                            }) : /*#__PURE__*/ jsx(FaChevronDown, {
+                                size: 8
                             })
                         })
                     ]

package/dist/iframe/order-process/components/CalendarStepsForm/components/CategoryProductModal.js

@@ -2,8 +2,8 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import clsx from 'clsx';
 import { Button } from 'react-bootstrap';
+import { FaTimes } from 'react-icons/fa';
 import { CategoryProduct } from '../../CategoryProduct/CategoryProduct.js';
-import Icon from '../../../../../static/Icon.js';
 
 var CategoryProductModal = function(param) {
     var activePointId = param.activePointId, product = param.product, category = param.category, pointProducts = param.pointProducts, onCloseModal = param.onCloseModal, soldOutProducts = param.soldOutProducts;
@@ -30,10 +30,7 @@ var CategoryProductModal = function(param) {
                     variant: "danger",
                     className: "btn-sm rounded",
                     onClick: onCloseModal,
-                    children: /*#__PURE__*/ jsx(Icon, {
-                        type: "times",
-                        height: "1rem"
-                    })
+                    children: /*#__PURE__*/ jsx(FaTimes, {})
                 })
             })
         ]