"use strict";(self.webpackChunk_atg_authentication_client=self.webpackChunk_atg_authentication_client||[]).push([[100],{6511:(e,t,r)=>{function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.Storybook=t.FlatButtonSizes=void 0;var o=y(r(9651)),i=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var r=g(t);if(r&&r.has(e))return r.get(e);var o={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&{}.hasOwnProperty.call(e,a)){var l=i?Object.getOwnPropertyDescriptor(e,a):null;l&&(l.get||l.set)?Object.defineProperty(o,a,l):o[a]=e[a]}return o.default=e,r&&r.set(e,o),o}(r(8302)),a=r(801),l=y(r(1095)),c=y(r(3644)),s=y(r(6414)),u=y(r(3180)),f=y(r(645)),p=y(r(3940)),m=r(5709),d=y(r(1754)),b=["as","children","className","customColor","iconLeft","iconRight","label","overrides","size","ghost","primary","fullWidth","type"];function g(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(g=function(e){return e?r:t})(e)}function y(e){return e&&e.__esModule?e:{default:e}}function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},h.apply(this,arguments)}function v(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function O(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?v(Object(r),!0).forEach((function(t){w(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):v(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function w(e,t,r){var o;return o=function(e){if("object"!=n(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=n(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(t),(t="symbol"==n(o)?o:o+"")in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function j(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var S,P=["width","minWidth","maxWidth","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","gap","background"].concat(function(e){if(Array.isArray(e))return j(e)}(S=m.defaultCommonProps)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(S)||function(e,t){if(e){if("string"==typeof e)return j(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?j(e,t):void 0}}(S)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),C=(0,d.default)({applied:P,variables:[{key:"buttonCustomColor",canHaveColor:!0}]}),E=(t.FlatButtonSizes=function(e){return e.SMALL="small",e.MEDIUM="medium",e.LARGE="large",e}({}),(0,i.forwardRef)((function(e,t){var r=e.as,n=void 0===r?"button":r,a=e.children,l=e.className,s=e.customColor,u=e.iconLeft,f=e.iconRight,m=e.label,d=e.overrides,g=void 0===d?{}:d,y=e.size,v=void 0===y?"medium":y,j=e.ghost,S=e.primary,C=e.fullWidth,E=e.type,k=void 0===E?"button":E,x=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r={};for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)){if(t.indexOf(n)>=0)continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(e,b),I=_(O({buttonCustomColor:s},(0,p.default)(x,P))),A=null!=m?m:a;return i.default.createElement(n,h({ref:t},x,{className:(0,o.default)(I.variables,I.root,I[v],w(w(w(w(w(w(w(w({},I.ghost,j),I.primary,S),I.fullWidth,C),I.iconLeft,u),I.iconRight,f),I.long,"string"==typeof A&&A.length>20),I.veryLong,"string"==typeof A&&A.length>32),I.buttonCustomColor,s),g.root,l),type:k}),(0,c.default)(u),m&&i.default.createElement("label",{className:(0,o.default)(I.label,g.label)},m),a&&i.default.createElement("label",{className:(0,o.default)(I.label,g.label)},a),(0,c.default)(f))}))),_=(0,l.default)((function(e){return{variables:C.styles,root:O(O(O({display:"inline-flex",alignItems:"center",gap:e.spacing.base,outline:"none",cursor:"pointer",position:"relative",userSelect:"none",textDecoration:"none",margin:"0",borderRadius:2,background:"transparent",transition:"background 250ms ease-in-out",padding:[0,2*e.spacing.base],textTransform:"uppercase",minWidth:11*e.spacing.base,borderWidth:1,borderStyle:"solid",borderColor:"transparent",fontFamily:e.typography.fontFamily,letterSpacing:e.typography.letterSpacing,color:"var(--color)","--color":e.colors.baseContrast090},(0,a.setTextCssVars)({fontSize:e.typography.fontSize,fontWeight:500})),{},{"--lineHeight":"normal","& svg":{display:"inline-flex",fill:"var(--color)"}},(0,f.default)({hover:{backgroundColor:e.colors.baseContrast020}})),{},{"&:disabled":{pointerEvents:"none",borderColor:"transparent","--color":e.colors.baseContrast040}}),fullWidth:{width:"100%",minWidth:"100%"},long:{},ghost:O(O({textTransform:"none",borderWidth:1,borderStyle:"solid",borderColor:e.colors.baseInvariant},(0,a.setTextCssVars)({fontSize:e.typography.fontSize+1})),{},{"&:disabled":{borderColor:e.colors.baseContrast030}}),primary:{"--color":e.colors.primary},label:{display:"inline-flex",alignSelf:"center",justifyContent:"center",alignItems:"center",pointerEvents:"none",margin:[0,"auto"],position:"relative"},small:{height:4*e.spacing.base,"& > svg":{height:e.iconSizes.small,width:e.iconSizes.small,minHeight:e.iconSizes.small,minWidth:e.iconSizes.small}},medium:{height:5*e.spacing.base,"& > svg":{height:e.iconSizes.small+2,width:e.iconSizes.small+2,minHeight:e.iconSizes.small+2,minWidth:e.iconSizes.small+2}},large:{height:6*e.spacing.base,"& > svg":{height:e.iconSizes.medium,width:e.iconSizes.medium,minHeight:e.iconSizes.medium,minWidth:e.iconSizes.medium}},iconLeft:{paddingInlineStart:1.5*e.spacing.base},iconRight:{paddingInlineEnd:1.5*e.spacing.base},veryLong:O(O({},(0,a.setTextCssVars)({fontSize:e.typography.fontSize-4})),{},{padding:[0,e.spacing.base+2]}),buttonCustomColor:{color:C.get("buttonCustomColor"),borderColor:C.get("buttonCustomColor")}}}),{name:"FlatButton"});E.displayName="FlatButton",t.Storybook=E;var k=(0,s.default)((0,u.default)(E));k.displayName="FlatButton",t.default=k},4754:(e,t,r)=>{function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}Object.defineProperty(t,"__esModule",{value:!0});var o={};t.default=void 0;var i=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var r=a(t);if(r&&r.has(e))return r.get(e);var o={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var c=i?Object.getOwnPropertyDescriptor(e,l):null;c&&(c.get||c.set)?Object.defineProperty(o,l,c):o[l]=e[l]}return o.default=e,r&&r.set(e,o),o}(r(6511));function a(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(a=function(e){return e?r:t})(e)}Object.keys(i).forEach((function(e){"default"!==e&&"__esModule"!==e&&(Object.prototype.hasOwnProperty.call(o,e)||e in t&&t[e]===i[e]||Object.defineProperty(t,e,{enumerable:!0,get:function(){return i[e]}}))})),t.default=i.default},8796:(e,t,r)=>{r.d(t,{A:()=>m});var n=r(7074),o=r.n(n),i=r(3974),a=r.n(i),l=r(8302),c=r.n(l),s=r(6766),u=r(2567);function f(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}const p=(0,u.createUseStyles)((e=>({seperator:{height:"1px",background:e.colors.baseContrast060,width:({fullWidth:e})=>e?"100%":"120px","&:first-child":{marginInlineEnd:"16px"},"&:last-child":{marginInlineStart:"16px"},opacity:"25%",display:"flex"},text:{display:"flex",flex:"grow",justifyContent:"center",alignItems:"center",width:"auto",textTransform:"uppercase"}})),{name:"OrSeperator"}),m=e=>{const t=(0,u.useTheme)(),{t:r}=(0,s.useTranslation)(),n=p(function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?f(Object(r),!0).forEach((function(t){var n,o,i,a;n=e,o=t,i=r[t],(o="symbol"==typeof(a=function(e){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(o))?a:a+"")in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({theme:t},e));return c().createElement(o(),{direction:"row",alignItems:"center",justifyContent:"center",wrap:!1,gap:0,width:"100%"},c().createElement("div",{className:n.seperator}),c().createElement(a(),{as:"span",color:"baseContrast060",fontSize:"$1.5",className:n.text},r("common.or")),c().createElement("div",{className:n.seperator}))}},9100:(e,t,r)=>{r.r(t),r.d(t,{default:()=>T});var n=r(8302),o=r.n(n),i=r(5384),a=r(9070),l=r(6055),c=r.n(l),s=r(4754),u=r.n(s),f=r(7074),p=r.n(f),m=r(6293),d=r.n(m),b=r(5789),g=r.n(b),y=r(3974),h=r.n(y),v=r(6503),O=r(6766),w=r(2567),j=r(8796),S=r(7601),P=r(8634),C=r(5653),E=r(8554);function _(){return _=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_.apply(this,arguments)}function k(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function x(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?k(Object(r),!0).forEach((function(t){var n,o,i,a;n=e,o=t,i=r[t],(o="symbol"==typeof(a=function(e){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(o))?a:a+"")in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):k(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const I=e=>{const{onClick:t,label:r,platformId:n}=e,i=n?`-${n}`:"";switch(n){case v.PlatformId.streamate:return o().createElement(g(),{"data-icf-click":`signup-with-email-button${i}`,onClick:t,label:r,fullWidth:!0});case v.PlatformId.streamfans:return o().createElement(c(),{"data-icf-click":`signup-with-email-button${i}`,authType:"email",label:r,fullWidth:!0,onClick:t});default:return o().createElement(u(),{"data-icf-click":`signup-with-email-button${i}`,onClick:t,label:r,fullWidth:!0,ghost:!0,primary:(0,P.A)(n)})}},A=(0,w.createUseStyles)((e=>({formContents:{display:"flex",flexDirection:"column",alignItems:"center",gap:1.5*e.spacing.base},titleText:{whiteSpace:"nowrap"}})),{name:"SignupOptions"}),W=e=>{var t,r;const i=(0,w.useTheme)(),{t:l}=(0,O.useTranslation)(),c=A(x({theme:i},e));(0,n.useEffect)((()=>{(0,a.getAgeConfirmation)()}),[]);const{platformId:s,idps:f=[E.UW.google],gotoLoginPage:m,gotoSignupPage:b,onOauthClick:g,oauthFreemium:y,isKwikyOauthXmentVariantB:P,afno:k,stno:W,isNonAfnoJoinModalXmentEnabled:z}=e,T=null!==(t=null!=k?k:window.sessionStorage.getItem("AFNO"))&&void 0!==t?t:void 0,D=null!==(r=null!=W?W:window.sessionStorage.getItem("STNO"))&&void 0!==r?r:void 0,M=s===v.PlatformId.streamate;return o().createElement("div",null,o().createElement("div",{className:c.formContents},o().createElement(p(),{direction:"column",gap:"0",marginBottom:"$.5"},o().createElement(h(),{className:c.titleText,color:"baseContrast090",variant:"heading_l",as:"h3",textAlign:"center",textTransform:"capitalize",style:x({},M&&{color:i.colors.baseContrast090,marginBottom:"8px"})},l(`signup.${s}.title`,l("signup.title"))),M&&o().createElement(h(),{textAlign:"center",textTransform:"uppercase","data-ta-locator":"SignupOptionsPage-Subtitle"},l(`signup.${s}.subtitle`,l("signup.subtitle")))),f.map((t=>o().createElement(C.I,_({},e,{afno:T,stno:D,key:t,smidp:t,renderLocation:"signup",cta:S.OAuthButtonCTA.SIGNUP,onOauthClick:g},void 0!==y&&{freemium:y})))),o().createElement(j.A,null),o().createElement(I,{platformId:s,label:l([P?"signup.continue_with_email_kwiky_xment":"",`signup.${s}.continue_with_email`,"signup.continue_with_email"]),onClick:b}),m&&(z?o().createElement(p(),{gap:"4",alignItems:"center",justifyContent:"center",margin:"16 0 0 0",width:"100%"},o().createElement(h(),{textAlign:"center"},"Already a member?"),o().createElement(u(),{style:{borderColor:"#AEAEB2"},label:"Log In",fullWidth:!0,ghost:!0,size:"small",onClick:m})):o().createElement(p(),{marginTop:"$0.5",gap:"$0.5",justifyContent:"center",alignItems:"center",direction:"row"},o().createElement(h(),{textAlign:"center",variant:"body_m"},o().createElement(O.Trans,{i18nKey:[P?"signup.login_with_account_kwiky_xment":"",`signup.${s}.login_with_account`,"signup.login_with_account"],components:[o().createElement(d(),{key:"login-link",color:"primary",onClick:m,as:"button"})]}))))))},z=["children"];const T=e=>{let{children:t}=e,r=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(e,z);return o().createElement(i.A,r,o().createElement(W,r,t))}},8634:(e,t,r)=>{r.d(t,{A:()=>o});var n=r(6503);const o=e=>e!==n.PlatformId.streamfans}}]);