https://app.vlemobile.com/static/js/5468.632e7992.chunk.js

1"use strict";(self.webpackChunkvle_mobile=self.webpackChunkvle_mobile||[]).push([[5468],{6446:(e,s,t)=>{t.d(s,{J:()=>n,S:()=>r});var l=t(5043),m=t(6622),a=t(852),i=t(8109),d=t(579);const r=l.forwardRef(((e,s)=>{let{className:t,...l}=e;return(0,d.jsx)(m.bL,{ref:s,className:(0,i.cn)("peer aspect-square size-5 md:size-6 shrink-0 rounded border border-black/50 shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-[#FE4D01] data-[state=checked]:border-[#FE4D01] data-[state=checked]:text-primary-foreground",t),...l,children:(0,d.jsx)(m.C1,{className:(0,i.cn)("flex justify-center items-center text-current"),children:(0,d.jsx)(a.Srz,{className:"w-4 md:w-[1.125rem] h-4 md:h-[1.125rem]"})})})}));r.displayName=m.bL.displayName;const n=l.forwardRef(((e,s)=>{let{className:t,...l}=e;return(0,d.jsx)(m.bL,{ref:s,className:(0,i.cn)("peer aspect-square size-5 sm:size-3.5 lg:size-4 shrink-0 rounded border border-black/50 shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-[#FE4D01] data-[state=checked]:border-[#FE4D01] data-[state=checked]:text-primary-foreground",t),...l,children:(0,d.jsx)(m.C1,{className:(0,i.cn)("flex justify-center items-center text-current"),children:(0,d.jsx)(a.Srz,{className:"size-2.5 sm:size-3 lg:size-4"})})})}));n.displayName=m.bL.displayName},5468:(e,s,t)=>{t.r(s),t.d(s,{UpdateProfile:()=>b});var l=t(5043),m=t(6446),a=t(3922),i=t(3422),d=t(579);const r=()=>(0,d.jsxs)(l.Fragment,{children:[(0,d.jsxs)("div",{className:"bg-[#FFFDF4] p-2.5 sm:p-3 lg:p-3.5 rounded-lg md:rounded-xl mb-4 sm:mb-5 lg:mb-6",children:[(0,d.jsx)("h6",{className:"font-mobile text-black text-[0.785rem] sm:text-[0.825rem] lg:text-sm font-extrabold leading-5 sm:leading-6 lg:leading-7 tracking-[-0.02625rem]",children:"Instructions for customer"}),(0,d.jsx)("p",{className:"text-black text-[0.72rem] sm:text-xs font-normal leading-4 sm:leading-[1.1175rem]",children:"As part of our commitment to customer privacy and account security, we require a valid, unexpired, government-issued photo ID to process your request. Please send the ID to [email protected] with the subject line: 'SIM UNLOCK REQUEST AH0619254'."})]}),(0,d.jsxs)("div",{className:"mb-3.5 sm:mb-[1.125rem] lg:mb-[1.625rem]",children:[(0,d.jsx)("h6",{className:"font-mobile text-black text-[0.785rem] sm:text-[0.825rem] lg:text-sm font-extrabold leading-5 sm:leading-6 lg:leading-7 tracking-[-0.02625rem] mb-1 sm:mb-1.5 lg:mb-2",children:"Upload ID"}),(0,d.jsxs)("div",{className:"relative flex flex-col justify-center items-center h-[11.75rem] px-4 sm:px-5 lg:px-6 py-2 sm:py-3 lg:py-4 border border-[#E9EAEB] rounded-lg md:rounded-xl",children:[(0,d.jsx)("div",{className:"size-8 sm:size-10 p-1.5 sm:p-2 lg:p-2.5 border border-[#D5D7DA] rounded-lg shadow-[inset_0px_0px_0px_1px_rgba(10,13,18,0.18),inset_0px_-2px_0px_0px_rgba(10,13,18,0.05),0px_1px_2px_0px_rgba(10,13,18,0.05)] mb-1.5 sm:mb-2 lg:mb-3",children:(0,d.jsx)("img",{src:"/assets/upload-cloud.svg",alt:"Upload",className:"size-full"})}),(0,d.jsxs)("div",{className:"space-y-0.5 sm:space-y-1",children:[(0,d.jsxs)("p",{className:"text-center text-[#535862] text-xs sm:text-[0.825rem] lg:text-sm font-normal leading-4 sm:leading-5",children:[(0,d.jsx)("span",{className:"text-[#FE4D01] font-semibold",children:"Click to upload"})," ","or drag and drop"]}),(0,d.jsx)("p",{className:"text-center text-[#535862] text-xs sm:text-[0.825rem] lg:text-sm font-normal leading-4 sm:leading-5",children:"PNG, JPEG or PDF (max. 2MB)"})]}),(0,d.jsx)(i.p,{type:"file",className:"absolute inset-0 w-full h-full opacity-0",name:"fileUpload",accept:".png,.pdf,.jpeg"})]})]}),(0,d.jsx)("div",{className:"mb-3 sm:mb-4 lg:mb-5",children:(0,d.jsxs)("div",{className:"flex gap-1.5 sm:gap-2",children:[(0,d.jsx)(m.J,{id:"authorizedByCustomer",className:"size-3 sm:size-3.5 lg:size-4 border-[#D5D7DA] shadow-none mt-0.5"}),(0,d.jsxs)("div",{className:"space-y-0.5",children:[(0,d.jsx)(a.J,{htmlFor:"authorizedByCustomer",className:"w-fit text-black text-xs sm:text-[0.825rem] lg:text-sm font-medium leading-4 sm:leading-5 mb-0 cursor-pointer",children:"Authorized by Customer"}),(0,d.jsx)("p",{className:"text-black text-xs sm:text-[0.8125rem] font-normal leading-4 sm:leading-5",children:"Please note that this call is being recorded for quality assurance and security purposes. By continuing, you confirm that you are the account holder or have full authorization to make changes and request sensitive information related to this account. You also acknowledge that you've reviewed and agreed to our Terms and Conditions and Privacy Policy. This recording may be used to resolve any disputes related to this request. Do you confirm and agree to proceed? Please say yes or no."})]})]})})]});var n=t(8432);const x=e=>{let{setIsRequestSubmitted:s}=e;return(0,d.jsxs)("div",{className:"bg-white p-4 sm:p-5 md:p-6 lg:p-[1.625rem] border border-[#

1E5E7EB] rounded-lg md:rounded-2xl",children:[(0,d.jsxs)("div",{className:"mb-4 sm:mb-5 md:mb-6 lg:mb-[1.625rem]",children:[(0,d.jsxs)("h3",{className:"font-mobile text-black text-xl sm:text-[1.375rem] lg:text-2xl font-bold leading-5 sm:leading-6 lg:leading-7 mb-1.5 sm:mb-2 lg:mb-2.5",children:["Update Profile"," ",(0,d.jsx)("span",{className:"text-sm sm:text-[0.925rem] lg:text-base",children:"(ID verification required)"})]}),(0,d.jsx)("p",{className:"text-black/50 text-xs sm:text-[0.825rem] lg:text-sm font-medium leading-3 sm:leading-4 lg:leading-5",children:"Request ID: AH0619251"})]}),(0,d.jsxs)("div",{className:"mb-4 space-y-4 sm:space-y-5 lg:space-y-6 sm:mb-5 lg:mb-6",children:[(0,d.jsxs)("div",{children:[(0,d.jsx)(a.J,{htmlFor:"firstname",className:"w-fit text-black text-xs sm:text-[0.825rem] md:text-sm font-medium leading-4 md:leading-5 mb-1 md:mb-[0.375rem]",children:"First Name"}),(0,d.jsx)(i.p,{id:"firstname",type:"text",value:"John",className:"bg-white h-[2.35rem] sm:h-10 md:h-[2.875rem] p-2 md:p-3 border-[#D1D5DB] rounded-xl text-black text-[0.825rem] sm:text-sm font-semibold leading-4 md:leading-5 focus-visible:outline focus:outline-[#707C8F]"})]}),(0,d.jsxs)("div",{children:[(0,d.jsx)(a.J,{htmlFor:"lastname",className:"w-fit text-black text-xs sm:text-[0.825rem] md:text-sm font-medium leading-4 md:leading-5 mb-1 md:mb-[0.375rem]",children:"Last Name"}),(0,d.jsx)(i.p,{id:"lastname",type:"text",value:"Doe",className:"bg-white h-[2.35rem] sm:h-10 md:h-[2.875rem] p-2 md:p-3 border-[#D1D5DB] rounded-xl text-black text-[0.825rem] sm:text-sm font-semibold leading-4 md:leading-5 focus-visible:outline focus:outline-[#707C8F]"})]}),(0,d.jsxs)("div",{children:[(0,d.jsx)(a.J,{htmlFor:"email",className:"w-fit text-black text-xs sm:text-[0.825rem] md:text-sm font-medium leading-4 md:leading-5 mb-1 md:mb-[0.375rem]",children:"Email"}),(0,d.jsx)(i.p,{id:"email",type:"email",value:"[email protected]",className:"bg-white h-[2.35rem] sm:h-10 md:h-[2.875rem] p-2 md:p-3 border-[#D1D5DB] rounded-xl text-black text-[0.825rem] sm:text-sm font-semibold leading-4 md:leading-5 focus-visible:outline focus:outline-[#707C8F]"})]}),(0,d.jsxs)("div",{children:[(0,d.jsx)(a.J,{htmlFor:"billingAddress",className:"w-fit text-black text-xs sm:text-[0.825rem] md:text-sm font-medium leading-4 md:leading-5 mb-1 md:mb-[0.375rem]",children:"Billing Address"}),(0,d.jsx)(i.p,{id:"billingAddress",type:"text",value:"123 Main St, Miami, FL 33101",className:"bg-white h-[2.35rem] sm:h-10 md:h-[2.875rem] p-2 md:p-3 border-[#D1D5DB] rounded-xl text-black text-[0.825rem] sm:text-sm font-semibold leading-4 md:leading-5 focus-visible:outline focus:outline-[#707C8F]"})]}),(0,d.jsxs)("div",{children:[(0,d.jsx)(a.J,{htmlFor:"shippingAddress",className:"w-fit text-black text-xs sm:text-[0.825rem] md:text-sm font-medium leading-4 md:leading-5 mb-1 md:mb-[0.375rem]",children:"Shipping Address"}),(0,d.jsx)(i.p,{id:"shippingAddress",type:"text",value:"123 Main St, Miami, FL 33101",className:"bg-white h-[2.35rem] sm:h-10 md:h-[2.875rem] p-2 md:p-3 border-[#D1D5DB] rounded-xl text-black text-[0.825rem] sm:text-sm font-semibold leading-4 md:leading-5 focus-visible:outline focus:outline-[#707C8F]"})]}),(0,d.jsxs)("div",{className:"",children:[(0,d.jsx)(a.J,{htmlFor:"addNote",className:"w-fit text-black text-xs sm:text-[0.825rem] md:text-sm font-semibold leading-4 md:leading-5 mb-1.5 md:mb-2",children:"Add Note"}),(0,d.jsx)(i.p,{id:"addNote",className:"bg-white hover:bg-[#FAFAFA] w-full h-10 md:h-[2.875rem] p-2.5 sm:p-[0.6875rem] md:px-[0.625rem] md:py-3 border border-[#D1D5DB] rounded-lg text-black placeholder:text-black/50 text-xs sm:text-[0.8125rem] font-medium leading-4 md:leading-5 focus-visible:outline focus:outline-[#707C8F]",placeholder:"Add note"})]})]}),(0,d.jsx)(r,{}),(0,d.jsxs)("div",{className:"flex items-center gap-2 sm:gap-3 lg:gap-[1.19rem]",children:[(0,d.jsx)(n.$,{type:"button",variant:"outline",className:"hover:bg-[#FAFAFA] h-[2.35rem] sm:h-10 md:h-11 lg:h-11 p-[0.625rem] border-[#E9EAEB] text-black",children:"Cancel"}),(0,d.jsx)(n.$,{type:"submit",variant:"primary",className:"w-full",onClick:()=>s(!0),children:"Update Profile"})]})]})};var c=t(6971);const o=()=>{const e=(0,c.Zp)();return(0,d.jsxs)("div",{className:"flex flex-col justify-center items-center bg-white w-full max-w-[34.8125rem] space-y-4 sm:sp

1ace-y-5 lg:space-y-6 p-4 sm:p-5 md:p-6 lg:p-[1.625rem] border border-[#E5E7EB] rounded-lg md:rounded-2xl mx-auto",children:[(0,d.jsxs)("div",{className:"space-y-3 sm:space-y-4 lg:space-y-5",children:[(0,d.jsx)("div",{className:"flex-shrink-0 size-11 sm:size-[3.25rem] lg:size-[3.75rem] mx-auto",children:(0,d.jsx)("img",{src:"/assets/green-tick.svg",alt:"Success",className:"w-full"})}),(0,d.jsxs)("div",{className:"text-center",children:[(0,d.jsx)("h2",{className:"font-mobile text-black text-xl sm:text-2xl lg:text-[1.75rem] font-bold leading-7 sm:leading-9 lg:leading-[2.75rem] mb-0.5 sm:mb-1",children:"Request Submitted Successfully"}),(0,d.jsx)("p",{className:"max-w-[30.3125rem] text-black text-xs sm:text-[0.825rem] lg:text-sm font-normal leading-4 sm:leading-5 lg:leading-[1.30375rem] mx-auto",children:"Your DID change request has been processed and is now in queue"})]})]}),(0,d.jsxs)("ul",{className:"w-full bg-[#F8F9FA] p-3 sm:p-3.5 lg:p-4 rounded-[0.5625rem]",children:[(0,d.jsxs)("li",{className:"flex items-center justify-between min-h-[3.625rem] px-4 sm:px-5 lg:px-6 py-2 sm:py-2.5 lg:py-3 border-b border-[#E9EAEB]",children:[(0,d.jsx)("h6",{className:"text-black text-xs sm:text-[0.825rem] lg:text-sm font-bold leading-4 sm:leading-5",children:"Request ID"}),(0,d.jsx)("p",{className:"text-black text-xs sm:text-[0.825rem] lg:text-sm font-semibold leading-4 sm:leading-5",children:"AH0619251"})]}),(0,d.jsxs)("li",{className:"flex items-center justify-between min-h-[3.625rem] px-4 sm:px-5 lg:px-6 py-2 sm:py-2.5 lg:py-3 border-b border-[#E9EAEB]",children:[(0,d.jsx)("h6",{className:"text-black text-xs sm:text-[0.825rem] lg:text-sm font-bold leading-4 sm:leading-5",children:"Phone Number"}),(0,d.jsx)("p",{className:"text-black text-xs sm:text-[0.825rem] lg:text-sm font-semibold leading-4 sm:leading-5",children:"(555)123-1234"})]}),(0,d.jsxs)("li",{className:"flex items-center justify-between min-h-[3.625rem] px-4 sm:px-5 lg:px-6 py-2 sm:py-2.5 lg:py-3 border-b border-[#E9EAEB]",children:[(0,d.jsx)("h6",{className:"text-black text-xs sm:text-[0.825rem] lg:text-sm font-bold leading-4 sm:leading-5",children:"Current DID"}),(0,d.jsx)("p",{className:"text-black text-xs sm:text-[0.825rem] lg:text-sm font-semibold leading-4 sm:leading-5",children:"4567876543214576"})]}),(0,d.jsxs)("li",{className:"flex items-center justify-between min-h-[3.625rem] px-4 sm:px-5 lg:px-6 py-2 sm:py-2.5 lg:py-3 border-b border-[#E9EAEB]",children:[(0,d.jsx)("h6",{className:"text-black text-xs sm:text-[0.825rem] lg:text-sm font-bold leading-4 sm:leading-5",children:"Requested Change"}),(0,d.jsx)("p",{className:"text-black text-xs sm:text-[0.825rem] lg:text-sm font-semibold leading-4 sm:leading-5",children:"New DID Assignment"})]}),(0,d.jsxs)("li",{className:"flex items-center justify-between min-h-[3.625rem] px-4 sm:px-5 lg:px-6 py-2 sm:py-2.5 lg:py-3 border-b border-[#E9EAEB]",children:[(0,d.jsx)("h6",{className:"text-black text-xs sm:text-[0.825rem] lg:text-sm font-bold leading-4 sm:leading-5",children:"ZIP Code"}),(0,d.jsx)("p",{className:"text-black text-xs sm:text-[0.825rem] lg:text-sm font-semibold leading-4 sm:leading-5",children:"10001"})]}),(0,d.jsxs)("li",{className:"flex items-center justify-between min-h-[3.625rem] px-4 sm:px-5 lg:px-6 py-2 sm:py-2.5 lg:py-3 border-b border-[#E9EAEB]",children:[(0,d.jsx)("h6",{className:"text-black text-xs sm:text-[0.825rem] lg:text-sm font-bold leading-4 sm:leading-5",children:"Submitted By"}),(0,d.jsx)("p",{className:"text-black text-xs sm:text-[0.825rem] lg:text-sm font-semibold leading-4 sm:leading-5",children:"Agent ID: AG-2024-156"})]}),(0,d.jsxs)("li",{className:"flex items-center justify-between min-h-[3.625rem] px-4 sm:px-5 lg:px-6 py-2 sm:py-2.5 lg:py-3",children:[(0,d.jsx)("h6",{className:"text-black text-xs sm:text-[0.825rem] lg:text-sm font-bold leading-4 sm:leading-5",children:"Submission Time"}),(0,d.jsx)("p",{className:"text-black text-xs sm:text-[0.825rem] lg:text-sm font-semibold leading-4 sm:leading-5",children:"6/27/2025, 10:52:29 AM"})]})]}),(0,d.jsx)(n.$,{type:"button",variant:"primary",className:"h-11 sm:h-[2.875rem] md:h-12 lg:h-[3.125rem]",onClick:()=>

1e("/agent/customer-dashboard"),children:"Back to Dashboard"})]})},b=(0,l.memo)((e=>{const[s,t]=(0,l.useState)(!1);return(0,l.useEffect)((()=>{window.scrollTo({top:0,behavior:"smooth"})}),[s]),(0,d.jsx)("div",{className:"px-3 py-3 sm:px-4 md:px-6 lg:px-8 2xl:px-12 sm:py-4 md:py-5 lg:py-[1.625rem]",children:s?(0,d.jsx)(o,{}):(0,d.jsxs)("div",{className:"w-full max-w-[50.1875rem] mx-auto",children:[(0,d.jsxs)("h6",{className:"inline-flex items-center gap-[0.31rem] font-roboto text-black text-[0.625rem] font-medium leading-[0.9375rem] tracking-[0.00938rem] mb-2.5 sm:mb-4 md:mb-5 lg:mb-6",children:[(0,d.jsx)("span",{className:"text-[#FE4D01]",children:"Customer Information"})," /"," ",(0,d.jsx)("span",{children:"Update Profile"})]}),(0,d.jsx)(x,{setIsRequestSubmitted:t})]})})}))}}]);
2//# sourceMappingURL=5468.632e7992.chunk.js.map