{"version":3,"file":"signup-C-utbJ_F.js","sources":["../../../../node-apps/site/src/components/join/AccountFormPanel.vue","../../../../node-apps/site/src/components/join/JoinCardForm.vue","../../../../node-apps/site/src/components/join/CheckoutPanel.vue","../../../../node-apps/site/src/components/join/SponsorPanel.vue","../../../../node-apps/site/src/components/join/StarterKitPanel.vue","../../../../node-apps/site/src/pages/opportunities/signup.vue"],"sourcesContent":["<template>\n  <div class=\"panel my-account-info\">\n    <h2 class=\"flex-row flex-align-center gap-sm\">\n      <div class=\"dot\">3</div>\n      <div>My Account Information</div>\n      <a href=\"#\" v-if=\"step === 5\" @click.prevent=\"step -= 1\">\n        <i class=\"pi pi-pen-to-square\"></i>\n      </a>\n    </h2>\n    <template v-if=\"join.info.kit && join.info.rep\">\n      <div class=\"info-section\">\n        <div\n          v-if=\"join.info.account\"\n          class=\"auto-form sub-form hrow info-column\"\n        >\n          <div class=\"name\">\n            {{ join.accountData.first_name }} {{ join.accountData.last_name }}\n          </div>\n\n          <div>\n            {{ join.addressData.address }}\n          </div>\n          <div v-if=\"join.addressData.address2\">\n            {{ join.addressData.address2 }}\n          </div>\n\n          <div>\n            {{ join.addressData.city }}, {{ join.addressData.state }}\n            {{ join.addressData.zip_code }}\n          </div>\n          <div>{{ join.accountData.email }}</div>\n          <div>{{ join.accountData.phone }}</div>\n        </div>\n\n        <div>\n          <div v-if=\"join.info.payout\">\n            <div\n              v-if=\"\n                join.payoutData.payout_method === join.methodOptions[0].value\n              \"\n            >\n              <div>{{ join.payoutData.bank_name }}</div>\n              <div>{{ join.encryptedAccountNumber() }}</div>\n            </div>\n\n            <div v-else>\n              <div>Check</div>\n            </div>\n          </div>\n\n          <div v-if=\"join.info.password\">\n            <div>Password</div>\n            <div>*********</div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"auto-form sub-form hrow\">\n        <PapaAutoForm\n          v-if=\"step === 0\"\n          v-model=\"join.accountData\"\n          :fields=\"accountFields\"\n          @submit=\"step += 1\"\n          class=\"account-form\"\n        >\n          <div class=\"m-sm-t\">\n            <Button type=\"submit\" class=\"grey\">Next</Button>\n          </div>\n        </PapaAutoForm>\n\n        <PapaAutoForm\n          v-else-if=\"step === 1\"\n          v-model=\"join.addressData\"\n          :fields=\"addresses.fields\"\n          @submit=\"\n            join.info.account = true;\n            step += 1;\n          \"\n        >\n          <div class=\"m-sm-t\">\n            <Button @click.prevent=\"step -= 1\" class=\"grey prev-grey\">\n              Prev\n            </Button>\n            <Button type=\"submit\" class=\"grey\">Next</Button>\n          </div>\n        </PapaAutoForm>\n\n        <div v-else-if=\"step === 2\">\n          <h3>PAYOUT INFORMATION</h3>\n          <p>\n            Please select how you would like to recieve your commissions.\n            Commissions are paid monthly either by Direct Deposit (FREE) or\n            Check ($2.50 fee).\n          </p>\n          <PapaAutoForm\n            v-model=\"join.payoutData\"\n            :fields=\"join.payoutFields\"\n            @submit=\"\n              join.info.payout = true;\n              step += 1;\n            \"\n          >\n            <div class=\"m-sm-t\">\n              <Button @click.prevent=\"step -= 1\" class=\"grey prev-grey\">\n                Prev\n              </Button>\n              <Button type=\"submit\" class=\"grey\"> Next </Button>\n            </div>\n          </PapaAutoForm>\n        </div>\n\n        <div v-else-if=\"step === 3\">\n          <h3>BACK OFFICE PASSWORD</h3>\n          <p>\n            This is the password that you, as a Consultant, will use to access\n            your Back Office and shopping cart.\n          </p>\n          <PapaAutoForm\n            v-model=\"join.passwordData\"\n            :fields=\"passwordFields\"\n            :errors=\"passwordErrors\"\n            @submit=\"verifyPasswordForm\"\n          >\n            <div class=\"m-sm-t\">\n              <Button @click.prevent=\"step -= 1\" class=\"grey prev-grey\">\n                Prev\n              </Button>\n              <Button type=\"submit\" class=\"grey\">Next</Button>\n            </div>\n          </PapaAutoForm>\n        </div>\n\n        <div v-else-if=\"step === 4\" class=\"enrollment-terms\">\n          <h3 class=\"enrollment-header\">Enrollment Terms and Conditions</h3>\n          <div class=\"terms m-sm-b\">\n            <div v-html=\"terms\"></div>\n          </div>\n          <PapaAutoForm\n            v-model=\"join.flagData\"\n            @submit=\"finishForms\"\n            :fields=\"[\n              {\n                name: 'terms_agreed',\n                type: 'checkbox',\n                required: true,\n                label:\n                  'I agree to the Enrollment Terms & Conditions as presented here.',\n              },\n              {\n                name: 'send_email',\n                type: 'checkbox',\n                required: false,\n                label: 'Email me the Enrollment Terms and Conditions',\n              },\n            ]\"\n          >\n            <div class=\"m-sm-t\">\n              <Button @click.prevent=\"step -= 1\" class=\"grey prev-grey\">\n                Prev\n              </Button>\n              <Button type=\"submit\" class=\"grey\"> Next </Button>\n            </div>\n          </PapaAutoForm>\n        </div>\n      </div>\n    </template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useAddressStore } from \"@/stores/address\";\nimport { useContentStore } from \"@/stores/content\";\nimport { useJoinStore } from \"@/stores/join\";\nimport { validatePassword } from \"@/utils/password_validation\";\nimport type { FieldDef } from \"@virgodev/vue-models/components/forms/defs\";\nimport Button from \"primevue/button\";\nimport { computed, onMounted, ref, watch } from \"vue\";\nimport PapaAutoForm from \"../PapaAutoForm.vue\";\n\nconst join = useJoinStore();\nconst content = useContentStore();\nconst addresses = useAddressStore();\n\nconst step = ref(0);\n\nconst accountFields = [\n  {\n    label: false,\n    type: \"sub\",\n    css_classes: \"hrow\",\n    fields: [\n      { name: \"first_name\", type: \"text\", label: \"First Name\", required: true },\n      { name: \"last_name\", type: \"text\", label: \"Last Name\", required: true },\n    ],\n  },\n  {\n    label: false,\n    type: \"sub\",\n    css_classes: \"hrow\",\n    fields: [\n      { name: \"dob\", type: \"date\", label: \"Date of Birth\", required: true },\n      {\n        name: \"ssn\",\n        type: \"masked\",\n        extra: {\n          mask: \"999-99-9999\",\n          tooltip:\n            \"As a Paparazzi Consultant you have the potential to generate income.\",\n        },\n        pattern: \"[^_]+\",\n        minlength: 12,\n        label: \"Social Security Number (NO EINS)\",\n        required: true,\n        css_classes: \"_lr-hide\",\n      },\n    ],\n  },\n  {\n    label: false,\n    type: \"sub\",\n    css_classes: \"hrow\",\n    fields: [\n      { name: \"email\", type: \"email\", label: \"Email\", required: true },\n      { name: \"phone\", type: \"phone\", label: \"Phone Number\", required: true },\n    ],\n  },\n  {\n    label: false,\n    type: \"sub\",\n    css_classes: \"hrow\",\n    fields: [\n      {\n        name: \"language\",\n        label: \"Preferred Language\",\n        options: [\n          { value: \"1\", name: \"English\" },\n          { value: \"98\", name: \"Spanish\" },\n        ],\n        default: \"1\",\n        required: true,\n      },\n    ],\n  },\n];\nconst passwordFields: FieldDef[] = [\n  {\n    name: \"back_office_password\",\n    label: \"Back Office Password\",\n    type: \"new-password\",\n    ariaLabel: \"Password\",\n    required: true,\n    autocomplete: \"new-password\",\n    placeholder:\n      \"Must be at least 8 characters. You may use letters, numbers, and  . + - _ characters.\",\n  },\n  {\n    name: \"confirm_password\",\n    label: \"Confirm Password\",\n    type: \"password\",\n    required: true,\n    autocomplete: \"new-password\",\n    ariaLabel: \"Confirm Password\",\n    placeholder: \"Same as Above\",\n  },\n];\nconst passwordErrors = ref<Record<string, string[]>>({});\n\nconst terms = computed(() => {\n  return content.snippets.find((s) => {\n    return s.section.name == \"new-consultant-terms\";\n  })?.content;\n});\n\nwatch(\n  () => join.addressData.zip_code,\n  () => {\n    addresses.fetchCountyInfo(join.addressData.zip_code);\n  },\n);\n\nwatch(step, () => {\n  join.info.accountInfoComplete = step.value > 4;\n});\n\nonMounted(() => {\n  addresses.reset();\n  addresses.allowPOBoxes = true;\n\n  if (join.addressData?.zip_code) {\n    addresses.fetchCountyInfo(join.addressData?.zip_code, {\n      existing: {\n        city: join.addressData.city,\n        state: join.addressData.state,\n        county: join.addressData.county,\n      },\n    });\n  }\n});\n\nasync function finishForms() {\n  step.value += 1;\n}\n\nfunction verifyPasswordForm() {\n  passwordErrors.value = {};\n  const error = validatePassword(join.passwordData.back_office_password);\n  if (error) {\n    passwordErrors.value = { back_office_password: [error] };\n  }\n  if (\n    join.passwordData.back_office_password !==\n    join.passwordData.confirm_password\n  ) {\n    passwordErrors.value = {\n      ...passwordErrors.value,\n      confirm_password: [\"Passwords must match\"],\n    };\n  }\n\n  if (Object.values(passwordErrors.value).length === 0) {\n    join.info.password = true;\n    step.value += 1;\n  }\n}\n</script>\n\n<style scoped>\n.info-section {\n  display: flex;\n  margin: 32px 0;\n  font-size: 14px;\n  .info-column {\n    margin-right: var(--3XL, 80px);\n  }\n  .name {\n    display: block;\n  }\n}\n\n.terms {\n  height: 250px;\n  width: 100%;\n  border: 1px solid #c4c4c4;\n  padding: 16px;\n  overflow: scroll;\n  color: var(--Black, #000);\n  /* Paragraph 1 */\n  font-family: Indivisible;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n  :deep(p) {\n    margin: 0;\n  }\n  :deep(p strong) {\n    font-weight: 500;\n  }\n}\n\n#app .auto-form :deep(.hrow .inside) {\n  grid-template-columns: 1fr 1fr;\n}\n\n.my-account-info :deep(.auto-form .inside) {\n  max-width: 740px !important;\n}\n.my-account-info {\n  border-bottom: 1px solid var(--30, #c4c4c4);\n  .name {\n    color: var(--Black, #000);\n    /* Paragraph 1 */\n    font-family: Indivisible;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: normal;\n  }\n  h3 {\n    color: var(--Black, #000);\n    /* Heading 3 */\n    font-family: Indivisible;\n    font-size: 18px;\n    font-style: normal;\n    font-weight: 300;\n    line-height: normal;\n    text-transform: uppercase;\n    margin: 0;\n  }\n}\n.my-account-info:deep(p) {\n  font-size: 14px;\n  margin: 8px 0 24px;\n}\n.my-account-info h2 {\n  text-align: left;\n  align-items: center;\n}\n.my-account-info:deep(#pv_id_44.p-dropdown),\n.my-account-info:deep(#pv_id_46.p-dropdown) {\n  width: calc(50% - 11px);\n}\n\n.my-account-info:deep(.help) {\n  font-size: 14px;\n}\n.enrollment-terms :deep(label) {\n  text-transform: math-auto !important;\n}\n#app .auto-form .enrollment-terms :deep(label.flex-row.gap-sm.checkbox) {\n  white-space: revert-layer !important;\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n}\n\nh3.enrollment-header {\n  margin-bottom: var(--Sm, 24px) !important;\n}\n\n.p-button.grey.prev-grey {\n  margin-right: var(--Sm, 24px);\n}\n\n#app input {\n  border: 1px dashed green;\n}\n\n@media (min-width: 800px) {\n  :deep(label[for=\"payout_method\"]),\n  :deep(label[for=\"payout_method\"] + *) {\n    width: calc(50% - 12px);\n  }\n  :deep(label[for=\"account_type\"]),\n  :deep(label[for=\"account_type\"] + *) {\n    width: calc(50% - 12px);\n  }\n}\n\n@media (max-width: 800px) {\n  .account-form :deep(.inside) {\n    grid-template-columns: 1fr !important;\n    grid-auto-flow: row !important;\n  }\n  .info-section {\n    .info-column {\n      margin-right: var(--Sm, 24px);\n    }\n  }\n}\n</style>\n","<template>\n  <PapaAutoForm\n    id=\"cardForm\"\n    v-model=\"join.card\"\n    @submit=\"submitCard\"\n    @update:model-value=\"updateValue\"\n    :fields=\"fields\"\n  >\n    <template #address=\"{ field, updateField }\">\n      <label v-if=\"field.label !== false\">{{\n        field.label || field.name\n      }}</label>\n      <label class=\"flex-row flex-align-center gap-sm p-2xs-y checkbox\">\n        <Checkbox v-model=\"sameAs\" binary />\n        <div>Same as Shipping</div>\n      </label>\n      <div v-if=\"sameAs\">\n        <AddressBlock\n          v-if=\"join.card.billing_address\"\n          :value=\"join.card.billing_address\"\n        />\n      </div>\n      <div v-else>\n        <AddressForm\n          v-model=\"billingAddress\"\n          :billing=\"false\"\n          :shipping=\"false\"\n        />\n      </div>\n      <div></div>\n    </template>\n    <template #default>\n      <slot />\n    </template>\n  </PapaAutoForm>\n</template>\n\n<script setup lang=\"ts\">\nimport { useJoinStore } from \"@/stores/join\";\nimport { blankAddress } from \"@/utils/utilities\";\nimport type { Address } from \"@paparazzi/types/paparazzi.api.serializers\";\nimport copy from \"@virgodev/bazaar/functions/copy\";\nimport type { FieldDef } from \"@virgodev/vue-models/components/forms/defs\";\nimport Checkbox from \"primevue/checkbox\";\nimport { computed, onMounted, ref, watch } from \"vue\";\nimport PapaAutoForm from \"../PapaAutoForm.vue\";\nimport AddressBlock from \"../addresses/AddressBlock.vue\";\nimport AddressForm from \"../addresses/AddressForm.vue\";\n\nconst emits = defineEmits([\"submit\"]);\nconst billingAddress = ref<Address>(blankAddress());\nconst sameAs = ref<boolean>(true);\nconst join = useJoinStore();\n\nconst fields = computed<FieldDef[]>(() => {\n  const retval = [\n    {\n      type: \"sub\",\n      name: \"sub-row\",\n      css_classes: \"hrow\",\n      label: false,\n      fields: [\n        {\n          name: \"first_name\",\n          label: \"First Name\",\n          autocomplete: \"cc-given-name\",\n        },\n        {\n          name: \"last_name\",\n          label: \"Last Name\",\n          autocomplete: \"cc-family-name\",\n        },\n      ],\n    },\n    {\n      type: \"ccnum\",\n      name: \"card\",\n      label: \"Credit Card Number\",\n    },\n    {\n      type: \"sub\",\n      name: \"sub-row\",\n      css_classes: \"hrow\",\n      label: false,\n      fields: [\n        {\n          type: \"masked\",\n          name: \"exp_date\",\n          label: \"Expiration Date\",\n          extra: { mask: \"99/99\", slotChar: \"MM/YY\" },\n          placeholder: \"MM/YY\",\n          autocomplete: \"cc-exp\",\n          css_classes: \"_lr-hide\",\n        },\n        {\n          name: \"cvc\",\n          css_classes: \"_lr-hide\",\n          autocomplete: \"cc-csc\",\n          minlength: 3,\n          maxlength: 5,\n        },\n      ],\n    },\n    {\n      type: \"address\",\n      name: \"billing_address\",\n      label: false,\n    },\n  ] as FieldDef[];\n  return retval;\n});\n\nwatch(\n  [sameAs, billingAddress],\n  () => {\n    if (sameAs.value) {\n      join.card.billing_address = copy(join.addressData);\n    } else {\n      join.card.billing_address = copy(billingAddress.value);\n    }\n  },\n  { deep: true },\n);\n\nonMounted(() => {\n  if (!join.card.billing_address) {\n    join.card.billing_address = join.addressData;\n  }\n});\n\nfunction submitCard(data: Record<string, any>) {\n  join.cvc = data.cvc;\n  emits(\"submit\", join.card);\n}\n\nfunction updateValue(data: Record<string, any>) {\n  join.cvc = data.cvc;\n  if (data.exp_date) {\n    [join.card.month, join.card.year] = data.exp_date.split(\"/\");\n  }\n}\n</script>\n\n<style scoped>\n#app .auto-form :deep(.hrow .inside) {\n  grid-template-columns: 1fr 1fr;\n}\n#app .auto-form :deep(.hrow .inside input) {\n  width: 100%;\n}\n\n#app .auto-form :deep(.checkboxes) {\n  .inside {\n    grid-template-columns: 1fr;\n  }\n}\n\n#app .auto-form :deep(.checkboxes .inside) {\n  grid-template-columns: max-content;\n  gap: inherit;\n}\n\n#app .auto-form :deep(.checkboxes .inside label) {\n  text-transform: capitalize !important;\n}\nlabel.checkbox {\n  font-weight: 400 !important;\n  text-transform: capitalize !important;\n  line-height: 1 !important;\n}\n</style>\n","<template>\n  <div class=\"panel\">\n    <h2 class=\"flex-row gap-sm m-2xs-b\">\n      <div class=\"dot\">4</div>\n      <div>Checkout</div>\n    </h2>\n\n    <template v-if=\"join.kit && join.info.accountInfoComplete\">\n      <div v-if=\"join.totals\">\n        <div class=\"pa-h3 m-1xl-t m-sm-b\">Payment</div>\n        <JoinCardForm>\n          <span />\n        </JoinCardForm>\n      </div>\n      <div v-else class=\"m-xl-t\">\n        <CartItems\n          v-if=\"cart.items.length > 0\"\n          :showWishlist=\"false\"\n          :showPromoItems=\"false\"\n        />\n        <div v-else class=\"flex-row flex-center flex-align-center m-sm p-sm\">\n          <em>No extra items</em>\n        </div>\n      </div>\n    </template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useCartStore } from \"@/stores/cart\";\nimport { useJoinStore } from \"@/stores/join\";\nimport { useShopStore } from \"@/stores/shop\";\nimport CartItems from \"../shop/CartItems.vue\";\nimport JoinCardForm from \"./JoinCardForm.vue\";\n\nconst join = useJoinStore();\nconst cart = useCartStore();\nconst shop = useShopStore();\n</script>\n\n<style scoped>\n:deep(.header-item),\n:deep(.header-price),\n:deep(.header-total),\n:deep(.header-quantity),\n:deep(.empty-header) {\n  display: none;\n}\n</style>\n","<template>\n  <div class=\"panel consultant\">\n    <h2 class=\"flex-row flex-align-center gap-xs sponsor-section\">\n      <div class=\"dot\">2</div>\n      <div>{{ join.info.rep ? \"My Sponsor\" : \"Choose your sponsor\" }}</div>\n      <i\n        v-if=\"!join.info.rep\"\n        class=\"pi pi-question-circle\"\n        v-tooltip.top=\"sponsorHelp\"\n      />\n      <i\n        v-if=\"join.info.rep\"\n        @click=\"join.info.rep = undefined\"\n        class=\"pi pi-pen-to-square\"\n      />\n    </h2>\n\n    <template v-if=\"join.info.kit\">\n      <div v-if=\"join.info.rep\">\n        <div class=\"flex-row m-sm-t gap-md flex-align-center text-left\">\n          <ThumbnailedImage\n            class=\"consultant-image\"\n            :alt=\"join.info.rep.name || 'consultant'\"\n            :images=\"join.info.rep.images\"\n            sizes=\"100px\"\n          />\n          <div class=\"flex-column\">\n            <div>{{ join.info.rep.name }}</div>\n            <div>{{ join.info.rep.rep_number }}</div>\n            <div>{{ join.info.rep.email }}</div>\n          </div>\n        </div>\n      </div>\n      <RepSearch v-else v-model=\"join.info.rep\" class=\"rep-search m-2xs-t\" />\n    </template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useJoinStore } from \"@/stores/join\";\nimport RepSearch from \"../rep/RepSearch.vue\";\nimport ThumbnailedImage from \"../ThumbnailedImage.vue\";\n\nconst sponsorHelp = {\n  value:\n    \"Select a Paparazzi Consultant to be your Sponsor. This should be the Consultant who introduced you to Paparazzi Accessories. If you were not referred by a Paparazzi Consultant, please use the search feature to find someone in your area.\",\n};\nconst join = useJoinStore();\n</script>\n\n<style scoped>\ni.pi {\n  font-size: 12px;\n}\n\n@media (max-width: 945px) and (min-width: 801px) {\n  .rep-search:deep(.flex-row) {\n    flex-direction: column !important;\n  }\n  .reps-container {\n    margin-top: var(--2XL, 72px);\n  }\n}\n@media (max-width: 800px) {\n  .rep-search:deep(.flex-row) {\n    flex-direction: column !important;\n  }\n  .panel.consultant:deep(.auto-form .inside) {\n    max-width: 100%;\n  }\n}\n</style>\n","<template>\n  <div class=\"panel1\">\n    <h2 class=\"flex-row gap-xs flex-align-center\">\n      <div class=\"dot\">1</div>\n      <div v-if=\"join.kit\" class=\"select-enrollment\">My Enrollment Option</div>\n      <div v-else class=\"select-enrollment\">Select an enrollment option</div>\n\n      <i @click=\"join.info.kit = 0\" class=\"pi pi-pen-to-square\" />\n    </h2>\n    <div v-if=\"join.kit\" class=\"kit small m-xs-t\">\n      <div class=\"name\">{{ join.kit.name }}</div>\n      <div v-if=\"join.kit.unit_price\" class=\"kit-price\">\n        <Currency :amount=\"join.kit.unit_price\" />\n      </div>\n    </div>\n    <div v-else>\n      <p class=\"m-2xs-t\">Select one of the enrollment options below:</p>\n      <div class=\"flex-row gap-xl m-xl-t\">\n        <div v-for=\"kit of join.kits\" class=\"flex1 kit\">\n          <!-- <AutoThumbnail :src=\"kit.image\" /> -->\n          <b class=\"name\">{{ kit.name_without_price }}</b>\n          <div v-if=\"kit.unit_price\" class=\"kit-price\">\n            <Currency :amount=\"kit.unit_price\" />\n          </div>\n          <div v-html=\"kit.description\" class=\"description m-sm-y\" />\n          <Button @click.prevent=\"assignKit(kit)\" class=\"grey add-to-bag\">\n            Add to Bag\n          </Button>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useJoinStore } from \"@/stores/join\";\nimport type { SignupItem } from \"@paparazzi/types/paparazzi.api.viewsets.signup_items\";\nimport Button from \"primevue/button\";\nimport { useRouter } from \"vue-router\";\nimport Currency from \"../shop/Currency.vue\";\n\nconst router = useRouter();\n\nconst join = useJoinStore();\n\nfunction assignKit(kit: SignupItem) {\n  join.info.kit = kit.id ?? 0;\n  if (kit.jewelry_count ?? 0 > 0) {\n    router.push({ name: \"shop\" });\n  }\n}\n</script>\n\n<style scoped>\n.kit {\n  .name {\n    color: var(--Paparazzi-Pink, #ec008c);\n    font-family: Indivisible;\n    font-size: 18px;\n    font-style: normal;\n    font-weight: 300;\n    line-height: normal;\n    text-transform: uppercase;\n    margin-bottom: var(--3XS, 4px);\n  }\n  .kit-price {\n    display: block;\n    color: var(--Black, #000);\n    font-family: Indivisible;\n    font-size: 18px;\n    font-style: normal;\n    font-weight: 300;\n    line-height: normal;\n    text-transform: uppercase;\n  }\n}\n.kit.small {\n  .name,\n  .kit-price {\n    font-size: 14px;\n  }\n}\ni.pi {\n  font-size: 12px;\n}\n\n.description.m-sm-y:deep(ul) {\n  padding-left: 24px;\n}\n.description.m-sm-y:deep(ul ul) {\n  list-style-type: disc;\n}\n\n@media (max-width: 800px) {\n  .panel1:deep(.flex-row.gap-xl.m-xl-t) {\n    flex-direction: column !important;\n  }\n  .select-enrollment {\n    text-align: left;\n  }\n}\n</style>\n","<route lang=\"json\">\n{ \"name\": \"opportunities-signup\" }\n</route>\n\n<template>\n  <div class=\"flex-row enrollment-area\">\n    <div class=\"panels flex-stretch\">\n      <StarterKitPanel />\n\n      <SponsorPanel />\n\n      <AccountFormPanel />\n\n      <CheckoutPanel />\n    </div>\n\n    <div class=\"summary-column\">\n      <div class=\"floater\">\n        <h3>Order Summary</h3>\n        <div class=\"grid summary\">\n          <div>Subtotal</div>\n          <div class=\"text-right\">\n            <Currency :amount=\"subtotal\" />\n          </div>\n          <!-- <div>[TOTALS]</div>\n        <div>{{ join.totals }}</div>\n        <template v-if=\"join.totals?.items\" v-for=\"item of join.totals?.items\">\n          <div>{{ item.ProductID }}</div>\n          <div>{{ item.Price }}</div>\n        </template> -->\n          <template v-if=\"join.totals\">\n            <div>Tax</div>\n            <div class=\"text-right\">\n              <Currency :amount=\"join.totals.TaxTotal\" />\n            </div>\n            <div>Shipping</div>\n            <div class=\"text-right\">\n              <Currency :amount=\"join.totals.ShippingTotal\" />\n            </div>\n\n            <!-- <div>\n              {{ join.kit.jewelry_count }} Free Items ({{ item.ProductID }})\n            </div>\n            <div class=\"text-right\"></div> -->\n          </template>\n          <template v-else>\n            <div>Tax</div>\n            <div class=\"text-right\">TBD</div>\n            <div>Shipping</div>\n            <div class=\"text-right\">TBD</div>\n          </template>\n          <div>Additional Items</div>\n          <div class=\"text-right\">\n            {{ join.extraItemCount }}\n          </div>\n          <div>Total Items</div>\n          <div class=\"text-right\">{{ join.count }}</div>\n          <div class=\"total\">Total</div>\n          <div class=\"total text-right\">\n            <Currency\n              v-if=\"join.totals?.BalanceDue\"\n              :amount=\"join.totals.BalanceDue\"\n            />\n            <span v-else>TBD</span>\n          </div>\n        </div>\n        <div class=\"flex-column flex-center m-sm-t\">\n          <div v-for=\"(errors, key) in join.errors\">\n            <Message severity=\"error\">\n              <div v-if=\"key !== '__all__'\">\n                <b>{{ key }}</b>\n              </div>\n              {{ errors.join(\", \") }}\n            </Message>\n          </div>\n\n          <div class=\"flex-row flex-center\">\n            <div\n              v-if=\"(join.kit?.jewelry_count || 0) > join.count\"\n              class=\"flex-column gap-2xs\"\n            >\n              <router-link :to=\"{ name: 'shop' }\">\n                <Button class=\"grey\">Choose Jewelry</Button>\n              </router-link>\n              <div class=\"text-center\">\n                {{ join.count }} /\n                {{ join.kit?.jewelry_count ?? 0 }}\n              </div>\n            </div>\n            <Button\n              v-else-if=\"!join.totals\"\n              @click=\"getTotals()\"\n              :class=\"{\n                grey: !readyForTotals,\n                pink: readyForTotals,\n              }\"\n            >\n              Checkout\n            </Button>\n            <Button\n              v-else-if=\"!status\"\n              @click=\"checkout()\"\n              :disabled=\"!ready\"\n              :class=\"{\n                grey: !ready,\n                pink: ready,\n              }\"\n            >\n              Submit Order\n            </Button>\n            <Button v-else :disabled=\"true\" class=\"grey\">\n              Processing...\n            </Button>\n          </div>\n          <DebugBlock>\n            <Button @click=\"fakeCheckout()\"> Submit Fake </Button>\n          </DebugBlock>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport DebugBlock from \"@/components/DebugBlock.vue\";\nimport AccountFormPanel from \"@/components/join/AccountFormPanel.vue\";\nimport CheckoutPanel from \"@/components/join/CheckoutPanel.vue\";\nimport SponsorPanel from \"@/components/join/SponsorPanel.vue\";\nimport StarterKitPanel from \"@/components/join/StarterKitPanel.vue\";\nimport Currency from \"@/components/shop/Currency.vue\";\nimport { useAddressStore } from \"@/stores/address\";\nimport { useCartStore } from \"@/stores/cart\";\nimport { useContentStore } from \"@/stores/content\";\nimport { useJoinStore } from \"@/stores/join\";\nimport { useOrderStore, type OrderWithId } from \"@/stores/orders\";\nimport { useUserStore } from \"@/stores/user\";\nimport { getConsultant } from \"@/utils/reps\";\nimport type { CartItem } from \"@paparazzi/types/paparazzi.api.serializers\";\nimport { timer } from \"@paparazzi/utils/promise\";\nimport { useHead } from \"@unhead/vue\";\nimport Button from \"primevue/button\";\nimport Message from \"primevue/message\";\nimport { computed, onMounted, ref } from \"vue\";\nimport { useRouter } from \"vue-router\";\n\nconst cart = useCartStore();\nconst join = useJoinStore();\nconst user = useUserStore();\nconst content = useContentStore();\nconst router = useRouter();\nconst orders = useOrderStore();\nconst addresses = useAddressStore();\n\nconst status = ref(\"\");\nconst isTester = ref(localStorage.tester);\n\nconst readyForTotals = computed(() => {\n  return join.info.account && join.flagData.terms_agreed;\n});\n\nconst ready = computed(() => {\n  return (\n    join.totals &&\n    join.card.card &&\n    join.cvc &&\n    join.cvc.length >= 3 &&\n    join.card.billing_address &&\n    join.card.billing_address.zip_code\n  );\n});\n\nconst subtotal = computed(() => {\n  const extraPrice = join.extraItems.reduce((a, b: CartItem) => {\n    const price = b.product?.prices?.wholesale || 0;\n    return a + price * b.quantity;\n  }, 0);\n  const kitPrice = parseFloat(join.kit?.unit_price || \"0\");\n  return kitPrice + extraPrice;\n});\n\nuseHead({\n  title: \"Join\",\n});\n\nonMounted(async () => {\n  join.getStarterKits();\n  content.update();\n\n  addresses.allowPOBoxes = true;\n\n  // join with query string\n  await timer(100); // wait for `persist` to finish deserialization\n  const consultantId =\n    router.currentRoute.value.query.consultant || user.props.customer_rep;\n  if (consultantId) {\n    join.info.rep = await getConsultant(`${consultantId}`);\n  }\n});\n\nasync function getTotals() {\n  if (!(await join.isReady()) || !(await join.check())) {\n    alert(\"Please check your form for errors and try again\");\n  } else {\n    user.startLogrocket(\"new-signup\");\n  }\n}\n\nasync function checkout() {\n  if (!(await join.isReady())) {\n    alert(\"Please check your form for errors and try again\");\n  } else {\n    // check cardform\n    const form = document.querySelector(\"#cardForm\") as\n      | HTMLFormElement\n      | undefined;\n    if (form) {\n      if (!form.reportValidity()) {\n        return;\n      }\n    }\n\n    // ensure billing\n    if (!join.card.billing_address || !join.card.billing_address.zip_code) {\n      join.errors = { __all__: [\"Please choose a billing address\"] };\n      return;\n    }\n\n    status.value = \"Processing...\";\n    const result = await join.start();\n    if (result.consultant) {\n      await resolveCheckout(result);\n    }\n    status.value = \"\";\n  }\n}\n\nasync function fakeCheckout() {\n  status.value = \"Processing...\";\n  join.passwordData.back_office_password = \"Choccy milk\";\n  await resolveCheckout({\n    consultant: 1130062,\n    order: 33107515,\n  });\n  status.value = \"\";\n}\n\nasync function resolveCheckout(result: { consultant: number; order: number }) {\n  const password = join.passwordData.back_office_password;\n  const order: OrderWithId = {\n    id: result.order,\n    created: new Date().toISOString(),\n    shipping_address_text: `${join.addressData.address}\n${join.addressData.address2}${join.addressData.address2 ? \"\\n\" : \"\"}${join.addressData.city} ${join.addressData.state} ${join.addressData.zip_code}\n${join.addressData.county}`,\n  };\n  if (user.props.token) {\n    await user.logout({ reload: false });\n  }\n  await user.login(`${result.consultant}`, password);\n  if (orders.store) {\n    await orders.store.setItem(`${order.id}`, order);\n  }\n  router.push({\n    name: \"opportunities-success\",\n    params: { joinId: result.order },\n  });\n\n  join.clear();\n}\n</script>\n\n<style scoped>\n.flex-row.page {\n  gap: var(--lg, 48px);\n}\n\n.enrollment-area {\n  font-size: 14px;\n  max-width: 100%;\n}\n\n#app :deep(.enrollment-terms .terms),\n#app :deep(.enrollment-terms .checkbox) {\n  min-width: 100px;\n  max-width: 80vw;\n  flex: 1 1 auto;\n  white-space: wrap !important;\n}\n\n.panels {\n  max-width: 100%;\n}\n.panel {\n  padding: var(--1XL, 64px) 0;\n  font-size: 14px;\n}\n.panel,\n.panel1 {\n  max-width: 810px;\n  :deep(h2) {\n    font-size: 18px;\n    text-transform: uppercase;\n    margin-bottom: var(--Sm, 24px);\n    color: var(--Black, #000);\n  }\n}\n\n#app .panel :deep(h2),\n#app .panel1 :deep(h2) {\n  font-size: 18px;\n}\n.panel1 {\n  padding: 0 0 var(--1XL, 64px) 0;\n  border-bottom: 1px solid var(--30, #c4c4c4);\n  :deep(h2) {\n    margin-bottom: var(--XS, 16px);\n  }\n}\n\n:deep(.dot) {\n  background-color: var(--PaparazziPink, #ec008c);\n  width: 23px;\n  height: 23px;\n  border-radius: 50%;\n  color: #fff;\n  padding: 3px;\n  text-align: center;\n  font-weight: 500;\n  font-size: 14px;\n}\n\n.disabled {\n  pointer-events: none;\n}\n\n.panel.consultant {\n  font-size: 14px;\n  border-bottom: 1px solid var(--30, #c4c4c4);\n  .flex-column {\n    justify-content: center;\n    gap: var(--2XS, 8px);\n  }\n}\n.rep-search:deep(p) {\n  margin: 0 !important;\n}\n.consultant-image {\n  max-width: 100px;\n  margin-right: var(--md, 32px);\n}\n\n.summary-column {\n  position: sticky;\n  top: 70px;\n  width: 260px;\n  height: auto;\n  place-self: flex-start;\n}\n\nh3 {\n  font-size: 14px;\n  font-weight: 300;\n  text-transform: uppercase;\n  margin: 0 0 var(--3XS, 4px) 0;\n}\n.grid {\n  padding: var(--XS);\n  border: 1px solid var(--30, #c4c4c4);\n  display: grid;\n  grid-template-columns: auto auto;\n  font-size: 14px;\n  line-height: 1.5;\n  & * {\n    /* padding: 8px 0; */\n  }\n  .total {\n    margin-top: var(--XS, 16px);\n    border-top: 1px solid var(--Gray-30, #bcbec0);\n    padding-top: var(--XS, 16px);\n  }\n}\n\n@media (max-width: 1168px) and (min-width: 801px) {\n  .flex-row.page {\n    padding: 0 var(--Sm, 24px) !important;\n  }\n}\n@media (max-width: 800px) {\n  .summary-column {\n    position: fixed;\n    bottom: 0;\n    top: auto;\n    background: white;\n    left: 0;\n    right: 0;\n    padding: 5px;\n    z-index: 1;\n  }\n}\n@media only screen and (max-width: 800px) {\n  .flex-row,\n  #app .flex-row {\n    display: inline-grid;\n    width: 100%;\n  }\n  .cart-items-cont {\n    margin: 0;\n    /* padding: 0 var(--Sm, 24px); */\n    padding: 0;\n  }\n  .summary-column {\n    position: static;\n  }\n  .summary-column > * {\n    width: 100%;\n  }\n  .first {\n    padding-left: var(--md, 32px);\n  }\n  .second {\n    margin: var(--md, 32px) 0 0 var(--md, 32px);\n    padding: 0;\n  }\n  .price-cell.paragraph1 {\n    padding: 0px var(--2XS, 8px);\n  }\n\n  .image-cell {\n    width: 100%;\n    grid-column: 1/1;\n    grid-row: span 3;\n    border-bottom: none;\n    margin: var(--md, 32px) 0 0 0;\n  }\n\n  .meta-cell {\n    gap: var(--2XS);\n    border-bottom: none;\n  }\n  .meta-cell.flex-space-between {\n    justify-content: normal;\n  }\n\n  .quantity-cell {\n    padding: 0;\n    margin: 0;\n    border-bottom: 0;\n    grid-column: span 2;\n  }\n  .quantity-cell .flex-row {\n    border: 1px solid var(--30, #c4c4c4);\n    padding: 0px;\n    display: flex !important;\n    gap: 0;\n    margin: 0 0 var(--Sm, 24px) 0;\n    min-width: 92px !important;\n  }\n  .quantity-cell .flex-row :deep(.p-button-icon) {\n    width: 7px;\n    height: 7px;\n  }\n\n  .p-button.small {\n    padding: 0;\n  }\n\n  .price-cell {\n    border-bottom: 0;\n  }\n\n  .summary-column {\n    width: 80%;\n    margin: 0 auto;\n  }\n  .price-cell {\n    grid-column: 3/3;\n  }\n  .quantity-cell {\n    grid-column: 2/4;\n  }\n  #app .total-cell {\n    padding: 5px 0 var(--md, 32px) 0;\n    margin: 0 0 0 var(--md, 32px);\n    grid-column: span 2;\n  }\n  #app .total-cell .price {\n    display: none;\n  }\n  #app .quantity-cell {\n    width: 94px;\n    padding: var(--Sm, 24px) 0 0 var(--md, 32px);\n  }\n  #shopping-button {\n    margin-top: var(--Sm, 24px);\n  }\n}\n\n@media screen and (max-width: 600px) {\n  .summary-column {\n    width: 100%;\n  }\n  .header-total {\n    text-align: right;\n  }\n  .price-cell.paragraph1 {\n    text-align: right;\n  }\n}\n</style>\n"],"names":["join","useJoinStore","content","useContentStore","addresses","useAddressStore","step","ref","accountFields","passwordFields","passwordErrors","terms","computed","_a","s","watch","onMounted","_b","finishForms","verifyPasswordForm","error","validatePassword","emits","__emit","billingAddress","blankAddress","sameAs","fields","copy","submitCard","data","updateValue","cart","useCartStore","useShopStore","sponsorHelp","router","useRouter","assignKit","kit","user","useUserStore","orders","useOrderStore","status","readyForTotals","ready","subtotal","extraPrice","a","b","price","useHead","timer","consultantId","getConsultant","getTotals","checkout","form","result","resolveCheckout","fakeCheckout","password","order"],"mappings":"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"}