@gofynd/theme-template 3.2.10 → 3.2.11

package/dist/page-layouts/login/component/soacial-login-button/google-login-button.css

@@ -0,0 +1,375 @@
+/**color by character**/
+/** Font family **/
+/** Font weight **/
+.google-login-button__display-block___EQK2o {
+  display: block;
+}
+.google-login-button__inline-block___9pJfj,
+.google-login-button__inlineBlock___xaDLJ {
+  display: inline-block;
+}
+.google-login-button__flex-row___w3sfS {
+  display: flex;
+}
+.google-login-button__flex-column___cMdoc,
+.google-login-button__flexColumn___vi3_l {
+  display: flex;
+  flex-direction: column;
+}
+.google-login-button__flex-align-center___mhY9m,
+.google-login-button__flexAlignCenter___OEPpa {
+  display: flex;
+  align-items: center;
+}
+.google-login-button__flex-justify-center___IXrmp,
+.google-login-button__flexJustifyCenter___U16kz {
+  display: flex;
+  justify-content: center;
+}
+.google-login-button__flex-center___Gh9Mi,
+.google-login-button__flexCenter___AEfD1 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.google-login-button__justify-start___h6Jgw,
+.google-login-button__justifyStart___hikzO {
+  justify-content: flex-start;
+}
+.google-login-button__justify-end___JjvSy,
+.google-login-button__justifyEnd___bwuFS {
+  justify-content: flex-end;
+}
+.google-login-button__justify-between___Umw8R,
+.google-login-button__justifyBetween___uv6BP {
+  justify-content: space-between;
+}
+.google-login-button__justify-around___lfcBD,
+.google-login-button__justifyAround___tNO7M {
+  justify-content: space-around;
+}
+.google-login-button__justify-evenly___ivoWs,
+.google-login-button__justifyEvenly___UOMVU {
+  justify-content: space-evenly;
+}
+h1,
+.google-login-button__h1___vLAjS {
+  font-weight: 700;
+  font-size: 28px;
+  line-height: 42px;
+  letter-spacing: -0.03em;
+  color: var(--textHeading, #26201a);
+}
+@media only screen and (min-width: 769px) {
+  h1,
+  .google-login-button__h1___vLAjS {
+    font-size: 36px;
+    line-height: 48px;
+  }
+}
+h2,
+.google-login-button__h2___ucEr5 {
+  font-weight: 700;
+  font-size: 28px;
+  line-height: 36px;
+  letter-spacing: -0.03em;
+  color: var(--textHeading, #26201a);
+}
+@media only screen and (min-width: 769px) {
+  h2,
+  .google-login-button__h2___ucEr5 {
+    font-size: 32px;
+    line-height: 42px;
+  }
+}
+h3,
+.google-login-button__h3___loah0 {
+  font-weight: 700;
+  letter-spacing: -0.02em;
+  color: var(--textHeading, #26201a);
+  font-size: 24px;
+  line-height: 32px;
+}
+@media only screen and (min-width: 769px) {
+  h3,
+  .google-login-button__h3___loah0 {
+    font-weight: 700;
+    letter-spacing: -0.02em;
+    color: var(--textHeading, #26201a);
+    font-size: 28px;
+    line-height: 36px;
+  }
+}
+h4,
+.google-login-button__h4___FXEwb {
+  font-weight: 600;
+  letter-spacing: -0.02em;
+  color: var(--textHeading, #26201a);
+  font-size: 16px;
+  line-height: 1.5;
+}
+@media only screen and (min-width: 769px) {
+  h4,
+  .google-login-button__h4___FXEwb {
+    font-weight: 600;
+    letter-spacing: -0.02em;
+    color: var(--textHeading, #26201a);
+    font-size: 20px;
+    line-height: 1.5;
+  }
+}
+h5,
+.google-login-button__h5___PTFst {
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 16px;
+  letter-spacing: -0.02em;
+  color: var(--textHeading, #26201a);
+}
+@media only screen and (min-width: 769px) {
+  h5,
+  .google-login-button__h5___PTFst {
+    font-size: 16px;
+    line-height: 18px;
+  }
+}
+.google-login-button__b1___gn5kp {
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 18px;
+  letter-spacing: -0.02em;
+  color: var(--textBody, #3c3131);
+}
+@media only screen and (min-width: 769px) {
+  .google-login-button__b1___gn5kp {
+    font-size: 16px;
+    line-height: 20px;
+  }
+}
+.google-login-button__b-small___XRSEe,
+.google-login-button__bSmall___XmFGu,
+.google-login-button__b2___TKzu0 {
+  font-weight: 400;
+  letter-spacing: -0.02em;
+  color: var(--textBody, #3c3131);
+  font-size: 12px;
+  line-height: 16px;
+}
+@media only screen and (min-width: 769px) {
+  .google-login-button__b-small___XRSEe,
+  .google-login-button__bSmall___XmFGu,
+  .google-login-button__b2___TKzu0 {
+    font-weight: 400;
+    letter-spacing: -0.02em;
+    color: var(--textBody, #3c3131);
+    font-size: 14px;
+    line-height: 18px;
+  }
+}
+.google-login-button__d1___M75gW {
+  font-size: 36px;
+  font-weight: 700;
+  line-height: 48px;
+  letter-spacing: -0.02em;
+}
+@media only screen and (min-width: 769px) {
+  .google-login-button__d1___M75gW {
+    font-size: 64px;
+    line-height: 85px;
+    letter-spacing: -0.03em;
+  }
+}
+.google-login-button__caption-medium___OCpEN,
+.google-login-button__captionMedium___bKtvU {
+  font-size: 12px;
+  line-height: 1.5;
+  letter-spacing: -0.02em;
+  font-weight: 500;
+}
+@media only screen and (max-width: 480px) {
+  .google-login-button__caption-medium___OCpEN,
+  .google-login-button__captionMedium___bKtvU {
+    font-size: 11px;
+  }
+}
+.google-login-button__caption-semi-bold___GD7ZM,
+.google-login-button__captionSemiBold___FZEVw {
+  font-size: 12px;
+  line-height: 1.5;
+  letter-spacing: -0.02em;
+  font-weight: 600;
+}
+@media only screen and (max-width: 480px) {
+  .google-login-button__caption-semi-bold___GD7ZM,
+  .google-login-button__captionSemiBold___FZEVw {
+    font-size: 11px;
+  }
+}
+.google-login-button__btn-link___E020C,
+.google-login-button__btnLink___DyX1T {
+  font-weight: 500;
+  letter-spacing: -0.02em;
+  font-size: 12px;
+  line-height: 14px;
+  border-radius: var(--buttonRadius, 0px);
+  cursor: pointer;
+  color: var(--buttonLink, #b1655b);
+  text-decoration: underline;
+  background: none;
+  border: none;
+}
+@media only screen and (min-width: 769px) {
+  .google-login-button__btn-link___E020C,
+  .google-login-button__btnLink___DyX1T {
+    font-weight: 500;
+    letter-spacing: -0.02em;
+    font-size: 14px;
+    line-height: 16px;
+  }
+}
+.google-login-button__btn-link___E020C:hover,
+.google-login-button__btnLink___DyX1T:hover {
+  color: var(--buttonLinkL1, #c1847c);
+}
+.google-login-button__btn-link___E020C:disabled,
+.google-login-button__btnLink___DyX1T:disabled {
+  color: var(--buttonLinkL2, #d0a39d);
+}
+.google-login-button__btn-link___E020C:active,
+.google-login-button__btnLink___DyX1T:active {
+  opacity: 0.8;
+}
+.google-login-button__user-select-none___bC0RH,
+.google-login-button__userSelectNone___HQ4BZ {
+  user-select: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+}
+.google-login-button__margin-0-auto___UgACc,
+.google-login-button__margin0auto___KDHNy {
+  margin: 0 auto;
+}
+.google-login-button__base-page-container___cCddh,
+.google-login-button__basePageContainer___Luskf {
+  max-width: 1440px !important;
+}
+.google-login-button__remove-scroll___vm0Bf,
+.google-login-button__removeScroll___tRToz {
+  overflow-y: hidden !important;
+}
+.google-login-button__mr-5___x4XQr,
+.google-login-button__mr5___iTyOy {
+  margin-inline-end: 30px !important;
+}
+.google-login-button__mr-2___nmNTa,
+.google-login-button__mr2___SCEtu {
+  margin-inline-end: 5px !important;
+}
+.google-login-button__py-5___xlK1L,
+.google-login-button__py5___Df4BQ {
+  padding-top: 1.875rem !important;
+  padding-bottom: 1.875rem !important;
+}
+.google-login-button__view-all-text___vrryv,
+.google-login-button__viewAllText___uFfCU {
+  font-size: 20px;
+  font-weight: 400;
+  text-transform: lowercase;
+  text-decoration: underline;
+}
+.google-login-button__view-all-mobile___A40K0,
+.google-login-button__viewAllMobile___Iohgc {
+  display: none;
+}
+@media only screen and (max-width: 768px) {
+  .google-login-button__view-all-mobile___A40K0,
+  .google-login-button__viewAllMobile___Iohgc {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: 40px;
+  }
+}
+@media only screen and (max-width: 480px) {
+  .google-login-button__view-all-mobile___A40K0,
+  .google-login-button__viewAllMobile___Iohgc {
+    margin-top: 24px;
+  }
+}
+.google-login-button__accent-btn___rKmnO,
+.google-login-button__accentBtn___VKUfQ {
+  background-color: var(--accentColor);
+  color: #fff;
+}
+.google-login-button__no-scroll___lm8sG,
+.google-login-button__noScroll___E1yUU {
+  overflow-y: hidden;
+}
+.google-login-button__hide-overflow___v49bU,
+.google-login-button__hideOverflow___E2jbU {
+  overflow: hidden;
+}
+.google-login-button__markdown-body___f2CS3 h6 {
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}
+@media only screen and (max-width: 480px) {
+  .google-login-button__markdown-body___f2CS3 {
+    font-size: 12px !important;
+    padding: 5px !important;
+  }
+}
+.google-login-button__view3d-canvas___Dznnl {
+  width: 100%;
+  height: 100%;
+}
+@media only screen and (max-width: 480px) {
+  .google-login-button__view-mobile-up___roIVw {
+    display: none !important;
+  }
+}
+@media only screen and (min-width: 481px) {
+  .google-login-button__view-mobile___ixdST {
+    display: none !important;
+  }
+}
+.google-login-button__google-login-container___gsSus {
+  margin-top: 12px;
+}
+.google-login-button__google-login-container___gsSus .google-login-button__google-signin-wrapper___ewjLC {
+  width: 100%;
+}
+.google-login-button__google-login-container___gsSus .g_id_signin > div[role="button"] {
+  height: 48px !important;
+  padding: 12px !important;
+  background: transparent !important;
+  border-radius: 4px !important;
+  border: 1px solid var(--dividerStokes) !important;
+  font-size: 14px !important;
+  font-style: normal !important;
+  font-weight: 600 !important;
+  line-height: 19.6px !important;
+  text-transform: uppercase !important;
+  color: var(--textHeading) !important;
+  width: 100% !important;
+  box-sizing: border-box !important;
+  display: flex !important;
+  align-items: center !important;
+  cursor: pointer !important;
+}
+.google-login-button__google-login-container___gsSus .g_id_signin svg {
+  flex: 0 0 24px !important;
+}
+.google-login-button__google-login-container___gsSus .g_id_signin span {
+  margin-inline-end: 24px !important;
+  color: var(--textHeading, #26201a) !important;
+  font-size: 14px !important;
+  font-style: normal !important;
+  font-weight: 600 !important;
+  line-height: 19.6px !important;
+  text-transform: uppercase !important;
+  width: 100%;
+  font-family: var(--font-body) !important;
+}
+

package/dist/page-layouts/login/component/soacial-login-button/google-login-button.js

@@ -0,0 +1 @@
+!function webpackUniversalModuleDefinition(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("fdk-core/utils"),require("react")):"function"==typeof define&&define.amd?define("firestone",["fdk-core/utils","react"],t):"object"==typeof exports?exports.firestone=t(require("fdk-core/utils"),require("react")):e.firestone=t(e["fdk-core/utils"],e.react)}("undefined"!=typeof self?self:this,((e,t)=>(()=>{"use strict";var o={447:t=>{t.exports=e},9155:e=>{e.exports=t}},r={};function __webpack_require__(e){var t=r[e];if(void 0!==t)return t.exports;var n=r[e]={exports:{}};return o[e](n,n.exports,__webpack_require__),n.exports}__webpack_require__.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(t,{a:t}),t},__webpack_require__.d=(e,t)=>{for(var o in t)__webpack_require__.o(t,o)&&!__webpack_require__.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{__webpack_require__.r(n),__webpack_require__.d(n,{default:()=>google_login_button});var e=__webpack_require__(9155),t=__webpack_require__.n(e),o=__webpack_require__(447);const google_login_button=r=>{let{googleClientId:n,onGoogleCredential:i,onError:a,className:l="",buttonType:c="standard",buttonSize:s="large",disabled:d=!1}=r;const[u,_]=(0,e.useState)(!0),[p,g]=(0,e.useState)(null),f=(0,e.useRef)(!1),b=(0,e.useRef)(!0);(0,o.useFPI)();return(0,e.useEffect)((()=>{b.current=!0;return(async()=>{try{if(g(null),await new Promise(((e,t)=>{if(window.google||f.current)return void e();const o=document.createElement("script");o.src="https://accounts.google.com/gsi/client",o.async=!0,o.defer=!0,o.onload=()=>{f.current=!0,e()},o.onerror=()=>t(new Error("Failed to load Google SDK")),document.head.appendChild(o)})),!b.current)return;window.onGoogleCredential=i,window.google.accounts.id.initialize({client_id:n,callback:i,auto_select:!1,cancel_on_tap_outside:!0}),d||window.google.accounts.id.prompt((e=>{(e.isNotDisplayed()||e.isSkippedMoment())&&console.log("One Tap not displayed:",e.getNotDisplayedReason())})),setTimeout((()=>{const e=document.getElementById("google-signin-button");if(e&&window.google?.accounts?.id)try{window.google.accounts.id.renderButton(e,{type:c,size:s,theme:"outline",text:"signin_with",shape:"rectangular"}),(e=>{if(e)try{const t=e.querySelector('div[role="button"]'),o=e.querySelector("svg"),r=e.querySelector("span");t&&Object.assign(t.style,{height:"48px",padding:"12px",background:"transparent",borderRadius:"4px",border:"1px solid var(--dividerStokes, #dadce0)",fontSize:"14px",fontStyle:"normal",fontWeight:"600",lineHeight:"19.6px",textTransform:"uppercase",color:"var(--textHeading, #3c4043)",width:"100%",boxSizing:"border-box",display:"flex",alignItems:"center",cursor:"pointer",fontFamily:"var(--font-body)"}),o&&Object.assign(o.style,{flex:"0 0 24px"}),r&&Object.assign(r.style,{marginInlineEnd:"24px",color:"var(--textHeading, #3c4043)",fontSize:"14px",fontStyle:"normal",fontWeight:"600",lineHeight:"19.6px",textTransform:"uppercase",width:"100%"}),console.log("✅ Custom styles applied")}catch(e){console.warn("Failed to apply custom styles:",e)}})(e)}catch(e){console.error("Button render error:",e),g("Failed to render Google button")}}),100),b.current&&_(!1)}catch(e){console.error("Failed to initialize Google auth:",e),b.current&&(g(e.message),_(!1),a?.(e))}})(),()=>{if(b.current=!1,window.google?.accounts?.id)try{window.google.accounts.id.cancel?.(),window.google.accounts.id.disableAutoSelect?.()}catch(e){console.warn("Google cleanup error:",e)}window.onGoogleCredential&&delete window.onGoogleCredential}}),[n,c,s,d]),t().createElement("div",{className:`google-login-button__google-login-container___gsSus ${l}`},t().createElement("div",{id:"g_id_onload","data-client_id":n,"data-context":"signin","data-ux_mode":"popup","data-callback":"onGoogleCredential","data-auto_prompt":"false",style:{display:"none"}}),t().createElement("div",{className:"google-signin-wrapper"},t().createElement("div",{id:"google-signin-button",className:"g_id_signin","data-type":c,"data-size":s,style:{opacity:d,pointerEvents:d}})))}})(),n})()));

package/dist/page-layouts/login/component/social-login-button/apple-login-button.js

@@ -1 +1 @@
-!function webpackUniversalModuleDefinition(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("fdk-core/utils"),require("react")):"function"==typeof define&&define.amd?define("firestone",["fdk-core/utils","react"],r):"object"==typeof exports?exports.firestone=r(require("fdk-core/utils"),require("react")):e.firestone=r(e["fdk-core/utils"],e.react)}("undefined"!=typeof self?self:this,((e,r)=>(()=>{"use strict";var t={4062:(e,r,t)=>{t.d(r,{Dn:()=>a,ar:()=>n});var n="apple-login-button__apple-login-button___bv6AQ",a="apple-login-button__apple-login-container___QDt06"},447:r=>{r.exports=e},9155:e=>{e.exports=r}},n={};function __webpack_require__(e){var r=n[e];if(void 0!==r)return r.exports;var a=n[e]={exports:{}};return t[e](a,a.exports,__webpack_require__),a.exports}__webpack_require__.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(r,{a:r}),r},__webpack_require__.d=(e,r)=>{for(var t in r)__webpack_require__.o(r,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{__webpack_require__.r(a),__webpack_require__.d(a,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var e=__webpack_require__(9155),r=__webpack_require__.n(e),t=__webpack_require__(4062),n=__webpack_require__(447);const randomString=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:16;return[...crypto.getRandomValues(new Uint8Array(e))].map((e=>("0"+(255&e).toString(16)).slice(-2))).join("")},__WEBPACK_DEFAULT_EXPORT__=a=>{let{appleClientId:o="",redirectURI:i="",scope:l="name email",usePopup:c=!0,onAppleCredential:p,onError:_,className:u="",disabled:s=!1}=a;const[d,f]=(0,e.useState)(!1),[w,b]=(0,e.useState)(null),m=(0,e.useRef)(!0),g=(0,n.useFPI)(),y=(0,n.useGlobalStore)(g?.getters?.i18N_DETAILS)||{},k=y?.language?.locale||"en-US";(0,e.useEffect)((()=>(m.current=!0,(async()=>{try{b(null),await new Promise(((e,r)=>{if(window.AppleID?.auth)return e();const t=document.createElement("script");t.src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js",t.async=!0,t.defer=!0,t.onload=()=>e(),t.onerror=()=>r(new Error("Failed to load Apple SDK")),document.head.appendChild(t)}));const e=randomString(),r=randomString();window.AppleID.auth.init({clientId:o,scope:l,redirectURI:i,state:e,nonce:r,usePopup:c,locale:k}),m.current&&f(!0)}catch(e){console.error(e),m.current&&(b(e.message),f(!1),_?.(e))}})(),()=>{m.current=!1})),[o,i,l,c,k]);return r().createElement("div",{className:t.Dn},r().createElement("button",{className:t.ar,onClick:async()=>{if(d&&!s)try{const e=await window.AppleID.auth.signIn();await(p?.(e))}catch(e){console.warn("Apple sign-in cancelled/failed:",e),b(e?.message||"Apple sign-in was cancelled"),_?.(e)}},disabled:!d||s},r().createElement("svg",{width:"20",height:"20",viewBox:"0 0 384 512",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false"},r().createElement("path",{fill:"currentColor",d:"M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"})),r().createElement("span",null,"Sign in with Apple")),w?r().createElement("div",{style:{marginTop:8,fontSize:12,color:"var(--error, #c62828)"}},w):null)}})(),a})()));
+!function webpackUniversalModuleDefinition(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("fdk-core/utils"),require("react")):"function"==typeof define&&define.amd?define("firestone",["fdk-core/utils","react"],r):"object"==typeof exports?exports.firestone=r(require("fdk-core/utils"),require("react")):e.firestone=r(e["fdk-core/utils"],e.react)}("undefined"!=typeof self?self:this,((e,r)=>(()=>{"use strict";var t={447:r=>{r.exports=e},9155:e=>{e.exports=r}},n={};function __webpack_require__(e){var r=n[e];if(void 0!==r)return r.exports;var a=n[e]={exports:{}};return t[e](a,a.exports,__webpack_require__),a.exports}__webpack_require__.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(r,{a:r}),r},__webpack_require__.d=(e,r)=>{for(var t in r)__webpack_require__.o(r,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{__webpack_require__.r(a),__webpack_require__.d(a,{default:()=>apple_login_button});var e=__webpack_require__(9155),r=__webpack_require__.n(e),t=__webpack_require__(447);const randomString=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:16;return[...crypto.getRandomValues(new Uint8Array(e))].map((e=>("0"+(255&e).toString(16)).slice(-2))).join("")},apple_login_button=n=>{let{appleClientId:a="",redirectURI:o="",scope:i="name email",usePopup:l=!0,onAppleCredential:c,onError:p,className:_="",disabled:u=!1}=n;const[s,d]=(0,e.useState)(!1),[f,w]=(0,e.useState)(null),b=(0,e.useRef)(!0),m=(0,t.useFPI)(),g=(0,t.useGlobalStore)(m?.getters?.i18N_DETAILS)||{},y=g?.language?.locale||"en-US";(0,e.useEffect)((()=>(b.current=!0,(async()=>{try{w(null),await new Promise(((e,r)=>{if(window.AppleID?.auth)return e();const t=document.createElement("script");t.src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js",t.async=!0,t.defer=!0,t.onload=()=>e(),t.onerror=()=>r(new Error("Failed to load Apple SDK")),document.head.appendChild(t)}));const e=randomString(),r=randomString();window.AppleID.auth.init({clientId:a,scope:i,redirectURI:o,state:e,nonce:r,usePopup:l,locale:y}),b.current&&d(!0)}catch(e){console.error(e),b.current&&(w(e.message),d(!1),p?.(e))}})(),()=>{b.current=!1})),[a,o,i,l,y]);return r().createElement("div",{className:"apple-login-button__apple-login-container___QDt06"},r().createElement("button",{className:"apple-login-button__apple-login-button___bv6AQ",onClick:async()=>{if(s&&!u)try{const e=await window.AppleID.auth.signIn();await(c?.(e))}catch(e){console.warn("Apple sign-in cancelled/failed:",e),w(e?.message||"Apple sign-in was cancelled"),p?.(e)}},disabled:!s||u},r().createElement("svg",{width:"20",height:"20",viewBox:"0 0 384 512",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false"},r().createElement("path",{fill:"currentColor",d:"M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"})),r().createElement("span",null,"Sign in with Apple")),f?r().createElement("div",{style:{marginTop:8,fontSize:12,color:"var(--error, #c62828)"}},f):null)}})(),a})()));