@gofynd/theme-template 3.2.6 → 3.2.8

package/dist/page-layouts/login/component/social-login-button/facebook-login-button.css

@@ -0,0 +1,373 @@
+/**color by character**/
+/** Font family **/
+/** Font weight **/
+.facebook-login-button__display-block___zjvnE {
+  display: block;
+}
+.facebook-login-button__inline-block___DI3Vk,
+.facebook-login-button__inlineBlock___p0R2f {
+  display: inline-block;
+}
+.facebook-login-button__flex-row___OaM0g {
+  display: flex;
+}
+.facebook-login-button__flex-column___GWHUO,
+.facebook-login-button__flexColumn___vmTFT {
+  display: flex;
+  flex-direction: column;
+}
+.facebook-login-button__flex-align-center___M1zHK,
+.facebook-login-button__flexAlignCenter___YhQNt {
+  display: flex;
+  align-items: center;
+}
+.facebook-login-button__flex-justify-center___mlKsM,
+.facebook-login-button__flexJustifyCenter___QYADt {
+  display: flex;
+  justify-content: center;
+}
+.facebook-login-button__flex-center___tJtdp,
+.facebook-login-button__flexCenter___jM1oP {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.facebook-login-button__justify-start___o8HIw,
+.facebook-login-button__justifyStart___ydOaC {
+  justify-content: flex-start;
+}
+.facebook-login-button__justify-end___Xxu9y,
+.facebook-login-button__justifyEnd___JJahf {
+  justify-content: flex-end;
+}
+.facebook-login-button__justify-between___Vewwo,
+.facebook-login-button__justifyBetween___EeHlc {
+  justify-content: space-between;
+}
+.facebook-login-button__justify-around___LmeOW,
+.facebook-login-button__justifyAround___JSyJb {
+  justify-content: space-around;
+}
+.facebook-login-button__justify-evenly___MZbi6,
+.facebook-login-button__justifyEvenly___wt99i {
+  justify-content: space-evenly;
+}
+h1,
+.facebook-login-button__h1___H8grr {
+  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,
+  .facebook-login-button__h1___H8grr {
+    font-size: 36px;
+    line-height: 48px;
+  }
+}
+h2,
+.facebook-login-button__h2___iRoil {
+  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,
+  .facebook-login-button__h2___iRoil {
+    font-size: 32px;
+    line-height: 42px;
+  }
+}
+h3,
+.facebook-login-button__h3___Jn7gH {
+  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,
+  .facebook-login-button__h3___Jn7gH {
+    font-weight: 700;
+    letter-spacing: -0.02em;
+    color: var(--textHeading, #26201a);
+    font-size: 28px;
+    line-height: 36px;
+  }
+}
+h4,
+.facebook-login-button__h4____fgnK {
+  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,
+  .facebook-login-button__h4____fgnK {
+    font-weight: 600;
+    letter-spacing: -0.02em;
+    color: var(--textHeading, #26201a);
+    font-size: 20px;
+    line-height: 1.5;
+  }
+}
+h5,
+.facebook-login-button__h5___ZOk0w {
+  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,
+  .facebook-login-button__h5___ZOk0w {
+    font-size: 16px;
+    line-height: 18px;
+  }
+}
+.facebook-login-button__b1___U1Mgc {
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 18px;
+  letter-spacing: -0.02em;
+  color: var(--textBody, #3c3131);
+}
+@media only screen and (min-width: 769px) {
+  .facebook-login-button__b1___U1Mgc {
+    font-size: 16px;
+    line-height: 20px;
+  }
+}
+.facebook-login-button__b-small___cQ06P,
+.facebook-login-button__bSmall___niutO,
+.facebook-login-button__b2___nTIF5 {
+  font-weight: 400;
+  letter-spacing: -0.02em;
+  color: var(--textBody, #3c3131);
+  font-size: 12px;
+  line-height: 16px;
+}
+@media only screen and (min-width: 769px) {
+  .facebook-login-button__b-small___cQ06P,
+  .facebook-login-button__bSmall___niutO,
+  .facebook-login-button__b2___nTIF5 {
+    font-weight: 400;
+    letter-spacing: -0.02em;
+    color: var(--textBody, #3c3131);
+    font-size: 14px;
+    line-height: 18px;
+  }
+}
+.facebook-login-button__d1___LbIQx {
+  font-size: 36px;
+  font-weight: 700;
+  line-height: 48px;
+  letter-spacing: -0.02em;
+}
+@media only screen and (min-width: 769px) {
+  .facebook-login-button__d1___LbIQx {
+    font-size: 64px;
+    line-height: 85px;
+    letter-spacing: -0.03em;
+  }
+}
+.facebook-login-button__caption-medium___TsfS6,
+.facebook-login-button__captionMedium___pHi7v {
+  font-size: 12px;
+  line-height: 1.5;
+  letter-spacing: -0.02em;
+  font-weight: 500;
+}
+@media only screen and (max-width: 480px) {
+  .facebook-login-button__caption-medium___TsfS6,
+  .facebook-login-button__captionMedium___pHi7v {
+    font-size: 11px;
+  }
+}
+.facebook-login-button__caption-semi-bold___jgz3q,
+.facebook-login-button__captionSemiBold___Whpz9 {
+  font-size: 12px;
+  line-height: 1.5;
+  letter-spacing: -0.02em;
+  font-weight: 600;
+}
+@media only screen and (max-width: 480px) {
+  .facebook-login-button__caption-semi-bold___jgz3q,
+  .facebook-login-button__captionSemiBold___Whpz9 {
+    font-size: 11px;
+  }
+}
+.facebook-login-button__btn-link___xqFij,
+.facebook-login-button__btnLink___nQQDj {
+  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) {
+  .facebook-login-button__btn-link___xqFij,
+  .facebook-login-button__btnLink___nQQDj {
+    font-weight: 500;
+    letter-spacing: -0.02em;
+    font-size: 14px;
+    line-height: 16px;
+  }
+}
+.facebook-login-button__btn-link___xqFij:hover,
+.facebook-login-button__btnLink___nQQDj:hover {
+  color: var(--buttonLinkL1, #c1847c);
+}
+.facebook-login-button__btn-link___xqFij:disabled,
+.facebook-login-button__btnLink___nQQDj:disabled {
+  color: var(--buttonLinkL2, #d0a39d);
+}
+.facebook-login-button__btn-link___xqFij:active,
+.facebook-login-button__btnLink___nQQDj:active {
+  opacity: 0.8;
+}
+.facebook-login-button__user-select-none___VOxiT,
+.facebook-login-button__userSelectNone___OWMIQ {
+  user-select: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+}
+.facebook-login-button__margin-0-auto___HYkij,
+.facebook-login-button__margin0auto___nKW2C {
+  margin: 0 auto;
+}
+.facebook-login-button__base-page-container___EtZuz,
+.facebook-login-button__basePageContainer___mDB5N {
+  max-width: 1440px !important;
+}
+.facebook-login-button__remove-scroll___eBRUs,
+.facebook-login-button__removeScroll___GXb7r {
+  overflow-y: hidden !important;
+}
+.facebook-login-button__mr-5___q58cH,
+.facebook-login-button__mr5___fwWw2 {
+  margin-inline-end: 30px !important;
+}
+.facebook-login-button__mr-2___ZKd3H,
+.facebook-login-button__mr2___erY8R {
+  margin-inline-end: 5px !important;
+}
+.facebook-login-button__py-5___VjPa9,
+.facebook-login-button__py5____PWCV {
+  padding-top: 1.875rem !important;
+  padding-bottom: 1.875rem !important;
+}
+.facebook-login-button__view-all-text___LEUab,
+.facebook-login-button__viewAllText___nDMhF {
+  font-size: 20px;
+  font-weight: 400;
+  text-transform: lowercase;
+  text-decoration: underline;
+}
+.facebook-login-button__view-all-mobile___zvPKL,
+.facebook-login-button__viewAllMobile___D2Vp0 {
+  display: none;
+}
+@media only screen and (max-width: 768px) {
+  .facebook-login-button__view-all-mobile___zvPKL,
+  .facebook-login-button__viewAllMobile___D2Vp0 {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: 40px;
+  }
+}
+@media only screen and (max-width: 480px) {
+  .facebook-login-button__view-all-mobile___zvPKL,
+  .facebook-login-button__viewAllMobile___D2Vp0 {
+    margin-top: 24px;
+  }
+}
+.facebook-login-button__accent-btn___WXMXk,
+.facebook-login-button__accentBtn___Eo2xa {
+  background-color: var(--accentColor);
+  color: #fff;
+}
+.facebook-login-button__no-scroll___DA1oc,
+.facebook-login-button__noScroll___Vz_wN {
+  overflow-y: hidden;
+}
+.facebook-login-button__hide-overflow___IOMnf,
+.facebook-login-button__hideOverflow___dUDT6 {
+  overflow: hidden;
+}
+.facebook-login-button__markdown-body___hpsNo h6 {
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}
+@media only screen and (max-width: 480px) {
+  .facebook-login-button__markdown-body___hpsNo {
+    font-size: 12px !important;
+    padding: 5px !important;
+  }
+}
+.facebook-login-button__view3d-canvas___drNqq {
+  width: 100%;
+  height: 100%;
+}
+@media only screen and (max-width: 480px) {
+  .facebook-login-button__view-mobile-up___KlJWO {
+    display: none !important;
+  }
+}
+@media only screen and (min-width: 481px) {
+  .facebook-login-button__view-mobile___ovTS9 {
+    display: none !important;
+  }
+}
+.facebook-login-button__facebook-login-container____88Dn {
+  margin-top: 12px;
+}
+.facebook-login-button__facebook-login-container____88Dn .facebook-login-button__facebook-login-button___yF4aw {
+  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);
+}
+.facebook-login-button__facebook-login-container____88Dn .facebook-login-button__facebook-login-button___yF4aw svg {
+  flex: 0 0 24px;
+  fill: #1877f2;
+}
+.facebook-login-button__facebook-login-container____88Dn .facebook-login-button__facebook-login-button___yF4aw 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/social-login-button/facebook-login-button.js

@@ -0,0 +1 @@
+!function webpackUniversalModuleDefinition(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define("firestone",["react"],t):"object"==typeof exports?exports.firestone=t(require("react")):e.firestone=t(e.react)}("undefined"!=typeof self?self:this,(e=>(()=>{"use strict";var t={9155:t=>{t.exports=e}},o={};function __webpack_require__(e){var n=o[e];if(void 0!==n)return n.exports;var r=o[e]={exports:{}};return t[e](r,r.exports,__webpack_require__),r.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:()=>facebook_login_button});var e=__webpack_require__(9155),t=__webpack_require__.n(e);const facebook_login_button=o=>{let{facebookAppId:n,loginWithFacebookMutation:r,application_id:a}=o;const[i,_]=(0,e.useState)(!1),[c,l]=(0,e.useState)(null),[s,u]=(0,e.useState)(null);(0,e.useEffect)((()=>{var e,t,o,r,a;window.fbAsyncInit=function(){window.FB.init({appId:n,cookie:!0,xfbml:!0,version:"v18.0"})},e=document,t="script",o="facebook-jssdk",a=e.getElementsByTagName(t)[0],e.getElementById(o)||((r=e.createElement(t)).id=o,r.src="https://connect.facebook.net/en_US/sdk.js",a.parentNode.insertBefore(r,a))}),[]);return t().createElement("div",{className:"facebook-login-button__facebook-login-container____88Dn"},t().createElement("button",{onClick:()=>{_(!0),u(null),window.FB.login((function(e){e.authResponse?window.FB.api("/me",{fields:"id,name,email,first_name,last_name,picture"},(async function(t){try{const o={oAuthRequestSchemaInput:{is_signed_in:!0,oauth2:{access_token:e.authResponse.accessToken,expiry:e.authResponse.expiresIn},profile:{email:t.email||"",first_name:t.first_name||"",full_name:t.name||"",id:t.id,image:t.picture?.data?.url||"",last_name:t.last_name||""}},platform:a};await r(o)}catch(e){console.log("Login failed: "+e.message),console.error("Login error:",e)}finally{_(!1)}})):(console.log("Facebook login was cancelled or failed"),_(!1))}),{scope:"email,public_profile"})},disabled:i,className:"facebook-login-button__facebook-login-button___yF4aw"},t().createElement("svg",{viewBox:"0 0 28 28",fill:"#1877F2"},t().createElement("path",{d:"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"})),t().createElement("span",null,"Continue with Facebook")))}})(),n})()));