@licklist/design 0.66.8-dev.2 → 0.66.9-dev.1

package/dist/affiliate/card/AffiliateCard.js

@@ -4,9 +4,10 @@ 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;
@@ -96,9 +97,10 @@ function AffiliateCard(param) {
                             children: [
                                 /*#__PURE__*/ jsx("div", {
                                     className: "affiliate-card-menu-eye-container",
-                                    children: /*#__PURE__*/ jsx(FaEye, {
+                                    children: /*#__PURE__*/ jsx(Icon, {
+                                        type: "eye",
                                         color: "#0E8CE2",
-                                        size: 20
+                                        width: "20"
                                     })
                                 }),
                                 /*#__PURE__*/ jsx(OverlayTrigger, {
@@ -125,9 +127,7 @@ function AffiliateCard(param) {
                                                                     confirm(onRemove);
                                                                 },
                                                                 name: t("remove"),
-                                                                icon: /*#__PURE__*/ jsx(FaTrashAlt, {
-                                                                    size: 12
-                                                                }),
+                                                                icon: "trash-alt",
                                                                 className: "affiliate-card-menu-item-text d-flex w-100 align-items-center",
                                                                 rightIcon: true
                                                             });
@@ -144,7 +144,9 @@ function AffiliateCard(param) {
                                             e.stopPropagation();
                                             setIsOverlayVisible(true);
                                         },
-                                        children: /*#__PURE__*/ jsx(FaEllipsisH, {})
+                                        children: /*#__PURE__*/ jsx(Icon, {
+                                            type: "ellipsis-h"
+                                        })
                                     })
                                 })
                             ]

package/dist/auth/AccessDenied/AccessDenied.js

