@gofynd/theme-template 3.2.10 → 3.2.11

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

@@ -0,0 +1,373 @@
+/**color by character**/
+/** Font family **/
+/** Font weight **/
+.apple-login-button__display-block___dG0cB {
+  display: block;
+}
+.apple-login-button__inline-block___rxWk0,
+.apple-login-button__inlineBlock___GbOb0 {
+  display: inline-block;
+}
+.apple-login-button__flex-row___Qw_Fa {
+  display: flex;
+}
+.apple-login-button__flex-column___A1G0F,
+.apple-login-button__flexColumn___YgkEF {
+  display: flex;
+  flex-direction: column;
+}
+.apple-login-button__flex-align-center___EreYd,
+.apple-login-button__flexAlignCenter___oLZmE {
+  display: flex;
+  align-items: center;
+}
+.apple-login-button__flex-justify-center___a8nUo,
+.apple-login-button__flexJustifyCenter___O2d1e {
+  display: flex;
+  justify-content: center;
+}
+.apple-login-button__flex-center___Df9rs,
+.apple-login-button__flexCenter___elYd0 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.apple-login-button__justify-start___Lc4VK,
+.apple-login-button__justifyStart___SnLmh {
+  justify-content: flex-start;
+}
+.apple-login-button__justify-end___PnUX5,
+.apple-login-button__justifyEnd___BheGy {
+  justify-content: flex-end;
+}
+.apple-login-button__justify-between___Jk3Ft,
+.apple-login-button__justifyBetween___S2jbv {
+  justify-content: space-between;
+}
+.apple-login-button__justify-around___DsR2p,
+.apple-login-button__justifyAround___EKItA {
+  justify-content: space-around;
+}
+.apple-login-button__justify-evenly___pIfvx,
+.apple-login-button__justifyEvenly___dSYeJ {
+  justify-content: space-evenly;
+}
+h1,
+.apple-login-button__h1___JcdLQ {
+  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,
+  .apple-login-button__h1___JcdLQ {
+    font-size: 36px;
+    line-height: 48px;
+  }
+}
+h2,
+.apple-login-button__h2___vOU4L {
+  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,
+  .apple-login-button__h2___vOU4L {
+    font-size: 32px;
+    line-height: 42px;
+  }
+}
+h3,
+.apple-login-button__h3___FVfvK {
+  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,
+  .apple-login-button__h3___FVfvK {
+    font-weight: 700;
+    letter-spacing: -0.02em;
+    color: var(--textHeading, #26201a);
+    font-size: 28px;
+    line-height: 36px;
+  }
+}
+h4,
+.apple-login-button__h4___xdITK {
+  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,
+  .apple-login-button__h4___xdITK {
+    font-weight: 600;
+    letter-spacing: -0.02em;
+    color: var(--textHeading, #26201a);
+    font-size: 20px;
+    line-height: 1.5;
+  }
+}
+h5,
+.apple-login-button__h5___Qdbbu {
+  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,
+  .apple-login-button__h5___Qdbbu {
+    font-size: 16px;
+    line-height: 18px;
+  }
+}
+.apple-login-button__b1___LI7x4 {
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 18px;
+  letter-spacing: -0.02em;
+  color: var(--textBody, #3c3131);
+}
+@media only screen and (min-width: 769px) {
+  .apple-login-button__b1___LI7x4 {
+    font-size: 16px;
+    line-height: 20px;
+  }
+}
+.apple-login-button__b-small___S0r6Y,
+.apple-login-button__bSmall___ShBOg,
+.apple-login-button__b2___QdIFV {
+  font-weight: 400;
+  letter-spacing: -0.02em;
+  color: var(--textBody, #3c3131);
+  font-size: 12px;
+  line-height: 16px;
+}
+@media only screen and (min-width: 769px) {
+  .apple-login-button__b-small___S0r6Y,
+  .apple-login-button__bSmall___ShBOg,
+  .apple-login-button__b2___QdIFV {
+    font-weight: 400;
+    letter-spacing: -0.02em;
+    color: var(--textBody, #3c3131);
+    font-size: 14px;
+    line-height: 18px;
+  }
+}
+.apple-login-button__d1___WpD6I {
+  font-size: 36px;
+  font-weight: 700;
+  line-height: 48px;
+  letter-spacing: -0.02em;
+}
+@media only screen and (min-width: 769px) {
+  .apple-login-button__d1___WpD6I {
+    font-size: 64px;
+    line-height: 85px;
+    letter-spacing: -0.03em;
+  }
+}
+.apple-login-button__caption-medium___xbIYA,
+.apple-login-button__captionMedium___Gvj0Y {
+  font-size: 12px;
+  line-height: 1.5;
+  letter-spacing: -0.02em;
+  font-weight: 500;
+}
+@media only screen and (max-width: 480px) {
+  .apple-login-button__caption-medium___xbIYA,
+  .apple-login-button__captionMedium___Gvj0Y {
+    font-size: 11px;
+  }
+}
+.apple-login-button__caption-semi-bold___xqkJH,
+.apple-login-button__captionSemiBold___ypuug {
+  font-size: 12px;
+  line-height: 1.5;
+  letter-spacing: -0.02em;
+  font-weight: 600;
+}
+@media only screen and (max-width: 480px) {
+  .apple-login-button__caption-semi-bold___xqkJH,
+  .apple-login-button__captionSemiBold___ypuug {
+    font-size: 11px;
+  }
+}
+.apple-login-button__btn-link___pb7wA,
+.apple-login-button__btnLink___lVhUr {
+  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) {
+  .apple-login-button__btn-link___pb7wA,
+  .apple-login-button__btnLink___lVhUr {
+    font-weight: 500;
+    letter-spacing: -0.02em;
+    font-size: 14px;
+    line-height: 16px;
+  }
+}
+.apple-login-button__btn-link___pb7wA:hover,
+.apple-login-button__btnLink___lVhUr:hover {
+  color: var(--buttonLinkL1, #c1847c);
+}
+.apple-login-button__btn-link___pb7wA:disabled,
+.apple-login-button__btnLink___lVhUr:disabled {
+  color: var(--buttonLinkL2, #d0a39d);
+}
+.apple-login-button__btn-link___pb7wA:active,
+.apple-login-button__btnLink___lVhUr:active {
+  opacity: 0.8;
+}
+.apple-login-button__user-select-none___xLxbK,
+.apple-login-button__userSelectNone___Yb76S {
+  user-select: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+}
+.apple-login-button__margin-0-auto___sCy7C,
+.apple-login-button__margin0auto___PiAtN {
+  margin: 0 auto;
+}
+.apple-login-button__base-page-container___xhJC1,
+.apple-login-button__basePageContainer___HdZ9Z {
+  max-width: 1440px !important;
+}
+.apple-login-button__remove-scroll___kn_oH,
+.apple-login-button__removeScroll___ISkN8 {
+  overflow-y: hidden !important;
+}
+.apple-login-button__mr-5___Tp04W,
+.apple-login-button__mr5___xIXK0 {
+  margin-inline-end: 30px !important;
+}
+.apple-login-button__mr-2___kGX0D,
+.apple-login-button__mr2___48yrx {
+  margin-inline-end: 5px !important;
+}
+.apple-login-button__py-5___FPiuH,
+.apple-login-button__py5___ucemw {
+  padding-top: 1.875rem !important;
+  padding-bottom: 1.875rem !important;
+}
+.apple-login-button__view-all-text___UWZW1,
+.apple-login-button__viewAllText___nF_hO {
+  font-size: 20px;
+  font-weight: 400;
+  text-transform: lowercase;
+  text-decoration: underline;
+}
+.apple-login-button__view-all-mobile___EQceO,
+.apple-login-button__viewAllMobile___Kxztt {
+  display: none;
+}
+@media only screen and (max-width: 768px) {
+  .apple-login-button__view-all-mobile___EQceO,
+  .apple-login-button__viewAllMobile___Kxztt {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: 40px;
+  }
+}
+@media only screen and (max-width: 480px) {
+  .apple-login-button__view-all-mobile___EQceO,
+  .apple-login-button__viewAllMobile___Kxztt {
+    margin-top: 24px;
+  }
+}
+.apple-login-button__accent-btn___gEKGS,
+.apple-login-button__accentBtn___YDRux {
+  background-color: var(--accentColor);
+  color: #fff;
+}
+.apple-login-button__no-scroll___nAAr6,
+.apple-login-button__noScroll___UUzVo {
+  overflow-y: hidden;
+}
+.apple-login-button__hide-overflow___ZR1cR,
+.apple-login-button__hideOverflow___JkOWO {
+  overflow: hidden;
+}
+.apple-login-button__markdown-body___FzhVg h6 {
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}
+@media only screen and (max-width: 480px) {
+  .apple-login-button__markdown-body___FzhVg {
+    font-size: 12px !important;
+    padding: 5px !important;
+  }
+}
+.apple-login-button__view3d-canvas___p2S5_ {
+  width: 100%;
+  height: 100%;
+}
+@media only screen and (max-width: 480px) {
+  .apple-login-button__view-mobile-up___zIt7A {
+    display: none !important;
+  }
+}
+@media only screen and (min-width: 481px) {
+  .apple-login-button__view-mobile___ny3wS {
+    display: none !important;
+  }
+}
+.apple-login-button__apple-login-container___bBsdH {
+  margin-top: 12px;
+}
+.apple-login-button__apple-login-container___bBsdH .apple-login-button__apple-login-button___Z4ssW {
+  height: 48px;
+  padding: 12px;
+  background: transparent;
+  border-radius: 4px;
+  border: 1px solid var(--dividerStokes, #dadce0);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 19.6px;
+  text-transform: uppercase;
+  color: var(--textHeading, #3c4043);
+  width: 100%;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  font-family: var(--font-body);
+}
+.apple-login-button__apple-login-container___bBsdH .apple-login-button__apple-login-button___Z4ssW svg {
+  flex: 0 0 24px;
+  fill: black;
+}
+.apple-login-button__apple-login-container___bBsdH .apple-login-button__apple-login-button___Z4ssW span {
+  margin-inline-end: 24px;
+  color: var(--textHeading, #3c4043);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 19.6px;
+  text-transform: uppercase;
+  width: 100%;
+}
+

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

@@ -0,0 +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={383:(e,r,t)=>{t.d(r,{Dn:()=>a,ar:()=>n});var n="apple-login-button__apple-login-button___Z4ssW",a="apple-login-button__apple-login-container___bBsdH"},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__(383),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:s="",disabled:u=!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&&!u)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||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")),w?r().createElement("div",{style:{marginTop:8,fontSize:12,color:"var(--error, #c62828)"}},w):null)}})(),a})()));