{"version":3,"file":"PaymentMethods.js","names":["defineDs","m","Button","Api","LoginCache","MembershipPaymentCard","PaymentMethods","controller","args","userData","prop","getUserObj","customerInfo","initiatedDelete","initiatedChange","setInitiatedDelete","id","setInitiatedChange","resetInitation","addPaymentMethod","data","first_name","firstName","last_name","lastName","accept_url","window","location","href","cancel_url","then","response","url","deletePaymentMethod","fetchData","catch","changePaymentMethod","payment_method_id","subscriptionData","handle","view","ctrl","_ref","_paymentCardsData","_paymentCardsData2","_paymentCardsData$oth","_paymentCardsData$oth2","isLoading","paymentCardsData","goBack","className","xmlns","fill","viewBox","cx","cy","r","stroke","d","active","length","map","_data$card","_data$card2","classNames","icon","card","types","cardNumber","masked_card","other","_data$card3","_data$card4","alternative","concat","variant","onClick"],"sources":["DanskeSpil/Domain/Feature.LoyaltyClub/Components/MembershipFlow/PaymentMethods.js"],"sourcesContent":["/* eslint-disable camelcase */\r\ndefineDs('DanskeSpil/Domain/Feature.LoyaltyClub/Components/MembershipFlow/PaymentMethods', [\r\n  'Shared/Framework/Mithril/Scripts/Core/Mithril',\r\n  'DanskeSpil/Domain/Feature.LoyaltyClub/Components/Button/Button',\r\n  'DanskeSpil/Domain/Feature.LoyaltyClub/Helpers/Api',\r\n  'DanskeSpil/Domain/Authentification/Scripts/LoginCache',\r\n  'DanskeSpil/Domain/Feature.LoyaltyClub/Components/MembershipPaymentCard/MembershipPaymentCard',\r\n],\r\nfunction (m, Button, Api, LoginCache, MembershipPaymentCard) {\r\n  const PaymentMethods = {\r\n    controller: function (args) {\r\n      const userData = m.prop(LoginCache.getUserObj().customerInfo);\r\n      const initiatedDelete = m.prop(false);\r\n      const initiatedChange = m.prop(false);\r\n\r\n      const setInitiatedDelete = (id) => {\r\n        initiatedChange(false);\r\n        initiatedDelete(id);\r\n      };\r\n\r\n      const setInitiatedChange = (id) => {\r\n        initiatedDelete(false);\r\n        initiatedChange(id);\r\n      };\r\n\r\n      const resetInitation = () => {\r\n        initiatedDelete(false);\r\n        initiatedChange(false);\r\n      };\r\n\r\n      const addPaymentMethod = () => {\r\n        const data = {\r\n          first_name: userData().firstName,\r\n          last_name: userData().lastName,\r\n          accept_url: window.location.href,\r\n          cancel_url: window.location.href,\r\n        };\r\n        Api.addPaymentMethod(data)\r\n          .then((response) => {\r\n            window.location.href = response.url;\r\n          });\r\n      };\r\n\r\n      const deletePaymentMethod = (id) => {\r\n        Api.deletePaymentMethod(id)\r\n          .then(() => {\r\n            resetInitation();\r\n            args.fetchData();\r\n          }).catch(() => {\r\n            resetInitation();\r\n          });\r\n      };\r\n\r\n      const changePaymentMethod = (id) => {\r\n        const data = {\r\n          payment_method_id: id\r\n        };\r\n        Api.changePaymentMethod(args.subscriptionData().handle, data)\r\n          .then(() => {\r\n            resetInitation();\r\n            args.fetchData();\r\n          }).catch(() => {\r\n            resetInitation();\r\n          });\r\n      };\r\n\r\n      return { addPaymentMethod, deletePaymentMethod, changePaymentMethod, initiatedDelete, initiatedChange, resetInitation, setInitiatedDelete, setInitiatedChange };\r\n    },\r\n    view: function (ctrl, { isLoading, paymentCardsData, goBack }) {\r\n      if (isLoading()) {\r\n        return (\r\n          <div className='flex justify-center items-center h-440'>\r\n            <svg class='animate-loader h-40 w-40 text-white mx-auto' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'>\r\n              <circle class='opacity-25' cx='12' cy='12' r='10' stroke='currentColor' stroke-width='4'></circle>\r\n              <path class='opacity-75' fill='currentColor' d='M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z'></path>\r\n            </svg>\r\n          </div>\r\n        );\r\n      }\r\n      return (\r\n        <div className='p-16 flex flex-col h-full max-w-600 mx-auto min-h-400 @9xl: @9xl:min-h-565'>\r\n          <div className='mb-20 space-y-16'>\r\n            <p className='text-white uppercase font-bold'>Valgt betalingsmetode</p>\r\n            { paymentCardsData()?.active?.length > 0 ?\r\n              paymentCardsData()?.active?.map((data) =>\r\n                <MembershipPaymentCard\r\n                  classNames='border border-opacity-white p-10 rounded-2'\r\n                  icon={data.card?.types}\r\n                  cardNumber={data.card?.masked_card || ''}\r\n                />\r\n              )\r\n              : <p className='text-dove-grey-400'>Ingen valgt betalingsmetode</p>}\r\n          </div>\r\n          <div className='grow mb-20 space-y-16'>\r\n            <p className='text-white uppercase font-bold'>Andre betalingsmetoder</p>\r\n            { paymentCardsData().other?.length > 0 ?\r\n              paymentCardsData().other?.map((data) =>\r\n                <MembershipPaymentCard\r\n                  alternative\r\n                  classNames='border border-opacity-white p-10 rounded-2'\r\n                  icon={data.card?.types}\r\n                  cardNumber={data.card?.masked_card || ''}\r\n                >\r\n                  { ctrl.initiatedChange() === data.id || ctrl.initiatedDelete() === data.id ?\r\n                    <div className='border-t border-opacity-white flex pt-10 gap-10 justify-between'>\r\n                      <Button\r\n                        data-uitest-id='cancel-button'\r\n                        classNames={`!h-16 ${ctrl.initiatedDelete() ? '!text-chateau-green-500' : '!text-red-500'}`}\r\n                        variant='plain'\r\n                        onClick={ () => ctrl.resetInitation() }>\r\n                          Fortryd\r\n                      </Button>\r\n                      <div className='w-1 border border-opacity-white'></div>\r\n                      <Button\r\n                        data-uitest-id='confirm-button'\r\n                        classNames={`!h-16 ${ctrl.initiatedDelete() ? '!text-red-500' : '!text-chateau-green-500'}`}\r\n                        variant='plain'\r\n                        onClick={ ctrl.initiatedChange() ? () => ctrl.changePaymentMethod(data.id) : () => ctrl.deletePaymentMethod(data.id) }>\r\n                        { ctrl.initiatedDelete() ? 'Slet kort' : 'Vælg kort' }\r\n                      </Button>\r\n                    </div> :\r\n                    <div className='border-t border-opacity-white flex pt-10 gap-10 justify-between'>\r\n                      <Button\r\n                        data-uitest-id='delete-button'\r\n                        variant='plain'\r\n                        onClick={ () => ctrl.setInitiatedDelete(data.id) }>\r\n                    Slet\r\n                      </Button>\r\n                      <div className='w-1 border border-opacity-white'></div>\r\n                      <Button\r\n                        data-uitest-id='select-button'\r\n                        variant='plain'\r\n                        onClick={ () => ctrl.setInitiatedChange(data.id) }>\r\n                    Vælg\r\n                      </Button>\r\n                    </div>\r\n                  }\r\n                </MembershipPaymentCard>\r\n              ) : <p className='text-dove-grey-400'>Ingen andre betalingsmetoder</p> }\r\n          </div>\r\n          <Button\r\n            data-uitest-id='add-payment-method'\r\n            classNames='mx-auto mb-20'\r\n            variant='secondary'\r\n            onClick={ () => ctrl.addPaymentMethod() }>\r\n            Tilføj betalingsmetode\r\n          </Button>\r\n          <Button\r\n            data-uitest-id='back-button'\r\n            classNames='mx-auto'\r\n            variant='plain'\r\n            onClick={ () => goBack() }>\r\n            Tilbage\r\n          </Button>\r\n        </div>\r\n      );\r\n    }\r\n  };\r\n  return PaymentMethods;\r\n});\r\n"],"mappings":"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","ignoreList":[]}