@gofynd/theme-template 3.2.31 → 3.2.33

package/dist/components/payment-options/upi-app-pay.css

@@ -0,0 +1,497 @@
+/**color by character**/
+/** Font family **/
+/** Font weight **/
+.modal__display-block___hgYd9 {
+  display: block;
+}
+.modal__inline-block___p6rme,
+.modal__inlineBlock___pEzt0 {
+  display: inline-block;
+}
+.modal__flex-row___lpE6D {
+  display: flex;
+}
+.modal__flex-column___ExDN9,
+.modal__flexColumn___xxTeX {
+  display: flex;
+  flex-direction: column;
+}
+.modal__flex-align-center___oGONG,
+.modal__flexAlignCenter___GYZdu {
+  display: flex;
+  align-items: center;
+}
+.modal__flex-justify-center___y5ezr,
+.modal__flexJustifyCenter___AzJKl {
+  display: flex;
+  justify-content: center;
+}
+.modal__flex-center___jm_N0,
+.modal__flexCenter___RlaVj {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.modal__justify-start___WJBo1,
+.modal__justifyStart___v728x {
+  justify-content: flex-start;
+}
+.modal__justify-end___TGeOT,
+.modal__justifyEnd___BfpWz {
+  justify-content: flex-end;
+}
+.modal__justify-between___Y6DMP,
+.modal__justifyBetween___eLS0j {
+  justify-content: space-between;
+}
+.modal__justify-around___Umrnm,
+.modal__justifyAround___Y_EP0 {
+  justify-content: space-around;
+}
+.modal__justify-evenly___H4zHB,
+.modal__justifyEvenly___ToJy3 {
+  justify-content: space-evenly;
+}
+h1,
+.modal__h1___tY1V2 {
+  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,
+  .modal__h1___tY1V2 {
+    font-size: 36px;
+    line-height: 48px;
+  }
+}
+h2,
+.modal__h2___zqsr0 {
+  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,
+  .modal__h2___zqsr0 {
+    font-size: 32px;
+    line-height: 42px;
+  }
+}
+h3,
+.modal__h3___uKlio {
+  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,
+  .modal__h3___uKlio {
+    font-weight: 700;
+    letter-spacing: -0.02em;
+    color: var(--textHeading, #26201a);
+    font-size: 28px;
+    line-height: 36px;
+  }
+}
+h4,
+.modal__h4___mLdGX {
+  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,
+  .modal__h4___mLdGX {
+    font-weight: 600;
+    letter-spacing: -0.02em;
+    color: var(--textHeading, #26201a);
+    font-size: 20px;
+    line-height: 1.5;
+  }
+}
+h5,
+.modal__h5___XqZqX {
+  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,
+  .modal__h5___XqZqX {
+    font-size: 16px;
+    line-height: 18px;
+  }
+}
+.modal__b1___FJ8O5 {
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 18px;
+  letter-spacing: -0.02em;
+  color: var(--textBody, #3c3131);
+}
+@media only screen and (min-width: 769px) {
+  .modal__b1___FJ8O5 {
+    font-size: 16px;
+    line-height: 20px;
+  }
+}
+.modal__b-small___d5sGC,
+.modal__bSmall___Jx2be,
+.modal__b2___ww0WS {
+  font-weight: 400;
+  letter-spacing: -0.02em;
+  color: var(--textBody, #3c3131);
+  font-size: 12px;
+  line-height: 16px;
+}
+@media only screen and (min-width: 769px) {
+  .modal__b-small___d5sGC,
+  .modal__bSmall___Jx2be,
+  .modal__b2___ww0WS {
+    font-weight: 400;
+    letter-spacing: -0.02em;
+    color: var(--textBody, #3c3131);
+    font-size: 14px;
+    line-height: 18px;
+  }
+}
+.modal__d1___gmqls {
+  font-size: 36px;
+  font-weight: 700;
+  line-height: 48px;
+  letter-spacing: -0.02em;
+}
+@media only screen and (min-width: 769px) {
+  .modal__d1___gmqls {
+    font-size: 64px;
+    line-height: 85px;
+    letter-spacing: -0.03em;
+  }
+}
+.modal__caption-medium___GbhtF,
+.modal__captionMedium___zCJpb {
+  font-size: 12px;
+  line-height: 1.5;
+  letter-spacing: -0.02em;
+  font-weight: 500;
+}
+@media only screen and (max-width: 480px) {
+  .modal__caption-medium___GbhtF,
+  .modal__captionMedium___zCJpb {
+    font-size: 11px;
+  }
+}
+.modal__caption-semi-bold___feZV5,
+.modal__captionSemiBold___pxAn7 {
+  font-size: 12px;
+  line-height: 1.5;
+  letter-spacing: -0.02em;
+  font-weight: 600;
+}
+@media only screen and (max-width: 480px) {
+  .modal__caption-semi-bold___feZV5,
+  .modal__captionSemiBold___pxAn7 {
+    font-size: 11px;
+  }
+}
+.modal__btn-link___rkrNS,
+.modal__btnLink___yqJlb {
+  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) {
+  .modal__btn-link___rkrNS,
+  .modal__btnLink___yqJlb {
+    font-weight: 500;
+    letter-spacing: -0.02em;
+    font-size: 14px;
+    line-height: 16px;
+  }
+}
+.modal__btn-link___rkrNS:hover,
+.modal__btnLink___yqJlb:hover {
+  color: var(--buttonLinkL1, #c1847c);
+}
+.modal__btn-link___rkrNS:disabled,
+.modal__btnLink___yqJlb:disabled {
+  color: var(--buttonLinkL2, #d0a39d);
+}
+.modal__btn-link___rkrNS:active,
+.modal__btnLink___yqJlb:active {
+  opacity: 0.8;
+}
+.modal__user-select-none___N6ZAk,
+.modal__userSelectNone___TRXWQ {
+  user-select: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+}
+.modal__margin-0-auto___p_dGq,
+.modal__margin0auto___dB88d {
+  margin: 0 auto;
+}
+.modal__base-page-container___eZhia,
+.modal__basePageContainer___QUmCs {
+  max-width: 1440px !important;
+}
+.modal__remove-scroll___vOtMk,
+.modal__removeScroll___sjuCx {
+  overflow-y: hidden !important;
+}
+.modal__mr-5___DjKqT,
+.modal__mr5___il5jH {
+  margin-inline-end: 30px !important;
+}
+.modal__mr-2___SKD1t,
+.modal__mr2___BSxti {
+  margin-inline-end: 5px !important;
+}
+.modal__py-5___OpCsp,
+.modal__py5___hfa2b {
+  padding-top: 1.875rem !important;
+  padding-bottom: 1.875rem !important;
+}
+.modal__view-all-text___liM5N,
+.modal__viewAllText___PNzm8 {
+  font-size: 20px;
+  font-weight: 400;
+  text-transform: lowercase;
+  text-decoration: underline;
+}
+.modal__view-all-mobile___QRBrP,
+.modal__viewAllMobile___yTiiQ {
+  display: none;
+}
+@media only screen and (max-width: 768px) {
+  .modal__view-all-mobile___QRBrP,
+  .modal__viewAllMobile___yTiiQ {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: 40px;
+  }
+}
+@media only screen and (max-width: 480px) {
+  .modal__view-all-mobile___QRBrP,
+  .modal__viewAllMobile___yTiiQ {
+    margin-top: 24px;
+  }
+}
+.modal__accent-btn___LaDY8,
+.modal__accentBtn___qmSZa {
+  background-color: var(--accentColor);
+  color: #fff;
+}
+.modal__no-scroll___tsTBg,
+.modal__noScroll___qaX_j {
+  overflow-y: hidden;
+}
+.modal__hide-overflow___KTJV8,
+.modal__hideOverflow___eBPB_ {
+  overflow: hidden;
+}
+.modal__markdown-body___J3yk1 h6 {
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}
+@media only screen and (max-width: 480px) {
+  .modal__markdown-body___J3yk1 {
+    font-size: 12px !important;
+    padding: 5px !important;
+  }
+}
+.modal__view3d-canvas___qA5vJ {
+  width: 100%;
+  height: 100%;
+}
+@media only screen and (max-width: 480px) {
+  .modal__view-mobile-up___gXGqs {
+    display: none !important;
+  }
+}
+@media only screen and (min-width: 481px) {
+  .modal__view-mobile___nGCzH {
+    display: none !important;
+  }
+}
+.modal__modal___xT3RX {
+  position: fixed;
+  inset: 0;
+  z-index: 40;
+  overflow-y: auto;
+  overflow-x: hidden;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+@media only screen and (max-width: 768px) {
+  .modal__modal___xT3RX {
+    align-items: flex-end;
+  }
+}
+.modal__modal___xT3RX:before {
+  content: "";
+  background-color: var(--overlay, #14130e);
+  opacity: 0.6;
+  inset: 0;
+  position: fixed;
+  z-index: -1;
+  transform: translateZ(0);
+  -webkit-transform: translateZ(0);
+}
+.modal__modalContainer___BoKU8 {
+  min-width: 300px;
+  background-color: var(--dialogBackground, #fff);
+  border-radius: 3px;
+  min-height: 100px;
+  max-width: 720px;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  border-radius: 8px;
+  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
+  transform: translateZ(0);
+  -webkit-transform: translateZ(0);
+  /* Safari */
+  -moz-transform: translateZ(0);
+  /* Firefox */
+  -ms-transform: translateZ(0);
+  /* IE/Edge */
+  -o-transform: translateZ(0);
+  /* Opera */
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+@media only screen and (max-width: 768px) {
+  .modal__modalContainer___BoKU8 {
+    width: 100%;
+    max-width: unset;
+  }
+}
+@media only screen and (max-width: 768px) {
+  .modal__modalContainer--borders____AGZf {
+    border: none;
+    border-radius: 0;
+    border-start-start-radius: 8px;
+    border-start-end-radius: 8px;
+  }
+}
+.modal__modalHeader___xKo1g {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  position: sticky;
+  top: 0;
+  width: 100%;
+  box-sizing: border-box;
+  border-bottom: 1px solid var(--dividerStokes, #d4d1d1);
+  background: var(--dialogBackground, #fff);
+  z-index: 4;
+  padding: 8px;
+}
+.modal__modalHeader___xKo1g .modal__crossIcon___ieJau {
+  width: 21px;
+  height: 21px;
+  cursor: pointer;
+}
+.modal__modalBody___peHlJ {
+  flex: 1;
+  max-height: 95vh;
+  overflow-y: auto;
+}
+.modal__rightModal___acoje {
+  justify-content: flex-end;
+}
+.modal__rightModal___acoje .modal__modalContainer___BoKU8 {
+  height: 100%;
+  width: 40%;
+  border-radius: 0;
+}
+.modal__rightModal___acoje .modal__modalContainer___BoKU8 .modal__modalHeader___xKo1g {
+  padding: 24px;
+}
+@media only screen and (max-width: 768px) {
+  .modal__rightModal___acoje .modal__modalContainer___BoKU8 .modal__modalHeader___xKo1g {
+    padding: 16px;
+  }
+}
+.modal__rightModal___acoje .modal__modalContainer___BoKU8 .modal__modalHeader___xKo1g .modal__modalTitle___yvZQo {
+  font-size: 16px;
+  line-height: 18px;
+}
+@media only screen and (max-width: 768px) {
+  .modal__rightModal___acoje .modal__modalContainer___BoKU8 {
+    width: 100%;
+    border-radius: 0;
+  }
+}
+@media only screen and (max-width: 768px) {
+  .modal__centerModal___CkbLu {
+    align-items: center;
+  }
+}
+@media only screen and (max-width: 480px) {
+  .modal__centerModal___CkbLu {
+    align-items: flex-end;
+  }
+}
+.modal__centerModal___CkbLu .modal__modalContainer___BoKU8 {
+  border-radius: 8px;
+}
+@media only screen and (max-width: 768px) {
+  .modal__centerModal___CkbLu .modal__modalContainer___BoKU8 {
+    width: unset;
+    max-width: 720px;
+  }
+}
+@media only screen and (max-width: 480px) {
+  .modal__centerModal___CkbLu .modal__modalContainer___BoKU8 {
+    width: 100%;
+    max-width: 100%;
+    border-radius: 0;
+  }
+}
+.modal__centerModal___CkbLu .modal__modalContainer___BoKU8 .modal__modalHeader___xKo1g {
+  border-radius: 8px 8px 0px 0px;
+}
+@media only screen and (max-width: 480px) {
+  .modal__centerModal___CkbLu .modal__modalContainer___BoKU8 .modal__modalHeader___xKo1g {
+    border-radius: 0;
+  }
+}
+.modal__modalTitle___yvZQo {
+  font-weight: 600;
+  color: var(--textHeading, #26201a);
+  line-height: 140%;
+  font-size: 16px;
+}
+.modal__modalSubTitle___Jr61k {
+  line-height: 140%;
+  font-size: 14px;
+  margin-top: 8px;
+  font-weight: 500;
+  color: var(--textBody, #3c3131);
+}
+.modal__disableScroll___cy36a {
+  overflow-y: hidden;
+}
+

package/dist/components/payment-options/upi-app-pay.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)}(Object("undefined"!=typeof self?self:this),e=>(()=>{"use strict";var t={4814(e,t,n){n.d(t,{A:()=>l});var r,a=n(9155);function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},_extends.apply(null,arguments)}const l=function SvgAddress(e){return a.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none"},e),r||(r=a.createElement("path",{fill:"#4D4D4E",d:"m10.001 5.16 4.167 3.75v6.508h-1.667v-5h-5v5H5.835V8.91zm0-2.242-8.333 7.5h2.5v6.667h5v-5h1.667v5h5v-6.667h2.5z"})))}},7962(e,t,n){n.d(t,{A:()=>l});var r,a=n(9155);function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},_extends.apply(null,arguments)}const l=function SvgCall(e){return a.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none"},e),r||(r=a.createElement("path",{fill:"#4D4D4E",d:"M5.45 4.167c.05.741.175 1.466.375 2.158l-1 1c-.342-1-.558-2.058-.633-3.158zm8.217 10.016c.708.2 1.433.325 2.166.375V15.8a12.9 12.9 0 0 1-3.166-.625zM6.25 2.5H3.333a.836.836 0 0 0-.833.833C2.5 11.158 8.842 17.5 16.667 17.5a.836.836 0 0 0 .833-.833v-2.909a.836.836 0 0 0-.833-.833 9.5 9.5 0 0 1-2.975-.475.7.7 0 0 0-.259-.042.85.85 0 0 0-.591.242l-1.834 1.833a12.62 12.62 0 0 1-5.491-5.491L7.35 7.158a.84.84 0 0 0 .208-.85 9.5 9.5 0 0 1-.475-2.975.836.836 0 0 0-.833-.833"})))}},1030(e,t,n){n.d(t,{A:()=>l});var r,a=n(9155);function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},_extends.apply(null,arguments)}const l=function SvgCloseBold(e){return a.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:21,height:20,fill:"none"},e),r||(r=a.createElement("path",{fill:"#1F1F1F",d:"m16.752 5.342-1.198-1.175-4.748 4.658-4.749-4.658L4.86 5.342 9.608 10 4.859 14.66l1.198 1.175 4.749-4.659 4.748 4.659 1.198-1.175L12.004 10z"})))}},7010(e,t,n){n.d(t,{A:()=>l});var r,a=n(9155);function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},_extends.apply(null,arguments)}const l=function SvgEmail(e){return a.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none"},e),r||(r=a.createElement("path",{fill:"#4D4D4E",d:"M18.335 4.999c0-.917-.75-1.667-1.667-1.667H3.335c-.917 0-1.667.75-1.667 1.667v10c0 .916.75 1.666 1.667 1.666h13.333c.917 0 1.667-.75 1.667-1.666zm-1.667 0-6.667 4.158-6.666-4.158zm0 10H3.335V6.665L10 10.832l6.667-4.167z"})))}},9825(e,t,n){n.d(t,{A:()=>o});var r,a,l=n(9155);function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},_extends.apply(null,arguments)}const o=function SvgOrders(e){return l.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none"},e),l.createElement("mask",{id:"orders_svg__a",width:20,height:20,x:0,y:0,maskUnits:"userSpaceOnUse",style:{maskType:"alpha"}},r||(r=l.createElement("path",{fill:"#D9D9D9",d:"M0 0h20v20H0z"}))),a||(a=l.createElement("g",{mask:"url(#orders_svg__a)"},l.createElement("path",{fill:"#4D4D4E",d:"M4.418 17.918q-.625 0-1.063-.437a1.45 1.45 0 0 1-.437-1.063v-9.5q0-.625.437-1.063a1.45 1.45 0 0 1 1.063-.437h1.833q0-1.562 1.094-2.657Q8.44 1.668 10 1.668q1.563 0 2.657 1.093 1.093 1.094 1.093 2.657h1.834q.624 0 1.062.437.438.438.438 1.063v9.5q0 .625-.438 1.063a1.45 1.45 0 0 1-1.062.437zm0-1.25h11.167q.082 0 .166-.083.084-.084.084-.167v-9.5q0-.083-.084-.167-.082-.083-.166-.083H4.418q-.083 0-.167.083-.083.084-.083.167v9.5q0 .084.083.167t.167.083m5.583-5.417q1.563 0 2.657-1.093 1.093-1.094 1.093-2.657h-1.25q0 1.042-.729 1.771a2.4 2.4 0 0 1-1.77.73 2.4 2.4 0 0 1-1.772-.73 2.4 2.4 0 0 1-.729-1.77h-1.25q0 1.562 1.094 2.656Q8.44 11.251 10 11.251m-2.5-5.833h5q0-1.042-.729-1.77a2.4 2.4 0 0 0-1.77-.73 2.4 2.4 0 0 0-1.772.73 2.4 2.4 0 0 0-.729 1.77"}))))}},8744(e,t,n){n.d(t,{default:()=>c});var r=n(9155),a=n.n(r),l="modal__modalContainer___BoKU8",o=n(8618),i=n(1030),s=n(4429);const c=function Modal({isOpen:e,isCancellable:t=!0,childHandleFocus:n=!1,hideHeader:c=!1,modalType:d="",closeDialog:m=()=>{},children:u,title:p,titleClassName:_,subTitle:g,subTitleClassName:f,headerClassName:v,bodyClassName:h,containerClassName:y,ignoreClickOutsideForClass:w,customClassName:b,notCloseOnclickOutside:E}){const x=(0,r.useRef)(null),k=(0,r.useRef)(null);(0,o.useMobile)(),(0,r.useEffect)(()=>{e&&!n&&x.current&&x.current.focus()},[e,n]),(0,r.useEffect)(()=>{if(!(0,s.Wx)())return;const t=document.querySelectorAll(`.${l}`);return e?document.body.style.overflow="hidden":t.length<1&&(document.body.style.overflow="unset"),()=>{document.querySelectorAll(`.${l}`).length<1&&(document.body.style.overflow="unset")}},[e]);const N=(0,r.useMemo)(()=>`modal__modalHeader___xKo1g ${v??""}`,[v]),S=(0,r.useMemo)(()=>`modal__modalTitle___yvZQo ${_??""}`,[_]),C=(0,r.useMemo)(()=>`modal__modalSubTitle___Jr61k ${f??""}`,[f]),O=(0,r.useMemo)(()=>`${l} ${""===d?"modal__modalContainer--borders____AGZf":""} ${y??""}`,[y]),P=(0,r.useMemo)(()=>`modal__modalBody___peHlJ ${h??""}`,[h]);return a().createElement(a().Fragment,null,e&&a().createElement("div",{className:`modal__modal___xT3RX ${"right-modal"===d?"modal__rightModal___acoje":""} ${"center-modal"===d?"modal__centerModal___CkbLu":""} ${b??""}`,ref:x,onClick:e=>{E||!t||!k.current||k.current.contains(e.target)||w&&(e.target.className.includes(w)||e.target.parentElement?.className.includes(w))||m(e)}},a().createElement("div",{className:O,ref:k},!c&&a().createElement("div",{className:N},a().createElement("div",null,a().createElement("div",{className:S},p),g&&a().createElement("div",{className:C},g)),a().createElement("div",{className:"modal__crossIcon___ieJau",onClick:m},a().createElement(i.A,null))),a().createElement("div",{className:P},u))))}},266(e,t,n){var r=n(9825),a=n(7962),l=n(7010),o=n(4814);r.A,a.A,l.A,o.A},6249(e,t,n){n.d(t,{useViewport:()=>r.useViewport});n(8618);var r=n(1566);n(4070),n(8532)},8532(e,t,n){n(9155),n(4429)},8618(e,t,n){n.d(t,{useMobile:()=>useMobile});var r=n(9155),a=n(4429);const useMobile=(e=768)=>{const[t,n]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{if(!(0,a.Wx)())return;const handleResize=()=>{"undefined"!=typeof window&&n(window?.innerWidth<=e)};return handleResize(),window?.addEventListener("resize",handleResize),()=>{window?.removeEventListener("resize",handleResize)}},[e]),t}},4070(e,t,n){n(9155)},1566(e,t,n){n.d(t,{useViewport:()=>useViewport});var r=n(9155);const useViewport=(e=0,t=1/0)=>{const[n,a]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{const handleResize=()=>{if("undefined"!=typeof window){const n=window?.innerWidth;a(n>=e&&n<=t)}};return handleResize(),window?.addEventListener("resize",handleResize),()=>{window?.removeEventListener("resize",handleResize)}},[e,t]),n}},4429(e,t,n){n.d(t,{Wx:()=>isRunningOnClient,in:()=>priceFormatCurrencySymbol});n(266);function roundToDecimals(e,t=2){const n=Math.pow(10,t);return Math.round(e*n)/n}function isRunningOnClient(){return"undefined"!=typeof window&&globalThis===window}const getLocaleFromCurrency=e=>{if(!e)return"en-US";return{USD:"en-US",AED:"en-AE",SAR:"ar-SA",GBP:"en-GB",EUR:"en-US",INR:"en-IN"}[e.toUpperCase()]||"en-US"};function priceFormatCurrencySymbol(e,t=0,n="en-IN",r=null){if(null==t||""===t)return"";let a="string"==typeof t?parseFloat(t):t;if(Number.isNaN(a))return"";a=roundToDecimals(a,2);let l=n;r&&(l=getLocaleFromCurrency(r));const o="en-IN"===l||l?.startsWith("en-IN");try{const t=o?"latn":void 0,n=t?`${l}-u-nu-${t}`:l,r=new Intl.NumberFormat(n,{minimumFractionDigits:0,maximumFractionDigits:2,useGrouping:!0}),i=a<0?"- ":"",s=r.format(Math.abs(a));let c;return c=/^[A-Za-z]+$/.test(e)?`${i}${e} ${s}`:`${i}${e}${s}`,c}catch{console.warn(`Invalid locale "${l}", falling back to default formatting`);const t=a.toLocaleString("en-US",{minimumFractionDigits:0,maximumFractionDigits:2});return/^[A-Za-z]+$/.test(e)?`${e} ${t}`:`${e}${t}`}}},9155(t){t.exports=e}},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 t=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(t,{a:t}),t},__webpack_require__.d=(e,t)=>{for(var n in t)__webpack_require__.o(t,n)&&!__webpack_require__.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},__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 r={};__webpack_require__.r(r),__webpack_require__.d(r,{default:()=>c});var a=__webpack_require__(9155),l=__webpack_require__.n(a),o=__webpack_require__(8744),i=__webpack_require__(4429),s=__webpack_require__(6249);const c=function UpiAppPayment({isChromeOrSafari:e,upiApps:t,selectedUpiIntentApp:n,setSelectedUpiIntentApp:r,selectedUpiRef:a,setvpa:c,setUPIError:d,cancelQrPayment:m,getSvgNameForApp:u,upiAppData:p,selectMop:_,removeDialogueError:g,showUpiRedirectionModal:f,setShowUpiRedirectionModal:v,cancelUpiAppPayment:h,t:y,SvgWrapper:w,styles:b,showUPIModal:E,cancelUPIPayment:x,isPaymentLoading:k,isUPIError:N,StickyPayNow:S,acceptOrder:C,getCurrencySymbol:O,getTotalValue:P,onPriceDetailsClick:A,enableLinkPaymentOption:q,loader:U,disbaleCheckout:$,vpa:M,timeRemaining:D}){const I=(0,s.useViewport)(0,768),z={cursor:"pointer",fontSize:"12px",fontWeight:600,lineHeight:"140%",textTransform:"uppercase",textAlign:"center",color:"var(--buttonLink)"};return l().createElement(l().Fragment,null,l().createElement("div",{className:b.upiMop}," ",I&&e&&l().createElement("div",null,t?.length>0&&t.filter(e=>["gpay","google_pay","phonepe","paytm"].includes(e)).map(e=>{const o=u(e),i=o;return l().createElement("label",{key:e,onClick:()=>{r(e),a.current=null,c(""),d(!1),m()},className:`${b.upiApp} ${t?.includes("any")?"":b.notBorderBottom} ${n===e?b.selectedUpiApp:""}`},l().createElement("div",{className:b.logo},l().createElement(w,{svgSrc:o})),l().createElement("p",{className:b.displayName},p[i]?.displayName),(!n||n!==e)&&l().createElement(w,{svgSrc:"radio",className:b.onMobileView}),n&&n===e&&l().createElement(w,{svgSrc:"radio-selected",className:b.onMobileView}))}),t?.length>0&&t?.includes("any")&&l().createElement("label",{key:"any",onClick:()=>{r("any"),a.current="any",_("UPI","UPI","UPI"),g(),v(!0)},className:b.moreApps},l().createElement("div",{className:b.logo},l().createElement(w,{svgSrc:"more-upi-apps"})),l().createElement("p",{className:b.displayName},p.any?.displayName),l().createElement("div",{className:b.rightArrow},l().createElement(w,{svgSrc:"arrow-right"})))),l().createElement("div",{style:{position:"relative"}},l().createElement("div",{className:b.upiPay},I?l().createElement(S,{customClassName:b.visibleOnTab,disabled:!n||N,value:(0,i.in)(O,P()),onPriceDetailsClick:A,enableLinkPaymentOption:q,isPaymentLoading:k,loader:U,proceedToPay:()=>{$?.message&&C(),_("UPI","UPI","UPI")}}):(M||n)&&l().createElement("button",{className:`${b.commonBtn} ${b.payBtn}`,onClick:()=>{$?.message?C():g(),_("UPI","UPI","UPI"),m()},disabled:!n||k},k?U:l().createElement(l().Fragment,null,y("resource.common.pay_caps")," ",(0,i.in)(O,P())))))),E&&l().createElement(o.default,{isOpen:E,headerClassName:b.modalHeader,bodyClassName:b.modalBody,isCancellable:!1,title:"",hideHeader:!0},l().createElement("div",{style:{padding:"24px",maxWidth:"100%",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}},l().createElement("div",{style:{fontSize:"24px",fontWeight:700,lineHeight:"140%",textAlign:"center",color:"var(--textHeading)"}},y("resource.checkout.complete_your_payment")),l().createElement("div",{style:{fontSize:"14px",fontWeight:400,lineHeight:"140%",textAlign:"center",marginTop:"16px",color:"var(--textBody)"}},y("resource.checkout.sent_to")," ",M),l().createElement("div",{style:{margin:"16px 0px"}},l().createElement(w,{svgSrc:"upi-payment-popup"})),l().createElement("div",{style:{fontSize:"14px",fontWeight:500,lineHeight:"140%",textAlign:"center",color:"var(--textBody)",marginBottom:"16px"}},y("resource.checkout.valid_for")," ",l().createElement("span",{style:{borderRadius:"40px",border:"0.5px solid var(--successText)",backgroundColor:"var(--successBackground)",padding:"2px 7px",fontSize:"12px",fontWeight:600,lineHeight:"140%",color:"var(--successText)"}},(0,i.formatTime)(D))," ",y("resource.common.minutes")),l().createElement("div",{style:z,onClick:x},y("resource.checkout.cancel_payment_caps")))),f&&l().createElement(o.default,{isOpen:f,hideHeader:!0},l().createElement("div",{className:b.upiRedirectionModal},l().createElement("div",{className:b.loader}),l().createElement("p",{className:b.title},y("resource.checkout.finalising_payment")),l().createElement("p",{className:b.message},y("resource.checkout.redirecting_upi")),l().createElement("div",{style:z,onClick:()=>{v(!1),h()}},y("resource.checkout.cancel_payment_caps")))))};return r})());