@licklist/design 0.69.1-dev.4 → 0.69.1

package/dist/styles/activity-card/ListActivitiesCard.scss

@@ -3,26 +3,56 @@
 .list-activity-card {
   display: flex;
   justify-content: space-between;
-  gap: 0.5rem;
-  width: 100%;
+  align-items: center;
+  cursor: pointer;
+  height: 6rem;
+  padding: 0.375rem;
+  border: 2px solid transparent;
+  border-radius: 0.5rem;
+  background-color: $snippet-product-set-background-color;
+  color: $snippet-product-set-font-color;
+  transition: $color-transition;
 
-  &-info {
+  &.active {
+    border: 2px solid #0e8be1;
+  }
+
+  p {
+    margin-bottom: 0;
+  }
+
+  .description {
     width: 70%;
     font-size: 0.81rem;
     display: flex;
     flex-direction: column;
-    align-items: start;
   }
 
-  img {
-    max-width: 120px;
-    height: 100%;
-    object-fit: cover;
-    aspect-ratio: 1.2/1;
-    border-radius: 0.5rem;
+  .title {
+    font-weight: 600;
+    font-size: 0.875rem;
+    line-height: 1.5rem;
   }
 
-  &-hr {
-    margin-top: 0;
+  .image-container {
+    display: flex;
+    justify-content: start;
+    height: 100%;
+
+    .image {
+      display: flex;
+      align-items: start;
+      width: 7rem;
+      height: 4rem;
+      margin-left: 3rem;
+      background-repeat: no-repeat;
+      background-size: cover;
+      background-position: center;
+      border-radius: 0.5rem;
+    }
   }
 }
+
+.list-activity-card-hr {
+  margin-top: 0;
+}

package/dist/styles/activity-card/_index.scss

@@ -1,2 +1,2 @@
-@import './ActivitiesCard.scss';
+@import './GridActivitiesCard.scss';
 @import './ListActivitiesCard.scss';

package/dist/styles/iframe-external-modal/IframeExternalModal.scss

@@ -15,7 +15,7 @@ body[bkdt-scrollable='false'] .bkdt-mask {
   left: 0;
   width: 100%;
   height: 100%;
-  z-index: 2147483646;
+  z-index: 1000000;
   background-color: rgba(0, 0, 0, 0.5);
   display: none;
 }
@@ -24,7 +24,7 @@ body[bkdt-scrollable='false'] .bkdt-mask {
   position: fixed;
   top: 0;
   left: 0;
-  z-index: 2147483647;
+  z-index: 1000001;
   display: none;
   width: 100%;
   height: 100%;

package/dist/styles/product-set/ProductSetForm.scss

@@ -15,12 +15,10 @@
     height: 2.5rem;
     border-width: 2px;
     padding: 2px;
-
     label,
     .btn-switch-indicator {
       border-radius: 0.375rem !important;
     }
-
     label {
       height: 2rem;
     }
@@ -36,7 +34,6 @@
       margin-top: 1.5rem;
       margin-bottom: 1.5rem;
     }
-
     @include media-breakpoint-down(sm) {
       padding: 1.5rem 1rem;
       margin-top: 0.5rem;
@@ -62,21 +59,10 @@
     background-color: #ffdbdb;
     color: #d52902;
   }
-
   .category-badge {
     background-color: #e8f4f6;
     color: #1a93aa;
   }
-
-  .item-icon {
-    display: flex;
-    justify-items: center;
-    align-items: center;
-    font-size: 0.65rem;
-    padding: 0.2rem;
-    margin-right: 1rem;
-  }
-
   .product-badge {
     background-color: #e9f5ea;
     color: #269b36;
@@ -89,12 +75,10 @@
 
 .product-set-mobile-modal {
   margin: 0;
-
   .modal-content {
     border-radius: 1rem 1rem 0 0;
     border-width: 0;
     margin: 0;
-
     .modal-body {
       padding: 1rem 0;
     }
@@ -116,22 +100,18 @@
     font-weight: 600;
     font-size: 0.625rem;
   }
-
   .product-set-subtitle-dot {
     margin-right: 0.375rem;
     width: 0.375rem;
     height: 0.375rem;
     border-radius: 3px;
   }
-
   .product-set-subtitle-category-dot {
     background-color: #269b36;
   }
-
   .product-set-subtitle-step-dot {
     background-color: #1a93aa;
   }
-
   .product-set-subtitle-product-dot {
     background-color: #269b36;
   }
@@ -176,7 +156,6 @@
     justify-self: flex-end;
     align-items: flex-end;
   }
-
   .small-badge {
     font-size: 0.5rem;
     height: 1rem;
@@ -184,7 +163,6 @@
     padding: 0 0.2rem;
     margin-bottom: 0.2rem;
   }
-
   .product-set-save-btn-wrapper {
     padding-left: 0 !important;
     display: flex;

package/dist/styles/ryft-payment-form/RyftPaymentForm.scss

@@ -14,7 +14,6 @@
 
     .navigation {
       display: block;
-
       @include media-breakpoint-down(sm) {
         padding: 0;
       }
@@ -24,7 +23,6 @@
       margin-left: 0;
       height: calc(100vh - 2rem);
       max-height: calc(100vh - 1rem);
-
       @include media-breakpoint-down(sm) {
         width: calc(100% - 2rem);
         max-width: unset;
@@ -71,11 +69,9 @@
           .left-block {
             min-height: 100%;
           }
-
           .right-block {
             margin: 0 auto;
             width: 100%;
-
             .children-wrapper {
               .accordion {
                 .collapse {
@@ -89,7 +85,6 @@
         }
       }
     }
-
     ::-webkit-scrollbar {
       display: none;
       scrollbar-width: none;
@@ -102,14 +97,6 @@
 }
 
 .ryft-payment-form {
-
-  .form-disable-box {
-    display: none;
-    position: absolute;
-    width: 100%;
-    height: 100%;
-  }
-
   .submit-button-wrapper {
     margin: -1rem 0 1rem;
 
@@ -117,18 +104,15 @@
       width: 100%;
     }
   }
-
   #mobile-pay-divider-container {
     display: flex;
     position: relative;
     margin-bottom: 1rem;
-
     #mobile-pay-divider-text {
       margin-right: 1rem;
       font-size: 0.875rem;
       font-weight: 600;
     }
-
     #mobile-pay-divider {
       width: 100%;
       border-bottom: 1px #dfdfdf solid;
@@ -141,7 +125,6 @@
     border: none;
     margin-bottom: 0.5rem;
     text-align: left;
-
     :first-child {
       font-size: 1rem;
       font-weight: 600;
@@ -152,17 +135,14 @@
       margin-bottom: 0.5rem;
     }
   }
-
   .ryft-pay-grid {
     display: flex;
     flex-direction: column;
-
     .apple-pay-button {
       height: 2.5rem;
       margin-top: 1rem;
     }
   }
-
   .mobile-pay-title {
     display: block;
     font-weight: 600;
@@ -176,16 +156,10 @@
 }
 
 @include media-breakpoint-up(md) {
-
   .ryft-payment-form,
-  .form-disable-box {
-    height: 50%;
-    top: 15rem;
-  }
   .iframe-payment-form {
     position: relative;
     max-height: 300px !important;
-
     .submit-button-wrapper {
       max-width: 15.5rem;
     }
@@ -197,7 +171,6 @@
     max-width: 15.5rem;
     margin-bottom: 1rem;
   }
-
   .ryft-pay-apple-pay-button {
     border-radius: 0.25rem;
   }
@@ -205,4 +178,4 @@
   .divider {
     display: none !important;
   }
-}
+}

package/dist/styles/sales/BookingResults.scss

@@ -5,7 +5,7 @@
     flex-wrap: wrap;
 
     .result-card {
-      height: 14rem;
+      height: 14.25rem;
       border: 1px solid $gray-400;
       max-width: calc(50% - 0.75rem);
       flex: 0 0 calc(50% - 0.75rem);

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,sEAC+C,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/tiptap-editor/TipTapMenu/extensions/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,sEAAsE,CAAC"}

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/dist/typeahead/Typeahead.d.ts

@@ -1,4 +1,3 @@
-import { CSSObjectWithLabel } from 'react-select';
 export type TypeaheadOptions = {
     id: number | string;
     value: any;
@@ -9,14 +8,11 @@ export interface TypeaheadProps {
     placeholder: string;
     isRequired?: boolean;
     name: string;
-    value?: TypeaheadOptions;
     isMultipleChoise?: boolean;
     noOptionsMessage: string;
     isInvalid?: boolean;
     isCouponForm?: boolean;
-    containerStyles?: CSSObjectWithLabel;
-    onChangeValue?: (value: TypeaheadOptions) => void;
 }
-declare function Typeahead({ options, placeholder, isRequired, isMultipleChoise, name, value, onChangeValue, containerStyles, isCouponForm, noOptionsMessage, isInvalid, }: TypeaheadProps): import("react/jsx-runtime").JSX.Element;
+declare function Typeahead({ options, placeholder, isRequired, isMultipleChoise, name, isCouponForm, noOptionsMessage, isInvalid, }: TypeaheadProps): import("react/jsx-runtime").JSX.Element;
 export { Typeahead };
 //# sourceMappingURL=Typeahead.d.ts.map

package/dist/typeahead/Typeahead.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Typeahead.d.ts","sourceRoot":"","sources":["../../src/typeahead/Typeahead.tsx"],"names":[],"mappings":"AAAA,OAAe,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AAGzD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,KAAK,EAAE,GAAG,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,gBAAgB,EAAE,CAAA;IAC3B,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,gBAAgB,CAAA;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,gBAAgB,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,eAAe,CAAC,EAAE,kBAAkB,CAAA;IACpC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAA;CAClD;AAED,iBAAS,SAAS,CAAC,EACjB,OAAO,EACP,WAAW,EACX,UAAkB,EAClB,gBAAgB,EAChB,IAAS,EACT,KAAK,EACL,aAAa,EACb,eAAe,EACf,YAAoB,EACpB,gBAAqB,EACrB,SAAS,GACV,EAAE,cAAc,2CAoDhB;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"Typeahead.d.ts","sourceRoot":"","sources":["../../src/typeahead/Typeahead.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,KAAK,EAAE,GAAG,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,gBAAgB,EAAE,CAAA;IAC3B,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,gBAAgB,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,iBAAS,SAAS,CAAC,EACjB,OAAO,EACP,WAAW,EACX,UAAkB,EAClB,gBAAgB,EAChB,IAAS,EACT,YAAoB,EACpB,gBAAqB,EACrB,SAAS,GACV,EAAE,cAAc,2CA4ChB;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/typeahead/Typeahead.js

@@ -31,7 +31,7 @@ function _object_spread(target) {
     return target;
 }
 function Typeahead(param) {
-    var options = param.options, placeholder = param.placeholder, _param_isRequired = param.isRequired, isRequired = _param_isRequired === void 0 ? false : _param_isRequired, isMultipleChoise = param.isMultipleChoise, _param_name = param.name, name = _param_name === void 0 ? '' : _param_name, value = param.value, onChangeValue = param.onChangeValue, containerStyles = param.containerStyles, _param_isCouponForm = param.isCouponForm, isCouponForm = _param_isCouponForm === void 0 ? false : _param_isCouponForm, _param_noOptionsMessage = param.noOptionsMessage, noOptionsMessage = _param_noOptionsMessage === void 0 ? '' : _param_noOptionsMessage, isInvalid = param.isInvalid;
+    var options = param.options, placeholder = param.placeholder, _param_isRequired = param.isRequired, isRequired = _param_isRequired === void 0 ? false : _param_isRequired, isMultipleChoise = param.isMultipleChoise, _param_name = param.name, name = _param_name === void 0 ? '' : _param_name, _param_isCouponForm = param.isCouponForm, isCouponForm = _param_isCouponForm === void 0 ? false : _param_isCouponForm, _param_noOptionsMessage = param.noOptionsMessage, noOptionsMessage = _param_noOptionsMessage === void 0 ? '' : _param_noOptionsMessage, isInvalid = param.isInvalid;
     var control = useFormContext().control;
     var getStyle = function() {
         var couponFormStyle = isCouponForm ? {
@@ -53,21 +53,14 @@ function Typeahead(param) {
                 var field = param.field;
                 return /*#__PURE__*/ jsx(Select, {
                     placeholder: placeholder,
-                    value: value !== null && value !== void 0 ? value : field.value,
+                    value: field.value,
                     isMulti: isMultipleChoise,
                     styles: {
-                        container: function(base) {
-                            return _object_spread({}, base, containerStyles);
-                        },
                         control: function(base) {
                             return _object_spread({}, base, getStyle());
                         }
                     },
                     onChange: function(value) {
-                        if (onChangeValue) {
-                            onChangeValue(value);
-                            return;
-                        }
                         field.onChange(value);
                     },
                     options: options,

package/dist/zone/form/components/GameDurationControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GameDurationControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/GameDurationControl.tsx"],"names":[],"mappings":"AAOA,KAAK,wBAAwB,GAAG;IAC9B,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,mBAAmB,mBAE7B,wBAAwB,4CAgC1B,CAAA"}
+{"version":3,"file":"GameDurationControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/GameDurationControl.tsx"],"names":[],"mappings":"AAOA,KAAK,wBAAwB,GAAG;IAC9B,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,mBAAmB,mBAE7B,wBAAwB,4CA+B1B,CAAA"}

package/dist/zone/form/components/GameDurationControl.js

@@ -77,9 +77,6 @@ var GameDurationControl = function(param) {
                 required: false,
                 min: 1
             })), {
-                onWheel: function(event) {
-                    return event.currentTarget.blur();
-                },
                 placeholder: t('Design:duration'),
                 isInvalid: Boolean(errors.defaultDuration),
                 disabled: isLoading

package/dist/zone/form/components/SortControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SortControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/SortControl.tsx"],"names":[],"mappings":"AAOA,KAAK,gBAAgB,GAAG;IACtB,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,WAAW,kBAAmB,gBAAgB,4CAoC1D,CAAA"}
+{"version":3,"file":"SortControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/SortControl.tsx"],"names":[],"mappings":"AAOA,KAAK,gBAAgB,GAAG;IACtB,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,WAAW,kBAAmB,gBAAgB,4CAmC1D,CAAA"}

package/dist/zone/form/components/SortControl.js

@@ -77,9 +77,6 @@ var SortControl = function(param) {
                 required: false,
                 min: 1
             })), {
-                onWheel: function(event) {
-                    return event.currentTarget.blur();
-                },
                 placeholder: t('Design:ordering'),
                 isInvalid: Boolean(errors.sort),
                 disabled: isLoading

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@licklist/design",
-  "version": "0.69.1-dev.4",
+  "version": "0.69.1",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"
@@ -42,9 +42,9 @@
     ]
   },
   "peerDependencies": {
-    "@licklist/core": "0.30.0-dev.0",
+    "@licklist/core": "0.30.1",
     "@licklist/eslint-config": "0.5.6",
-    "@licklist/plugins": "0.33.2-dev.1",
+    "@licklist/plugins": "0.33.1",
     "lodash": "4.17.21",
     "luxon": "3.5.0",
     "react": "17.0.2",
@@ -61,9 +61,9 @@
     "@dnd-kit/utilities": "2.0.0",
     "@fortawesome/fontawesome-svg-core": "1.2.34",
     "@fortawesome/free-solid-svg-icons": "5.15.2",
-    "@licklist/core": "0.30.0-dev.0",
+    "@licklist/core": "0.30.1",
     "@licklist/eslint-config": "0.5.6",
-    "@licklist/plugins": "0.33.0-dev.0",
+    "@licklist/plugins": "0.33.1",
     "@mantine/core": "6.0.22",
     "@mantine/hooks": "6.0.22",
     "@mdx-js/react": "1.6.22",
@@ -202,10 +202,8 @@
       "yarn tsc"
     ]
   },
-  "packageManager": "yarn@4.4.0",
   "volta": {
     "node": "20.9.0",
     "yarn": "4.4.0"
-  },
-  "stableVersion": "0.69.1-dev.3"
-}
+  }
+}

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

@@ -76,7 +76,6 @@ export const AffiliateForm = ({
   const copyToClipboard = () =>
     // eslint-disable-next-line consistent-return
     window.navigator.clipboard.writeText(formValues.link)
-
   return (
     <FormProvider {...form}>
       <Form onSubmit={form.handleSubmit(handleSubmit)}>
@@ -89,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 ||