ouisys-component-library 3.0.26 → 3.0.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/LoadingPrelander.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__read as a}from"tslib";import e,{useState as l,useEffect as c}from"react";var t=function(t){var r=t.contentLoaded,n=t.title,s=t.className,o=t.loadingText,m=t.dataQaId,i=a(l(0),2),d=i[0],f=i[1];return c((function(){var a=setInterval((function(){f((function(a){var e=a+1;return e>100?100:e}))}),24);return function(){return clearInterval(a)}}),[]),c((function(){d>=50&&r()}),[d,r]),e.createElement("div",{className:"
|
|
1
|
+
import{__read as a}from"tslib";import e,{useState as l,useEffect as c}from"react";var t=function(t){var r=t.contentLoaded,n=t.title,s=t.className,o=t.loadingText,m=t.dataQaId,i=a(l(0),2),d=i[0],f=i[1];return c((function(){var a=setInterval((function(){f((function(a){var e=a+1;return e>100?100:e}))}),24);return function(){return clearInterval(a)}}),[]),c((function(){d>=50&&r()}),[d,r]),e.createElement("div",{className:"prelander ".concat(s),"data-qa-id":m},e.createElement("h2",null,n),e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fillRule:"evenodd",strokeLinejoin:"round",strokeMiterlimit:"2",clipRule:"evenodd",viewBox:"0 0 286 255",className:"cog-loader"},e.createElement("g",{className:"small-cog"},e.createElement("path",{fill:"#ff7b00",d:"M278.717 189.195a57.803 57.803 0 00-6.313 0c.224 4.135-1.151 7.643-4.125 10.525a48.129 48.129 0 00-10.204 2.734c-4.017-1.008-6.962-3.359-8.835-7.053a58.19 58.19 0 00-5.467 3.157c2.262 3.469 2.826 7.194 1.691 11.177a48.147 48.147 0 00-7.47 7.47c-3.983 1.135-7.709.572-11.178-1.691a58.324 58.324 0 00-3.156 5.468c3.693 1.873 6.044 4.818 7.053 8.834a48.124 48.124 0 00-2.735 10.205c-2.881 2.974-6.39 4.349-10.525 4.124a58.327 58.327 0 000 6.314c4.135-.225 7.644 1.15 10.525 4.124a48.131 48.131 0 002.735 10.204c-1.009 4.017-3.36 6.962-7.053 8.835a58.18 58.18 0 003.156 5.467c3.469-2.262 7.195-2.825 11.178-1.691a48.11 48.11 0 007.47 7.471c1.135 3.982.571 7.708-1.691 11.177a58.41 58.41 0 005.467 3.157c1.873-3.694 4.818-6.045 8.835-7.053a48.129 48.129 0 0010.204 2.734c2.974 2.882 4.349 6.39 4.125 10.525 2.103.114 4.21.114 6.313 0-.225-4.135 1.15-7.643 4.124-10.525a48.122 48.122 0 0010.205-2.734c4.016 1.008 6.961 3.359 8.834 7.053a58.426 58.426 0 005.468-3.157c-2.262-3.469-2.826-7.195-1.691-11.177a48.153 48.153 0 007.47-7.471c3.983-1.134 7.709-.571 11.177 1.691a57.97 57.97 0 003.157-5.467c-3.693-1.873-6.044-4.818-7.053-8.835a48.129 48.129 0 002.734-10.204c2.882-2.974 6.39-4.349 10.526-4.124a58.327 58.327 0 000-6.314c-4.136.225-7.644-1.15-10.526-4.124a48.122 48.122 0 00-2.734-10.205c1.009-4.016 3.36-6.961 7.053-8.834a58.112 58.112 0 00-3.157-5.468c-3.468 2.263-7.194 2.826-11.177 1.691a48.19 48.19 0 00-7.47-7.47c-1.135-3.983-.571-7.708 1.691-11.177a58.205 58.205 0 00-5.468-3.157c-1.873 3.694-4.818 6.045-8.834 7.053a48.122 48.122 0 00-10.205-2.734c-2.974-2.882-4.349-6.39-4.124-10.525zm-3.157 33.08c13.813 0 25.028 11.214 25.028 25.027s-11.215 25.027-25.028 25.027c-13.813 0-25.027-11.214-25.027-25.027s11.214-25.027 25.027-25.027z",transform:"translate(-347.215 -302.076) scale(1.59736)"})),e.createElement("g",{className:"big-cog"},e.createElement("path",{fill:"#ff7b00",d:"M277.978 189.159a58.177 58.177 0 00-4.835 0l-3.94 9.852a48.718 48.718 0 00-12.282 3.291l-8.339-6.562a58.542 58.542 0 00-4.186 2.417l1.513 10.503a48.691 48.691 0 00-8.991 8.991l-10.502-1.514a57.81 57.81 0 00-2.417 4.187l6.562 8.338a48.687 48.687 0 00-3.291 12.282l-9.852 3.941a58.153 58.153 0 000 4.834l9.852 3.94a48.664 48.664 0 003.291 12.282l-6.562 8.339a58.026 58.026 0 002.417 4.187l10.502-1.514a48.691 48.691 0 008.991 8.991l-1.513 10.502a58.176 58.176 0 004.186 2.418l8.339-6.562a48.716 48.716 0 0012.282 3.29l3.94 9.853c1.611.067 3.224.067 4.835 0l3.94-9.853a48.727 48.727 0 0012.282-3.29l8.338 6.562a57.98 57.98 0 004.187-2.418l-1.514-10.502a48.691 48.691 0 008.991-8.991l10.503 1.514a58.402 58.402 0 002.417-4.187l-6.562-8.339a48.706 48.706 0 003.291-12.282l9.852-3.94a58.153 58.153 0 000-4.834l-9.852-3.941a48.729 48.729 0 00-3.291-12.282l6.562-8.338a58.184 58.184 0 00-2.417-4.187l-10.503 1.514a48.691 48.691 0 00-8.991-8.991l1.514-10.503a58.344 58.344 0 00-4.187-2.417l-8.338 6.562a48.729 48.729 0 00-12.282-3.291l-3.94-9.852zm-2.418 33.116c13.813 0 25.028 11.214 25.028 25.027s-11.215 25.027-25.028 25.027c-13.813 0-25.027-11.214-25.027-25.027s11.214-25.027 25.027-25.027z",transform:"translate(-94.71 -94.325) scale(1.14029)"}))),e.createElement("div",{className:"bar"},e.createElement("div",{className:"progress"})),e.createElement("p",null,o," ",e.createElement("strong",null,d,"%")))};export{t as LoadingPrelander};
|
|
2
2
|
//# sourceMappingURL=LoadingPrelander.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoadingPrelander.js","sources":["../src/Prelanders/LoadingPrelander/LoadingPrelander.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport LoadingPrelanderProps from './LoadingPrelander.type';\nexport const LoadingPrelander = ({ contentLoaded, title, className, loadingText, dataQaId }: LoadingPrelanderProps) => {\n const [progress, setProgress] = useState(0);\n\n useEffect(() => {\n const intervalId = setInterval(() => {\n setProgress((prevProgress) => {\n const newProgress = prevProgress + 1;\n return newProgress > 100 ? 100 : newProgress;\n });\n }, 24);\n\n // Cleanup on component unmount\n return () => clearInterval(intervalId);\n }, []);\n\n useEffect(() => {\n if (progress >= 50) {\n contentLoaded();\n }\n }, [progress, contentLoaded]);\n\n return (\n <div className={`
|
|
1
|
+
{"version":3,"file":"LoadingPrelander.js","sources":["../src/Prelanders/LoadingPrelander/LoadingPrelander.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport LoadingPrelanderProps from './LoadingPrelander.type';\nexport const LoadingPrelander = ({ contentLoaded, title, className, loadingText, dataQaId }: LoadingPrelanderProps) => {\n const [progress, setProgress] = useState(0);\n\n useEffect(() => {\n const intervalId = setInterval(() => {\n setProgress((prevProgress) => {\n const newProgress = prevProgress + 1;\n return newProgress > 100 ? 100 : newProgress;\n });\n }, 24);\n\n // Cleanup on component unmount\n return () => clearInterval(intervalId);\n }, []);\n\n useEffect(() => {\n if (progress >= 50) {\n contentLoaded();\n }\n }, [progress, contentLoaded]);\n\n return (\n <div className={`prelander ${className}`} data-qa-id={dataQaId}>\n <h2>{title}</h2>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n fillRule=\"evenodd\"\n strokeLinejoin=\"round\"\n strokeMiterlimit=\"2\"\n clipRule=\"evenodd\"\n viewBox=\"0 0 286 255\"\n className=\"cog-loader\"\n >\n <g className={`small-cog`}>\n <path\n fill=\"#ff7b00\"\n d=\"M278.717 189.195a57.803 57.803 0 00-6.313 0c.224 4.135-1.151 7.643-4.125 10.525a48.129 48.129 0 00-10.204 2.734c-4.017-1.008-6.962-3.359-8.835-7.053a58.19 58.19 0 00-5.467 3.157c2.262 3.469 2.826 7.194 1.691 11.177a48.147 48.147 0 00-7.47 7.47c-3.983 1.135-7.709.572-11.178-1.691a58.324 58.324 0 00-3.156 5.468c3.693 1.873 6.044 4.818 7.053 8.834a48.124 48.124 0 00-2.735 10.205c-2.881 2.974-6.39 4.349-10.525 4.124a58.327 58.327 0 000 6.314c4.135-.225 7.644 1.15 10.525 4.124a48.131 48.131 0 002.735 10.204c-1.009 4.017-3.36 6.962-7.053 8.835a58.18 58.18 0 003.156 5.467c3.469-2.262 7.195-2.825 11.178-1.691a48.11 48.11 0 007.47 7.471c1.135 3.982.571 7.708-1.691 11.177a58.41 58.41 0 005.467 3.157c1.873-3.694 4.818-6.045 8.835-7.053a48.129 48.129 0 0010.204 2.734c2.974 2.882 4.349 6.39 4.125 10.525 2.103.114 4.21.114 6.313 0-.225-4.135 1.15-7.643 4.124-10.525a48.122 48.122 0 0010.205-2.734c4.016 1.008 6.961 3.359 8.834 7.053a58.426 58.426 0 005.468-3.157c-2.262-3.469-2.826-7.195-1.691-11.177a48.153 48.153 0 007.47-7.471c3.983-1.134 7.709-.571 11.177 1.691a57.97 57.97 0 003.157-5.467c-3.693-1.873-6.044-4.818-7.053-8.835a48.129 48.129 0 002.734-10.204c2.882-2.974 6.39-4.349 10.526-4.124a58.327 58.327 0 000-6.314c-4.136.225-7.644-1.15-10.526-4.124a48.122 48.122 0 00-2.734-10.205c1.009-4.016 3.36-6.961 7.053-8.834a58.112 58.112 0 00-3.157-5.468c-3.468 2.263-7.194 2.826-11.177 1.691a48.19 48.19 0 00-7.47-7.47c-1.135-3.983-.571-7.708 1.691-11.177a58.205 58.205 0 00-5.468-3.157c-1.873 3.694-4.818 6.045-8.834 7.053a48.122 48.122 0 00-10.205-2.734c-2.974-2.882-4.349-6.39-4.124-10.525zm-3.157 33.08c13.813 0 25.028 11.214 25.028 25.027s-11.215 25.027-25.028 25.027c-13.813 0-25.027-11.214-25.027-25.027s11.214-25.027 25.027-25.027z\"\n transform=\"translate(-347.215 -302.076) scale(1.59736)\"\n ></path>\n </g>\n <g className={`big-cog`}>\n <path\n fill=\"#ff7b00\"\n d=\"M277.978 189.159a58.177 58.177 0 00-4.835 0l-3.94 9.852a48.718 48.718 0 00-12.282 3.291l-8.339-6.562a58.542 58.542 0 00-4.186 2.417l1.513 10.503a48.691 48.691 0 00-8.991 8.991l-10.502-1.514a57.81 57.81 0 00-2.417 4.187l6.562 8.338a48.687 48.687 0 00-3.291 12.282l-9.852 3.941a58.153 58.153 0 000 4.834l9.852 3.94a48.664 48.664 0 003.291 12.282l-6.562 8.339a58.026 58.026 0 002.417 4.187l10.502-1.514a48.691 48.691 0 008.991 8.991l-1.513 10.502a58.176 58.176 0 004.186 2.418l8.339-6.562a48.716 48.716 0 0012.282 3.29l3.94 9.853c1.611.067 3.224.067 4.835 0l3.94-9.853a48.727 48.727 0 0012.282-3.29l8.338 6.562a57.98 57.98 0 004.187-2.418l-1.514-10.502a48.691 48.691 0 008.991-8.991l10.503 1.514a58.402 58.402 0 002.417-4.187l-6.562-8.339a48.706 48.706 0 003.291-12.282l9.852-3.94a58.153 58.153 0 000-4.834l-9.852-3.941a48.729 48.729 0 00-3.291-12.282l6.562-8.338a58.184 58.184 0 00-2.417-4.187l-10.503 1.514a48.691 48.691 0 00-8.991-8.991l1.514-10.503a58.344 58.344 0 00-4.187-2.417l-8.338 6.562a48.729 48.729 0 00-12.282-3.291l-3.94-9.852zm-2.418 33.116c13.813 0 25.028 11.214 25.028 25.027s-11.215 25.027-25.028 25.027c-13.813 0-25.027-11.214-25.027-25.027s11.214-25.027 25.027-25.027z\"\n transform=\"translate(-94.71 -94.325) scale(1.14029)\"\n ></path>\n </g>\n </svg>\n <div className={`bar`}>\n <div className={`progress`}></div>\n </div>\n <p>\n {loadingText} <strong>{progress}%</strong>\n </p>\n </div>\n );\n}"],"names":["LoadingPrelander","_a","contentLoaded","title","className","loadingText","dataQaId","_b","__read","useState","progress","setProgress","useEffect","intervalId","setInterval","prevProgress","newProgress","clearInterval","React","createElement","xmlns","fillRule","strokeLinejoin","strokeMiterlimit","clipRule","viewBox","fill","d","transform"],"mappings":"kFAEO,IAAMA,EAAmB,SAACC,GAAE,IAAAC,EAAaD,EAAAC,cAAEC,EAAKF,EAAAE,MAAEC,EAASH,EAAAG,UAAEC,EAAWJ,EAAAI,YAAEC,EAAQL,EAAAK,SACjFC,EAAAC,EAA0BC,EAAS,GAAE,GAApCC,EAAQH,EAAA,GAAEI,OAoBjB,OAlBAC,GAAU,WACR,IAAMC,EAAaC,aAAY,WAC7BH,GAAY,SAACI,GACX,IAAMC,EAAcD,EAAe,EACnC,OAAOC,EAAc,IAAM,IAAMA,CACnC,GACD,GAAE,IAGH,OAAO,WAAM,OAAAC,cAAcJ,EAAW,CACvC,GAAE,IAEHD,GAAU,WACJF,GAAY,IACdR,GAEJ,GAAG,CAACQ,EAAUR,IAGZgB,uBAAKd,UAAW,oBAAaA,gBAAyBE,GACpDY,EAAAC,cAAA,KAAA,KAAKhB,GACLe,EACEC,cAAA,MAAA,CAAAC,MAAM,6BACNC,SAAS,UACTC,eAAe,QACfC,iBAAiB,IACjBC,SAAS,UACTC,QAAQ,cACRrB,UAAU,cAEVc,EAAGC,cAAA,IAAA,CAAAf,UAAW,aACZc,EAAAC,cAAA,OAAA,CACEO,KAAK,UACLC,EAAE,+sDACFC,UAAU,iDAGdV,EAAGC,cAAA,IAAA,CAAAf,UAAW,WACZc,EAAAC,cAAA,OAAA,CACEO,KAAK,UACLC,EAAE,oqCACFC,UAAU,+CAIhBV,EAAKC,cAAA,MAAA,CAAAf,UAAW,OACdc,EAAAC,cAAA,MAAA,CAAKf,UAAW,cAElBc,EAAAC,cAAA,IAAA,KACGd,MAAaa,EAAAC,cAAA,SAAA,KAAST,QAI/B"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as e from"react";import{E as a}from"./ExtraDisclaimers-03681f01.js";var c=function(c){var
|
|
1
|
+
import*as e from"react";import{E as a}from"./ExtraDisclaimers-03681f01.js";var c=function(c){var l=c.checked,n=c.locale,o=c.legals,s=c.confirmText,r=c.className,m=c.modalClassName,i=c.showModal,d=c.tracker,g=c.onCheckedChange,E=c.onClickYes,h=function(){d&&d.customEvent("Flow","advance","consentForm-accepted")};return e.createElement(e.Fragment,null,e.createElement("div",{className:"".concat(r)},e.createElement("label",{htmlFor:"agree"},e.createElement("input",{type:"checkbox",checked:l,onChange:function(e){e.target.checked&&h(),g(e.target.checked)},name:"agree",id:"agree"}),e.createElement(a,{className:"".concat(r,"__disclaimer"),locale:n,legals:o}))),e.createElement(t,{locale:n,confirmText:s,show:i,legals:o,onClickYes:function(e){h(),E(e)},modalClassName:m}))},t=function(c){var t=c.onClickYes,l=c.locale,n=c.confirmText,o=c.show,s=void 0!==o&&o,r=c.legals,m=c.modalClassName;return s?e.createElement("div",{className:"".concat(m)},e.createElement("div",{className:"".concat(m,"__content")},e.createElement(a,{className:"".concat(m,"__disclaimer"),locale:l,legals:r}),e.createElement("button",{className:"".concat(m,"__btn btn"),onClick:t},n||"Yes"))):null};export{c as TermsAcceptanceCheck};
|
|
2
2
|
//# sourceMappingURL=TermsAcceptanceCheck.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TermsAcceptanceCheck.js","sources":["../src/TermsAcceptanceCheck/TermsAcceptanceCheck.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ExtraDisclaimers } from '../ExtraDisclaimers/ExtraDisclaimers';\nimport { IModalConfirmationProps, ITermsAccpetanceCheckProps } from './TermsAcceptanceCheck.types';\n\nexport const TermsAcceptanceCheck: React.FC<ITermsAccpetanceCheckProps> = ({ checked, locale, legals, confirmText, className, modalClassName, showModal, tracker, onCheckedChange, onClickYes }) => {\n\n const updatedTracker = () => {\n if (tracker) {\n tracker.customEvent('Flow', 'advance', 'consentForm-accepted');\n }\n };\n\n
|
|
1
|
+
{"version":3,"file":"TermsAcceptanceCheck.js","sources":["../src/TermsAcceptanceCheck/TermsAcceptanceCheck.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ExtraDisclaimers } from '../ExtraDisclaimers/ExtraDisclaimers';\nimport { IModalConfirmationProps, ITermsAccpetanceCheckProps } from './TermsAcceptanceCheck.types';\n\nexport const TermsAcceptanceCheck: React.FC<ITermsAccpetanceCheckProps> = ({ checked, locale, legals, confirmText, className, modalClassName, showModal, tracker, onCheckedChange, onClickYes }) => {\n\n const updatedTracker = () => {\n if (tracker) {\n tracker.customEvent('Flow', 'advance', 'consentForm-accepted');\n }\n };\n\n return (\n <>\n <div className={`${className}`} >\n <label htmlFor=\"agree\" >\n <input\n type=\"checkbox\"\n checked={checked}\n onChange={(ev) => {\n if (ev.target.checked) {\n updatedTracker();\n }\n onCheckedChange(ev.target.checked);\n }}\n name=\"agree\"\n id=\"agree\"\n />\n <ExtraDisclaimers className={`${className}__disclaimer`} locale={locale} legals={legals} />\n </label>\n\n </div >\n\n <ModalConfirmation locale={locale} confirmText={confirmText} show={showModal} legals={legals} onClickYes={(e) => {\n updatedTracker();\n onClickYes(e);\n }} modalClassName={modalClassName} />\n </>\n );\n};\n\nconst ModalConfirmation: React.FC<IModalConfirmationProps> = ({ onClickYes, locale, confirmText, show = false, legals, modalClassName }) => {\n if (!show) return null;\n return (\n <div className={`${modalClassName}`}>\n <div className={`${modalClassName}__content`}>\n <ExtraDisclaimers className={`${modalClassName}__disclaimer`} locale={locale} legals={legals} />\n <button className={`${modalClassName}__btn btn`} onClick={onClickYes}>\n {confirmText || 'Yes'}\n </button>\n </div>\n </div>\n );\n};\n\nexport default ModalConfirmation;\n"],"names":["TermsAcceptanceCheck","_a","checked","locale","legals","confirmText","className","modalClassName","showModal","tracker","onCheckedChange","onClickYes","updatedTracker","customEvent","React","createElement","Fragment","concat","htmlFor","type","onChange","ev","target","name","id","ExtraDisclaimers","ModalConfirmation","show","e","_b","onClick"],"mappings":"2EAIO,IAAMA,EAA6D,SAACC,OAAEC,EAAOD,EAAAC,QAAEC,EAAMF,EAAAE,OAAEC,EAAMH,EAAAG,OAAEC,EAAWJ,EAAAI,YAAEC,EAASL,EAAAK,UAAEC,EAAcN,EAAAM,eAAEC,EAASP,EAAAO,UAAEC,EAAOR,EAAAQ,QAAEC,EAAeT,EAAAS,gBAAEC,EAAUV,EAAAU,WAErLC,EAAiB,WACjBH,GACFA,EAAQI,YAAY,OAAQ,UAAW,uBAE3C,EAEA,OACEC,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CAAKT,UAAW,GAAGW,OAAAX,IACjBQ,EAAOC,cAAA,QAAA,CAAAG,QAAQ,SACbJ,EACEC,cAAA,QAAA,CAAAI,KAAK,WACLjB,QAASA,EACTkB,SAAU,SAACC,GACLA,EAAGC,OAAOpB,SACZU,IAEFF,EAAgBW,EAAGC,OAAOpB,QAC3B,EACDqB,KAAK,QACLC,GAAG,UAELV,EAAAC,cAACU,EAAiB,CAAAnB,UAAW,GAAAW,OAAGX,EAAuB,gBAAEH,OAAQA,EAAQC,OAAQA,MAKrFU,EAACC,cAAAW,GAAkBvB,OAAQA,EAAQE,YAAaA,EAAasB,KAAMnB,EAAWJ,OAAQA,EAAQO,WAAY,SAACiB,GACzGhB,IACAD,EAAWiB,EACb,EAAGrB,eAAgBA,IAGzB,EAEMmB,EAAuD,SAACzB,GAAE,IAAAU,eAAYR,WAAQE,gBAAawB,EAAA5B,EAAA0B,KAAAA,OAAI,IAAAE,GAAQA,EAAEzB,EAAMH,EAAAG,OAAEG,EAAcN,EAAAM,eACnI,OAAKoB,EAEHb,EAAKC,cAAA,MAAA,CAAAT,UAAW,GAAAW,OAAGV,IACjBO,EAAAC,cAAA,MAAA,CAAKT,UAAW,GAAGW,OAAAV,EAAyB,cAC1CO,EAAAC,cAACU,EAAgB,CAACnB,UAAW,UAAGC,EAAc,gBAAgBJ,OAAQA,EAAQC,OAAQA,IACtFU,EAAAC,cAAA,SAAA,CAAQT,UAAW,GAAAW,OAAGV,EAAc,aAAauB,QAASnB,GACvDN,GAAe,SANN,IAWpB"}
|