@licklist/design 0.69.1-dev.3 → 0.69.1-dev.4

package/dist/iframe/ryft/RyftPaymentForm.d.ts

@@ -7,11 +7,11 @@ export interface RyftPaymentFormProps {
     isCreateLoading: boolean;
     isAppUsingInIframe?: boolean;
     onApplePayButtonClick?: () => void;
-    applePayButtonDisabled?: boolean;
+    payButtonDisabled?: boolean;
     initRyft: (onSuccess: () => void, onFailure: (error?: string) => void) => Promise<void>;
     onSubmit: () => Promise<AttemptPaymentResponse>;
     resetReferrer?: () => void;
     providerPaymentSettings?: ProviderPaymentSettings;
 }
-export declare const RyftPaymentForm: ({ accountId, isCreateLoading, isAppUsingInIframe, providerPaymentSettings, onApplePayButtonClick, initRyft, resetReferrer, onSubmit, }: RyftPaymentFormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RyftPaymentForm: ({ accountId, isCreateLoading, isAppUsingInIframe, providerPaymentSettings, onApplePayButtonClick, initRyft, resetReferrer, onSubmit, payButtonDisabled, }: RyftPaymentFormProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=RyftPaymentForm.d.ts.map

package/dist/iframe/ryft/RyftPaymentForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RyftPaymentForm.d.ts","sourceRoot":"","sources":["../../../src/iframe/ryft/RyftPaymentForm.tsx"],"names":[],"mappings":"AAOA,OAAO,EAKL,sBAAsB,EACvB,MAAM,kDAAkD,CAAA;AACzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,0EAA0E,CAAA;AAKlH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAW/C,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;AAEzD,MAAM,WAAW,oBAAoB;IAEnC,SAAS,EAAE,GAAG,CAAA;IACd,eAAe,EAAE,OAAO,CAAA;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAA;IAClC,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,QAAQ,EAAE,CACR,SAAS,EAAE,MAAM,IAAI,EACrB,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,KAChC,OAAO,CAAC,IAAI,CAAC,CAAA;IAClB,QAAQ,EAAE,MAAM,OAAO,CAAC,sBAAsB,CAAC,CAAA;IAC/C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,uBAAuB,CAAC,EAAE,uBAAuB,CAAA;CAClD;AAED,eAAO,MAAM,eAAe,2IASzB,oBAAoB,4CA0KtB,CAAA"}
+{"version":3,"file":"RyftPaymentForm.d.ts","sourceRoot":"","sources":["../../../src/iframe/ryft/RyftPaymentForm.tsx"],"names":[],"mappings":"AAOA,OAAO,EAKL,sBAAsB,EACvB,MAAM,kDAAkD,CAAA;AACzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,0EAA0E,CAAA;AAKlH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAW/C,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;AAEzD,MAAM,WAAW,oBAAoB;IAEnC,SAAS,EAAE,GAAG,CAAA;IACd,eAAe,EAAE,OAAO,CAAA;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAA;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,EAAE,CACR,SAAS,EAAE,MAAM,IAAI,EACrB,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,KAChC,OAAO,CAAC,IAAI,CAAC,CAAA;IAClB,QAAQ,EAAE,MAAM,OAAO,CAAC,sBAAsB,CAAC,CAAA;IAC/C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,uBAAuB,CAAC,EAAE,uBAAuB,CAAA;CAClD;AAED,eAAO,MAAM,eAAe,8JAUzB,oBAAoB,4CAiLtB,CAAA"}

package/dist/iframe/ryft/RyftPaymentForm.js

@@ -196,7 +196,7 @@ var ryftErrorMap = {
     unknown_error: 'unknownError'
 };
 var RyftPaymentForm = function(param) {
-    var accountId = param.accountId, isCreateLoading = param.isCreateLoading, isAppUsingInIframe = param.isAppUsingInIframe, providerPaymentSettings = param.providerPaymentSettings, onApplePayButtonClick = param.onApplePayButtonClick, initRyft = param.initRyft, resetReferrer = param.resetReferrer, onSubmit = param.onSubmit;
+    var accountId = param.accountId, isCreateLoading = param.isCreateLoading, isAppUsingInIframe = param.isAppUsingInIframe, providerPaymentSettings = param.providerPaymentSettings, onApplePayButtonClick = param.onApplePayButtonClick, initRyft = param.initRyft, resetReferrer = param.resetReferrer, onSubmit = param.onSubmit, payButtonDisabled = param.payButtonDisabled;
     var _formRef_current_childNodes, _formRef_current, _accountId_data;
     var t = useTranslation([
         'Design',
@@ -303,12 +303,14 @@ var RyftPaymentForm = function(param) {
             t: t,
             isAppUsingInIframe: isAppUsingInIframe,
             onApplePayButtonClick: onApplePayButtonClick,
+            isDisableButton: !payButtonDisabled,
             additionalPaymentMethodsEnabled: providerPaymentSettings === null || providerPaymentSettings === void 0 ? void 0 : providerPaymentSettings.additionalPaymentMethodsEnabled
         });
     }, // eslint-disable-next-line react-hooks/exhaustive-deps
     [
         (_formRef_current = formRef.current) === null || _formRef_current === void 0 ? void 0 : (_formRef_current_childNodes = _formRef_current.childNodes) === null || _formRef_current_childNodes === void 0 ? void 0 : _formRef_current_childNodes.length,
-        showApplePayButton
+        showApplePayButton,
+        payButtonDisabled
     ]);
     useEffect(function() {
         var _accountId_data;
@@ -375,6 +377,10 @@ var RyftPaymentForm = function(param) {
             onSubmit: methods.handleSubmit(handleSubmit),
             className: "ryft-payment-form",
             children: [
+                /*#__PURE__*/ jsx("div", {
+                    className: "form-disable-box",
+                    id: "form-disable-box"
+                }),
                 /*#__PURE__*/ jsx("div", {
                     className: "submit-button-wrapper mt-4 p-1",
                     children: /*#__PURE__*/ jsxs(Button, {

package/dist/iframe/ryft/utils/ryft-form.d.ts

@@ -2,8 +2,9 @@ import { TFunction } from 'react-i18next';
 import { RyftPaymentFormProps } from '../RyftPaymentForm';
 interface InjectComponentsInRyftForm extends Pick<RyftPaymentFormProps, 'onApplePayButtonClick' | 'isAppUsingInIframe'> {
     t: TFunction<string[]>;
+    isDisableButton?: boolean;
     additionalPaymentMethodsEnabled?: boolean;
 }
-export declare const injectComponentsInRyftForm: ({ t, additionalPaymentMethodsEnabled, isAppUsingInIframe, onApplePayButtonClick, }: InjectComponentsInRyftForm) => void;
+export declare const injectComponentsInRyftForm: ({ t, additionalPaymentMethodsEnabled, isAppUsingInIframe, isDisableButton, onApplePayButtonClick, }: InjectComponentsInRyftForm) => void;
 export {};
 //# sourceMappingURL=ryft-form.d.ts.map

package/dist/iframe/ryft/utils/ryft-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ryft-form.d.ts","sourceRoot":"","sources":["../../../../src/iframe/ryft/utils/ryft-form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAEzD,UAAU,0BACR,SAAQ,IAAI,CACV,oBAAoB,EACpB,uBAAuB,GAAG,oBAAoB,CAC/C;IACD,CAAC,EAAE,SAAS,CAAC,MAAM,EAAE,CAAC,CAAA;IACtB,+BAA+B,CAAC,EAAE,OAAO,CAAA;CAC1C;AAED,eAAO,MAAM,0BAA0B,uFAKpC,0BAA0B,SAsD5B,CAAA"}
+{"version":3,"file":"ryft-form.d.ts","sourceRoot":"","sources":["../../../../src/iframe/ryft/utils/ryft-form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAEzD,UAAU,0BACR,SAAQ,IAAI,CACV,oBAAoB,EACpB,uBAAuB,GAAG,oBAAoB,CAC/C;IACD,CAAC,EAAE,SAAS,CAAC,MAAM,EAAE,CAAC,CAAA;IACtB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,+BAA+B,CAAC,EAAE,OAAO,CAAA;CAC1C;AAED,eAAO,MAAM,0BAA0B,wGAMpC,0BAA0B,SA4E5B,CAAA"}

package/dist/iframe/ryft/utils/ryft-form.js

@@ -1,5 +1,5 @@
 var injectComponentsInRyftForm = function(param) {
-    var t = param.t, additionalPaymentMethodsEnabled = param.additionalPaymentMethodsEnabled, isAppUsingInIframe = param.isAppUsingInIframe, onApplePayButtonClick = param.onApplePayButtonClick;
+    var t = param.t, additionalPaymentMethodsEnabled = param.additionalPaymentMethodsEnabled, isAppUsingInIframe = param.isAppUsingInIframe, isDisableButton = param.isDisableButton, onApplePayButtonClick = param.onApplePayButtonClick;
     var // Removing of the old title container
     _document_getElementById, // Removing of the old mobile  title container  and divider container
     _document_getElementById1, _document_getElementById2, _document_getElementById3;
@@ -8,6 +8,8 @@ var injectComponentsInRyftForm = function(param) {
         return;
     }
     (_document_getElementById = document.getElementById('card-title-container')) === null || _document_getElementById === void 0 ? void 0 : _document_getElementById.remove();
+    cardContainer.style.opacity = isDisableButton ? '0.6' : '1';
+    cardContainer.ariaDisabled = isDisableButton === null || isDisableButton === void 0 ? void 0 : isDisableButton.toString();
     var cardTitle = document.createElement('div');
     var cardText = document.createElement('div');
     var cardTitleContainer = document.createElement('div');
@@ -37,6 +39,23 @@ var injectComponentsInRyftForm = function(param) {
     divider.id = 'mobile-pay-divider';
     container.id = 'mobile-pay-divider-container';
     container.append(dividerText, divider);
+    var payIframe = document.getElementById("ryft-pay-iframe");
+    if (payIframe) {
+        var formBox = document.getElementById('form-disable-box');
+        if (formBox) {
+            formBox.style.display = isDisableButton ? "block" : "none";
+        }
+        var googleButton = document.getElementById('gpay-button-online-api-id');
+        var appleButton = document.getElementById("ryft-pay-apple-pay-button");
+        if (googleButton) {
+            googleButton.disabled = isDisableButton;
+            googleButton.style.opacity = isDisableButton ? '1' : '0.6';
+        }
+        if (appleButton) {
+            appleButton.disabled = isDisableButton;
+            appleButton.style.opacity = isDisableButton ? '1' : '0.6';
+        }
+    }
     if (isAppUsingInIframe) {
         var applePayButton = document.createElement('button');
         applePayButton.id = 'apple-pay';

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

@@ -14,6 +14,7 @@
 
     .navigation {
       display: block;
+
       @include media-breakpoint-down(sm) {
         padding: 0;
       }
@@ -23,6 +24,7 @@
       margin-left: 0;
       height: calc(100vh - 2rem);
       max-height: calc(100vh - 1rem);
+
       @include media-breakpoint-down(sm) {
         width: calc(100% - 2rem);
         max-width: unset;
@@ -69,9 +71,11 @@
           .left-block {
             min-height: 100%;
           }
+
           .right-block {
             margin: 0 auto;
             width: 100%;
+
             .children-wrapper {
               .accordion {
                 .collapse {
@@ -85,6 +89,7 @@
         }
       }
     }
+
     ::-webkit-scrollbar {
       display: none;
       scrollbar-width: none;
@@ -97,6 +102,14 @@
 }
 
 .ryft-payment-form {
+
+  .form-disable-box {
+    display: none;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+  }
+
   .submit-button-wrapper {
     margin: -1rem 0 1rem;
 
@@ -104,15 +117,18 @@
       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;
@@ -125,6 +141,7 @@
     border: none;
     margin-bottom: 0.5rem;
     text-align: left;
+
     :first-child {
       font-size: 1rem;
       font-weight: 600;
@@ -135,14 +152,17 @@
       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;
@@ -156,10 +176,16 @@
 }
 
 @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;
     }
@@ -171,6 +197,7 @@
     max-width: 15.5rem;
     margin-bottom: 1rem;
   }
+
   .ryft-pay-apple-pay-button {
     border-radius: 0.25rem;
   }
@@ -178,4 +205,4 @@
   .divider {
     display: none !important;
   }
-}
+}

package/package.json

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

package/src/iframe/ryft/RyftPaymentForm.tsx

@@ -38,7 +38,7 @@ export interface RyftPaymentFormProps {
   isCreateLoading: boolean
   isAppUsingInIframe?: boolean
   onApplePayButtonClick?: () => void
-  applePayButtonDisabled?: boolean
+  payButtonDisabled?: boolean
   initRyft: (
     onSuccess: () => void,
     onFailure: (error?: string) => void,
@@ -57,6 +57,7 @@ export const RyftPaymentForm = ({
   initRyft,
   resetReferrer,
   onSubmit,
+  payButtonDisabled,
 }: RyftPaymentFormProps) => {
   const { t } = useTranslation(['Design', 'Validation', 'Ryft'])
   const formRef = useRef<HTMLFormElement | null>(null)
@@ -89,7 +90,6 @@ export const RyftPaymentForm = ({
 
   const handleSubmit = async () => {
     setIsBtnDisabled(true)
-
     try {
       const paymentSession = await onSubmit()
 
@@ -142,17 +142,21 @@ export const RyftPaymentForm = ({
         t,
         isAppUsingInIframe,
         onApplePayButtonClick,
+        isDisableButton: !payButtonDisabled,
         additionalPaymentMethodsEnabled:
           providerPaymentSettings?.additionalPaymentMethodsEnabled,
       })
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [formRef.current?.childNodes?.length, showApplePayButton],
+    [
+      formRef.current?.childNodes?.length,
+      showApplePayButton,
+      payButtonDisabled,
+    ],
   )
 
   useEffect(() => {
     if (!accountId.data?.account_id || accountId.isError) return
-
     initRyft(
       () => {
         addEventHandler('cardValidationChanged', (e: MessageEvent['data']) => {
@@ -215,8 +219,12 @@ export const RyftPaymentForm = ({
         onSubmit={methods.handleSubmit(handleSubmit)}
         className='ryft-payment-form'
       >
+        <div className='form-disable-box' id="form-disable-box"/>
         <div className='submit-button-wrapper mt-4 p-1'>
-          <Button type='submit' disabled={isBtnDisabled || !isValid}>
+          <Button
+            type='submit'
+            disabled={isBtnDisabled || !isValid}
+          >
             {isBtnDisabled && <ButtonLoader />}
             {t('Design:buyNow')}
           </Button>

package/src/iframe/ryft/utils/ryft-form.ts

@@ -7,6 +7,7 @@ interface InjectComponentsInRyftForm
     'onApplePayButtonClick' | 'isAppUsingInIframe'
   > {
   t: TFunction<string[]>
+  isDisableButton?: boolean
   additionalPaymentMethodsEnabled?: boolean
 }
 
@@ -14,16 +15,19 @@ export const injectComponentsInRyftForm = ({
   t,
   additionalPaymentMethodsEnabled,
   isAppUsingInIframe,
+  isDisableButton,
   onApplePayButtonClick,
 }: InjectComponentsInRyftForm) => {
   const cardContainer = document.getElementById('ryft-pay-iframe')
-
   if (!cardContainer) {
     return
   }
   // Removing of the old title container
   document.getElementById('card-title-container')?.remove()
 
+  cardContainer.style.opacity = isDisableButton ? '0.6' : '1'
+  cardContainer.ariaDisabled = isDisableButton?.toString()
+
   const cardTitle = document.createElement('div')
   const cardText = document.createElement('div')
   const cardTitleContainer = document.createElement('div')
@@ -35,7 +39,6 @@ export const injectComponentsInRyftForm = ({
   cardContainer?.before(cardTitleContainer)
 
   const payGrid = document.getElementById('ryft-pay-grid')
-
   if (!payGrid || !additionalPaymentMethodsEnabled) {
     return
   }
@@ -58,6 +61,27 @@ export const injectComponentsInRyftForm = ({
   divider.id = 'mobile-pay-divider'
   container.id = 'mobile-pay-divider-container'
   container.append(dividerText, divider)
+  const payIframe = document.getElementById("ryft-pay-iframe");
+  if (payIframe) {
+    const formBox = document.getElementById('form-disable-box')
+    if (formBox) {
+      formBox.style.display = isDisableButton ? "block" : "none"
+    }
+
+    const googleButton = document.getElementById(
+      'gpay-button-online-api-id',
+    ) as HTMLButtonElement
+    const appleButton =document.getElementById("ryft-pay-apple-pay-button") as HTMLButtonElement
+    if (googleButton) {
+      googleButton.disabled = isDisableButton
+      googleButton.style.opacity = isDisableButton ? '1' : '0.6'
+    }
+    if (appleButton) {
+      appleButton.disabled = isDisableButton
+      appleButton.style.opacity = isDisableButton ? '1' : '0.6'
+    }
+  }
+
   if (isAppUsingInIframe) {
     const applePayButton = document.createElement('button')
     applePayButton.id = 'apple-pay'

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

@@ -14,6 +14,7 @@
 
     .navigation {
       display: block;
+
       @include media-breakpoint-down(sm) {
         padding: 0;
       }
@@ -23,6 +24,7 @@
       margin-left: 0;
       height: calc(100vh - 2rem);
       max-height: calc(100vh - 1rem);
+
       @include media-breakpoint-down(sm) {
         width: calc(100% - 2rem);
         max-width: unset;
@@ -69,9 +71,11 @@
           .left-block {
             min-height: 100%;
           }
+
           .right-block {
             margin: 0 auto;
             width: 100%;
+
             .children-wrapper {
               .accordion {
                 .collapse {
@@ -85,6 +89,7 @@
         }
       }
     }
+
     ::-webkit-scrollbar {
       display: none;
       scrollbar-width: none;
@@ -97,6 +102,14 @@
 }
 
 .ryft-payment-form {
+
+  .form-disable-box {
+    display: none;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+  }
+
   .submit-button-wrapper {
     margin: -1rem 0 1rem;
 
@@ -104,15 +117,18 @@
       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;
@@ -125,6 +141,7 @@
     border: none;
     margin-bottom: 0.5rem;
     text-align: left;
+
     :first-child {
       font-size: 1rem;
       font-weight: 600;
@@ -135,14 +152,17 @@
       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;
@@ -156,10 +176,16 @@
 }
 
 @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;
     }
@@ -171,6 +197,7 @@
     max-width: 15.5rem;
     margin-bottom: 1rem;
   }
+
   .ryft-pay-apple-pay-button {
     border-radius: 0.25rem;
   }
@@ -178,4 +205,4 @@
   .divider {
     display: none !important;
   }
-}
+}

package/yarn.lock

@@ -6578,11 +6578,11 @@ __metadata:
   linkType: hard
 
 "acorn@npm:^8.12.1, acorn@npm:^8.5.0, acorn@npm:^8.8.2":
-  version: 8.12.1
-  resolution: "acorn@npm:8.12.1"
+  version: 8.13.0
+  resolution: "acorn@npm:8.13.0"
   bin:
     acorn: bin/acorn
-  checksum: 10c0/51fb26cd678f914e13287e886da2d7021f8c2bc0ccc95e03d3e0447ee278dd3b40b9c57dc222acd5881adcf26f3edc40901a4953403232129e3876793cd17386
+  checksum: 10c0/f35dd53d68177c90699f4c37d0bb205b8abe036d955d0eb011ddb7f14a81e6fd0f18893731c457c1b5bd96754683f4c3d80d9a5585ddecaa53cdf84e0b3d68f7
   languageName: node
   linkType: hard
 
@@ -8057,9 +8057,9 @@ __metadata:
   linkType: hard
 
 "caniuse-lite@npm:^1.0.0, caniuse-lite@npm:^1.0.30001109, caniuse-lite@npm:^1.0.30001125, caniuse-lite@npm:^1.0.30001646, caniuse-lite@npm:^1.0.30001663":
-  version: 1.0.30001668
-  resolution: "caniuse-lite@npm:1.0.30001668"
-  checksum: 10c0/247b3200aeec55038f3a11f3e6ab66f656c54d30df7b01d8d447efaba9af96ad3e17128da2ddd42ddc9cb6c286bac65b634a20955b3cc6619be7ca4601fddc8e
+  version: 1.0.30001669
+  resolution: "caniuse-lite@npm:1.0.30001669"
+  checksum: 10c0/f125f23440d3dbb6c25ffb8d55f4ce48af36a84d0932b152b3b74f143a4170cbe92e02b0a9676209c86609bf7bf34119ff10cc2bc7c1b7ea40e936cc16598408
   languageName: node
   linkType: hard
 
@@ -9816,9 +9816,9 @@ __metadata:
   linkType: hard
 
 "electron-to-chromium@npm:^1.3.564, electron-to-chromium@npm:^1.5.28":
-  version: 1.5.36
-  resolution: "electron-to-chromium@npm:1.5.36"
-  checksum: 10c0/cd8d0de7801107f2b2744b5b18641c969a49b0503996cc1a586bb79d893020d0c4e916ac1935603eea65104b4fc1096bc339e0151531dca9e0f0ce0c1882e2d8
+  version: 1.5.39
+  resolution: "electron-to-chromium@npm:1.5.39"
+  checksum: 10c0/36364f9c68a7d20c54b020fe81cabf3e6022b7feb91f63695dd1039612cac031cc98bbcc0c3ba957f1876dde89853ba48407c590a4227fd13616a028ac1a0944
   languageName: node
   linkType: hard
 
@@ -10910,9 +10910,9 @@ __metadata:
   linkType: hard
 
 "fast-uri@npm:^3.0.1":
-  version: 3.0.2
-  resolution: "fast-uri@npm:3.0.2"
-  checksum: 10c0/8cdd3da7b4022a037d348d587d55caff74b7e4f862bbdd2cc35c1e6e3f97d0aedb567894d44c57ee8798d3192cceb97dcf41dbdabfa07dd2842a0474a6c6eeef
+  version: 3.0.3
+  resolution: "fast-uri@npm:3.0.3"
+  checksum: 10c0/4b2c5ce681a062425eae4f15cdc8fc151fd310b2f69b1f96680677820a8b49c3cd6e80661a406e19d50f0c40a3f8bffdd458791baf66f4a879d80be28e10a320
   languageName: node
   linkType: hard
 
@@ -14165,12 +14165,12 @@ __metadata:
   linkType: hard
 
 "match-sorter@npm:^6.0.2":
-  version: 6.3.4
-  resolution: "match-sorter@npm:6.3.4"
+  version: 6.4.0
+  resolution: "match-sorter@npm:6.4.0"
   dependencies:
     "@babel/runtime": "npm:^7.23.8"
     remove-accents: "npm:0.5.0"
-  checksum: 10c0/35d2a6b6df003c677d9ec87ecd4683657638f5bce856f43f9cf90b03e357ed2f09813ebbac759defa7e7438706936dd34dc2bfe1a18771f7d2541f14d639b4ad
+  checksum: 10c0/2b8ea3933416d16570888e4ca44c67d7deeccb0a378852e14ee6eebcf52e9a1df3ca1279cbf3f5bcae02edab28304c3bd1199d1782ff2a148448bfc0b314242e
   languageName: node
   linkType: hard
 
@@ -20546,9 +20546,9 @@ __metadata:
   linkType: hard
 
 "tslib@npm:^2, tslib@npm:^2.0.0, tslib@npm:^2.0.1, tslib@npm:^2.0.3, tslib@npm:^2.1.0, tslib@npm:^2.3.0, tslib@npm:^2.4.0":
-  version: 2.7.0
-  resolution: "tslib@npm:2.7.0"
-  checksum: 10c0/469e1d5bf1af585742128827000711efa61010b699cb040ab1800bcd3ccdd37f63ec30642c9e07c4439c1db6e46345582614275daca3e0f4abae29b0083f04a6
+  version: 2.8.0
+  resolution: "tslib@npm:2.8.0"
+  checksum: 10c0/31e4d14dc1355e9b89e4d3c893a18abb7f90b6886b089c2da91224d0a7752c79f3ddc41bc1aa0a588ac895bd97bb99c5bc2bfdb2f86de849f31caeb3ba79bbe5
   languageName: node
   linkType: hard