{"version":3,"sources":["components/Shared/InputMobile.js","components/Modals/SignView/Phone.js"],"names":["InputMobile","setPhone","container","useRef","t","useTranslation","ref","masks","mx","enableSearch","searchPlaceholder","inputClass","dropdownStyle","width","current","offsetWidth","country","preferredCountries","onChange","inputNumber","phone","isValid","length","Phone","useSign","modal","contractId","jwt","dispatch","useState","phoneMutation","useMutation","payload","fetcher","clientContractAction","onSuccess","handleClose","bootbox","alert","title","text","onError","error","message","mutate","type","CONTROL_MODAL","close","PHONE_MODAL","isOpen","includes","centered","toggle","className","htmlFor","color","onClick","open","SIGN_MODAL","disabled"],"mappings":"qIAAA,6CA2BeA,IAvBK,SAAC,GAAkB,IAAD,EAAfC,EAAe,EAAfA,SAEbC,EAAYC,mBACVC,EAAMC,cAAND,EAER,OACI,qBAAKE,IAAKJ,EAAV,SACI,cAAC,IAAD,CACIK,MAAO,CAAEC,GAAI,kBACbC,cAAY,EACZC,kBAAmBN,EAAE,iBACrBO,WAAW,QACXC,cAAe,CAAEC,OAAgB,OAATX,QAAS,IAATA,GAAA,UAAAA,EAAWY,eAAX,eAAoBC,cAAe,SAC3DC,QAAS,KACTC,mBAAoB,CAAC,KAAM,KAAM,KAAM,KAAM,MAC7CC,SAAU,SAACC,GACPlB,EAAS,CAAEmB,MAAM,IAAD,OAAMD,GAAeE,QAASF,EAAYG,OAAS,W,6OCTxE,SAASC,IAAS,IAAD,EAEmBC,cAFnB,0BAEnBC,EAFmB,EAEnBA,MAAOC,EAFY,EAEZA,WAAYC,EAFA,EAEAA,IAAOC,EAFP,KAIpBxB,EAAMC,cAAND,EAJoB,EAMFyB,mBAAS,IANP,mBAMrBT,EANqB,KAMdnB,EANc,KAQZ6B,EAAkBC,aAAY,SAACC,GAAD,OAAaC,YAAQC,YAAqBR,EAAY,sBAAuBM,GAAUL,KAAM,CACvIQ,UAAW,WACPC,IACAnC,EAAS,IACToC,IAAQC,MAAM,CACVC,MAAOnC,EAAE,0CACToC,KAAMpC,EAAE,+CAEbqC,QAAS,SAACC,GACTL,IAAQC,MAAMlC,EAAE,SAAD,OAAUsC,EAAMC,cAT/BC,OAsBFR,EAAc,WAChBR,EAAS,CAAEiB,KAAMC,IAAeC,MAAOC,OAG3C,OACI,eAAC,IAAD,CAAOC,OAAQxB,EAAMyB,SAASF,KAAcG,UAAQ,EAApD,UACI,cAAC,IAAD,CAAaC,OAAQhB,EAArB,SACKhC,EAAE,gCAEP,cAAC,IAAD,CAAWiD,UAAU,aAArB,SACI,eAAC,IAAD,WACI,cAAC,IAAD,CAAOC,QAAQ,YAAf,SAA4BlD,EAAE,oCAC9B,cAAC,IAAD,CAAaH,SAAUA,SAG/B,cAAC,IAAD,CAAaoD,UAAU,cAAvB,SACI,eAAC,IAAD,CAAaA,UAAU,qBAAvB,UACI,cAAC,IAAD,CAAQE,MAAM,UAAUC,QAtBb,WACvBpB,IACAR,EAAS,CAAEiB,KAAMC,IAAeW,KAAMC,OAoB1B,SACKtD,EAAE,qCAEP,cAAC,IAAD,CAAQmD,MAAM,UAAUC,QA7BhB,WACpB1B,EAAcV,IA4BgDuC,UAAWvC,EAAMC,QAAnE,SACKjB,EAAE","file":"static/js/7.48d2990e.chunk.js","sourcesContent":["import React, { useRef } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport PhoneInput from 'react-phone-input-2'\r\n\r\nconst InputMobile = ({ setPhone }) => {\r\n\r\n    const container = useRef();\r\n    const { t } = useTranslation();\r\n\r\n    return (\r\n        <div ref={container}>\r\n            <PhoneInput\r\n                masks={{ mx: '.. .. .. .. ..' }}\r\n                enableSearch\r\n                searchPlaceholder={t('common.search')}\r\n                inputClass=\"w-100\"\r\n                dropdownStyle={{ width: container?.current?.offsetWidth || '300px' }}\r\n                country={'mx'}\r\n                preferredCountries={['br', 'pe', 'us', 'de', 'au']}\r\n                onChange={(inputNumber) => {\r\n                    setPhone({ phone: `+${inputNumber}`, isValid: inputNumber.length > 8 })\r\n                }}\r\n            />\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default InputMobile;","import React, { useState } from 'react'\r\nimport { useTranslation } from 'react-i18next';\r\nimport { useMutation } from 'react-query';\r\nimport { Button, Modal, ModalHeader, ModalBody, ModalFooter, Form, Label, ButtonGroup } from 'reactstrap';\r\n\r\nimport { fetcher } from 'api/client';\r\nimport bootbox from 'components/Modals/Bootbox';\r\nimport { clientContractAction } from 'api/actions/contracts';\r\nimport { useSign, CONTROL_MODAL, PHONE_MODAL, SIGN_MODAL } from 'context/signview';\r\nimport InputMobile from 'components/Shared/InputMobile';\r\n\r\nexport default function Phone() {\r\n\r\n    const [{ modal, contractId, jwt }, dispatch] = useSign();\r\n\r\n    const { t } = useTranslation();\r\n\r\n    const [phone, setPhone] = useState({});\r\n\r\n    const { mutate: phoneMutation } = useMutation((payload) => fetcher(clientContractAction(contractId, 'sendsignlinktophone', payload), jwt), {\r\n        onSuccess: () => {\r\n            handleClose();\r\n            setPhone({});\r\n            bootbox.alert({\r\n                title: t('sign.sign_mobile_message.title_success'),\r\n                text: t('sign.sign_mobile_message.success_message')\r\n            })\r\n        }, onError: (error) => {\r\n            bootbox.alert(t(`error.${error.message}`));\r\n        }\r\n    });\r\n\r\n    const handleSendPhone = () => {\r\n        phoneMutation(phone)\r\n    };\r\n\r\n    const handleOpenSignView = () => {\r\n        handleClose();\r\n        dispatch({ type: CONTROL_MODAL, open: SIGN_MODAL });\r\n    }\r\n\r\n    const handleClose = () => {\r\n        dispatch({ type: CONTROL_MODAL, close: PHONE_MODAL });\r\n    }\r\n\r\n    return (\r\n        <Modal isOpen={modal.includes(PHONE_MODAL)} centered >\r\n            <ModalHeader toggle={handleClose}>\r\n                {t('sign.send_sign_modal.title')}\r\n            </ModalHeader>\r\n            <ModalBody className=\"modal-body\">\r\n                <Form>\r\n                    <Label htmlFor=\"cellphone\">{t('sign.send_sign_modal.cellphone')}</Label>\r\n                    <InputMobile setPhone={setPhone} />\r\n                </Form>\r\n            </ModalBody>\r\n            <ModalFooter className=\"text-center\">\r\n                <ButtonGroup className=\"d-flex flex-grow-1\">\r\n                    <Button color=\"default\" onClick={handleOpenSignView}>\r\n                        {t('sign.send_sign_modal.modal_back')}\r\n                    </Button>\r\n                    <Button color=\"primary\" onClick={handleSendPhone} disabled={!phone.isValid}>\r\n                        {t('sign.send_sign_modal.modal_send')}\r\n                    </Button>\r\n                </ButtonGroup>\r\n            </ModalFooter>\r\n        </Modal>\r\n    )\r\n}\r\n"],"sourceRoot":""}