@hhgtech/hhg-components 1.29.324 → 1.29.325

package/build/{index-2347b881.js → index-a343b871.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var locale = require('date-fns/locale');
-require('./index-3657dd92.js');
+require('./index-1a8cd846.js');
 var constantsSite = require('./constantsSite.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsRiskScreener = require('./constantsRiskScreener.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var Locale = require('./Locale-f97fd23f.js');
+var Locale = require('./Locale-55e9ae47.js');
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;

package/build/{index-c4458e79.js → index-a38d2be5.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a2a3e2d4.js');
+var tslib_es6 = require('./tslib.es6-1759d5af.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$1 = require('./index-4b09770b.js');
-var index = require('./index-e5ad7c48.js');
-var togetherComponentGlobalContext = require('./utils-0aaa1d4e.js');
+var index$1 = require('./index-edb4009c.js');
+var index = require('./index-ea0f6616.js');
+var togetherComponentGlobalContext = require('./utils-da2ae250.js');
 var styled = require('@emotion/styled');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var constants = require('./constants-334bfca0.js');
+var constants = require('./constants-01714200.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-17db5bad.js → index-ab9a96ca.js}

@@ -1,25 +1,25 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a2a3e2d4.js');
+var tslib_es6 = require('./tslib.es6-1759d5af.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-require('./index-eb5edac9.js');
-var index$3 = require('./index-c45489a9.js');
-require('./index-e5ad7c48.js');
-require('./index-76a75930.js');
-require('./index.styles-d31a6f04.js');
-var index = require('./index-2fe76f8b.js');
+require('./index-bb07639e.js');
+var index$3 = require('./index-da4cbf36.js');
+require('./index-ea0f6616.js');
+require('./index-08378fe1.js');
+require('./index.styles-5d70f132.js');
+var index = require('./index-580d9e0c.js');
 require('@mantine/hooks');
-require('./useMantineLocale-8b05993c.js');
-require('./index-3657dd92.js');
-require('./index-40538794.js');
-require('./utils-14eafad0.js');
-require('./index-2347b881.js');
-require('./other-e55584a2.js');
-require('./index-2f2f28e5.js');
-var index$1 = require('./index-2902f0d1.js');
-var index$2 = require('./index-ae600180.js');
+require('./useMantineLocale-63cd7004.js');
+require('./index-1a8cd846.js');
+require('./index-142da638.js');
+require('./utils-a7784207.js');
+require('./index-a343b871.js');
+require('./other-dd101c01.js');
+require('./index-9d85bb25.js');
+var index$1 = require('./index-bf4beed0.js');
+var index$2 = require('./index-0a8cce54.js');
 var other = require('@hhgtech/icons/other');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-80f68f9a.js → index-b887db5d.js}

@@ -2,12 +2,12 @@
 
 var React = require('react');
 var core = require('@mantine/core');
-var utils = require('./utils-14eafad0.js');
+var utils = require('./utils-a7784207.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var animation = require('./animation-1c60c8fc.js');
-var index = require('./index-e5ad7c48.js');
+var animation = require('./animation-a527ced2.js');
+var index = require('./index-ea0f6616.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-eb5edac9.js → index-bb07639e.js}

@@ -1,24 +1,24 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a2a3e2d4.js');
+var tslib_es6 = require('./tslib.es6-1759d5af.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
 var hooks = require('@mantine/hooks');
-var index$2 = require('./index-40538794.js');
-var useScreenSize = require('./useScreenSize-a0fff9d9.js');
+var index$2 = require('./index-142da638.js');
+var useScreenSize = require('./useScreenSize-a043d136.js');
 var styled = require('@emotion/styled');
 var carousel = require('@mantine/carousel');
-var index$3 = require('./index-e5ad7c48.js');
-require('./index-3657dd92.js');
+var index$3 = require('./index-ea0f6616.js');
+require('./index-1a8cd846.js');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-14eafad0.js');
-var useMantineLocale = require('./useMantineLocale-8b05993c.js');
-var index = require('./index-2347b881.js');
-var index$1 = require('./index-76a75930.js');
-var Locale = require('./Locale-f97fd23f.js');
+var utils = require('./utils-a7784207.js');
+var useMantineLocale = require('./useMantineLocale-63cd7004.js');
+var index = require('./index-a343b871.js');
+var index$1 = require('./index-08378fe1.js');
+var Locale = require('./Locale-55e9ae47.js');
 var cn = require('classnames');
-var useUniqueId = require('./useUniqueId-9b638d18.js');
+var useUniqueId = require('./useUniqueId-21d6247d.js');
 var constantsSite = require('./constantsSite.js');
 var core$1 = require('@hhgtech/icons/core');
 

package/build/{index-2902f0d1.js → index-bf4beed0.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a2a3e2d4.js');
+var tslib_es6 = require('./tslib.es6-1759d5af.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-e5ad7c48.js');
-var index$1 = require('./index-76a75930.js');
-var index$2 = require('./index-2fe76f8b.js');
+var index = require('./index-ea0f6616.js');
+var index$1 = require('./index-08378fe1.js');
+var index$2 = require('./index-580d9e0c.js');
 var flattenChildren = require('react-keyed-flatten-children');
 var miscTheme = require('./miscTheme.js');
 

package/build/{index-dcb53afc.js → index-c91d0559.js}

@@ -1,22 +1,22 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a2a3e2d4.js');
+var tslib_es6 = require('./tslib.es6-1759d5af.js');
 var React = require('react');
 var core = require('@mantine/core');
-require('./index-eb5edac9.js');
+require('./index-bb07639e.js');
 require('@mantine/dates');
-require('./index-2347b881.js');
-require('./index-3657dd92.js');
-require('./index-40538794.js');
-require('./useMantineLocale-8b05993c.js');
-var index$1 = require('./index-e5ad7c48.js');
-var index$2 = require('./index-76a75930.js');
-require('./index.styles-d31a6f04.js');
-var index = require('./index-2fe76f8b.js');
+require('./index-a343b871.js');
+require('./index-1a8cd846.js');
+require('./index-142da638.js');
+require('./useMantineLocale-63cd7004.js');
+var index$1 = require('./index-ea0f6616.js');
+var index$2 = require('./index-08378fe1.js');
+require('./index.styles-5d70f132.js');
+var index = require('./index-580d9e0c.js');
 require('@mantine/hooks');
-require('./utils-14eafad0.js');
-require('./other-e55584a2.js');
-require('./index-2f2f28e5.js');
+require('./utils-a7784207.js');
+require('./other-dd101c01.js');
+require('./index-9d85bb25.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-eab46304.js → index-cdbfb728.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a2a3e2d4.js');
+var tslib_es6 = require('./tslib.es6-1759d5af.js');
 var React = require('react');
 var miscTheme = require('./miscTheme.js');
-var WhatsApp = require('./WhatsApp-0f4c0b00.js');
-var Spinner = require('./Spinner-3e26434a.js');
+var WhatsApp = require('./WhatsApp-9cacf2f5.js');
+var Spinner = require('./Spinner-779624a5.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-3b15bb4c.js → index-d25df62a.js}

@@ -3,7 +3,7 @@
 var React = require('react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var useScreenSize = require('./useScreenSize-a0fff9d9.js');
+var useScreenSize = require('./useScreenSize-a043d136.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-2bec8da3.js → index-d6479bb3.js}

@@ -1,53 +1,53 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a2a3e2d4.js');
+var tslib_es6 = require('./tslib.es6-1759d5af.js');
 var React = require('react');
-var index$1 = require('./index-2f2f28e5.js');
-var index = require('./index-e4387860.js');
-require('./index-3657dd92.js');
-var dataTransform = require('./dataTransform-d74a5376.js');
+var index$1 = require('./index-9d85bb25.js');
+var index = require('./index-2209319d.js');
+require('./index-1a8cd846.js');
+var dataTransform = require('./dataTransform-f0896b9a.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var togetherComponentGlobalContext = require('./utils-0aaa1d4e.js');
+var togetherComponentGlobalContext = require('./utils-da2ae250.js');
 var core = require('@hhgtech/icons/core');
 var core$1 = require('@mantine/core');
-var togetherMoleculesCardAuthor = require('./index-590f9982.js');
-var Locale = require('./Locale-f97fd23f.js');
+var togetherMoleculesCardAuthor = require('./index-dc730340.js');
+var Locale = require('./Locale-55e9ae47.js');
 require('@hhgtech/icons/other');
-require('./index-76a75930.js');
-require('./index-e5ad7c48.js');
-require('./other-e55584a2.js');
-require('./index-2fe76f8b.js');
-require('./translationsContext-117a7508.js');
-require('./index-9d2442e3.js');
-require('./index-fc8a4628.js');
+require('./index-08378fe1.js');
+require('./index-ea0f6616.js');
+require('./other-dd101c01.js');
+require('./index-580d9e0c.js');
+require('./translationsContext-12cb9804.js');
+require('./index-e18bf060.js');
+require('./index-e6ee64a6.js');
 require('./miscCookieHelper.js');
 require('slugify');
 require('./constantsIsProduction.js');
 require('string-format');
-require('./constants-334bfca0.js');
+require('./constants-01714200.js');
 require('dayjs');
 require('dayjs/plugin/relativeTime');
-require('./utils-14eafad0.js');
-require('./index-4ead5a24.js');
-require('./paths-0de96c72.js');
-require('./constants-6520fa18.js');
-require('./index-2347b881.js');
+require('./utils-a7784207.js');
+require('./index-667982f9.js');
+require('./paths-7c8696b9.js');
+require('./constants-940ba5ee.js');
+require('./index-a343b871.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
-require('./index-eab46304.js');
+require('./index-cdbfb728.js');
 require('./miscTheme.js');
-require('./WhatsApp-0f4c0b00.js');
-require('./Spinner-3e26434a.js');
-require('./index-399199f9.js');
+require('./WhatsApp-9cacf2f5.js');
+require('./Spinner-779624a5.js');
+require('./index-e6aa3186.js');
 require('@emotion/styled');
-require('./useScreenSize-a0fff9d9.js');
-require('./index-40538794.js');
+require('./useScreenSize-a043d136.js');
+require('./index-142da638.js');
 require('@emotion/react');
-require('./index-4b09770b.js');
-require('./index-4c6930d7.js');
-require('./index.styles-d31a6f04.js');
+require('./index-edb4009c.js');
+require('./index-280fedb3.js');
+require('./index.styles-5d70f132.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-89831694.js → index-d8d89468.js}

@@ -1,42 +1,42 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a2a3e2d4.js');
+var tslib_es6 = require('./tslib.es6-1759d5af.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
-var index$8 = require('./index-e27ad6be.js');
-var index = require('./index-2fe76f8b.js');
+var index$8 = require('./index-1b735b2f.js');
+var index = require('./index-580d9e0c.js');
 var innertext = require('innertext');
 var miscTheme = require('./miscTheme.js');
-var index$5 = require('./index-eb5edac9.js');
+var index$5 = require('./index-bb07639e.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-require('./index-2347b881.js');
-require('./index-3657dd92.js');
-require('./index-40538794.js');
-require('./useMantineLocale-8b05993c.js');
-var index$2 = require('./index-e5ad7c48.js');
-var index$1 = require('./index-76a75930.js');
-require('./index.styles-d31a6f04.js');
+require('./index-a343b871.js');
+require('./index-1a8cd846.js');
+require('./index-142da638.js');
+require('./useMantineLocale-63cd7004.js');
+var index$2 = require('./index-ea0f6616.js');
+var index$1 = require('./index-08378fe1.js');
+require('./index.styles-5d70f132.js');
 require('@mantine/hooks');
-var utils = require('./utils-14eafad0.js');
-require('./other-e55584a2.js');
-require('./index-2f2f28e5.js');
-var index$3 = require('./index-7ad64e8a.js');
-var togetherComponentGlobalContext = require('./utils-0aaa1d4e.js');
+var utils = require('./utils-a7784207.js');
+require('./other-dd101c01.js');
+require('./index-9d85bb25.js');
+var index$3 = require('./index-e3ca3fc1.js');
+var togetherComponentGlobalContext = require('./utils-da2ae250.js');
 var styled = require('@emotion/styled');
-var dataTransform = require('./dataTransform-d74a5376.js');
-var constants = require('./constants-334bfca0.js');
-var post = require('./post-cddd5315.js');
-var togetherMoleculesCardAuthor = require('./index-590f9982.js');
-var togetherRichTextEditor = require('./editor-5bf472d4.js');
-var index$4 = require('./index-322c0236.js');
+var dataTransform = require('./dataTransform-f0896b9a.js');
+var constants = require('./constants-01714200.js');
+var post = require('./post-e2c6e0ce.js');
+var togetherMoleculesCardAuthor = require('./index-dc730340.js');
+var togetherRichTextEditor = require('./editor-c0a0b1e8.js');
+var index$4 = require('./index-44ecd067.js');
 var debounce = require('lodash/debounce');
 var ContentEditable = require('react-contenteditable');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var index$6 = require('./index-afac9d51.js');
-var index$7 = require('./index-c4458e79.js');
-var index$9 = require('./index-3d99485a.js');
-var Locale = require('./Locale-f97fd23f.js');
+var index$6 = require('./index-26b9343b.js');
+var index$7 = require('./index-a38d2be5.js');
+var index$9 = require('./index-5aa375fb.js');
+var Locale = require('./Locale-55e9ae47.js');
 var core$1 = require('@hhgtech/icons/core');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-c45489a9.js → index-da4cbf36.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a2a3e2d4.js');
+var tslib_es6 = require('./tslib.es6-1759d5af.js');
 var React = require('react');
 var core = require('@mantine/core');
 var dates = require('@mantine/dates');
-var index = require('./index-2347b881.js');
-require('./index-3657dd92.js');
-var index$1 = require('./index-40538794.js');
-var useMantineLocale = require('./useMantineLocale-8b05993c.js');
-var Locale = require('./Locale-f97fd23f.js');
+var index = require('./index-a343b871.js');
+require('./index-1a8cd846.js');
+var index$1 = require('./index-142da638.js');
+var useMantineLocale = require('./useMantineLocale-63cd7004.js');
+var Locale = require('./Locale-55e9ae47.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-590f9982.js → index-dc730340.js}

@@ -5,24 +5,24 @@ var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$2 = require('./index-2fe76f8b.js');
-var utils = require('./utils-14eafad0.js');
-var index$1 = require('./index-4ead5a24.js');
-var index$8 = require('./index-eab46304.js');
-var tslib_es6 = require('./tslib.es6-a2a3e2d4.js');
-var index = require('./index-399199f9.js');
-var useScreenSize = require('./useScreenSize-a0fff9d9.js');
-require('./index-2347b881.js');
-var index$5 = require('./index-40538794.js');
-var togetherComponentGlobalContext = require('./utils-0aaa1d4e.js');
-var index$3 = require('./index-9d2442e3.js');
-var index$4 = require('./index-e5ad7c48.js');
+var index$2 = require('./index-580d9e0c.js');
+var utils = require('./utils-a7784207.js');
+var index$1 = require('./index-667982f9.js');
+var index$8 = require('./index-cdbfb728.js');
+var tslib_es6 = require('./tslib.es6-1759d5af.js');
+var index = require('./index-e6aa3186.js');
+var useScreenSize = require('./useScreenSize-a043d136.js');
+require('./index-a343b871.js');
+var index$5 = require('./index-142da638.js');
+var togetherComponentGlobalContext = require('./utils-da2ae250.js');
+var index$3 = require('./index-e18bf060.js');
+var index$4 = require('./index-ea0f6616.js');
 var miscTheme = require('./miscTheme.js');
 var styled = require('@emotion/styled');
 var togetherApiPaths = require('./togetherApiPaths.js');
 var react = require('@emotion/react');
-var index$6 = require('./index-4b09770b.js');
-var index$7 = require('./index-4c6930d7.js');
+var index$6 = require('./index-edb4009c.js');
+var index$7 = require('./index-280fedb3.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -966,7 +966,7 @@ const _CardAuthor = (props) => {
     React.useEffect(() => {
         if (open && !ProfileDetail) {
             if (userType === 'chatbot') {
-                Promise.resolve().then(function () { return require('./index-2bec8da3.js'); }).then((module) => {
+                Promise.resolve().then(function () { return require('./index-d6479bb3.js'); }).then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }

package/build/{index-579c4d63.js → index-de46556d.js}

@@ -1,22 +1,22 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a2a3e2d4.js');
+var tslib_es6 = require('./tslib.es6-1759d5af.js');
 var React = require('react');
 var core = require('@hhgtech/icons/core');
-var Spinner = require('./Spinner-3e26434a.js');
-var index$2 = require('./index-eb5edac9.js');
-var index$1 = require('./index-76a75930.js');
-var index$4 = require('./index-e5ad7c48.js');
-var index = require('./index-2fe76f8b.js');
-require('./index-3657dd92.js');
-var index$3 = require('./index-40538794.js');
+var Spinner = require('./Spinner-779624a5.js');
+var index$2 = require('./index-bb07639e.js');
+var index$1 = require('./index-08378fe1.js');
+var index$4 = require('./index-ea0f6616.js');
+var index = require('./index-580d9e0c.js');
+require('./index-1a8cd846.js');
+var index$3 = require('./index-142da638.js');
 var miscTheme = require('./miscTheme.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-14eafad0.js');
+var utils = require('./utils-a7784207.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 var profileNavigation = require('./profileNavigation.js');
 var navigationLogoutPopup = require('./navigationLogoutPopup.js');
-var Locale = require('./Locale-f97fd23f.js');
+var Locale = require('./Locale-55e9ae47.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-9d2442e3.js → index-e18bf060.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a2a3e2d4.js');
+var tslib_es6 = require('./tslib.es6-1759d5af.js');
 var React = require('react');
-var index = require('./index-76a75930.js');
+var index = require('./index-08378fe1.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-7ad64e8a.js → index-e3ca3fc1.js}

@@ -1,31 +1,31 @@
 'use strict';
 
 var React = require('react');
-var index$3 = require('./index-9d2442e3.js');
-var index$1 = require('./index-4b09770b.js');
-var index$2 = require('./index-e5ad7c48.js');
-var utils = require('./utils-14eafad0.js');
+var index$3 = require('./index-e18bf060.js');
+var index$1 = require('./index-edb4009c.js');
+var index$2 = require('./index-ea0f6616.js');
+var utils = require('./utils-a7784207.js');
 var ReactDOM = require('react-dom');
-var togetherComponentGlobalContext = require('./utils-0aaa1d4e.js');
+var togetherComponentGlobalContext = require('./utils-da2ae250.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var tslib_es6 = require('./tslib.es6-a2a3e2d4.js');
-var index$6 = require('./index-322c0236.js');
-var index$4 = require('./index-2fe76f8b.js');
-var dataTransform = require('./dataTransform-d74a5376.js');
-var constants = require('./constants-334bfca0.js');
+var tslib_es6 = require('./tslib.es6-1759d5af.js');
+var index$6 = require('./index-44ecd067.js');
+var index$4 = require('./index-580d9e0c.js');
+var dataTransform = require('./dataTransform-f0896b9a.js');
+var constants = require('./constants-01714200.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var post = require('./post-cddd5315.js');
-var index$7 = require('./index-c4458e79.js');
-var togetherMoleculesCardAuthor = require('./index-590f9982.js');
-var index$5 = require('./index-399199f9.js');
-var togetherRichTextEditor = require('./editor-5bf472d4.js');
+var post = require('./post-e2c6e0ce.js');
+var index$7 = require('./index-a38d2be5.js');
+var togetherMoleculesCardAuthor = require('./index-dc730340.js');
+var index$5 = require('./index-e6aa3186.js');
+var togetherRichTextEditor = require('./editor-c0a0b1e8.js');
 var core = require('@mantine/core');
 var other = require('@hhgtech/icons/other');
-var index = require('./index-ea70b6aa.js');
-var togetherMoleculesPostImagePreview = require('./index-e0688144.js');
+var index = require('./index-2abaa67d.js');
+var togetherMoleculesPostImagePreview = require('./index-8506e6ca.js');
 var togetherShareBox = require('./togetherShareBox.js');
-var useScreenSize = require('./useScreenSize-a0fff9d9.js');
+var useScreenSize = require('./useScreenSize-a043d136.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -1185,34 +1185,60 @@ const StyledSocialLinkPreview = styled__default["default"].div `
   }
 `;
 
+const useExternalScript = ({ url, onLoad, onError }) => {
+    const [state, setState] = React.useState(url ? 'loading' : 'idle');
+    React.useEffect(() => {
+        if (!url) {
+            setState('idle');
+            return;
+        }
+        let script = document.querySelector(`script[src="${url}"]`);
+        const handleLoadScript = () => {
+            setState('ready');
+            onLoad === null || onLoad === void 0 ? void 0 : onLoad();
+        };
+        const handleErrorScript = () => {
+            setState('error');
+            onError === null || onError === void 0 ? void 0 : onError();
+        };
+        if (!script) {
+            script = document.createElement('script');
+            script.type = 'application/javascript';
+            script.src = url;
+            script.async = true;
+            document.body.appendChild(script);
+            script.addEventListener('load', handleLoadScript);
+            script.addEventListener('error', handleErrorScript);
+        }
+        script.addEventListener('load', handleLoadScript);
+        script.addEventListener('error', handleErrorScript);
+        return () => {
+            script.removeEventListener('load', handleLoadScript);
+            script.removeEventListener('error', handleErrorScript);
+        };
+    }, [url]);
+    return state;
+};
+
 const YoutubePlyr = ({ id, autoplay }) => {
     const ref = React.useRef(null);
+    const state = useExternalScript({ url: 'https://cdn.plyr.io/3.6.7/plyr.js' });
     React.useEffect(() => {
         if (!document.getElementById('hhg-plyr-player')) {
             const link = document.createElement('link');
             link.rel = 'stylesheet';
             link.type = 'text/css';
             link.href = 'https://cdn.plyr.io/3.6.7/plyr.css';
+            link.id = 'hhg-plyr-player';
             document.head.appendChild(link);
-            const script = document.createElement('script');
-            script.src = 'https://cdn.plyr.io/3.6.7/plyr.js';
-            script.async = true;
-            script.id = 'hhg-plyr-player';
-            script.onload = function () {
-                new Plyr(ref.current.querySelector('[data-id="player"]'), {
-                    autoplay,
-                    muted: true,
-                });
-            };
-            document.body.appendChild(script);
         }
-        else {
+        if (state === 'ready') {
             new Plyr(ref.current.querySelector('[data-id="player"]'), {
                 autoplay,
                 muted: true,
             });
         }
-    }, []);
+    }, [state]);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement(core.Box, { ref: ref },
             React__default["default"].createElement("div", { "data-id": "player" },