@@ -3,7 +3,8 @@ 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 { FaLock } from 'react-icons/fa';
+import '../../static/index.js';
+import Icon from '../../static/Icon.js';
 
 var AccessDenied = function() {
     var t = useTranslation("App").t;
@@ -22,8 +23,10 @@ var AccessDenied = function() {
             children: [
                 /*#__PURE__*/ jsx("div", {
                     className: "icon-wrapper mb-5",
-                    children: /*#__PURE__*/ jsx(FaLock, {
-                        size: 80
+                    children: /*#__PURE__*/ jsx(Icon, {
+                        type: "lock",
+                        width: "5rem",
+                        height: "5rem"
                     })
                 }),
                 /*#__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,2CA8E3D;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,2CA+E3D;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/auth/Social/SocialFormComponent.js

@@ -245,6 +245,7 @@ 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,2CAoC5B;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,2CAiC5B;AAED,eAAe,qBAAqB,CAAC"}

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

@@ -2,11 +2,12 @@ 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 { FaChevronUp, FaChevronDown } from 'react-icons/fa';
+import Icon from '../static/Icon.js';
 
 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",
@@ -25,10 +26,9 @@ function CollapsibleInputGroup(param) {
                                 className: "mb-0 pl-3",
                                 children: label
                             }),
-                            currentEventKey === eventKey ? /*#__PURE__*/ jsx(FaChevronUp, {
-                                size: 20
-                            }) : /*#__PURE__*/ jsx(FaChevronDown, {
-                                size: 20
+                            /*#__PURE__*/ jsx(Icon, {
+                                type: accordionIcon,
+                                height: "1.25rem"
                             })
                         ]
                     }),

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

@@ -2,12 +2,12 @@ export declare const FIELD_TYPES: {
     input: {
         id: string;
         label: string;
-        icon: import("react/jsx-runtime").JSX.Element;
+        icon: string;
     };
     dropdown: {
         id: string;
         label: string;
-        icon: import("react/jsx-runtime").JSX.Element;
+        icon: string;
     };
 };
 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.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,WAAW;;;;;;;;;;;CAWvB,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;CAmBhC,CAAC"}
+{"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"}

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

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

@@ -1,7 +1,6 @@
-import { ReactElement } from "react";
 interface FieldItemProps {
     label: string;
-    icon: ReactElement;
+    icon: string;
     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":"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"}
+{"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"}

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

@@ -1,4 +1,6 @@
 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;
@@ -6,7 +8,10 @@ function FieldItem(param) {
         className: "custom-field-item",
         onClick: onClick,
         children: [
-            icon,
+            /*#__PURE__*/ jsx(Icon, {
+                type: icon,
+                height: "2rem"
+            }),
             /*#__PURE__*/ jsx("h6", {
                 children: label
             })

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

@@ -3,7 +3,8 @@ 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 { FaTrashAlt, FaPlus } from 'react-icons/fa';
+import '../../static/index.js';
+import Icon from '../../static/Icon.js';
 
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
@@ -208,8 +209,9 @@ function DropdownForm(param) {
                                             remove(i);
                                             trigger();
                                         },
-                                        children: /*#__PURE__*/ jsx(FaTrashAlt, {
-                                            size: 20
+                                        children: /*#__PURE__*/ jsx(Icon, {
+                                            type: "trash-alt",
+                                            height: "1.2rem"
                                         })
                                     })
                                 })
@@ -226,8 +228,10 @@ function DropdownForm(param) {
                             });
                             resetOptionsError();
                         },
-                        children: /*#__PURE__*/ jsx(FaPlus, {
-                            size: 18
+                        children: /*#__PURE__*/ jsx(Icon, {
+                            type: "plus",
+                            height: "1.1rem",
+                            width: ".8rem"
                         })
                     })
                 ]

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

@@ -11,12 +11,13 @@ 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';
@@ -34,7 +35,6 @@ 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 { FaTimes } from 'react-icons/fa';
+import Icon from '../../static/Icon.js';
 
 function _define_property(obj, key, value) {
     if (key in obj) {
@@ -52,8 +52,9 @@ var EditRecurrentEventModal = function(param) {
                             variant: "danger",
                             className: "btn-sm rounded",
                             onClick: onHide,
-                            children: /*#__PURE__*/ jsx(FaTimes, {
-                                size: 16
+                            children: /*#__PURE__*/ jsx(Icon, {
+                                type: "times",
+                                height: "1rem"
                             })
                         })
                     ]

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;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"}
+{"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"}

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 { FaEye, FaExternalLinkAlt, FaEdit, FaCopy, FaTrashAlt } from 'react-icons/fa';
+import Icon from '../../static/Icon.js';
 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,7 +185,9 @@ function EventCard(param) {
                                     /*#__PURE__*/ jsxs("div", {
                                         className: "event-card-views",
                                         children: [
-                                            /*#__PURE__*/ jsx(FaEye, {}),
+                                            /*#__PURE__*/ jsx(Icon, {
+                                                type: "eye"
+                                            }),
                                             /*#__PURE__*/ jsx("span", {
                                                 children: formatNumber(totalViews)
                                             })
@@ -199,7 +201,9 @@ function EventCard(param) {
                                         type: "button",
                                         className: "event-card-link-button",
                                         onClick: onPreview,
-                                        children: /*#__PURE__*/ jsx(FaExternalLinkAlt, {})
+                                        children: /*#__PURE__*/ jsx(Icon, {
+                                            type: "external-link-alt"
+                                        })
                                     }),
                                     hasPermission && /*#__PURE__*/ jsxs(Fragment, {
                                         children: [
@@ -207,19 +211,25 @@ function EventCard(param) {
                                                 type: "button",
                                                 className: "event-card-link-button",
                                                 onClick: onEdit,
-                                                children: /*#__PURE__*/ jsx(FaEdit, {})
+                                                children: /*#__PURE__*/ jsx(Icon, {
+                                                    type: "edit"
+                                                })
                                             }),
                                             /*#__PURE__*/ jsx("button", {
                                                 type: "button",
                                                 className: "event-card-link-button",
                                                 onClick: onCopy,
-                                                children: /*#__PURE__*/ jsx(FaCopy, {})
+                                                children: /*#__PURE__*/ jsx(Icon, {
+                                                    type: "copy"
+                                                })
                                             }),
                                             /*#__PURE__*/ jsx("button", {
                                                 type: "button",
                                                 className: "event-card-link-button",
                                                 onClick: onRemove,
-                                                children: /*#__PURE__*/ jsx(FaTrashAlt, {})
+                                                children: /*#__PURE__*/ jsx(Icon, {
+                                                    type: "trash-alt"
+                                                })
                                             })
                                         ]
                                     })

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

@@ -1,11 +1,12 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { Modal, Button } from 'react-bootstrap';
 import { useTranslation } from 'react-i18next';
-import { FaTimes } from 'react-icons/fa';
+import Icon from '../../static/Icon.js';
 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';
@@ -42,8 +43,9 @@ var EventStatisticModal = function(param) {
                         variant: "danger",
                         className: "btn-sm rounded",
                         onClick: handleClose,
-                        children: /*#__PURE__*/ jsx(FaTimes, {
-                            size: 16
+                        children: /*#__PURE__*/ jsx(Icon, {
+                            type: "times",
+                            height: "1rem"
                         })
                     })
                 ]

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

@@ -1,7 +1,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Button } from 'react-bootstrap';
-import { FaSearch } from 'react-icons/fa';
+import '../../../../static/index.js';
 import { useZoom } from '../../hooks/useZoom.js';
+import Icon from '../../../../static/Icon.js';
 
 var ZoomButtons = function(param) {
     var stageRef = param.stageRef, imageRef = param.imageRef;
@@ -16,8 +17,10 @@ var ZoomButtons = function(param) {
             children: [
                 /*#__PURE__*/ jsx("div", {
                     className: "icon-wrapper mb-1",
-                    children: /*#__PURE__*/ jsx(FaSearch, {
-                        size: 16
+                    children: /*#__PURE__*/ jsx(Icon, {
+                        type: "search",
+                        width: "1rem",
+                        height: "1rem"
                     })
                 }),
                 /*#__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,7 +42,10 @@ function PreviewItem(param) {
                     }
                 },
                 disabled: disabled,
-                children: /*#__PURE__*/ jsx(FaTimes, {})
+                children: /*#__PURE__*/ jsx(Icon, {
+                    type: "times",
+                    height: "1rem"
+                })
             }),
             renderItemPreview(item)
         ]
@@ -89,10 +92,12 @@ 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(FaFilePdf, {
-            size: 80
-        }) : /*#__PURE__*/ jsx(FaFile, {
-            size: 80
+        children: isPdfFile ? /*#__PURE__*/ jsx(Icon, {
+            type: "file-pdf",
+            height: "5rem"
+        }) : /*#__PURE__*/ jsx(Icon, {
+            type: "file",
+            height: "5rem"
         })
     });
 };

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 { FaQuestion } from 'react-icons/fa';
+import Icon from '../../static/Icon.js';
 
 function _define_property(obj, key, value) {
     if (key in obj) {
@@ -120,8 +120,11 @@ 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(FaQuestion, {
-                    size: 10
+                children: icon !== null && icon !== void 0 ? icon : /*#__PURE__*/ jsx(Icon, {
+                    type: "question",
+                    style: {
+                        width: "10px"
+                    }
                 })
             }));
         }

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;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"}
+{"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"}

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 { useContext } from 'react';
-import { FaTimes, FaAngleRight } from 'react-icons/fa';
 import '../../../../../static/index.js';
+import Icon from '../../../../../static/Icon.js';
+import { useContext } from 'react';
 import { NumberInput } from '../../../../../static/number-input/NumberInput.js';
 
 function _define_property(obj, key, value) {
@@ -82,9 +82,10 @@ function CustomToggle(param) {
                 className: contentClassName,
                 children: children
             }),
-            /*#__PURE__*/ jsx(FaAngleRight, {
+            /*#__PURE__*/ jsx(Icon, {
                 className: iconClassName,
-                size: 24
+                type: "angle-right",
+                height: "1.5rem"
             })
         ]
     });
@@ -179,9 +180,11 @@ 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(FaTimes, {
+                    /*#__PURE__*/ jsx(Icon, {
                         className: "product-item__icon m-3",
-                        size: 16
+                        type: "times",
+                        height: "1rem",
+                        width: "1rem"
                     }),
                     /*#__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,2CAkD5B"}
+{"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"}

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

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

@@ -4,8 +4,9 @@ import { useTranslation } from 'react-i18next';
 import { useAccordionToggle } from 'react-bootstrap/AccordionToggle';
 import AccordionContext from 'react-bootstrap/AccordionContext';
 import clsx from 'clsx';
-import { FaChevronUp, FaChevronDown } from 'react-icons/fa';
+import '../../../../../../static/index.js';
 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;
@@ -71,10 +72,9 @@ var HeaderContent = function(param) {
                         }),
                         showExpandButton && /*#__PURE__*/ jsx("div", {
                             className: "expand-button",
-                            children: currentEventKey === ACCORDION_KEY ? /*#__PURE__*/ jsx(FaChevronUp, {
-                                size: 8
-                            }) : /*#__PURE__*/ jsx(FaChevronDown, {
-                                size: 8
+                            children: /*#__PURE__*/ jsx(Icon, {
+                                type: currentEventKey === ACCORDION_KEY ? "chevron-up" : "chevron-down",
+                                width: "0.5rem"
                             })
                         })
                     ]
@@ -94,10 +94,9 @@ var HeaderContent = function(param) {
             }),
             showExpandButton && /*#__PURE__*/ jsx("div", {
                 className: "expand-button",
-                children: currentEventKey === ACCORDION_KEY ? /*#__PURE__*/ jsx(FaChevronUp, {
-                    size: 16
-                }) : /*#__PURE__*/ jsx(FaChevronDown, {
-                    size: 16
+                children: /*#__PURE__*/ jsx(Icon, {
+                    type: currentEventKey === ACCORDION_KEY ? "chevron-up" : "chevron-down",
+                    width: "1rem"
                 })
             })
         ]

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,7 +30,10 @@ var CategoryProductModal = function(param) {
                     variant: "danger",
                     className: "btn-sm rounded",
                     onClick: onCloseModal,
-                    children: /*#__PURE__*/ jsx(FaTimes, {})
+                    children: /*#__PURE__*/ jsx(Icon, {
+                        type: "times",
+                        height: "1rem"
+                    })
                 })
             })
         ]