ekm-ui 0.3.95 → 0.3.97

package/dist/table-result-block.js

@@ -1,12 +1,12 @@
-export { e as TableResultBlock } from './chunk-GGGZRFPY.js';
+export { e as TableResultBlock } from './chunk-UQFNA3OB.js';
 import './chunk-ZHMUFBQM.js';
 import './chunk-YZ2YZSNQ.js';
 import './chunk-E62SCYLR.js';
 import './chunk-X6RBGNFS.js';
 import './chunk-7Q6OMA2A.js';
-import './chunk-RHBXFO7R.js';
-import './chunk-5VOOMPCL.js';
-import './chunk-N7JQ6EAC.js';
+import './chunk-KRMPO53Y.js';
+import './chunk-CX2XFI5Q.js';
+import './chunk-R47VIYM2.js';
 import './chunk-HVNLAQA6.js';
 import './chunk-52VBZOHL.js';
 import './chunk-7WJGATIR.js';
@@ -22,39 +22,39 @@ import './chunk-3NO5IHBO.js';
 import './chunk-SFEJDNIA.js';
 import './chunk-E5KIDP3Z.js';
 import './chunk-TBJGGVSZ.js';
-import './chunk-QKHEEDZ4.js';
+import './chunk-AO5TGD7T.js';
 import './chunk-WVAVR5V6.js';
 import './chunk-CNJDESTL.js';
 import './chunk-TXDBBVCI.js';
 import './chunk-HTXOCBXA.js';
-import './chunk-EEMQBWYJ.js';
+import './chunk-CHXMQ7NN.js';
 import './chunk-ESJIQMQJ.js';
 import './chunk-IY6WVOAI.js';
 import './chunk-VGGEDWFD.js';
 import './chunk-AVTJXS4U.js';
-import './chunk-F7AUKLLE.js';
+import './chunk-FOPBXPMP.js';
 import './chunk-QMOPWIA3.js';
 import './chunk-SLIZ4TDR.js';
-import './chunk-FPELMAZN.js';
+import './chunk-JNHB4YNM.js';
 import './chunk-WTBH4TDX.js';
 import './chunk-6YBVKGQW.js';
 import './chunk-ISA6E23B.js';
 import './chunk-7Z2AKRKU.js';
 import './chunk-WSRPB5OU.js';
-import './chunk-YOHYKIR3.js';
+import './chunk-HQIKNKIV.js';
 import './chunk-DSJ5TRZW.js';
 import './chunk-E4USZ2Q3.js';
 import './chunk-F47A36U7.js';
 import './chunk-M4UBHZDH.js';
 import './chunk-TMO76FWT.js';
 import './chunk-YDCYBJPC.js';
-import './chunk-ELWZ674J.js';
-import './chunk-GI7QHCYX.js';
+import './chunk-5SEJVYKM.js';
+import './chunk-MBACKGWE.js';
 import './chunk-2OPJLYW6.js';
 import './chunk-P5IM3T4M.js';
 import './chunk-TRVGXTCI.js';
-import './chunk-TOLCGTOY.js';
-import './chunk-BLUJNMXF.js';
+import './chunk-XYGVDZRO.js';
+import './chunk-2I24LCEG.js';
 import './chunk-TJMI4DH2.js';
 import './chunk-6LHL364H.js';
 import './chunk-Z4LPO673.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ekm-ui",
-  "version": "0.3.95",
+  "version": "0.3.97",
   "sideEffects": [
     "**/*.css"
   ],

package/src/alert-banner.tsx

