{"version":3,"file":"IncentiveTierCodesForm-BY18S5Lv.js","sources":["../../../app/frontend/components/InvestorFlow/v2/Components/LeftContainer/IncentiveTierCodesForm.svelte"],"sourcesContent":["<script lang=\"ts\">\n  import type {FieldsSetter, Obj} from '@felte/common/dist/esm/types';\n  import {slide} from 'svelte/transition';\n  import type {Writable} from 'svelte/store';\n  import * as yup from 'yup';\n\n  import {CatalystApp} from 'Catalyst/components/CatalystApp';\n  import Arrow from 'Components/Common/icons/NextArrow.svelte';\n  import Icon from 'Catalyst/components/Icon/Icon.svelte';\n  import {\n    dealId,\n    hasSubmittedPromotion,\n    jwtToken,\n    patchUpdateInvestor,\n    personalInfo,\n  } from 'Store/InvestorFlowStore';\n  import {SectionNotice} from 'Catalyst/components/SectionNotice';\n  import Form from 'Components/Common/FormManager/Form.svelte';\n  import Input from 'Components/Common/FormManager/Input.svelte';\n  import {getIncentiveTierByCode} from 'Utility/deals/incentive_tier/getIncentiveTiers';\n\n  import {whiteLabeling} from 'Store/WhiteLabelStore';\n  import type {CssColor} from 'Catalyst/utility/theme';\n\n  let referrerEmail = '';\n  let freeShares = 0;\n  let isCodeValid = false;\n  let invalidMessage = null;\n  let formValid = false;\n\n  let promoCodeData: Writable<{code: string; referrerEmail: string}> = null;\n\n  let validateForm = async () => {};\n  let setFormFields: FieldsSetter<Obj, string>;\n\n  const handleSubmit = async () => {\n    hasSubmittedPromotion.set(true);\n    await patchUpdateInvestor();\n  };\n\n  const applyPromoCode = async () => {\n    await validateForm();\n    if (!formValid) return;\n\n    try {\n      const data = await getIncentiveTierByCode(\n        $dealId,\n        $promoCodeData.code,\n        $promoCodeData.referrerEmail,\n        $jwtToken\n      );\n\n      if (data.success) {\n        freeShares = data.freeShares;\n        isCodeValid = true;\n        $personalInfo.referrer_email = $promoCodeData.referrerEmail;\n        $personalInfo.incentive_code = $promoCodeData.code;\n      } else {\n        clearData();\n        invalidMessage = data.message;\n      }\n    } catch (error) {\n      console.error('Error applying promo code:', error);\n      clearData();\n    }\n  };\n\n  const clearData = () => {\n    isCodeValid = false;\n    freeShares = 0;\n    $personalInfo.referrer_email = '';\n    $personalInfo.incentive_code = '';\n  };\n\n  const clearPromoCode = () => {\n    clearData();\n    setFormFields('code', '');\n  };\n\n  const validationSchema = yup.object().shape({\n    code: yup.string().label('Promo code').required(),\n    referrerEmail: yup.string().label('Referrer email').email().required(),\n  });\n\n  $: brandColor = $whiteLabeling.primary_color as CssColor;\n</script>\n\n<CatalystApp\n  brandColors={[\n    {\n      key: 'brand-color',\n      value: brandColor,\n    },\n  ]}\n>\n  <div class=\"py-[0.75rem]\" data-testid=\"incentive-tier-codes-form\">\n    <h2\n      class=\"text-[1.125rem] font-inter font-normal font-medium leading-[1.25rem] text-gray-700 align-self-start\"\n    >\n      Enter promo code for incentive\n    </h2>\n    <Form\n      schema={validationSchema}\n      on:submit={handleSubmit}\n      class=\"my-[1.5rem]\"\n      bind:valid={formValid}\n      bind:validateForm\n      bind:setFormFields\n      bind:dataStore={promoCodeData}\n    >\n      <div class=\"relative w-full\">\n        <div class=\"relative\">\n          {#if isCodeValid}\n            <div\n              transition:slide|local={{duration: 250, axis: 'x'}}\n              class=\"absolute left-3 top-0 py-[0.750rem] flex items-center\"\n            >\n              <Icon\n                name=\"check_circle\"\n                filled\n                class=\"text-[--palettes-brand-color-600]\"\n              />\n            </div>\n          {/if}\n          <Input\n            name=\"code\"\n            placeholder=\"Enter promo code\"\n            class=\"{isCodeValid\n              ? '!pl-10 !border-[--palettes-brand-color-600] text-[--palettes-brand-color-600]'\n              : '!pl-3.5'} focus:outline-none border border-gray-300 placeholder:text-gray-500 placeholder:font-Inter placeholder:text-[1rem] placeholder:font-normal placeholder:font-[400] placeholder:leading-[1.5rem] transition-all duration-200\"\n          />\n        </div>\n        <div class=\"absolute right-0 top-0 py-[0.625rem] flex items-center\">\n          {#if isCodeValid}\n            <button\n              type=\"button\"\n              data-testid=\"clear-button\"\n              on:click={clearPromoCode}\n              class=\"px-3 flex items-center text-gray-500 hover:text-gray-700 transition-colors leading-[1.5] py-[0.125rem]\"\n            >\n              <Icon name=\"close\" />\n            </button>\n          {:else}\n            <button\n              type=\"button\"\n              on:click={applyPromoCode}\n              class=\"px-3 text-center text-[--palettes-brand-color-500] font-inter text-[1rem] font-normal font-[500] leading-[1.5rem] leading-[1.5]\"\n            >\n              Apply\n            </button>\n          {/if}\n        </div>\n      </div>\n      <Input\n        bind:value={referrerEmail}\n        name=\"referrerEmail\"\n        placeholder=\"Referrer's email address\"\n        class=\"pl-[0.88rem] py-[1.28rem] focus:outline-none border border-gray-300 placeholder:text-gray-500 placeholder:font-Inter placeholder:text-[1rem] placeholder:font-normal placeholder:font-[400] placeholder:leading-[1.5rem]\"\n      />\n      <div\n        class=\"rounded-[0.25rem] border border-gray-300 bg-[#F9FAFB] shadow-[0px_1px_2px_0px_rgba(16,24,40,0.05)] flex py-[0.625rem] px-[0.88rem] items-center gap-[0.5rem] self-stretch text-[#667085] font-Inter text-[1rem] font-normal font-[400] leading-[1.5rem]\"\n      >\n        <p\n          class=\"text-[var(--Gray-500,#667085)] font-Inter text-[1rem] font-normal leading-[1.5rem]\"\n        >\n          {freeShares} shares\n        </p>\n      </div>\n      {#if !isCodeValid && invalidMessage}\n        <SectionNotice\n          semantic=\"error\"\n          message={invalidMessage}\n          class=\"!mt-3\"\n        />\n      {/if}\n      <button\n        id=\"accept_invitation\"\n        type=\"submit\"\n        data-testId=\"submit\"\n        class=\"flex w-full mt-[1.5rem] p-[0.625rem] px-[1.125rem] justify-center items-center gap-[0.5rem] self-stretch rounded-[1.75rem] disabled:opacity-[0.5] bg-[--palettes-brand-color-600] disabled:bg-[--palettes-brand-color-500] shadow-[0px_1px_2px_0px_rgba(16,24,40,0.05)]\"\n        disabled={!formValid}\n      >\n        <div\n          class=\"text-[#FFF] font-inter text-[1rem] font-normal font-[500] leading-[1.5rem]\"\n        >\n          Continue\n        </div>\n        <div class=\"arrow\"><Arrow /></div>\n      </button>\n    </Form>\n    <SectionNotice\n      semantic=\"info\"\n      message=\"You are almost there! Just one more step to go to avail free your\n        shares.\"\n    />\n  </div>\n</CatalystApp>\n"],"names":["insert","target","div","anchor","div_transition","create_bidirectional_transition","slide","button","ctx","create_if_block_2","if_block2","create_if_block","div2","append","div0","div1","div3","p","div4","div5","dirty","input0_changes","h2","__awaiter","thisArg","_arguments","P","generator","referrerEmail","freeShares","isCodeValid","invalidMessage","formValid","promoCodeData","validateForm","setFormFields","handleSubmit","hasSubmittedPromotion","patchUpdateInvestor","applyPromoCode","data","getIncentiveTierByCode","$dealId","$promoCodeData","$jwtToken","$$invalidate","set_store_value","personalInfo","$personalInfo","clearData","error","clearPromoCode","validationSchema","yup.object","yup.string","value","brandColor","$whiteLabeling"],"mappings":"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"}