@gofynd/theme-template 3.2.9 → 3.2.11

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

@@ -0,0 +1,373 @@
+/**color by character**/
+/** Font family **/
+/** Font weight **/
+.facebook-login-button__display-block___XhSEK {
+  display: block;
+}
+.facebook-login-button__inline-block___UTivJ,
+.facebook-login-button__inlineBlock___CJfcj {
+  display: inline-block;
+}
+.facebook-login-button__flex-row___Y8pmb {
+  display: flex;
+}
+.facebook-login-button__flex-column___Hvv6Q,
+.facebook-login-button__flexColumn___cwtVd {
+  display: flex;
+  flex-direction: column;
+}
+.facebook-login-button__flex-align-center___y7O93,
+.facebook-login-button__flexAlignCenter___pxAAO {
+  display: flex;
+  align-items: center;
+}
+.facebook-login-button__flex-justify-center___nFkDG,
+.facebook-login-button__flexJustifyCenter___je6Rp {
+  display: flex;
+  justify-content: center;
+}
+.facebook-login-button__flex-center___Yjph0,
+.facebook-login-button__flexCenter___bNHnz {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.facebook-login-button__justify-start___WSj1O,
+.facebook-login-button__justifyStart___ACwJf {
+  justify-content: flex-start;
+}
+.facebook-login-button__justify-end___gekV3,
+.facebook-login-button__justifyEnd___htqz2 {
+  justify-content: flex-end;
+}
+.facebook-login-button__justify-between___t_ADo,
+.facebook-login-button__justifyBetween___nofq_ {
+  justify-content: space-between;
+}
+.facebook-login-button__justify-around___lI0fk,
+.facebook-login-button__justifyAround___OV4zr {
+  justify-content: space-around;
+}
+.facebook-login-button__justify-evenly___mHAFJ,
+.facebook-login-button__justifyEvenly___a5pys {
+  justify-content: space-evenly;
+}
+h1,
+.facebook-login-button__h1___AL3BU {
+  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___AL3BU {
+    font-size: 36px;
+    line-height: 48px;
+  }
+}
+h2,
+.facebook-login-button__h2___scLLL {
+  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___scLLL {
+    font-size: 32px;
+    line-height: 42px;
+  }
+}
+h3,
+.facebook-login-button__h3___Jq6MM {
+  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___Jq6MM {
+    font-weight: 700;
+    letter-spacing: -0.02em;
+    color: var(--textHeading, #26201a);
+    font-size: 28px;
+    line-height: 36px;
+  }
+}
+h4,
+.facebook-login-button__h4___wcH90 {
+  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___wcH90 {
+    font-weight: 600;
+    letter-spacing: -0.02em;
+    color: var(--textHeading, #26201a);
+    font-size: 20px;
+    line-height: 1.5;
+  }
+}
+h5,
+.facebook-login-button__h5____2X5P {
+  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____2X5P {
+    font-size: 16px;
+    line-height: 18px;
+  }
+}
+.facebook-login-button__b1___U0OKm {
+  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___U0OKm {
+    font-size: 16px;
+    line-height: 20px;
+  }
+}
+.facebook-login-button__b-small___bv_rc,
+.facebook-login-button__bSmall___l88G0,
+.facebook-login-button__b2___uQWsw {
+  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___bv_rc,
+  .facebook-login-button__bSmall___l88G0,
+  .facebook-login-button__b2___uQWsw {
+    font-weight: 400;
+    letter-spacing: -0.02em;
+    color: var(--textBody, #3c3131);
+    font-size: 14px;
+    line-height: 18px;
+  }
+}
+.facebook-login-button__d1___diZdy {
+  font-size: 36px;
+  font-weight: 700;
+  line-height: 48px;
+  letter-spacing: -0.02em;
+}
+@media only screen and (min-width: 769px) {
+  .facebook-login-button__d1___diZdy {
+    font-size: 64px;
+    line-height: 85px;
+    letter-spacing: -0.03em;
+  }
+}
+.facebook-login-button__caption-medium___vOMBS,
+.facebook-login-button__captionMedium___IZpTs {
+  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___vOMBS,
+  .facebook-login-button__captionMedium___IZpTs {
+    font-size: 11px;
+  }
+}
+.facebook-login-button__caption-semi-bold___i4AEd,
+.facebook-login-button__captionSemiBold___M6C7N {
+  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___i4AEd,
+  .facebook-login-button__captionSemiBold___M6C7N {
+    font-size: 11px;
+  }
+}
+.facebook-login-button__btn-link___AamyI,
+.facebook-login-button__btnLink___xFljW {
+  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___AamyI,
+  .facebook-login-button__btnLink___xFljW {
+    font-weight: 500;
+    letter-spacing: -0.02em;
+    font-size: 14px;
+    line-height: 16px;
+  }
+}
+.facebook-login-button__btn-link___AamyI:hover,
+.facebook-login-button__btnLink___xFljW:hover {
+  color: var(--buttonLinkL1, #c1847c);
+}
+.facebook-login-button__btn-link___AamyI:disabled,
+.facebook-login-button__btnLink___xFljW:disabled {
+  color: var(--buttonLinkL2, #d0a39d);
+}
+.facebook-login-button__btn-link___AamyI:active,
+.facebook-login-button__btnLink___xFljW:active {
+  opacity: 0.8;
+}
+.facebook-login-button__user-select-none___soMg6,
+.facebook-login-button__userSelectNone___j9D1f {
+  user-select: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+}
+.facebook-login-button__margin-0-auto___a3Cxr,
+.facebook-login-button__margin0auto___cS_K5 {
+  margin: 0 auto;
+}
+.facebook-login-button__base-page-container___O_N9P,
+.facebook-login-button__basePageContainer___s6ij5 {
+  max-width: 1440px !important;
+}
+.facebook-login-button__remove-scroll___qg7Iq,
+.facebook-login-button__removeScroll___GkaEy {
+  overflow-y: hidden !important;
+}
+.facebook-login-button__mr-5___kOpYH,
+.facebook-login-button__mr5___I5EZY {
+  margin-inline-end: 30px !important;
+}
+.facebook-login-button__mr-2___jKNra,
+.facebook-login-button__mr2___LMmXN {
+  margin-inline-end: 5px !important;
+}
+.facebook-login-button__py-5___A8xFv,
+.facebook-login-button__py5___GiuQJ {
+  padding-top: 1.875rem !important;
+  padding-bottom: 1.875rem !important;
+}
+.facebook-login-button__view-all-text___ygCYR,
+.facebook-login-button__viewAllText___NhWpY {
+  font-size: 20px;
+  font-weight: 400;
+  text-transform: lowercase;
+  text-decoration: underline;
+}
+.facebook-login-button__view-all-mobile___HkvLk,
+.facebook-login-button__viewAllMobile___YjAcs {
+  display: none;
+}
+@media only screen and (max-width: 768px) {
+  .facebook-login-button__view-all-mobile___HkvLk,
+  .facebook-login-button__viewAllMobile___YjAcs {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: 40px;
+  }
+}
+@media only screen and (max-width: 480px) {
+  .facebook-login-button__view-all-mobile___HkvLk,
+  .facebook-login-button__viewAllMobile___YjAcs {
+    margin-top: 24px;
+  }
+}
+.facebook-login-button__accent-btn___vN2Hc,
+.facebook-login-button__accentBtn___KjOTk {
+  background-color: var(--accentColor);
+  color: #fff;
+}
+.facebook-login-button__no-scroll___vJu7j,
+.facebook-login-button__noScroll___ZBsMe {
+  overflow-y: hidden;
+}
+.facebook-login-button__hide-overflow___CYfL3,
+.facebook-login-button__hideOverflow___kdxH7 {
+  overflow: hidden;
+}
+.facebook-login-button__markdown-body___Q_FEQ h6 {
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}
+@media only screen and (max-width: 480px) {
+  .facebook-login-button__markdown-body___Q_FEQ {
+    font-size: 12px !important;
+    padding: 5px !important;
+  }
+}
+.facebook-login-button__view3d-canvas___AKXgA {
+  width: 100%;
+  height: 100%;
+}
+@media only screen and (max-width: 480px) {
+  .facebook-login-button__view-mobile-up___Bg2SA {
+    display: none !important;
+  }
+}
+@media only screen and (min-width: 481px) {
+  .facebook-login-button__view-mobile___ZZimg {
+    display: none !important;
+  }
+}
+.facebook-login-button__facebook-login-container___JKKX0 {
+  margin-top: 12px;
+}
+.facebook-login-button__facebook-login-container___JKKX0 .facebook-login-button__facebook-login-button___IDadP {
+  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___JKKX0 .facebook-login-button__facebook-login-button___IDadP svg {
+  flex: 0 0 24px;
+  fill: #1877f2;
+}
+.facebook-login-button__facebook-login-container___JKKX0 .facebook-login-button__facebook-login-button___IDadP 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/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___JKKX0"},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___IDadP"},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})()));