@@ -62,6 +62,7 @@ type AlertBannerProps = {
   showIcon: boolean;
   onDismiss: () => void;
   rounded: boolean;
+  id:string;
 };
 
 export function AlertBanner({
@@ -70,6 +71,7 @@ export function AlertBanner({
   showIcon,
   onDismiss,
   rounded,
+  id,
 }: AlertBannerProps) {
   const renderIcon = () => {
     switch (type) {
@@ -87,7 +89,7 @@ export function AlertBanner({
   };
 
   return (
-    <div {...alertProps({ type, rounded, size: "md" })} role="alert">
+    <div id={id || undefined} {...alertProps({ type, rounded, size: "md" })} role="alert">
       {showIcon && (
         <div className="mr-3 mt-1 inline h-4 w-4 flex-shrink-0">
           {renderIcon()}
@@ -128,6 +130,8 @@ AlertBanner.propTypes = {
   rounded: PropTypes.bool,
   /** Components to be rendered as Part of the Compound Component*/
   children: PropTypes.node.isRequired,
+  /** Id for alert banner */
+  id: PropTypes.string,
 };
 
 AlertBanner.displayName = "AlertBanner";

package/src/alert.tsx

@@ -6,11 +6,13 @@ type Props = {
   type: "warning" | "info";
   hasBackground: boolean;
   centerText: boolean;
+  id: string;
 };
 
-export function Alert({ text, type, hasBackground, centerText }: Props) {
+export function Alert({ text, type, hasBackground, centerText, id }: Props) {
   return (
     <div
+      id={id || undefined}
       className={clsx(
         `flex items-center ${centerText ? "justify-center" : null}`,
         {

package/src/button-group-item.tsx

@@ -2,15 +2,17 @@ type Props = {
   text: string;
   className: string;
   active?: boolean;
+  id: string;
   onclick?: () => void;
 };
 
-export function ButtonGroupItem({ text, className, active, onclick }: Props) {
+export function ButtonGroupItem({ text, className, active, id, onclick }: Props) {
   return (
     <button
+      id={id || undefined}
       type="button"
       onClick={onclick}
-      className={`"rounded-l-lg dark:focus:ring-blue-500" border border-gray-200 px-4 py-2 text-sm font-medium text-blue-700 hover:bg-gray-100 focus:z-10 focus:text-blue-700 focus:ring-2 focus:ring-blue-700 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:hover:bg-gray-600 dark:hover:text-white dark:focus:text-white
+      className={`dark:focus:ring-blue-500" border border-gray-200 px-4 py-2 text-sm font-medium text-blue-700 hover:bg-gray-100 focus:z-10 focus:text-blue-700 focus:ring-2 focus:ring-blue-700 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:hover:bg-gray-600 dark:hover:text-white dark:focus:text-white
       ${className ? className : ""}
       ${
         active

package/src/button.tsx

@@ -171,7 +171,7 @@ Button.propTypes = {
   /** Bool to disable button */
   disabled: PropTypes.bool,
   /** Bool to outline button */
-  outlined: PropTypes.bool,
+  outline: PropTypes.bool,
   /** element for addon on button */
   addon: PropTypes.element,
   /** element for icon on button */

package/src/country-picker/country-modal.tsx

@@ -222,9 +222,9 @@ const NoResultsView =({title, msg, blockHeight="h-[500px]", showSpinner = false}
 }
 
 CountryPicker.propTypes = {
-  /** Boolean to indicate that the load of the country data this is passed to this component has been completed */
+  /** Boolean to indicate that the load of the country data that is passed to this component has been completed */
   initialLoadComplete: PropTypes.bool.isRequired,
-  /** Array of all the country data in the form { Id: 383, CountryCode 'CN': Country: 'China'} */
+  /** Array of all the country data in the form { ID: 383, CountryCode 'CN': Country: 'China'} */
   allCountryData: PropTypes.array.isRequired,   
   /** Array of preselected countries in the form { Id: 383, CountryCode 'CN': Country: 'China'} */
   preSelected: PropTypes.array.isRequired,

package/src/drag-and-drop.tsx

@@ -108,7 +108,7 @@ export function DragAndDrop({
       </p>
       <p className="text-xs text-gray-500 dark:text-gray-400">{subtitle}</p>
       {pickerCallback && (
-        <div className="mt-5">
+        <div className="mt-3 mb-3">
           <Button color="default" onClick={handleLaunchFilePicker}>
             <BiSearch className="mr-2" />
             Browse File Manager

package/src/drawer.tsx

@@ -55,7 +55,7 @@ export function Drawer({ show, onClose, children, title }: Props) {
       <div className="absolute w-full bg-white">
         <h5
           id="drawer-js-label"
-          className="inline-flex w-full items-center border-b-2 p-4	 text-lg  font-semibold text-gray-900 dark:border-gray-900 dark:bg-gray-900 dark:text-white"
+          className="inline-flex w-full items-center border-b-2 p-4	text-lg font-semibold text-gray-900 dark:border-gray-900 dark:bg-gray-900 dark:text-white"
         >
           {title}
         </h5>
@@ -64,13 +64,13 @@ export function Drawer({ show, onClose, children, title }: Props) {
           id="drawer-hide-button"
           type="button"
           aria-controls="drawer-example"
-          className="absolute right-2.5 top-2.5 inline-flex items-center rounded-lg bg-transparent p-1.5 text-sm text-gray-400 hover:bg-gray-200 hover:text-gray-900 dark:hover:bg-gray-600 dark:hover:text-white"
+          className="absolute right-2.5 top-2.5 inline-flex items-center rounded-lg bg-transparent p-2 text-sm text-gray-400 hover:bg-gray-200 hover:text-gray-900 dark:hover:bg-gray-600 dark:hover:text-white"
         >
           <HiXMark className="h-auto w-6" />
           <span className="sr-only">Close menu</span>
         </button>
       </div>
-      <div className="flex h-full flex-col p-4 pt-20">{children}</div>
+      <div className="flex h-full flex-col pt-20 pb-4 pl-4 pr-4 mt-4">{children}</div>
     </div>
   );
 }

package/src/loading-button.tsx

@@ -3,24 +3,36 @@ import PropTypes from "prop-types";
 
 const buttonColors = Object.freeze({
   success:
-    " text-white bg-green-700 border border-transparent enabled:hover:bg-green-800 focus:ring-green-300 dark:bg-green-600 dark:enabled:hover:bg-green-700 dark:focus:ring-green-800 rounded-lg focus:ring-2",
+    {
+      buttonStyle: " text-white bg-green-700 border border-transparent enabled:hover:bg-green-800 focus:ring-green-300 dark:bg-green-600 dark:enabled:hover:bg-green-700 dark:focus:ring-green-800 rounded-lg focus:ring-2",
+      spinnerStyle: "text-white",
+    },
   danger:
-    " text-white bg-red-700 border border-transparent enabled:hover:bg-red-800 focus:ring-red-300 dark:bg-red-600 dark:enabled:hover:bg-red-700 dark:focus:ring-red-900 rounded-lg focus:ring-2",
-});
-
-const disabledButtonColors = Object.freeze({
-  success:
-    " cursor-not-allowed opacity-50 text-white bg-green-700 border border-transparent enabled:hover:bg-green-800 focus:ring-green-300 dark:bg-green-600 dark:enabled:hover:bg-green-700 dark:focus:ring-green-800 rounded-lg focus:ring-2",
-  danger:
-    " cursor-not-allowed opacity-50 text-white bg-red-700 border border-transparent enabled:hover:bg-red-800 focus:ring-red-300 dark:bg-red-600 dark:enabled:hover:bg-red-700 dark:focus:ring-red-900 rounded-lg focus:ring-2",
+    {
+      buttonStyle: " text-white bg-red-700 border border-transparent enabled:hover:bg-red-800 focus:ring-red-300 dark:bg-red-600 dark:enabled:hover:bg-red-700 dark:focus:ring-red-900 rounded-lg focus:ring-2",
+      spinnerStyle: "text-white",
+    },
+  successOutline:
+    {
+      buttonStyle: " text-green-700 border border-green-700 enabled:hover:text-white enabled:hover:bg-green-800 focus:ring-green-300 dark:bg-green-600 dark:enabled:hover:bg-green-700 dark:focus:ring-green-800 rounded-lg focus:ring-2",
+      spinnerStyle: "text-green-700",
+    },
+  dangerOutline:
+    {
+      buttonStyle: " text-red-700 border border-red-700 enabled:hover:text-white enabled:hover:bg-red-800 focus:ring-red-300 dark:bg-red-600 dark:enabled:hover:bg-red-500 dark:focus:ring-red-900 rounded-lg focus:ring-2",
+      spinnerStyle: "text-red-700",
+    },
 });
 
 export function LoadingButton({ children, isLoading = false, ...props }) {
+
+  const style = props.color ? buttonColors[props.color]: buttonColors.success
+
   const renderLoader = () => (
     <svg
       aria-hidden="true"
       role="status"
-      className="mr-3 inline h-4 w-4 animate-spin text-white"
+      className={`mr-3 inline h-4 w-4 animate-spin ${style.spinnerStyle}`}
       viewBox="0 0 100 101"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
@@ -39,16 +51,9 @@ export function LoadingButton({ children, isLoading = false, ...props }) {
   return (
     <button
       className={`group relative flex items-center justify-center p-0.5 text-center font-medium focus:z-10 focus:outline-none 
-          ${
-            props.color
-              ? isLoading
-                ? disabledButtonColors[props.color]
-                : buttonColors[props.color]
-              : isLoading
-              ? disabledButtonColors.success
-              : buttonColors.success
-          }
-        `}
+        ${style.buttonStyle}
+        ${isLoading ? ' cursor-not-allowed opacity': ''}
+      `}
       {...props}
       disabled={isLoading}
     >

package/src/pagination/pagination.tsx

@@ -44,7 +44,7 @@ export function Pagination({
   }
 
   return (
-    <div className="w-full">
+    <div id="paginationControl" className="w-full">
       <div className="relative overflow-hidden rounded-b-lg bg-white  dark:bg-gray-800">
         <nav
           className=" flex flex-wrap items-start justify-between gap-x-4 gap-y-2 md:items-center"
@@ -52,6 +52,7 @@ export function Pagination({
         >
           <div className="flex w-full justify-between md:hidden">
             <button
+              id="btnPreviousM"
               disabled={current === 1}
               className={clsx(
                 current === 1 && "cursor-not-allowed",
@@ -76,6 +77,7 @@ export function Pagination({
             </button>
 
             <button
+              id="btnNextM"
               disabled={current === totalPages}
               className={clsx(
                 current === totalPages && "cursor-not-allowed",
@@ -99,7 +101,7 @@ export function Pagination({
               </svg>
             </button>
           </div>
-          <div className="hidden items-center space-x-3 md:flex">
+          <div id="rowsPerPageSection" className="hidden items-center space-x-3 md:flex">
             <label
               htmlFor="rows"
               className="text-sm font-normal text-gray-500 dark:text-gray-400"
@@ -134,6 +136,7 @@ export function Pagination({
           <ul className="hidden items-stretch -space-x-px md:inline-flex">
             <li>
               <button
+                id="btnPrevious"
                 disabled={current === 1}
                 className={clsx(
                   current === 1 && "cursor-not-allowed",
@@ -161,6 +164,7 @@ export function Pagination({
               <>
                 <li>
                   <button
+                    id="btnLast"
                     className={clsx(
                       current === 1 && "cursor-not-allowed",
                       "flex items-center justify-center border border-gray-300 bg-white px-3 py-2 text-sm leading-tight text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"
@@ -178,11 +182,12 @@ export function Pagination({
             {pages.map((page) => (
               <li key={page}>
                 <button
+                  id={`btnPage${page}`}
                   onClick={() => onChange(page, pageSize)}
                   className={clsx(
                     "flex items-center justify-center border px-3 py-2 text-sm leading-tight",
                     page === current
-                      ? "z-10 border-primary-300 bg-primary-50 text-primary-600 hover:bg-primary-100 hover:text-primary-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white"
+                      ? "z-10 border-primary-300 bg-primary-50 text-primary-600 hover:bg-primary-100 hover:text-primary-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white st-pageCurrent"
                       : "border-gray-300 bg-white text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"
                   )}
                 >
@@ -197,6 +202,7 @@ export function Pagination({
                 </li>
                 <li>
                   <button
+                    id="btnLast"
                     className="flex items-center justify-center border border-gray-300 bg-white px-3 py-2 text-sm leading-tight text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"
                     onClick={() => onChange(totalPages, pageSize)}
                   >
@@ -207,6 +213,7 @@ export function Pagination({
             )}
             <li>
               <button
+                id="btnNext"
                 disabled={current === totalPages}
                 onClick={() => onChange(current + 1, pageSize)}
                 className={clsx(

package/src/product-picker/product-listing.tsx

@@ -6,7 +6,7 @@ import { Checkbox } from "../checkbox";
 // FOR USE WITH THE PRODUCT PICKER COMPONENT - ONLY
 
 function BuildImageUrl(imageUrl) {
-  return `${window.resourceSettings.imageBasePath}${imageUrl}?v=${window.resourceSettings.version}`;
+  return `${window.resourceSettings?.imageBasePath || ''}${imageUrl}?v=${window.resourceSettings?.version || ''}`;
 }
 
 export function Listing({
@@ -90,7 +90,7 @@ function ProductRow({ product, selected, callback }) {
           />
         </div>
         <div className="ml-4">
-          {product.Image && product.IamgeName !== "[URL-DownloadRequested]" ? (
+          {product.Image && product.ImageName !== "[URL-DownloadRequested]" ? (
             <img
               className="h-10 w-10 rounded-sm"
               src={product.Image}
@@ -123,9 +123,9 @@ function ProductRow({ product, selected, callback }) {
       </div>
       <div className="ml-4 flex-shrink-0">
         <span className="mr-3 text-sm text-gray-500">{`${
-          globalThis.globalSettings.CurrencySymbol
+          globalThis.globalSettings?.CurrencySymbol ?? '£'
         }${product.Price.toFixed(
-          globalThis.globalSettings.CurrencyExponent ?? 2
+          globalThis.globalSettings?.CurrencyExponent ?? 2
         )}`}</span>
       </div>
     </div>

package/src/product-picker/product-modal.tsx

@@ -324,7 +324,7 @@ ProductPicker.propTypes = {
   productCodeEnabled: PropTypes.bool,
   /** Callback to request a refresh of the displayed products */
   requestCallback: PropTypes.func.isRequired,
-  /** Callback to return the selected products {orig - preselected, add - newly added, remove -items removed from pre-selected} */
+  /** Callback to return the selected products ids in an array */
   callback: PropTypes.func.isRequired,
 };
 

package/src/search/search.tsx

@@ -169,7 +169,7 @@ export const Search = forwardRef(function Search(
           onKeyDown={handleKeyDown}
           disabled={disabled}
           id={`${id}-search-input`}
-          className="block w-full rounded-lg border border-r-2 border-gray-300 border-r-gray-300  bg-gray-50  p-2.5 text-sm text-gray-900 focus:border-blue-500 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-blue-500"
+          className="block w-full rounded-lg border border-r-2 border-gray-300 border-r-gray-300 bg-gray-50 p-2 text-sm text-gray-900 focus:border-blue-500 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-blue-500"
         />
         {categories?.length > 0 && renderDropdown()}
       </div>

package/src/spinner.tsx

@@ -1,6 +1,6 @@
 export function Spinner() {
   return (
-    <div role="status">
+    <div id="spinner" role="status">
       <svg
         aria-hidden="true"
         className="inline h-14 w-14 animate-spin fill-blue-600 text-gray-200 dark:text-gray-600"

package/dist/chunk-5VOOMPCL.js

@@ -1,12 +0,0 @@
-import { a as a$2 } from './chunk-6YBVKGQW.js';
-import { a as a$1 } from './chunk-6LHL364H.js';
-import { e } from './chunk-Z4LPO673.js';
-import N from 'pluralize';
-import { useRef, useState, useEffect } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var a=e(a$1(),1);function f(e){return `${window.resourceSettings.imageBasePath}${e}?v=${window.resourceSettings.version}`}function k({products:e,isMore:l,selected:d,page:m,pages:c,callback:n}){let r=useRef(),[C,p]=useState(!1);useEffect(()=>{let o=document.querySelector("#product-list");return o&&!o.hasAttribute("scroll")&&r.current.addEventListener("scroll",u),r.current!=null&&(r.current.scrollTop=0),()=>{let s=document.querySelector("#product-list");s&&s.hasAttribute("scroll")&&r.current.removeEventListener("scroll",u);}},[]);let u=()=>{if(!l)return;let o=r.current.scrollHeight-r.current.offsetHeight,s=Math.floor(r.current.scrollTop);(s==o||s+2==o||s-2==o)&&(p(!0),n({type:"FETCH_DATA",payload:!0}));},h=o=>{n({type:"SELECTION",payload:o});};return jsxs("div",{id:"product-list",ref:r,className:"h-[500px] overflow-y-auto rounded-md border",children:[(e||[]).map(o=>jsx(v,{product:o,selected:d.has(o.ProductId),callback:h},`product-row-${o.ProductId}`)),l&&m<c&&C&&jsx($,{})]})}function v({product:e,selected:l,callback:d}){var c,n;let m=r=>{d(e.ProductId);};return jsxs("div",{className:`mb-1 mt-1 flex items-center pb-4 pt-4 ${l&&"bg-blue-50"} cursor-pointer justify-between border-b border-gray-100`,onClick:m,children:[jsxs("div",{className:"ml-3 flex items-center",children:[jsx("div",{className:"flex-shrink-0",children:jsx(a$2,{id:`cb-prod-${e.ProductId}`,name:e.Name,checked:l,onChange:()=>{}})}),jsx("div",{className:"ml-4",children:e.Image&&e.IamgeName!=="[URL-DownloadRequested]"?jsx("img",{className:"h-10 w-10 rounded-sm",src:e.Image,alt:e.Name,onError:r=>{r.target.onerror=null,r.target.src=`${f("/admin/Content/images/no-image-discount.png")}`;}}):jsx("img",{src:f("/admin/Content/images/no-image-discount.png"),alt:e.Name,className:"h-10 w-10 rounded-sm"})}),jsxs("div",{className:"ml-4",children:[jsx("div",{className:" font-medium text-gray-900",children:e.Name}),((c=e.Categories)==null?void 0:c.length)>0?jsx("div",{className:"text-xs text-gray-500",children:`${e.CategoryName} & ${N("other",e.Categories.length,!0)}`}):jsx("div",{className:"text-xs text-gray-500",children:e.CategoryName})]})]}),jsx("div",{className:"ml-4 flex-shrink-0",children:jsx("span",{className:"mr-3 text-sm text-gray-500",children:`${globalThis.globalSettings.CurrencySymbol}${e.Price.toFixed((n=globalThis.globalSettings.CurrencyExponent)!=null?n:2)}`})})]})}k.propTypes={products:a.default.array,isMore:a.default.bool,selected:a.default.instanceOf(Set),page:a.default.number,pages:a.default.number,callback:a.default.func};v.propTypes={product:a.default.object,selected:a.default.bool,callback:a.default.func};function $(){return jsx("div",{className:"mb-1 mt-1 flex justify-center pb-4 pt-4",children:jsx("div",{role:"status",children:jsxs("svg",{"aria-hidden":"true",className:"inline-block h-8 w-8 animate-spin fill-gray-600 text-gray-200 dark:fill-gray-300 dark:text-gray-600",viewBox:"0 0 100 101",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("path",{d:"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",fill:"currentColor"}),jsx("path",{d:"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",fill:"currentFill"})]})})})}
-
-export { k as a };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-5VOOMPCL.js.map

package/dist/chunk-5VOOMPCL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/product-picker/product-listing.tsx"],"names":["import_prop_types","pluralize","useEffect","useRef","useState","jsx","jsxs","BuildImageUrl","imageUrl","Listing","products","isMore","selected","page","pages","callback","scrollRef","showLoader","setShowLoader","element","handleScroll","offset","scroll","handleProductSelection","id","p","ProductRow","InfiniteLoader","product","_a","_b","e","Checkbox","PropTypes"],"mappings":"wHAEA,IAAAA,EAAsB,SADtB,OAAOC,MAAe,YAEtB,OAAS,aAAAC,EAAW,UAAAC,EAAQ,YAAAC,MAAgB,QAgDxC,OAOM,OAAAC,EAPN,QAAAC,MAAA,oBA5CJ,SAASC,EAAcC,EAAU,CAC/B,MAAO,GAAG,OAAO,iBAAiB,gBAAgBA,OAAc,OAAO,iBAAiB,SAC1F,CAEO,SAASC,EAAQ,CACtB,SAAAC,EACA,OAAAC,EACA,SAAAC,EACA,KAAAC,EACA,MAAAC,EACA,SAAAC,CACF,EAAG,CACD,IAAMC,EAAYb,EAAO,EACnB,CAACc,EAAYC,CAAa,EAAId,EAAS,EAAK,EAElDF,EAAU,IAAM,CACd,IAAMiB,EAAU,SAAS,cAAc,eAAe,EACtD,OAAIA,GAAW,CAACA,EAAQ,aAAa,QAAQ,GAC3CH,EAAU,QAAQ,iBAAiB,SAAUI,CAAY,EACvDJ,EAAU,SAAW,OAAMA,EAAU,QAAQ,UAAY,GACtD,IAAM,CACX,IAAMG,EAAU,SAAS,cAAc,eAAe,EAClDA,GAAWA,EAAQ,aAAa,QAAQ,GAC1CH,EAAU,QAAQ,oBAAoB,SAAUI,CAAY,CAChE,CACF,EAAG,CAAC,CAAC,EAEL,IAAMA,EAAe,IAAM,CACzB,GAAI,CAACT,EAAQ,OACb,IAAMU,EACJL,EAAU,QAAQ,aAAeA,EAAU,QAAQ,aAC/CM,EAAS,KAAK,MAAMN,EAAU,QAAQ,SAAS,GAEjDM,GAAUD,GAAUC,EAAS,GAAKD,GAAUC,EAAS,GAAKD,KAC5DH,EAAc,EAAI,EAClBH,EAAS,CAAE,KAAM,aAAc,QAAS,EAAK,CAAC,EAElD,EAEMQ,EAA0BC,GAAO,CACrCT,EAAS,CAAE,KAAM,YAAa,QAASS,CAAG,CAAC,CAC7C,EAEA,OACElB,EAAC,OACC,GAAG,eACH,IAAKU,EACL,UAAW,8CAET,WAAAN,GAAY,CAAC,GAAG,IAAKe,GAEnBpB,EAACqB,EAAA,CAEC,QAASD,EACT,SAAUb,EAAS,IAAIa,EAAE,SAAS,EAClC,SAAUF,GAHL,eAAeE,EAAE,WAIxB,CAEH,EACAd,GAAUE,EAAOC,GAASG,GAAcZ,EAACsB,EAAA,EAAe,GAC3D,CAEJ,CAEA,SAASD,EAAW,CAAE,QAAAE,EAAS,SAAAhB,EAAU,SAAAG,CAAS,EAAG,CAvErD,IAAAc,EAAAC,EAwEE,IAAMP,EAA0BQ,GAAM,CACpChB,EAASa,EAAQ,SAAS,CAC5B,EACA,OACEtB,EAAC,OACC,UAAW,yCACTM,GAAY,uEAEd,QAASW,EAET,UAAAjB,EAAC,OAAI,UAAU,yBACb,UAAAD,EAAC,OAAI,UAAU,gBACb,SAAAA,EAAC2B,EAAA,CACC,GAAI,WAAWJ,EAAQ,YACvB,KAAMA,EAAQ,KACd,QAAShB,EACT,SAAU,IAAM,CAAC,EACnB,EACF,EACAP,EAAC,OAAI,UAAU,OACZ,SAAAuB,EAAQ,OAASA,EAAQ,YAAc,0BACtCvB,EAAC,OACC,UAAU,uBACV,IAAKuB,EAAQ,MACb,IAAKA,EAAQ,KACb,QAAUG,GAAM,CACdA,EAAE,OAAO,QAAU,KACnBA,EAAE,OAAO,IAAM,GAAGxB,EAChB,6CACF,GACF,EACF,EAEAF,EAAC,OACC,IAAKE,EAAc,6CAA6C,EAChE,IAAKqB,EAAQ,KACb,UAAU,uBACZ,EAEJ,EACAtB,EAAC,OAAI,UAAU,OACb,UAAAD,EAAC,OAAI,UAAU,6BAA8B,SAAAuB,EAAQ,KAAK,IACzDC,EAAAD,EAAQ,aAAR,YAAAC,EAAoB,QAAS,EAC5BxB,EAAC,OAAI,UAAU,wBAAyB,YACtCuB,EAAQ,kBACJ3B,EAAU,QAAS2B,EAAQ,WAAW,OAAQ,EAAI,IAAI,EAE5DvB,EAAC,OAAI,UAAU,wBAAyB,SAAAuB,EAAQ,aAAa,GAEjE,GACF,EACAvB,EAAC,OAAI,UAAU,qBACb,SAAAA,EAAC,QAAK,UAAU,6BAA8B,YAC5C,WAAW,eAAe,iBACzBuB,EAAQ,MAAM,SACfE,EAAA,WAAW,eAAe,mBAA1B,KAAAA,EAA8C,CAChD,IAAI,EACN,GACF,CAEJ,CAEArB,EAAQ,UAAY,CAElB,SAAU,EAAAwB,QAAU,MAEpB,OAAQ,EAAAA,QAAU,KAElB,SAAU,EAAAA,QAAU,WAAW,GAAG,EAElC,KAAM,EAAAA,QAAU,OAEhB,MAAO,EAAAA,QAAU,OAEjB,SAAU,EAAAA,QAAU,IACtB,EAEAP,EAAW,UAAY,CAErB,QAAS,EAAAO,QAAU,OAEnB,SAAU,EAAAA,QAAU,KAEpB,SAAU,EAAAA,QAAU,IACtB,EAEA,SAASN,GAAiB,CACxB,OACEtB,EAAC,OAAI,UAAU,0CACb,SAAAA,EAAC,OAAI,KAAK,SACR,SAAAC,EAAC,OACC,cAAY,OACZ,UAAU,sGACV,QAAQ,cACR,KAAK,OACL,MAAM,6BAEN,UAAAD,EAAC,QACC,EAAE,+WACF,KAAK,eACP,EACAA,EAAC,QACC,EAAE,glBACF,KAAK,cACP,GACF,EACF,EACF,CAEJ","sourcesContent":["// @ts-nocheck\nimport pluralize from \"pluralize\";\nimport PropTypes from \"prop-types\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { Checkbox } from \"../checkbox\";\n// FOR USE WITH THE PRODUCT PICKER COMPONENT - ONLY\n\nfunction BuildImageUrl(imageUrl) {\n  return `${window.resourceSettings.imageBasePath}${imageUrl}?v=${window.resourceSettings.version}`;\n}\n\nexport function Listing({\n  products,\n  isMore,\n  selected,\n  page,\n  pages,\n  callback,\n}) {\n  const scrollRef = useRef();\n  const [showLoader, setShowLoader] = useState(false);\n\n  useEffect(() => {\n    const element = document.querySelector(\"#product-list\");\n    if (element && !element.hasAttribute(\"scroll\"))\n      scrollRef.current.addEventListener(\"scroll\", handleScroll);\n    if (scrollRef.current != null) scrollRef.current.scrollTop = 0;\n    return () => {\n      const element = document.querySelector(\"#product-list\");\n      if (element && element.hasAttribute(\"scroll\"))\n        scrollRef.current.removeEventListener(\"scroll\", handleScroll);\n    };\n  }, []);\n\n  const handleScroll = () => {\n    if (!isMore) return;\n    const offset =\n      scrollRef.current.scrollHeight - scrollRef.current.offsetHeight;\n    const scroll = Math.floor(scrollRef.current.scrollTop);\n    // the '-2 & +2' is used as a buffer, otherwise '==' positioning of the scroll becomes too accurate.\n    if (scroll == offset || scroll + 2 == offset || scroll - 2 == offset) {\n      setShowLoader(true);\n      callback({ type: \"FETCH_DATA\", payload: true });\n    }\n  };\n\n  const handleProductSelection = (id) => {\n    callback({ type: \"SELECTION\", payload: id });\n  };\n\n  return (\n    <div\n      id=\"product-list\"\n      ref={scrollRef}\n      className={`h-[500px] overflow-y-auto rounded-md border`}\n    >\n      {(products || []).map((p) => {\n        return (\n          <ProductRow\n            key={`product-row-${p.ProductId}`}\n            product={p}\n            selected={selected.has(p.ProductId)}\n            callback={handleProductSelection}\n          />\n        );\n      })}\n      {isMore && page < pages && showLoader && <InfiniteLoader />}\n    </div>\n  );\n}\n\nfunction ProductRow({ product, selected, callback }) {\n  const handleProductSelection = (e) => {\n    callback(product.ProductId);\n  };\n  return (\n    <div\n      className={`mb-1 mt-1 flex items-center pb-4 pt-4 ${\n        selected && \"bg-blue-50\"\n      } cursor-pointer justify-between border-b border-gray-100`}\n      onClick={handleProductSelection}\n    >\n      <div className=\"ml-3 flex items-center\">\n        <div className=\"flex-shrink-0\">\n          <Checkbox\n            id={`cb-prod-${product.ProductId}`}\n            name={product.Name}\n            checked={selected}\n            onChange={() => {}}\n          />\n        </div>\n        <div className=\"ml-4\">\n          {product.Image && product.IamgeName !== \"[URL-DownloadRequested]\" ? (\n            <img\n              className=\"h-10 w-10 rounded-sm\"\n              src={product.Image}\n              alt={product.Name}\n              onError={(e) => {\n                e.target.onerror = null;\n                e.target.src = `${BuildImageUrl(\n                  \"/admin/Content/images/no-image-discount.png\"\n                )}`;\n              }}\n            />\n          ) : (\n            <img\n              src={BuildImageUrl(\"/admin/Content/images/no-image-discount.png\")}\n              alt={product.Name}\n              className=\"h-10 w-10 rounded-sm\"\n            />\n          )}\n        </div>\n        <div className=\"ml-4\">\n          <div className=\" font-medium text-gray-900\">{product.Name}</div>\n          {product.Categories?.length > 0 ? (\n            <div className=\"text-xs text-gray-500\">{`${\n              product.CategoryName\n            } & ${pluralize(\"other\", product.Categories.length, true)}`}</div>\n          ) : (\n            <div className=\"text-xs text-gray-500\">{product.CategoryName}</div>\n          )}\n        </div>\n      </div>\n      <div className=\"ml-4 flex-shrink-0\">\n        <span className=\"mr-3 text-sm text-gray-500\">{`${\n          globalThis.globalSettings.CurrencySymbol\n        }${product.Price.toFixed(\n          globalThis.globalSettings.CurrencyExponent ?? 2\n        )}`}</span>\n      </div>\n    </div>\n  );\n}\n\nListing.propTypes = {\n  /** Array of products to list */\n  products: PropTypes.array,\n  /** Boolean to indicate if there are more products to load */\n  isMore: PropTypes.bool,\n  /** Set of selected ids */\n  selected: PropTypes.instanceOf(Set),\n  /** Current page */\n  page: PropTypes.number,\n  /** Total number of pages */\n  pages: PropTypes.number,\n  /** Callback function to handle events */\n  callback: PropTypes.func,\n};\n\nProductRow.propTypes = {\n  /** Product object to display */\n  product: PropTypes.object,\n  /** Boolean to indicate if the file is selected */\n  selected: PropTypes.bool,\n  /** Callback function to handle events */\n  callback: PropTypes.func,\n};\n\nfunction InfiniteLoader() {\n  return (\n    <div className=\"mb-1 mt-1 flex justify-center pb-4 pt-4\">\n      <div role=\"status\">\n        <svg\n          aria-hidden=\"true\"\n          className=\"inline-block h-8 w-8 animate-spin fill-gray-600 text-gray-200 dark:fill-gray-300 dark:text-gray-600\"\n          viewBox=\"0 0 100 101\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z\"\n            fill=\"currentColor\"\n          />\n          <path\n            d=\"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z\"\n            fill=\"currentFill\"\n          />\n        </svg>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/chunk-EEMQBWYJ.js

@@ -1,11 +0,0 @@
-import { a } from './chunk-6LHL364H.js';
-import { e, c, b, a as a$1 } from './chunk-Z4LPO673.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var o=e(a(),1);var g=Object.freeze({success:" text-white bg-green-700 border border-transparent enabled:hover:bg-green-800 focus:ring-green-300 dark:bg-green-600 dark:enabled:hover:bg-green-700 dark:focus:ring-green-800 rounded-lg focus:ring-2",danger:" text-white bg-red-700 border border-transparent enabled:hover:bg-red-800 focus:ring-red-300 dark:bg-red-600 dark:enabled:hover:bg-red-700 dark:focus:ring-red-900 rounded-lg focus:ring-2"}),l=Object.freeze({success:" cursor-not-allowed opacity-50 text-white bg-green-700 border border-transparent enabled:hover:bg-green-800 focus:ring-green-300 dark:bg-green-600 dark:enabled:hover:bg-green-700 dark:focus:ring-green-800 rounded-lg focus:ring-2",danger:" cursor-not-allowed opacity-50 text-white bg-red-700 border border-transparent enabled:hover:bg-red-800 focus:ring-red-300 dark:bg-red-600 dark:enabled:hover:bg-red-700 dark:focus:ring-red-900 rounded-lg focus:ring-2"});function i(h){var t=h,{children:b$1,isLoading:e=!1}=t,r=c(t,["children","isLoading"]);let u=()=>jsxs("svg",{"aria-hidden":"true",role:"status",className:"mr-3 inline h-4 w-4 animate-spin text-white",viewBox:"0 0 100 101",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("path",{d:"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",fill:"#E5E7EB"}),jsx("path",{d:"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",fill:"currentColor"})]});return jsx("button",b(a$1({className:`group relative flex items-center justify-center p-0.5 text-center font-medium focus:z-10 focus:outline-none 
-          ${r.color?e?l[r.color]:g[r.color]:e?l.success:g.success}
-        `},r),{disabled:e,children:jsxs("span",{className:"flex items-center rounded-md px-4 py-2 text-sm transition-all duration-200",children:[e&&u(),b$1]})}))}i.propTypes={color:o.default.string,isLoading:o.default.bool};i.displayName="LoadingButton";
-
-export { i as a };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-EEMQBWYJ.js.map

package/dist/chunk-EEMQBWYJ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/loading-button.tsx"],"names":["import_prop_types","jsx","jsxs","buttonColors","disabledButtonColors","LoadingButton","_a","_b","children","isLoading","props","__objRest","renderLoader","__spreadProps","__spreadValues","PropTypes"],"mappings":"qGACA,IAAAA,EAAsB,SAkBlB,OAQE,OAAAC,EARF,QAAAC,MAAA,oBAhBJ,IAAMC,EAAe,OAAO,OAAO,CACjC,QACE,yMACF,OACE,4LACJ,CAAC,EAEKC,EAAuB,OAAO,OAAO,CACzC,QACE,uOACF,OACE,0NACJ,CAAC,EAEM,SAASC,EAAcC,EAA2C,CAA3C,IAAAC,EAAAD,EAAE,UAAAE,EAAU,UAAAC,EAAY,EAjBtD,EAiB8BF,EAAkCG,EAAAC,EAAlCJ,EAAkC,CAAhC,WAAU,cACxC,IAAMK,EAAe,IACnBV,EAAC,OACC,cAAY,OACZ,KAAK,SACL,UAAU,8CACV,QAAQ,cACR,KAAK,OACL,MAAM,6BAEN,UAAAD,EAAC,QACC,EAAE,+WACF,KAAK,UACP,EACAA,EAAC,QACC,EAAE,glBACF,KAAK,eACP,GACF,EAGF,OACEA,EAAC,SAAAY,EAAAC,EAAA,CACC,UAAW;AAAA,YAELJ,EAAM,MACFD,EACEL,EAAqBM,EAAM,KAAK,EAChCP,EAAaO,EAAM,KAAK,EAC1BD,EACAL,EAAqB,QACrBD,EAAa;AAAA,WAGnBO,GAZL,CAaC,SAAUD,EAEV,SAAAP,EAAC,QAAK,UAAU,6EACb,UAAAO,GAAaG,EAAa,EAC1BJ,GACH,GACF,CAEJ,CAEAH,EAAc,UAAY,CAExB,MAAO,EAAAU,QAAU,OAEjB,UAAW,EAAAA,QAAU,IACvB,EAEAV,EAAc,YAAc","sourcesContent":["//@ts-nocheck\nimport PropTypes from \"prop-types\";\n\nconst buttonColors = Object.freeze({\n  success:\n    \" text-white bg-green-700 border border-transparent enabled:hover:bg-green-800 focus:ring-green-300 dark:bg-green-600 dark:enabled:hover:bg-green-700 dark:focus:ring-green-800 rounded-lg focus:ring-2\",\n  danger:\n    \" text-white bg-red-700 border border-transparent enabled:hover:bg-red-800 focus:ring-red-300 dark:bg-red-600 dark:enabled:hover:bg-red-700 dark:focus:ring-red-900 rounded-lg focus:ring-2\",\n});\n\nconst disabledButtonColors = Object.freeze({\n  success:\n    \" cursor-not-allowed opacity-50 text-white bg-green-700 border border-transparent enabled:hover:bg-green-800 focus:ring-green-300 dark:bg-green-600 dark:enabled:hover:bg-green-700 dark:focus:ring-green-800 rounded-lg focus:ring-2\",\n  danger:\n    \" cursor-not-allowed opacity-50 text-white bg-red-700 border border-transparent enabled:hover:bg-red-800 focus:ring-red-300 dark:bg-red-600 dark:enabled:hover:bg-red-700 dark:focus:ring-red-900 rounded-lg focus:ring-2\",\n});\n\nexport function LoadingButton({ children, isLoading = false, ...props }) {\n  const renderLoader = () => (\n    <svg\n      aria-hidden=\"true\"\n      role=\"status\"\n      className=\"mr-3 inline h-4 w-4 animate-spin text-white\"\n      viewBox=\"0 0 100 101\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z\"\n        fill=\"#E5E7EB\"\n      />\n      <path\n        d=\"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n\n  return (\n    <button\n      className={`group relative flex items-center justify-center p-0.5 text-center font-medium focus:z-10 focus:outline-none \n          ${\n            props.color\n              ? isLoading\n                ? disabledButtonColors[props.color]\n                : buttonColors[props.color]\n              : isLoading\n              ? disabledButtonColors.success\n              : buttonColors.success\n          }\n        `}\n      {...props}\n      disabled={isLoading}\n    >\n      <span className=\"flex items-center rounded-md px-4 py-2 text-sm transition-all duration-200\">\n        {isLoading && renderLoader()}\n        {children}\n      </span>\n    </button>\n  );\n}\n\nLoadingButton.propTypes = {\n  /** String for color of loading button */\n  color: PropTypes.string,\n  /** Bool for spinner on button */\n  isLoading: PropTypes.bool,\n};\n\nLoadingButton.displayName = \"LoadingButton\";\n"]}

package/dist/chunk-ELWZ674J.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/alert-banner.tsx"],"names":["import_prop_types","variantProps","FaTimes","FaInfoCircle","FaCheckCircle","FaExclamationCircle","FaExclamationTriangle","jsx","jsxs","alertProps","dismissProps","AlertBanner","children","type","showIcon","onDismiss","rounded","renderIcon","__spreadProps","__spreadValues","PropTypes"],"mappings":"8FAQA,IAAAA,EAAsB,SARtB,OAAS,gBAAAC,MAAoB,2BAC7B,OACE,WAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,uBAAAC,EACA,yBAAAC,MACK,iBAqEQ,cAAAC,EAuBP,QAAAC,MAvBO,oBAlEf,IAAMC,EAAaR,EAAa,CAC9B,KAAM,gBACN,SAAU,CACR,KAAM,CACJ,KAAM,2GACN,QACE,2GACF,QACE,gHACF,OACE,sGACF,QACE,oHACJ,EACA,KAAM,CACJ,GAAI,UACJ,GAAI,UACJ,GAAI,SACN,EACA,QAAS,CACP,KAAM,aACN,MAAO,cACT,CACF,EACA,gBAAiB,CACf,KAAM,OACN,QAAS,GACT,KAAM,IACR,CACF,CAAC,EAEKS,EAAeT,EAAa,CAChC,KAAM,wGACN,SAAU,CACR,KAAM,CACJ,KAAM,6HACN,QACE,6HACF,QACE,mIACF,OACE,wHACF,QACE,sIACJ,CACF,CACF,CAAC,EAUM,SAASU,EAAY,CAC1B,SAAAC,EACA,KAAAC,EACA,SAAAC,EACA,UAAAC,EACA,QAAAC,CACF,EAAqB,CACnB,IAAMC,EAAa,IAAM,CACvB,OAAQJ,EAAM,CACZ,IAAK,OACH,OAAON,EAACJ,EAAA,EAAa,EACvB,IAAK,UACH,OAAOI,EAACH,EAAA,EAAc,EACxB,IAAK,SACH,OAAOG,EAACF,EAAA,EAAoB,EAC9B,IAAK,UACH,OAAOE,EAACD,EAAA,EAAsB,EAChC,QACE,OAAOC,EAACJ,EAAA,EAAa,CACzB,CACF,EAEA,OACEK,EAAC,MAAAU,EAAAC,EAAA,GAAQV,EAAW,CAAE,KAAAI,EAAM,QAAAG,EAAS,KAAM,IAAK,CAAC,GAAhD,CAAmD,KAAK,QACtD,UAAAF,GACCP,EAAC,OAAI,UAAU,yCACZ,SAAAU,EAAW,EACd,EAEFV,EAAC,QAAK,UAAU,UAAW,SAAAM,EAAK,EAC/BD,GAAYL,EAAC,OAAK,SAAAK,EAAS,EAE3BG,GACCP,EAAC,SAAAU,EAAAC,EAAA,CACC,KAAK,UACDT,EAAa,CAAE,KAAAG,CAAK,CAAC,GAF1B,CAGC,sBAAoB,WACpB,aAAW,QACX,QAASE,EAET,UAAAR,EAAC,QAAK,UAAU,UAAU,iBAAK,EAC/BA,EAACL,EAAA,EAAQ,IACX,IAEJ,CAEJ,CAEAS,EAAY,aAAe,CACzB,SAAU,GACV,QAAS,EACX,EAEAA,EAAY,UAAY,CAEtB,KAAM,EAAAS,QAAU,MAAM,CAAC,OAAQ,UAAW,UAAW,QAAQ,CAAC,EAAE,WAEhE,SAAU,EAAAA,QAAU,KAEpB,UAAW,EAAAA,QAAU,KAErB,QAAS,EAAAA,QAAU,KAEnB,SAAU,EAAAA,QAAU,KAAK,UAC3B,EAEAT,EAAY,YAAc","sourcesContent":["import { variantProps } from \"classname-variants/react\";\nimport {\n  FaTimes,\n  FaInfoCircle,\n  FaCheckCircle,\n  FaExclamationCircle,\n  FaExclamationTriangle,\n} from \"react-icons/fa\";\nimport PropTypes from \"prop-types\";\n\nconst alertProps = variantProps({\n  base: \"flex p-4 mb-4\",\n  variants: {\n    type: {\n      info: \"text-blue-800 border border-blue-300 bg-blue-50 dark:bg-gray-800 dark:text-blue-400 dark:border-blue-800\",\n      default:\n        \"text-gray-800 border border-gray-300 bg-gray-50 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-800\",\n      success:\n        \"text-green-800 border border-green-300 bg-green-50 dark:bg-gray-800 dark:text-green-400 dark:border-green-800\",\n      danger:\n        \"text-red-800 border border-red-300 bg-red-50 dark:bg-gray-800 dark:text-red-400 dark:border-red-800\",\n      warning:\n        \"text-yellow-800 border border-yellow-300 bg-yellow-50 dark:bg-gray-800 dark:text-yellow-400 dark:border-yellow-800\",\n    },\n    size: {\n      sm: \"text-sm\",\n      md: \"text-md\",\n      lg: \"text-lg\",\n    },\n    rounded: {\n      true: \"rounded-lg\",\n      false: \"rounded-none\",\n    },\n  },\n  defaultVariants: {\n    type: \"info\",\n    rounded: true,\n    size: \"md\",\n  },\n});\n\nconst dismissProps = variantProps({\n  base: \"ml-auto -mx-1.5 -my-1.5 rounded-lg focus:ring-2 p-1.5 inline-flex items-center justify-center h-8 w-8\",\n  variants: {\n    type: {\n      info: \" bg-blue-50 text-blue-500 focus:ring-blue-400 hover:bg-blue-200 dark:bg-gray-800 dark:text-blue-400 dark:hover:bg-gray-700\",\n      default:\n        \" bg-grey-50 text-gray-500 focus:ring-gray-400 hover:bg-gray-200 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700\",\n      success:\n        \" bg-green-50 text-green-500 focus:ring-green-400 hover:bg-green-200 dark:bg-green-800 dark:text-green-400 dark:hover:bg-gray-700\",\n      danger:\n        \" bg-red-50 text-red-500 focus:ring-red-400 hover:bg-red-200 dark:bg-gray-800 dark:text-red-400 dark:hover:bg-gray-700\",\n      warning:\n        \" bg-yellow-50 text-yellow-500 focus:ring-yellow-400 hover:bg-yellow-200 dark:bg-gray-800 dark:text-yellow-400 dark:hover:bg-gray-700\",\n    },\n  },\n});\n\ntype AlertBannerProps = {\n  children: React.ReactNode;\n  type: \"info\" | \"success\" | \"warning\" | \"danger\";\n  showIcon: boolean;\n  onDismiss: () => void;\n  rounded: boolean;\n};\n\nexport function AlertBanner({\n  children,\n  type,\n  showIcon,\n  onDismiss,\n  rounded,\n}: AlertBannerProps) {\n  const renderIcon = () => {\n    switch (type) {\n      case \"info\":\n        return <FaInfoCircle />;\n      case \"success\":\n        return <FaCheckCircle />;\n      case \"danger\":\n        return <FaExclamationCircle />;\n      case \"warning\":\n        return <FaExclamationTriangle />;\n      default:\n        return <FaInfoCircle />;\n    }\n  };\n\n  return (\n    <div {...alertProps({ type, rounded, size: \"md\" })} role=\"alert\">\n      {showIcon && (\n        <div className=\"mr-3 mt-1 inline h-4 w-4 flex-shrink-0\">\n          {renderIcon()}\n        </div>\n      )}\n      <span className=\"sr-only\">{type}</span>\n      {children && <div>{children}</div>}\n\n      {onDismiss && (\n        <button\n          type=\"button\"\n          {...dismissProps({ type })}\n          data-dismiss-target=\"#alert-1\"\n          aria-label=\"Close\"\n          onClick={onDismiss}\n        >\n          <span className=\"sr-only\">Close</span>\n          <FaTimes />\n        </button>\n      )}\n    </div>\n  );\n}\n\nAlertBanner.defaultProps = {\n  showIcon: true,\n  rounded: true,\n};\n\nAlertBanner.propTypes = {\n  /** Type of Alert */\n  type: PropTypes.oneOf([\"info\", \"success\", \"warning\", \"danger\"]).isRequired,\n  /** Determins if the icon assosiated with the alert type should be shown (defaults to true) */\n  showIcon: PropTypes.bool,\n  /** Function to be called when Alert is dismissed */\n  onDismiss: PropTypes.func,\n  /** Whether Alert should have rounded corners */\n  rounded: PropTypes.bool,\n  /** Components to be rendered as Part of the Compound Component*/\n  children: PropTypes.node.isRequired,\n};\n\nAlertBanner.displayName = \"AlertBanner\";\n"]}

package/dist/chunk-GGGZRFPY.js

@@ -1,36 +0,0 @@
-import { a as a$i } from './chunk-5VOOMPCL.js';
-import { a as a$f } from './chunk-N7JQ6EAC.js';
-import { a as a$9, b as b$1 } from './chunk-HVNLAQA6.js';
-import { a as a$j } from './chunk-4E6CDLVE.js';
-import { a as a$a } from './chunk-XXP5K6Y4.js';
-import { a as a$k } from './chunk-3NO5IHBO.js';
-import { a as a$5 } from './chunk-TBJGGVSZ.js';
-import { a as a$e } from './chunk-QKHEEDZ4.js';
-import { a as a$8 } from './chunk-HTXOCBXA.js';
-import { a as a$b } from './chunk-ESJIQMQJ.js';
-import { a as a$2 } from './chunk-VGGEDWFD.js';
-import { a as a$d } from './chunk-AVTJXS4U.js';
-import { a as a$c } from './chunk-F7AUKLLE.js';
-import { a as a$4 } from './chunk-WSRPB5OU.js';
-import { a as a$7 } from './chunk-E4USZ2Q3.js';
-import { a as a$6 } from './chunk-F47A36U7.js';
-import { a as a$h } from './chunk-ELWZ674J.js';
-import { a as a$g } from './chunk-2OPJLYW6.js';
-import { a as a$3 } from './chunk-BLUJNMXF.js';
-import { a as a$1 } from './chunk-6LHL364H.js';
-import { e, f as f$1 } from './chunk-Z4LPO673.js';
-import { Badge, Sidebar } from 'flowbite-react';
-import { HiCreditCard, HiClipboardList, HiOutlineSearch } from 'react-icons/hi';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { forwardRef, useRef, useReducer, useState, useEffect, useImperativeHandle, useMemo } from 'react';
-import { HiChartPie, HiTag, HiShoppingBag, HiPaintBrush, HiStar, HiDocument, HiRocketLaunch, HiGlobeAlt } from 'react-icons/hi2';
-import { BiSearch } from 'react-icons/bi';
-import { BsCloudUpload, BsFillCheckCircleFill, BsFillImageFill } from 'react-icons/bs';
-import { FaTimesCircle } from 'react-icons/fa';
-import jr from 'pluralize';
-
-function We({cardPayment:r,enablePayPal:e}){return jsxs(a$4,{className:"border-0 shadow-sm	",children:[jsx("h3",{className:"text-xl font-semibold dark:text-white",children:"Billing Details"}),jsx("div",{className:"flex items-center justify-between  pb-4",children:jsxs("fieldset",{className:"flex w-full flex-col gap-4",id:"radio",children:[jsxs("div",{className:"flex flex-col gap-2",children:[jsxs("div",{className:"flex items-center gap-2",children:[e&&jsx(a$5,{id:"creditDebitCard",name:"paymentType",value:"creditDebitCard"}),jsx(a$6,{htmlFor:"creditDebitCard",children:"Pay by Credit or Debit card"})]}),jsxs("div",{className:e?"ml-6 flex gap-2":"flex gap-2",children:[jsx("img",{src:"https://shared.ekmcdn.com/images/uifw/cards/visa.png",alt:"VISA Card Logo"}),jsx("img",{src:"https://shared.ekmcdn.com/images/uifw/cards/mastercard.png",alt:"MasterCard Card Logo"}),jsx("img",{src:"https://shared.ekmcdn.com/images/uifw/cards/maestro.png",alt:"Maestro Card Logo"}),jsx("img",{src:"https://shared.ekmcdn.com/images/uifw/cards/amex.png",alt:"AMEX Card Logo"})]})]}),r&&jsxs(Fragment,{children:[jsxs("div",{className:"grid grid-cols-1 content-start gap-6 md:grid-cols-2",children:[jsx(a$7,{label:"Name on Card *",htmlFor:"nameOnCard",helperText:"This is your name as is appears on the front of your credit or debit card.",children:jsx(a$8,{id:"nameOnCard",name:"nameOnCard",placeholder:"Your name",type:"text",required:!0})}),jsx(a$7,{label:"Card Number *",htmlFor:"cardNumber",helperText:"This is the long number on the front of your credit or debit card.",children:jsx(a$8,{id:"nameOnCard",name:"nameOnCard",placeholder:"0000 0000 0000 0000",type:"number",rightIcon:HiCreditCard,required:!0})})]}),jsxs("div",{className:"grid grid-cols-1 content-start gap-6 sm:grid-cols-3 md:grid-cols-4",children:[jsx(a$7,{label:"Expiry Date *",htmlFor:"nameOnCard",helperText:"The expiry date as it appears on your card.",children:jsx(a$8,{id:"nameOnCard",name:"nameOnCard",placeholder:"MM / YY",type:"text",required:!0})}),jsx(a$7,{label:"Security Code (CVC) *",htmlFor:"cardNumber",helperText:"The last three digits on the back of your card\u2019s signature strip.",children:jsx(a$8,{id:"nameOnCard",name:"nameOnCard",placeholder:"123",type:"text",rightIcon:HiCreditCard,required:!0})}),jsx("img",{className:"mt-7 hidden h-auto w-16 sm:block",src:"https://shared.ekmcdn.com/images/rise/cvc-reminder-image.png",alt:""})]})]}),e&&jsxs("div",{className:"flex flex-col gap-2",children:[jsxs("div",{className:"flex items-center gap-2",children:[jsx(a$5,{id:"PayPal",name:"paymentType",value:"PayPal"}),jsx(a$6,{htmlFor:"PayPal",children:"PayPal"})]}),jsx("div",{className:"ml-6",children:jsx("img",{src:"https://shared.ekmcdn.com/images/uifw/cards/paypal.png",alt:"PayPal Icon"})})]})]})})]})}We.displayName="CardPaymentBlock";function Xe(){return jsxs(Sidebar.Items,{children:[jsxs(Sidebar.ItemGroup,{children:[jsx(Sidebar.Item,{href:"/",icon:HiChartPie,className:"bg-gray-100 dark:bg-gray-700",children:"Dashboard"}),jsx(Sidebar.Item,{href:"/products",icon:HiTag,className:"",children:"Products"}),jsx(Sidebar.Item,{href:"/orders",icon:HiShoppingBag,label:"27",className:"",children:"Orders"}),jsxs(Sidebar.Collapse,{icon:HiPaintBrush,label:"Design",children:[jsx(Sidebar.Item,{href:"/design/design",className:"",children:"Theme"}),jsx(Sidebar.Item,{href:"/design/editor",className:"",children:"Editor"}),jsx(Sidebar.Item,{href:"/theme/webpages",className:"",children:"Webpages"})]}),jsx(Sidebar.Item,{href:"/features",icon:HiStar,className:"",children:"Features"})]}),jsxs(Sidebar.ItemGroup,{children:[jsx(Sidebar.Item,{href:"https://github.com/themesberg/flowbite-react/",icon:HiDocument,children:"Docs"}),jsx(Sidebar.Item,{href:"https://flowbite-react.com/",icon:HiRocketLaunch,children:"What's New"}),jsx(Sidebar.Item,{href:"https://github.com/themesberg/flowbite-react/issues",icon:HiGlobeAlt,children:"Support Centre"})]})]})}function Cr({children:r,hasHeader:e}){let[o,s]=useState(!1),[v,R]=useState(!1);return useMemo(()=>{a$9()&&!o&&R(!0);},[o]),jsxs(Fragment,{children:[jsx(a$a,{onMenuButtonClick:()=>{s(!o);},showCloseButton:v,avatarImg:"https://avatars.githubusercontent.com/u/49406022?v=4"}),jsxs("div",{className:"flex",children:[jsx(b$1,{collapsed:o,children:jsx(Xe,{})}),jsxs("div",{className:"flex w-3/4 flex-grow flex-col",children:[jsx("main",{className:`"relative dark:bg-gray-900" flex h-full flex-grow flex-col gap-4 overflow-y-auto bg-gray-50 ${e?"":"p-4"}`,children:r}),jsx(a$b,{companyName:"EKM"})]})]})]})}var q=e(a$1(),1);var b=Object.freeze({NONE:"none",OVER:"drag-over",UPLOADING:"uploading",ERROR:"error",SUCCESS:"success"}),Lr=Object.freeze({[b.NONE]:"border-gray-300 bg-gray-50 dark:hover:bg-gray-800 dark:bg-gray-700 hover:bg-gray-100 dark:border-gray-600 dark:hover:border-gray-500 dark:hover:bg-gray-600",[b.OVER]:"border-blue-300 bg-gray-50 dark:hover:bg-gray-800 dark:bg-gray-700 hover:bg-gray-100 dark:border-blue-600 dark:hover:border-blue-500 dark:hover:bg-blue-600",[b.UPLOADING]:"border-blue-300 bg-gray-50 dark:hover:bg-gray-800 dark:bg-gray-700 hover:bg-gray-100 dark:border-blue-600 dark:hover:border-blue-500 dark:hover:bg-blue-600",[b.ERROR]:"border-red-300 bg-gray-50 dark:hover:bg-gray-800 dark:bg-gray-700 hover:bg-gray-100 dark:border-red-600 dark:hover:border-red-500 dark:hover:bg-red-600",[b.SUCCESS]:"border-green-300 bg-gray-50 dark:hover:bg-gray-800 dark:bg-gray-700 hover:bg-gray-100 dark:border-green-600 dark:hover:border-green-500 dark:hover:bg-green-600"}),Pr=["png","webp","jpg","gif","jpeg"];function Qe(r,e){let o=!e||e.length===0?Pr:e;if(!r||r.length===0)return !1;let s=r.split(".").pop().toLowerCase();return o.includes(s)}function se({subtitle:r="PNG, WEBP, JPG, JPEG or GIF",filetypes:e,uploaded:o,exitCallback:s,callback:v,errorCallback:R,pickerCallback:A}){let[l,m]=useState(b.NONE);useEffect(()=>{Object.values(b).includes(o)&&(m(o),setTimeout(()=>{o===b.ERROR&&R?R():m(b.NONE);},2e3));},[o]);let w=t=>{t.preventDefault(),m(b.OVER);},B=t=>{t.preventDefault(),s&&s(),m(b.NONE);},d=t=>{t.preventDefault(),Qe(t.dataTransfer.files[0].name,e)?(m(b.UPLOADING),v(t.dataTransfer.files[0])):(m(b.ERROR),setTimeout(()=>{R();},2e3));},S=t=>{Qe(t.target.files[0].name,e)?m(b.UPLOADING):m(b.ERROR),v(t.target.files[0]);},y=()=>{A&&A();},T=()=>jsxs("div",{className:"flex flex-col items-center justify-center pb-6 pt-5",children:[jsx(BsCloudUpload,{className:"h-12 w-12 text-gray-400 dark:text-gray-500"}),jsxs("p",{className:"mb-2 mt-5 text-sm text-gray-500 dark:text-gray-400",children:[jsx("span",{className:"font-semibold",children:"Click to upload"})," or drag and drop"]}),jsx("p",{className:"text-xs text-gray-500 dark:text-gray-400",children:r}),A&&jsx("div",{className:"mt-5",children:jsxs(a$3,{color:"default",onClick:y,children:[jsx(BiSearch,{className:"mr-2"}),"Browse File Manager"]})})]}),x=()=>jsx("div",{className:"flex flex-col items-center justify-center pb-6 pt-5",children:jsx("p",{className:"mb-2 mt-5 text-sm text-blue-500 dark:text-blue-400",children:jsx("span",{className:"font-semibold",children:"Drop here to upload"})})}),C=()=>jsxs("div",{className:"flex flex-col items-center justify-center pb-6 pt-5",children:[jsxs("svg",{"aria-hidden":"true",className:"mr-2 inline h-10 w-10 animate-spin text-gray-200 dark:text-gray-600",viewBox:"0 0 100 101",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("path",{d:"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",fill:"currentColor"}),jsx("path",{d:"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",fill:"currentFill"})]}),jsx("p",{className:"mb-2 mt-5 text-sm text-blue-500 dark:text-blue-400",children:jsx("span",{className:"font-semibold",children:"Uploading..."})})]}),H=()=>jsxs("div",{className:"flex flex-col items-center justify-center pb-6 pt-5",children:[jsx(FaTimesCircle,{className:"h-12 w-12 text-red-400 dark:text-red-500"}),jsx("p",{className:"mb-2 mt-5 text-sm text-red-500 dark:text-red-400",children:jsx("span",{className:"font-semibold",children:"Unable to upload"})})]}),M=()=>jsxs("div",{className:"flex flex-col items-center justify-center pb-6 pt-5",children:[jsx(BsFillCheckCircleFill,{className:"h-12 w-12 text-green-400 dark:text-green-500"}),jsx("p",{className:"mb-2 mt-5 text-sm text-green-500 dark:text-green-400",children:jsx("span",{className:"font-semibold",children:"Uploaded"})})]}),n=()=>{switch(l){case b.OVER:return x();case b.UPLOADING:return C();case b.ERROR:return H();case b.SUCCESS:return M();default:return T()}};return jsx("div",{onDragEnter:t=>t.preventDefault(),onDragOver:w,onDrop:d,onDragLeave:B,className:"flex h-full w-full items-center justify-center",children:jsxs("label",{htmlFor:"dropzone-file",className:`flex h-full w-full cursor-pointer flex-col items-center justify-center rounded-lg border-2 border-dashed ${Lr[l]}`,children:[n(),l===b.NONE&&jsx("input",{id:"dropzone-file",type:"file",className:"hidden",onChange:S})]})})}se.propTypes={filetypes:q.default.arrayOf(q.default.string),subtitle:q.default.string,uploaded:q.default.oneOf(["none","success","error"]).isRequired,exitCallback:q.default.func,errorCallback:q.default.func.isRequired,callback:q.default.func.isRequired,pickerCallback:q.default.func};se.displayName="DragAndDrop";var W=e(a$1(),1);var er="/admin/api/common/directoryinformation/",a=Object.freeze({EMPTY:"EMPTY",SEARCH_LOADING:"SEARCH-LOADING",LOADING:"LOADING",LOADED:"LOADED",LOADED_NO_DRAG:"LOADED_NO_DRAG",SEARCH_RESULTS:"SEARCH-RESULTS",SEARCH_EMPTY:"SEARCH-EMPTY",UPLOAD_ERROR:"ERROR",DRAGGING:"DRAGGING"}),Ir=Object.freeze({mode:a.LOADING,actionBtnTxt:"I Accept",actionBtnColor:"success",listSize:"h-5/6",listBorder:"",searchDisabled:!1});function Br(r,e){switch(e.type){case a.EMPTY:return {mode:a.EMPTY,actionBtnTxt:"Add Image",actionBtnColor:"default",listSize:"h-5/6",listBorder:"",searchDisabled:!0};case a.LOADING:return Ir;case a.LOADED:return {mode:a.LOADED,actionBtnTxt:"I Accept",actionBtnColor:"success",listSize:"h-[68.666667%]",listBorder:"border",searchDisabled:!1};case a.LOADED_NO_DRAG:return {mode:a.LOADED_NO_DRAG,actionBtnTxt:"I Accept",actionBtnColor:"success",listSize:"h-[87.666667%]",listBorder:"border",searchDisabled:!1};case a.SEARCH_RESULTS:return {mode:a.SEARCH_RESULTS,actionBtnTxt:"I Accept",actionBtnColor:"success",listSize:"h-5/6",listBorder:"border",searchDisabled:!1};case a.SEARCH_EMPTY:return {mode:a.SEARCH_EMPTY,actionBtnTxt:"I Accept",actionBtnColor:"success",listSize:"h-5/6",listBorder:"",searchDisabled:!1};default:throw new Error("Unknown file picker state: "+e.page)}}function _e({appUrl:r,uri:e,show:o,hideDrag:s=!1,onClose:v,callback:R}){let A=useRef(),[l,m]=useReducer(Br,{mode:a.LOADING,footerBorder:"border-t"}),[w,B]=useState(0),d=useRef(1),[S,y]=useState(!1),[T,x]=useState(!1),C=useRef({pages:0,totalEntries:0}),[H,M]=useState(!1),[n,t]=useState(null),[u,k]=useState(null),[j,Q]=useState([]),[ce,G]=useState("none");useEffect(()=>{o&&(m({type:a.LOADING}),k(null),C.current={pages:0,totalEntries:0},ge(),c(1));},[o]),useEffect(()=>{o&&(d.current=1,c(),x(!1));},[n]),useEffect(()=>{u&&k(null),T&&x(!1);},[l.mode]);let ge=()=>{Q([]),G("none"),M(!1),k(null),x(!1);},c=(D=0)=>f$1(this,null,function*(){try{let U=D===0?d.current:D,te=(n==null?void 0:n.length)>0?`&FileNameIncludesString=${n}`:"&FileNameIncludesString=",Y=yield (yield fetch(`${r}${er}?CurrentPage=${U}&PageSize=10&Uri=${e}${te}`,{method:"GET",credentials:"same-origin",headers:{"Content-Type":"application/json"}})).json();if((n==null?void 0:n.length)>0&&m({type:a.SEARCH_RESULTS}),Y.Items.Data.length>0&&U>1?Q(Re=>[...Re,...Y.Items.Data]):Q(Y.Items.Data),C.current={pages:Y.Items.NumberOfPages,totalEntries:Y.Items.Total},B(Y.Items.NumberOfPages),(n==null?void 0:n.length)>0)m({type:Y.Items.Data.length>0?a.SEARCH_RESULTS:a.SEARCH_EMPTY});else {let Re=s?a.LOADED_NO_DRAG:a.LOADED;m({type:Y.Items.Data.length>0?Re:a.EMPTY});}G("none"),M(!1),y(!1);}catch(U){m({type:(n==null?void 0:n.length)===0?a.SEARCH_EMPTY:a.EMPTY});}}),L=D=>{s||(y(!0),A.current.removeFocus(),D.preventDefault());},ee=D=>{s||y(!1);},$=D=>{var de;let U=(de=D.text)!=null?de:"",te=n!=null?n:"";t(D.text),(te.length>0&&U.length===0||te.length===0&&U.length>0&&l.mode!==a.LOADING)&&m({type:a.LOADING});},re=()=>{x(!0),y(!1),G("none");},ir=()=>{R(`https://files.ekmcdn.com/${u.Uri}`),ve();},ve=()=>{ge(),v();},qe=D=>f$1(this,null,function*(){if(D==null){G("error"),re();return}try{let U=zr(D.name),te=yield Gr(D),de={Path:`/${e}/`,Name:U,Bytes:Yr(te),ForceOverwriteFile:!0};(yield fetch(`${r}${er}`,{method:"POST",credentials:"same-origin",headers:{"Content-Type":"application/json"},body:JSON.stringify(de)})).status===200?(G("success"),t(null),A.current.clear(),Q([]),x(!1),c(1)):G("error");}catch(U){G("error");}}),nr=D=>{switch(D.type){case"FETCH_DATA":M(D.payload),d.current<C.current.pages&&!H&&(M(!0),d.current=d.current+1,c());break;case"SELECTION":k(D.payload),x(!1);break;}},cr=()=>{switch(l.mode){case a.EMPTY:return jsx(Hr,{});case a.LOADING:return jsx(Mr,{});case a.SEARCH_RESULTS:case a.LOADED:case a.LOADED_NO_DRAG:return jsx(a$j,{border:l.listSize,files:j,isMore:d.current<C.current.pages,selected:u==null?void 0:u.Name,page:d.current,pages:w,callback:nr});case a.SEARCH_EMPTY:return jsx(_r,{});}},dr=()=>jsxs(Fragment,{children:[jsx(a$f,{id:"file-search",ref:A,placeholder:"Search your images",disabled:l.searchDisabled,callback:$}),jsxs("div",{className:"mb-4 mt-4",children:[T&&jsxs(a$h,{type:"danger",onDismiss:()=>{x(!1);},children:[jsx("p",{className:"font-semibold",children:"File could not be uploaded"}),jsx("p",{children:"There was an error uploading the file. Please try again."})]}),l.mode!==a.SEARCH_RESULTS&&l.mode!==a.SEARCH_EMPTY&&!s&&jsx("div",{className:"h-68",children:jsx(se,{uploaded:ce,callback:qe,errorCallback:re})}),(l.mode===a.SEARCH_RESULTS||l.mode===a.SEARCH_EMPTY)&&(n==null?void 0:n.length)>0&&jsx("span",{className:"ms-1 text-sm font-medium text-gray-500 dark:text-gray-400 md:ms-2",children:`Showing results for..."${n}"`})]}),cr()]});return jsxs(a$c,{show:o,onClose:ve,title:"File Picker",onHide:()=>{},children:[jsxs("div",{className:"h-full",onDragEnter:L,children:[o&&S&&!s&&(()=>jsx("div",{className:"absolute z-50 h-[90.666667%] w-[93.666667%]",children:jsx(se,{uploaded:ce,exitCallback:ee,callback:qe,errorCallback:re})}))(),o&&dr()]}),jsxs("div",{className:"bottom-0 mt-0 grid grid-flow-col grid-cols-2 gap-4 bg-white pt-2  dark:border-gray-600",style:{marginTop:"-50px"},children:[jsx(a$3,{color:"light",onClick:ve,children:"Close"}),jsx(a$3,{color:l.actionBtnColor,onClick:ir,disabled:u==null,children:l.actionBtnTxt})]})]})}_e.propTypes={appUrl:W.default.string.isRequired,uri:W.default.string.isRequired,show:W.default.bool.isRequired,hideDrag:W.default.bool,onClose:W.default.func.isRequired,callback:W.default.func.isRequired};_e.displayName="FilePicker";function Hr(){return jsxs("div",{className:"mt-5 flex flex-col items-center justify-center",children:[jsx("h1",{children:jsx(BsFillImageFill,{className:"text-9xl text-gray-700"})}),jsx("p",{className:"mt-4 text-2xl font-semibold text-gray-900",children:"You Have No Images"}),jsx("p",{className:"mt-4 text-sm text-gray-500",children:"Images will appear here when you upload them"})]})}function Mr(){return jsx("div",{className:"flex h-2/3 items-center justify-center overflow-y-auto",children:jsxs("div",{className:"flex flex-col items-center justify-center",children:[jsx("h1",{children:jsx(Fr,{})}),jsx("p",{className:"mt-4 text-2xl font-semibold text-gray-900",children:"Loading Files"}),jsx("p",{className:"mt-4 text-sm text-gray-500",children:"Don't worry, this won't take long..."})]})})}function _r(){return jsx("div",{className:"flex h-5/6 items-center justify-center overflow-y-auto",children:jsxs("div",{className:"flex flex-col items-center justify-center",children:[jsx("h1",{children:jsx(HiOutlineSearch,{className:"text-9xl text-gray-700"})}),jsx("p",{className:"mt-4 text-2xl font-semibold text-gray-900",children:"No Files Found"}),jsx("p",{className:"mt-4 text-sm text-gray-500",children:"No files were found matching your search"})]})})}function Fr(){return jsxs("div",{role:"status",children:[jsxs("svg",{"aria-hidden":"true",className:"inline h-14 w-14 animate-spin fill-blue-600 text-gray-200 dark:text-gray-600",viewBox:"0 0 100 101",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("path",{d:"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",fill:"currentColor"}),jsx("path",{d:"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",fill:"currentFill"})]}),jsx("span",{className:"sr-only",children:"Loading..."})]})}function Gr(r){return f$1(this,null,function*(){return new Uint8Array(yield Ur(r))})}function Ur(r){return new Promise((e,o)=>{let s=new FileReader;s.onloadend=v=>e(v.target.result),s.onerror=v=>o(v),s.readAsArrayBuffer(r);})}function Yr(r){return btoa(Array.from(r).map(e=>String.fromCharCode(e)).join(""))}function zr(r){return r.replace(/[^a-z0-9_\.-]/gi,"_").toLowerCase()}var le=e(a$1(),1);function X({title:r,message:e,icon:o,children:s}){return jsx(a$d,{icon:o||jsx(a$e,{}),title:r,text:e,children:s})}X.propTypes={title:le.PropTypes.string.isRequired,message:le.PropTypes.string,useSpinner:le.PropTypes.bool,icon:le.PropTypes.node,children:le.PropTypes.node};X.displayName="TableResultBlock";var ie=e(a$1(),1);var p=Object.freeze({EMPTY:"EMPTY",SEARCH_LOADING:"SEARCH-LOADING",LOADING:"LOADING",LOADED:"LOADED",SEARCH_RESULTS:"SEARCH-RESULTS",SEARCH_EMPTY:"SEARCH-EMPTY"}),ye=[{display:"Name",value:"Name"},{display:"Category",value:"Category"},{display:"Product Code",value:"ProductCode"}],tr=Object.freeze({mode:p.LOADING,searchDisabled:!1});function Xr(r,e){switch(e.type){case p.EMPTY:return {mode:p.EMPTY,searchDisabled:!0};case p.LOADING:return tr;case p.LOADED:return {mode:p.LOADED,searchDisabled:!1};case p.SEARCH_RESULTS:return {mode:p.SEARCH_RESULTS,searchDisabled:!1};case p.SEARCH_EMPTY:return {mode:p.SEARCH_EMPTY,searchDisabled:!1};default:throw new Error("Unknown file picker state: "+e.page)}}var Ue=forwardRef(function({preSelected:e=[],onClose:o,productCodeEnabled:s,requestCallback:v,callback:R},A){let l=useRef(),[m,w]=useReducer(Xr,tr),[B,d]=useState(0),S=useRef(1),y=useRef({pages:0,totalEntries:0}),[T,x]=useState(!1),[C,H]=useState({text:"",category:ye[0]}),[M,n]=useState([]),[t,u]=useState(new Set([]));useEffect(()=>{k("",ye[0].value),u(new Set(e));},[]);let k=(c,L)=>{v({SearchText:c||"",PageSize:11,Page:S.current,SearchType:L});};useImperativeHandle(A,()=>({responseHandler:c=>{var L,ee;try{c.Result.Data.length>0&&S.current>1?n($=>[...$,...c.Result.Data]):n(c.Result.Data),y.current={pages:c.Result.NumberOfPages,totalEntries:c.Result.Total},d(c.Result.NumberOfPages),((L=C.text)==null?void 0:L.length)>0?w({type:c.Result.Data.length>0?p.SEARCH_RESULTS:p.SEARCH_EMPTY}):w({type:c.Result.Data.length>0?p.LOADED:p.EMPTY}),x(!1);}catch($){console.error("Error fetching products",$),w({type:((ee=C.text)==null?void 0:ee.length)===0?p.SEARCH_EMPTY:p.EMPTY});}}}));let j=c=>{var $,re;let L=($=c.text)!=null?$:"",ee=(re=C.text)!=null?re:"";(L!=ee||c.category.value!=C.category.value)&&(S.current=1,w({type:p.LOADING}),k(L,c.category.value)),H({text:L,category:c.category});},Q=()=>{R(Array.from(t));},ce=c=>{switch(c.type){case"FETCH_DATA":x(c.payload),S.current<y.current.pages&&!T&&(x(!0),S.current=S.current+1,k());break;case"SELECTION":t.has(c.payload)?(t.delete(c.payload),u(L=>new Set(L))):(t.add(c.payload),u(L=>new Set(L)));break;case"DESELECT_ALL":u(new Set([]));break;}},G=()=>{switch(m.mode){case p.EMPTY:return jsx(Ge,{title:"You Have No Products",msg:"Your products will appear here"});case p.LOADING:return jsx(Ge,{title:"Loading Products",msg:"Don't worry, this won't take long...",showSpinner:!0});case p.SEARCH_RESULTS:case p.LOADED:return jsx(a$i,{products:M,isMore:S.current<y.current.pages,selected:t,page:S.current,pages:B,callback:ce});case p.SEARCH_EMPTY:return jsx(Ge,{title:"No Products Found",msg:"No products were found matching your search",blockHeight:"h-[460px]"});}},ge=()=>jsxs(Fragment,{children:[t.size>0&&jsx("div",{className:"mb-4 rounded-md border border-orange-200 bg-yellow-50 p-4",children:jsxs("p",{className:"text-center text-sm text-yellow-800",children:[`${jr("product",t.size,!0)} selected.`,jsx("span",{onClick:()=>ce({type:"DESELECT_ALL",payload:null}),className:"cursor-pointer text-primary-600 hover:underline",children:" Clear Selection."})]})}),jsx(a$f,{id:"file-search",ref:l,categories:s?ye:ye.filter(c=>c.value!=="ProductCode"),placeholder:"Search your products",disabled:m.searchDisabled,callback:j}),jsx("div",{className:"mb-4 mt-4",children:(m.mode===p.SEARCH_RESULTS||m.mode===p.SEARCH_EMPTY)&&C.text.length>0&&jsx("span",{className:"ms-1 text-sm font-medium text-gray-500 dark:text-gray-400 md:ms-2",children:`Showing results for..."${C.text}"`})}),G()]});return jsxs(a$2,{show:!0,onClose:o,title:"Choose Products",size:"lg",children:[jsx(a$2.Body,{children:jsx("div",{className:"h-full",children:ge()})}),jsx(a$2.Footer,{children:jsxs("div",{className:"flex-grow grid grid-col-2 grid-flow-col gap-4",children:[jsx(a$3,{color:"light",onClick:o,children:"Close"}),jsx(a$3,{color:"success",onClick:Q,disabled:t.size===0,children:"Add Products"})]})})]})}),Ge=({title:r,msg:e,blockHeight:o="h-[500px]",showSpinner:s=!1})=>jsx("div",{className:`${o} flex items-center justify-center`,children:jsx(X,{icon:!s&&jsx(HiClipboardList,{className:"mb-4 h-16 w-16 text-gray-500 dark:text-gray-400"}),title:r,message:e,spinner:s})});Ue.propTypes={preSelected:ie.default.array,onClose:ie.default.func.isRequired,productCodeEnabled:ie.default.bool,requestCallback:ie.default.func.isRequired,callback:ie.default.func.isRequired};Ue.displayName="ProductPicker";var ne=e(a$1(),1);var f=Object.freeze({EMPTY:"EMPTY",LOADING:"LOADING",LOADED:"LOADED",SEARCH_RESULTS:"SEARCH-RESULTS",SEARCH_EMPTY:"SEARCH-EMPTY"}),or=Object.freeze({mode:f.LOADING,searchDisabled:!1});function at(r,e){switch(e.type){case f.EMPTY:return {mode:f.EMPTY,searchDisabled:!0};case f.LOADING:return or;case f.LOADED:return {mode:f.LOADED,searchDisabled:!1};case f.SEARCH_RESULTS:return {mode:f.SEARCH_RESULTS,searchDisabled:!1};case f.SEARCH_EMPTY:return {mode:f.SEARCH_EMPTY,searchDisabled:!1};default:throw new Error("Unknown file picker state: "+e.page)}}function sr({initialLoadComplete:r,allCountryData:e,preSelected:o=[],onClose:s,callback:v}){let[R,A]=useReducer(at,or),[l,m]=useState(""),[w,B]=useState([]),[d,S]=useState([]),y=useRef([]);useEffect(()=>{((e==null?void 0:e.length)>0||r)&&(y.current=e,x(""));},[e]),useEffect(()=>{S(o);},[o]);let T=t=>{var j;let u=(j=t.text)!=null?j:"",k=l!=null?l:"";u!=k&&(A({type:f.LOADING}),x(u)),m(u);},x=t=>{let u=t?y.current.filter(k=>k.Country.toLowerCase().includes(t.toLowerCase())):y.current;(u==null?void 0:u.length)>0?(B(u),A({type:(t==null?void 0:t.length)>0?f.SEARCH_RESULTS:f.LOADED})):(B([]),A({type:(t==null?void 0:t.length)>0?f.SEARCH_EMPTY:f.EMPTY}));},C=()=>{v(d);},H=(t,u)=>{let k=u?d.filter(j=>j.CountryCode!=t.CountryCode):[...d,t];S(k);},M=()=>{switch(R.mode){case f.EMPTY:return jsx(ze,{title:"No Countries",msg:"Available countries will appear here"});case f.LOADING:return jsx(ze,{title:"Loading Countries",msg:"Don't worry, this won't take long...",showSpinner:!0});case f.SEARCH_RESULTS:case f.LOADED:return jsx(a$k,{countryData:w,selectedCountries:d,countrySelectCallback:H});case f.SEARCH_EMPTY:return jsx(ze,{title:"No Countries Found",msg:"No countries were found matching your search",blockHeight:"h-[460px]"});}},n=()=>jsxs(Fragment,{children:[(d==null?void 0:d.length)>0&&jsx("div",{className:"mb-4 rounded-md border border-orange-200 bg-yellow-50 p-4",children:jsxs("p",{className:"text-center text-sm text-yellow-800",children:[`${jr("country",d==null?void 0:d.length,!0)} selected.`,jsx("span",{onClick:()=>S([]),className:"cursor-pointer text-primary-600 hover:underline",children:" Clear Selection."})]})}),jsx(a$f,{id:"locationSearch",placeholder:"Search for countries",disabled:R.searchDisabled,callback:T}),jsx("div",{className:"mb-4 mt-4",children:(R.mode===f.SEARCH_RESULTS||R.mode===f.SEARCH_EMPTY)&&l.length>0&&jsx("span",{className:"ms-1 text-sm font-medium text-gray-500 dark:text-gray-400 md:ms-2",children:`Showing results for..."${l}"`})}),M()]});return jsxs(a$2,{show:!0,onClose:s,title:"Choose Locations",size:"md",children:[jsx(a$2.Body,{children:jsx("div",{className:"h-full",children:n()})}),jsx(a$2.Footer,{children:jsxs("div",{className:"flex-grow grid grid-col-2 grid-flow-col gap-4",children:[jsx(a$3,{color:"light",onClick:s,children:"Close"}),jsx(a$3,{color:"success",onClick:C,disabled:(d==null?void 0:d.length)===0,children:"Add Locations"})]})})]})}var ze=({title:r,msg:e,blockHeight:o="h-[500px]",showSpinner:s=!1})=>jsx("div",{className:`${o} flex items-center justify-center`,children:jsx(X,{icon:!s&&jsx(HiClipboardList,{className:"mb-4 h-16 w-16 text-gray-500 dark:text-gray-400"}),title:r,message:e,spinner:s})});sr.propTypes={initialLoadComplete:ne.default.bool.isRequired,allCountryData:ne.default.array.isRequired,preSelected:ne.default.array.isRequired,onClose:ne.default.func.isRequired,callback:ne.default.func.isRequired};function lr({id:r,title:e,text:o,avatarShow:s,avatarColor:v,avatarBorder:R,children:A,badgeText:l,badgeColor:m,icon:w}){function B(S){var y=S.split(" "),T=y[0],x=y[y.length-1],C=T.charAt(0);if(T!==x)var H=x.charAt(0);else var H="";return C+H}let d=B(e);return jsxs("li",{className:"hover:bg-gray-90 relative flex justify-between gap-x-6 px-4 py-5  dark:hover:bg-gray-900",children:[jsxs("div",{className:"flex min-w-0 flex-auto items-center gap-x-4",children:[s&&jsx(a$g,{placeholderInitials:d,color:v,border:R}),w&&w,jsxs("div",{className:"min-w-0 flex-auto",children:[jsxs("div",{className:"flex gap-2",children:[jsx("p",{className:"truncate text-sm font-semibold text-gray-900 dark:text-white",children:e}),l&&jsx(Badge,{color:m||"info",children:l})]}),jsx("p",{className:"mt-1 flex text-xs text-gray-500 dark:text-gray-400",children:jsx("span",{className:"relative truncate",children:o})})]})]}),jsx("div",{className:"flex flex-shrink-0  items-center gap-x-4",children:jsx("div",{className:"sm:flex sm:flex-col sm:items-end",children:A})})]},r)}lr.displayName="StackedListItem";
-
-export { lr as a, Cr as b, se as c, _e as d, X as e, Ue as f, sr as g, We as h };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-GGGZRFPY.js.map