@licklist/design 0.69.1 → 0.69.2

package/.prettierrc

@@ -1,3 +1,7 @@
 {
-  "plugins": ["prettier-plugin-tailwindcss"]
+  "plugins": ["prettier-plugin-tailwindcss"],
+  "semi": false,
+  "singleQuote": true,
+  "jsxSingleQuote": true,
+  "bracketSameLine": false
 }

package/dist/events/edit-event-modal/IntervalInput.js

@@ -172,7 +172,7 @@ function IntervalInput(param) {
     var onChangeRecurrent = function(checked) {
         setRecurrent(checked);
         if (!checked) {
-            setValue("rrule", null);
+            setValue('rrule', null);
         }
     };
     return /*#__PURE__*/ jsxs(Fragment, {

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

@@ -218,7 +218,7 @@ var SelectEventProductSet = function(param) {
                 className: "d-flex mt-5 mb-5 align-items-end",
                 children: /*#__PURE__*/ jsxs(Form.Group, {
                     controlId: productSetsId,
-                    className: "d-flex flex-column  w-100 choose-product-set-container ",
+                    className: "d-flex flex-column w-100 choose-product-set-container",
                     children: [
                         /*#__PURE__*/ jsx(Form.Label, {
                             children: t('Design:selectProductSet')
@@ -272,7 +272,7 @@ var SelectEventProductSet = function(param) {
                                                         }),
                                                         showOverrideProductSet && /*#__PURE__*/ jsx(Button, {
                                                             variant: "",
-                                                            className: "btn product-set-button ",
+                                                            className: "btn product-set-button",
                                                             onClick: onEditProductSet,
                                                             children: isOverrideProductSet ? t('editOverrides') : t('editProductSet')
                                                         }),

package/dist/iframe/order-process/components/Timer/Timer.js

@@ -10,7 +10,7 @@ var Timer = function(param) {
         className: "payment-timer-counter",
         children: [
             /*#__PURE__*/ jsx("div", {
-                className: "timer-wrapper ",
+                className: "timer-wrapper",
                 children: /*#__PURE__*/ jsxs("div", {
                     className: "timer",
                     children: [

package/dist/modals/dialog/Dialog.js

@@ -25,14 +25,14 @@ var Dialog = function(param) {
             className: "text-center justify-content-center rounded",
             children: [
                 /*#__PURE__*/ jsx(Modal.Header, {
-                    className: "justify-content-center border-0 ",
+                    className: "justify-content-center border-0",
                     children: title && /*#__PURE__*/ jsx(Modal.Title, {
                         as: "h6",
                         children: title
                     })
                 }),
                 content && /*#__PURE__*/ jsx(Modal.Body, {
-                    className: "justify-content-center ",
+                    className: "justify-content-center",
                     children: content
                 }),
                 /*#__PURE__*/ jsx(Modal.Footer, {

package/dist/product-set/form/MobileFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MobileFooter.d.ts","sourceRoot":"","sources":["../../../src/product-set/form/MobileFooter.tsx"],"names":[],"mappings":"AAGA,wBAAgB,YAAY,4CAa3B"}
+{"version":3,"file":"MobileFooter.d.ts","sourceRoot":"","sources":["../../../src/product-set/form/MobileFooter.tsx"],"names":[],"mappings":"AAGA,wBAAgB,YAAY,4CAY3B"}

package/dist/recurring-date-picker-input/utils.js

@@ -79,11 +79,13 @@ var useWorkHoursValidation = function() {
     var workHours = Array.from({
         length: 7
     }, function(_, i) {
-        if (_workHours === null || _workHours === void 0 ? void 0 : _workHours[i]) {
-            return _workHours[i];
-        }
+        var existing = _workHours.find(function(param) {
+            var day = param.day;
+            return day === i;
+        });
+        if (existing) return existing;
         return {
-            day: i + 1,
+            day: i,
             start: '00:00',
             end: '23:59',
             description: ''

package/dist/root.css

@@ -3,75 +3,75 @@
 @tailwind utilities;
 
 @layer base {
-    :root {
-        --background: 0 0% 95%;
-        --foreground: 0 0% 3.9%;
+  :root {
+    --background: 0 0% 95%;
+    --foreground: 0 0% 3.9%;
 
-        --card: 0 0% 100%;
-        --card-foreground: 0 0% 3.9%;
+    --card: 0 0% 100%;
+    --card-foreground: 0 0% 3.9%;
 
-        --popover: 0 0% 100%;
-        --popover-foreground: 0 0% 3.9%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 0 0% 3.9%;
 
-        --primary: 204 88% 47%;
-        --primary-foreground: 0 0% 98%;
+    --primary: 204 88% 47%;
+    --primary-foreground: 0 0% 98%;
 
-        --secondary: 0 0% 96.1%;
-        --secondary-foreground: 0 0% 9%;
+    --secondary: 0 0% 96.1%;
+    --secondary-foreground: 0 0% 9%;
 
-        --muted: 0 0% 96.1%;
-        --muted-foreground: 0 0% 45.1%;
+    --muted: 0 0% 96.1%;
+    --muted-foreground: 0 0% 45.1%;
 
-        --accent: 0 0% 96.1%;
-        --accent-foreground: 0 0% 9%;
+    --accent: 0 0% 96.1%;
+    --accent-foreground: 0 0% 9%;
 
-        --destructive: 0 84.2% 60.2%;
-        --destructive-foreground: 0 0% 98%;
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 0 0% 98%;
 
-        --border: 0 0% 89.8%;
-        --input: 0 0% 89.8%;
-        --ring: 0 0% 3.9%;
+    --border: 0 0% 89.8%;
+    --input: 0 0% 89.8%;
+    --ring: 0 0% 3.9%;
 
-        --radius: 0.5rem;
-    }
+    --radius: 0.5rem;
+  }
 
-    .dark {
-        --background: 0 0% 3.9%;
-        --foreground: 0 0% 98%;
+  .dark {
+    --background: 0 0% 3.9%;
+    --foreground: 0 0% 98%;
 
-        --card: 0 0% 3.9%;
-        --card-foreground: 0 0% 98%;
+    --card: 0 0% 3.9%;
+    --card-foreground: 0 0% 98%;
 
-        --popover: 0 0% 3.9%;
-        --popover-foreground: 0 0% 98%;
+    --popover: 0 0% 3.9%;
+    --popover-foreground: 0 0% 98%;
 
-        --primary: 0 0% 98%;
-        --primary-foreground: 0 0% 9%;
+    --primary: 0 0% 98%;
+    --primary-foreground: 0 0% 9%;
 
-        --secondary: 0 0% 14.9%;
-        --secondary-foreground: 0 0% 98%;
+    --secondary: 0 0% 14.9%;
+    --secondary-foreground: 0 0% 98%;
 
-        --muted: 0 0% 14.9%;
-        --muted-foreground: 0 0% 63.9%;
+    --muted: 0 0% 14.9%;
+    --muted-foreground: 0 0% 63.9%;
 
-        --accent: 0 0% 14.9%;
-        --accent-foreground: 0 0% 98%;
+    --accent: 0 0% 14.9%;
+    --accent-foreground: 0 0% 98%;
 
-        --destructive: 0 62.8% 30.6%;
-        --destructive-foreground: 0 0% 98%;
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 0 0% 98%;
 
-        --border: 0 0% 14.9%;
-        --input: 0 0% 14.9%;
-        --ring: 0 0% 83.1%;
-    }
+    --border: 0 0% 14.9%;
+    --input: 0 0% 14.9%;
+    --ring: 0 0% 83.1%;
+  }
 }
 
 @layer base {
-    * {
-        @apply border-border;
-    }
-
-    body {
-        @apply bg-background text-foreground;
-    }
-}
+  * {
+    @apply border-border;
+  }
+
+  body {
+    @apply bg-background text-foreground;
+  }
+}

package/dist/sales/manual-booking/search-user/SearchUser.js

@@ -149,7 +149,7 @@ var SearchUser = function(param) {
                 className: "search-container",
                 children: [
                     /*#__PURE__*/ jsxs("div", {
-                        className: " search-input-container",
+                        className: "search-input-container",
                         children: [
                             /*#__PURE__*/ jsx("div", {
                                 className: "input-label",

package/dist/tiptap-editor/TipTapMenu/extensions/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/tiptap-editor/TipTapMenu/extensions/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,sEAAsE,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/tiptap-editor/TipTapMenu/extensions/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,sEAC+C,CAAA"}

package/dist/tiptap-editor/TipTapMenu/extensions/constants.js

@@ -1,3 +1,3 @@
-var EMOJI_URL = "https://cdnjs.cloudflare.com/ajax/libs/emojione/2.2.7/assets/svg/";
+var EMOJI_URL = 'https://cdnjs.cloudflare.com/ajax/libs/emojione/2.2.7/assets/svg/';
 
 export { EMOJI_URL };

package/dist/tiptap-editor/TipTapMenu/extensions/utils.js

@@ -49,7 +49,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 function parseTwemoji(emoji) {
     var _parse = _sliced_to_array(parse(emoji), 1), twemoji = _parse[0];
-    var emojiPathUrl = EMOJI_URL.concat(twemoji.url.split("/").slice(-1));
+    var emojiPathUrl = EMOJI_URL.concat(twemoji.url.split('/').slice(-1));
     return {
         src: emojiPathUrl,
         alt: twemoji.text,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@licklist/design",
-  "version": "0.69.1",
+  "version": "0.69.2",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"
@@ -206,4 +206,4 @@
     "node": "20.9.0",
     "yarn": "4.4.0"
   }
-}
+}

package/postcss.config.cjs

@@ -12,6 +12,6 @@ module.exports = {
         'mantine-breakpoint-xl': '88em',
       },
     },
-    ...(process.env.NODE_ENV === "production" ? { cssnano: {} } : {}),
+    ...(process.env.NODE_ENV === 'production' ? { cssnano: {} } : {}),
   },
-};
+}

package/src/affiliate/card/AffiliateCard.tsx

@@ -35,7 +35,7 @@ export function AffiliateCard({
 
   return (
     <div
-      role="button"
+      role='button'
       tabIndex={0}
       aria-disabled={isHeader}
       className={[
@@ -46,23 +46,23 @@ export function AffiliateCard({
       onKeyUp={onClick}
     >
       <div className={affiliateClass}>
-        <div className="affiliate-card-link">{name}</div>
+        <div className='affiliate-card-link'>{name}</div>
 
-        <div className="d-flex">
+        <div className='d-flex'>
           {(sales || sales === 0) && (
-            <div className="affilates-statistic">{sales}</div>
+            <div className='affilates-statistic'>{sales}</div>
           )}
           {(views || views === 0) && (
-            <div className="affilates-statistic">{views}</div>
+            <div className='affilates-statistic'>{views}</div>
           )}
           <div className={['d-flex', isHeader ? 'invisible' : ''].join(' ')}>
-            <div className="affiliate-card-menu-eye-container">
-              <FaEye color="#0E8CE2" size={20} />
+            <div className='affiliate-card-menu-eye-container'>
+              <FaEye color='#0E8CE2' size={20} />
             </div>
 
             <OverlayTrigger
-              trigger="click"
-              placement="bottom"
+              trigger='click'
+              placement='bottom'
               rootClose
               overlay={
                 <Popover
@@ -74,12 +74,12 @@ export function AffiliateCard({
                 >
                   <Popover.Content
                     as={ListGroup}
-                    className="affiliate-card-menu"
-                    variant="flush"
+                    className='affiliate-card-menu'
+                    variant='flush'
                   >
                     {!isHeader && hasPermission && (
                       <>
-                        <ListGroup.Item action className="text-danger" as="div">
+                        <ListGroup.Item action className='text-danger' as='div'>
                           {Boolean(onRemove) && (
                             <ConfirmModal>
                               {(confirm) => (
@@ -90,7 +90,7 @@ export function AffiliateCard({
                                   }}
                                   name={t('remove')}
                                   icon={<FaTrashAlt size={12} />}
-                                  className="affiliate-card-menu-item-text d-flex w-100 align-items-center"
+                                  className='affiliate-card-menu-item-text d-flex w-100 align-items-center'
                                   rightIcon
                                 />
                               )}
@@ -104,8 +104,8 @@ export function AffiliateCard({
               }
             >
               <button
-                type="button"
-                className="affiliate-card-menu-button"
+                type='button'
+                className='affiliate-card-menu-button'
                 onClick={(e) => {
                   e.stopPropagation()
                   setIsOverlayVisible(true)

package/src/affiliate/form/AffiliateControl.tsx

@@ -36,8 +36,8 @@ export const AffiliateControl = ({
   }, [generateLink, targetLink, setValue])
 
   return (
-    <div className="affiliate-control">
-      <Form.Group controlId={nameId} className="mb-5">
+    <div className='affiliate-control'>
+      <Form.Group controlId={nameId} className='mb-5'>
         <Form.Label>{t('Design:name')}</Form.Label>
         <Form.Control
           {...register('name', {
@@ -49,11 +49,11 @@ export const AffiliateControl = ({
           placeholder={t('Design:placeholderAffiliateName')}
           isInvalid={Boolean(errors.name)}
         />
-        <Form.Control.Feedback type="invalid">
+        <Form.Control.Feedback type='invalid'>
           {errors.name?.message}
         </Form.Control.Feedback>
       </Form.Group>
-      <Form.Group controlId={targetId} className="target-link-container">
+      <Form.Group controlId={targetId} className='target-link-container'>
         <Form.Label>{t('Design:targetLink')}</Form.Label>
         <Form.Control
           {...register('targetLink', {
@@ -66,13 +66,13 @@ export const AffiliateControl = ({
           placeholder={t('Design:placeholderTargetLink')}
           isInvalid={Boolean(errors.name)}
         />
-        <Form.Control.Feedback type="invalid">
+        <Form.Control.Feedback type='invalid'>
           {errors.name?.message}
         </Form.Control.Feedback>
       </Form.Group>
       <Button
-        className="affiliate-save-btn mb-4"
-        type="button"
+        className='affiliate-save-btn mb-4'
+        type='button'
         disabled={isLoading || !!errors.targetLink || !targetLink}
         onClick={handleGenerateLink}
       >
@@ -86,7 +86,7 @@ export const AffiliateControl = ({
           }) as string,
           maxLength: 255,
         })}
-        type="text"
+        type='text'
         disabled
       />
     </div>

package/src/affiliate/form/AffiliateForm.tsx

@@ -88,18 +88,18 @@ export const AffiliateForm = ({
         />
         <AffiliateControl isLoading={isLoading} generateLink={generateLink} />
 
-        <div className="button-container">
+        <div className='button-container'>
           <Button
-            className="affiliate-save-btn mt-5 ml-5 d-no dne d-md-block"
-            type="button"
+            className='affiliate-save-btn mt-5 ml-5 d-no dne d-md-block'
+            type='button'
             disabled={isLoading || !formValues.link}
             onClick={copyToClipboard}
           >
             {t('Design:copyToClipboard')}
           </Button>
           <Button
-            className="affiliate-save-btn mt-5 ml-2 d-no dne d-md-block"
-            type="submit"
+            className='affiliate-save-btn mt-5 ml-2 d-no dne d-md-block'
+            type='submit'
             disabled={
               isLoading ||
               !formValues.name ||

package/src/auth/AccessDenied/AccessDenied.tsx

@@ -18,18 +18,18 @@ export const AccessDenied = () => {
   }
 
   return (
-    <div className="d-flex align-items-center justify-content-center flex-column text-center access-denied h-100">
-      <div className="col-8">
-        <div className="icon-wrapper mb-5">
+    <div className='d-flex align-items-center justify-content-center flex-column text-center access-denied h-100'>
+      <div className='col-8'>
+        <div className='icon-wrapper mb-5'>
           <FaLock size={80} />
         </div>
-        <h3 className="mb-3">{t('accessDenied')}</h3>
-        <h6 className="mb-3">{t('youDontHavePermissions')}</h6>
-        <h6 className="mb-5">{t('contactAnAdministrator')}</h6>
-        <Button className="d-block mx-auto" onClick={onGoToHomepage}>
+        <h3 className='mb-3'>{t('accessDenied')}</h3>
+        <h6 className='mb-3'>{t('youDontHavePermissions')}</h6>
+        <h6 className='mb-5'>{t('contactAnAdministrator')}</h6>
+        <Button className='d-block mx-auto' onClick={onGoToHomepage}>
           {t('goToHomepage')}
         </Button>
-        <Button className="d-block mx-auto mt-5" onClick={logOutHandler}>
+        <Button className='d-block mx-auto mt-5' onClick={logOutHandler}>
           {t('logOut')}
         </Button>
       </div>

package/src/auth/ChangePassword/ChangePasswordComponent.tsx

@@ -63,11 +63,11 @@ function ChangePasswordComponent() {
 
   return (
     <Router>
-      <Row className="justify-content-center">
-        <Col xs sm={12} md={7} lg={6} xl={5} className="align-self-center">
+      <Row className='justify-content-center'>
+        <Col xs sm={12} md={7} lg={6} xl={5} className='align-self-center'>
           <>
-            <h1 className="text-center">{t('User:resetPasswordTitle')}</h1>
-            <h3 className="text-center">{t('User:forEmail', { email })}</h3>
+            <h1 className='text-center'>{t('User:resetPasswordTitle')}</h1>
+            <h3 className='text-center'>{t('User:forEmail', { email })}</h3>
 
             <FormCard>
               <ChangePasswordFormComponent

package/src/auth/ChangePassword/ChangePasswordFormComponent.tsx

@@ -48,8 +48,8 @@ export const ChangePasswordFormComponent = ({
     <>
       <Form onSubmit={handleSubmit(onFormSubmit)} noValidate>
         <Form.Control
-          type="email"
-          name="email"
+          type='email'
+          name='email'
           placeholder={t('User:email')}
           isValid={!errors.email && formState.isValid}
           isInvalid={!!errors.email}
@@ -61,7 +61,7 @@ export const ChangePasswordFormComponent = ({
           hidden
         />
         <Form.Control
-          name="token"
+          name='token'
           placeholder={t('User:tokene')}
           isValid={!errors.token && formState.isValid}
           isInvalid={!!errors.token}
@@ -71,11 +71,11 @@ export const ChangePasswordFormComponent = ({
           disabled={isLoading}
           hidden
         />
-        <Form.Group controlId="formGroupNewPassword">
+        <Form.Group controlId='formGroupNewPassword'>
           <Form.Label>{t('User:newPassword')}</Form.Label>
           <Form.Control
-            type="password"
-            name="password"
+            type='password'
+            name='password'
             placeholder={t('User:newPassword')}
             isValid={!errors.password && formState.isValid}
             isInvalid={!!errors.password}
@@ -86,7 +86,7 @@ export const ChangePasswordFormComponent = ({
             disabled={isLoading}
           />
 
-          <Form.Control.Feedback type="invalid">
+          <Form.Control.Feedback type='invalid'>
             {HookFormService.hasError(errors.password, 'required') &&
               t('Validation:fieldRequired', {
                 attribute: t('User:newPassword'),
@@ -98,11 +98,11 @@ export const ChangePasswordFormComponent = ({
               })}
           </Form.Control.Feedback>
         </Form.Group>
-        <Form.Group controlId="formGroupPasswordConfirmation">
+        <Form.Group controlId='formGroupPasswordConfirmation'>
           <Form.Label>{t('User:confirmPassword')}</Form.Label>
           <Form.Control
-            type="password"
-            name="password_confirmation"
+            type='password'
+            name='password_confirmation'
             placeholder={t('User:confirmPassword')}
             isValid={!errors.password_confirmation && formState.isValid}
             isInvalid={!!errors.password_confirmation}
@@ -115,7 +115,7 @@ export const ChangePasswordFormComponent = ({
             disabled={isLoading}
           />
 
-          <Form.Control.Feedback type="invalid">
+          <Form.Control.Feedback type='invalid'>
             {HookFormService.hasError(
               errors.password_confirmation,
               'required',
@@ -144,9 +144,9 @@ export const ChangePasswordFormComponent = ({
         </Form.Group>
 
         <Button
-          variant="primary"
-          type="submit"
-          className="rounded-pill text-uppercase"
+          variant='primary'
+          type='submit'
+          className='rounded-pill text-uppercase'
           block
           disabled={isLoading}
         >

package/src/auth/Layout/AuthNavComponent.tsx

@@ -8,16 +8,16 @@ function AuthNavComponent() {
 
   return (
     <Router>
-      <Link to="/login">
-        <StyledButton size="sm" className="rounded-pill mr-2">
+      <Link to='/login'>
+        <StyledButton size='sm' className='rounded-pill mr-2'>
           {t('login')}
         </StyledButton>
       </Link>
-      <Link to="/register">
+      <Link to='/register'>
         <StyledButton
-          size="sm"
-          className="rounded-pill"
-          variant="outline-secondary"
+          size='sm'
+          className='rounded-pill'
+          variant='outline-secondary'
         >
           {t('register')}
         </StyledButton>

package/src/auth/Layout/UserNavComponent.tsx

@@ -14,8 +14,8 @@ function UserNavComponent(props: UserNavComponentProps) {
 
   return (
     <>
-      <Dropdown className="user-nav-container">
-        <Dropdown.Toggle as={DropDownToggle} id="dropdown-user-components">
+      <Dropdown className='user-nav-container'>
+        <Dropdown.Toggle as={DropDownToggle} id='dropdown-user-components'>
           <UserNavDropDownToggle user={user} />
         </Dropdown.Toggle>
 

package/src/auth/Layout/UserNavDropDown.tsx

@@ -15,7 +15,7 @@ function UserNavDropDown() {
 
   return (
     <>
-      <Dropdown.Item eventKey="1" onClick={onLogoutHandler}>
+      <Dropdown.Item eventKey='1' onClick={onLogoutHandler}>
         {t('logout')}
       </Dropdown.Item>
     </>

package/src/auth/Login/LoginComponent.tsx

@@ -100,19 +100,19 @@ const LoginComponent = ({
 
   return (
     <Router>
-      <Row className="justify-content-center">
-        <Col xs sm={12} md={7} lg={6} xl={5} className="align-self-center">
+      <Row className='justify-content-center'>
+        <Col xs sm={12} md={7} lg={6} xl={5} className='align-self-center'>
           <>
-            <h1 className="text-center">{t('User:loginTitle')}</h1>
+            <h1 className='text-center'>{t('User:loginTitle')}</h1>
 
-            <div className="login d-flex pb-4 justify-content-center">
+            <div className='login d-flex pb-4 justify-content-center'>
               <Logo logo={<BookeditLogoSvg />} />
             </div>
 
             {!hideSignUpLink && (
-              <h6 className="text-center">
-                <Trans t={t} i18nKey="loginPromo">
-                  Don&apos;t have account? <Link to="/register">Sign up</Link>.
+              <h6 className='text-center'>
+                <Trans t={t} i18nKey='loginPromo'>
+                  Don&apos;t have account? <Link to='/register'>Sign up</Link>.
                 </Trans>
               </h6>
             )}
@@ -125,7 +125,7 @@ const LoginComponent = ({
                     setIsLoading={setIsLoading}
                   />
 
-                  <hr className="mb-2" />
+                  <hr className='mb-2' />
                 </>
               )}