{"version":3,"sources":["components/ShipTo/SingleShippingAddress/styles.css","components/ShipTo/ShippingMethods/styles.css","components/ShipTo/styles.css","components/ShippingAndTax/index.js","components/ShipTo/SelectShippingList/index.js","components/ShipTo/SelectShippingInterstitial/SelectShippingInterstitial.js","components/ShipTo/SelectShippingList/styles.css","components/ShipTo/SelectShippingInterstitial/styles.css","shared/components/Link/index.js","shared/components/Link/styles.css","components/AddOption/index.js","components/AddOption/styles.css","components/AddressForm/query.js","components/ShipTo/SingleShippingAddress/index.js","components/ShipTo/ShippingOptions/index.js","components/ShipTo/ShippingMethods/shippingMethodsDrop.js","components/ShipTo/ShippingMethods/index.js","components/ShipTo/ShipTo.js","components/ShipTo/ChangeButton/index.js","shared/components/Dropdown/index.js","shared/components/Dropdown/styles.css","components/ShipTo/AddShippingLink/index.js","components/ShippingAndTax/query.gql.js","components/ShippingAndTax/styles.css"],"names":["module","exports","ShippingAndTax","lazyComponent","id","loading","styleOverrides","styles","ShippingAndTaxContainer","props","selectedAddress","city","country","postalCode","state","selectedAddressId","shippingOptionsNotSupportedMsg","merchantName","returnUrl","data","useQuery","CALCULATE_SHIP_TAX_QUERY","variables","token","getToken","locale","lang","getLocale","shippingAddress","calculateShippingAndTaxesQuery","calculateShippingAndTaxes","charges","length","shipping","isDefaultShippingOption","label","shippingAmount","currencyCode","currencyValue","currencyFormatSymbolISOCurrency","shippingMethodType","shouldShowShippingOptions","SelectShippingList","useFeature","addresses","userSelectedAddressId","formattedAddresses","filter","address","isDisabled","map","fullName","name","getUserFullName","fullAddress","value","addressId","formatShippingOptions","className","shippingOptionList","data-testid","addressOption","index","isSelected","key","shippingOption","onClick","action","updateFeatures","visible","logger","fpti","REVIEW_PAYLOAD","shipping_id","handleClick","fill","height","width","SelectShipping","isChangeShippingAddressAllowed","constructShippingOptions","AddShippingLink","userInfo","SelectShippingInterstitial","checkoutSession","headerTitle","getContent","feature","isShown","Boolean","flags","useEffect","TRANSITION_PAYLOAD","from","to","buyer_country","getCountry","preferred_shipping_address","userSelectedPreferredShippingAddressId","change_shipping","userSelectedAddress","handleGetSelectedAddresses","shippingAddresses","type","onBeforeCloseFn","updateFeature","isChangeShippingLinkClicked","Link","tag","href","newProps","tabIndex","cx","link","React","createElement","children","AddOption","containerClassName","dataTestId","getPayload","linkClassName","withPlusIcon","onMouseOver","prefetchQueries","getPayloadParams","textClassName","rest","shouldFetch","handlePrefetch","e","preventDefault","prefetchData","resources","classNames","container","client_epoch_ts","Date","now","onFocus","textContent","defaultProps","ADDRESS_METADATA_QUERY","SingleShippingAddress","addressContainer","ShippingOptionsComponent","Dropdown","shouldAutoFocus","optgroup","options","onChange","event","target","then","ShippingMethodsDrop","methods","shippingMethodState","selectNewShippingMethod","params","cal","info","placeholder","errorText","shippingWarning","shipMethodDrop","formatMethodsForDropdown","pickupWarning","pickMethodDrop","ShippingMethods","selectedShippingType","selectedShippingMethod","updateShippingType","updateShippingMethods","useMutation","UPDATE_SHIPPING_METHODS_MUTATION","useState","setShippingMethodState","shippingMethods","pickupMethods","selectedMethodType","selectedMethodId","validShippingMethod","selectShippingMethodById","hasShippingTab","some","hasPickupTab","selectedTabIdx","tabs","panelId","spacer","find","isPrimary","ChangeNotAllowedMessage","changeNotAllowedInfoMsg","infoIcon","ShipTo","experiment","REPLAN_SHIPPING_CHANGE_MUTATION","replanShippingChange","replanLoading","isSelectShippingInterstitialEnabled","resolvedTreatment","currentSelectedShippingType","setCurrentSelectedShippingType","allQueryData","hideShipping","isOptionallyShareAddress","isSntSupported","merchant","cart","paymentId","total","cartTotalCurrencyCode","cartTotalCurrencyValue","amounts","cartBreakdownAmounts","cancelUrl","toggle","features","showOptionallyShareAddressCheckBox","DONATION_SHARE_ADDRESS","eligible","enabled","isCreditSingleFIDisplay","CREDIT_SINGLE_FI_DISPLAY","isGPLFi","selected","onShippingChangePayload","buildOnShippingChangePayload","mapDataToProps","oldSelectedMethod","usePrevious","oldSelectedAddress","oldShippingMethods","hasShippingMethodChanged","hasAddressChanged","hasNewShippingMethods","hasOnShippingChangeCallback","callOnShippingChange","creditPpcOffersGqlParams","catch","error","display","message","showAddressDisplay","showChangeNotAllowedMessage","showMakePreferredCheckbox","isDefaultShipping","showAddressDropdown","showShippingTitle","shippingBaseComponents","header","Title","ShippingOptions","ChangeButton","makePreferred","checked","size","initial","undefined","preferred_shipping_address_id","togglePreferredShippingAddress","donation","query","payload","aria-label","ref","createRef","persist","setState","isFunction","onBlur","focused","onMouseEnter","onMouseLeave","componentDidMount","this","focus","render","customDropdownStyles","Math","random","toFixed","slice","required","disabled","selectedOption","option","CustomDropdownFocused","CustomDropdown","Container","dom","HiddenDropdown","LabelHovering","htmlFor","Component","Feature","subscribeTo","contingencies","shouldLoadFeatureComponent","NEED_CREDIT_CARD","definitions","names","definition","kind","UPDATE_PROFILE_SHIPPING_MUTATION","FundingOptionFragment","ShippingCartAmountFragment","CreditOfferAsFIFragment","CreditOfferFragment","UPDATE_CALLBACK_OPTIONS_MUTATION"],"mappings":"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","file":"js/SelectShippingInterstitial~21833f8f.8ccb80b2.js","sourcesContent":["// extracted by extract-css-chunks-webpack-plugin\nmodule.exports = {\"addresses\":\"SingleShippingAddress_addresses_2ZZjf\",\"name\":\"SingleShippingAddress_name_3siDP\",\"addressContainer\":\"SingleShippingAddress_addressContainer_YqRdo\"};","// extracted by extract-css-chunks-webpack-plugin\nmodule.exports = {\"spacer\":\"ShippingMethods_spacer_2uvh0\"};","// extracted by extract-css-chunks-webpack-plugin\nmodule.exports = {\"container\":\"ShipTo_container_2wZjT\",\"donation\":\"ShipTo_donation_3T8Yf\",\"header\":\"ShipTo_header_1Vp0S\",\"make-preferred\":\"ShipTo_make-preferred_2M_yL\",\"makePreferred\":\"ShipTo_make-preferred_2M_yL\",\"infoIcon\":\"ShipTo_infoIcon_2MnU7\",\"info\":\"ShipTo_info_3TRD-\"};","import React from 'react';\nimport { lazyComponent } from '@/lib/lazyLoad';\nimport { useQuery } from '@apollo/react-hooks';\nimport { getLocale, getToken } from '@paypalcorp/c3-shared-globals/src';\nimport { CALCULATE_SHIP_TAX_QUERY } from './query.gql';\nimport { LoadingElement } from '@checkout/react-components/components/Common/LoadingElement';\nimport { updateFeature } from '@paypalcorp/c3-util-store/src';\nimport styles from './styles.css';\n\nconst ShippingAndTax = lazyComponent(() => import('./ShippingAndTax'), {\n  id: 'SHIP_TAX',\n  loading: () => <LoadingElement styleOverrides={styles.loading} />,\n});\n\n// NOTE: since CalculateShippingAndTax is based on user's selected address\n// and the query will have to trigger muitple times\n// what would be a more elegant solution?\nexport default function ShippingAndTaxContainer(props) {\n  const {\n    selectedAddress: { city = '', country = '', postalCode = '', state = '' } = {},\n    selectedAddressId,\n    shippingOptionsNotSupportedMsg,\n    merchantName = 'The Merchant',\n    returnUrl = '',\n  } = props ?? {};\n\n  const { data } = useQuery(CALCULATE_SHIP_TAX_QUERY, {\n    variables: {\n      token: getToken(),\n      locale: { lang: getLocale(), country },\n      shippingAddress: {\n        city,\n        country,\n        postalCode,\n        state,\n      },\n    },\n  });\n\n  if (!data) {\n    return null;\n  }\n\n  const calculateShippingAndTaxesQuery = data?.calculateShippingAndTaxes ?? {};\n  // Override empty shipping options with free default option so the mutation doesn't fail\n  // Ideally this should be done from the backend, but this works for now.\n  if (\n    calculateShippingAndTaxesQuery?.charges &&\n    calculateShippingAndTaxesQuery.charges.length === 0\n  ) {\n    calculateShippingAndTaxesQuery.charges = [\n      {\n        shipping: {\n          isDefaultShippingOption: true,\n          label: 'Default',\n          shippingAmount: {\n            currencyCode: 'USD',\n            currencyValue: '0.00',\n            currencyFormatSymbolISOCurrency: '$0.00 USD',\n          },\n          shippingMethodType: 'DEFAULT',\n        },\n      },\n    ];\n    calculateShippingAndTaxesQuery.shouldShowShippingOptions = false;\n  }\n\n  return (\n    <ShippingAndTax\n      calculateShippingAndTaxesQuery={calculateShippingAndTaxesQuery}\n      selectedAddressId={selectedAddressId}\n      shippingOptionsNotSupportedMsg={shippingOptionsNotSupportedMsg}\n      merchantName={merchantName}\n      returnUrl={returnUrl}\n    />\n  );\n}\n","import React from 'react';\nimport { getUserFullName } from '@paypalcorp/c3-shared-globals';\nimport { updateFeatures } from '@paypalcorp/c3-util-store';\nimport { logger, REVIEW_PAYLOAD } from '@paypalcorp/c3-util-logger';\nimport { useFeature } from '@/components/Feature/hooks';\nimport { CheckMarkSvg } from '@/shared/components/Icons';\nimport styles from './styles.css';\n\nconst formatShippingOptions = (addresses) => {\n  return (\n    addresses\n      // don't show if an address is disabled\n      .filter((address) => !address.isDisabled)\n      .map((address) => ({\n        fullName: address.name ? address.name.fullName : getUserFullName(),\n        fullAddress: address.fullAddress,\n        value: address.addressId,\n      }))\n  );\n};\n\n// update interstitial data/attributes on address selection\nconst handleClick = (addressId) => {\n  const action = 'selectShipping';\n\n  updateFeatures([\n    { id: 'SHIP_TO', data: { userSelectedAddressId: addressId } },\n    { id: 'SELECT_SHIPPING', visible: false },\n  ]);\n  logger.fpti(action, REVIEW_PAYLOAD({ action, shipping_id: addressId }));\n};\n\n// list containing selectable shipping options\nconst SelectShippingList = () => {\n  const { data } = useFeature('SHIP_TO');\n\n  if (!data) {\n    return null;\n  }\n\n  const { addresses, userSelectedAddressId } = data;\n  const formattedAddresses = formatShippingOptions(addresses);\n\n  return (\n    <ol className={styles.shippingOptionList} data-testid=\"shipping-list\">\n      {formattedAddresses.map((addressOption = {}, index) => {\n        const isSelected = userSelectedAddressId === addressOption.value;\n\n        return (\n          <button\n            key={index}\n            data-testid={`shipping-option-${index + 1}`}\n            className={styles.shippingOption}\n            onClick={() => handleClick(addressOption.value)}\n          >\n            <div>\n              <div className={`font-bold ${styles.fullName}`}>{addressOption.fullName}</div>\n              <div className={`text-base ${styles.fullAddress}`}>{addressOption.fullAddress}</div>\n            </div>\n            {isSelected ? <CheckMarkSvg fill=\"#00cf92\" height={24} width={24} /> : null}\n          </button>\n        );\n      })}\n    </ol>\n  );\n};\n\nexport default SelectShippingList;\n","import React, { useEffect } from 'react';\nimport { logger, TRANSITION_PAYLOAD } from '@paypalcorp/c3-util-logger';\nimport { getCountry } from '@paypalcorp/c3-shared-globals';\nimport { updateFeature } from '@paypalcorp/c3-util-store';\nimport Interstitial from '@paypalcorp/c3-component-interstitial';\nimport getContent from '@/lib/content';\nimport { useFeature } from '@/components/Feature/hooks';\nimport { handleGetSelectedAddresses } from '@/components/ShipTo/ShipTo';\nimport { constructShippingOptions } from '../utils';\nimport SelectShippingList from '../SelectShippingList';\nimport AddShippingLink from '../AddShippingLink';\nimport styles from './styles.css';\n\nconst SelectShipping = ({\n  addresses = [],\n  fullAddress,\n  fullName,\n  isChangeShippingAddressAllowed,\n  userSelectedAddressId,\n}) => {\n  if (!isChangeShippingAddressAllowed) {\n    return (\n      <section>\n        <div className={styles.userInfo}>\n          {fullName ? <span className={styles.name}>{fullName}</span> : null}\n          <span className={styles.address}>{fullAddress}</span>\n        </div>\n      </section>\n    );\n  }\n\n  return (\n    <>\n      <SelectShippingList\n        addresses={constructShippingOptions({ addresses, userSelectedAddressId })}\n      />\n      <AddShippingLink />\n    </>\n  );\n};\n\n// interstitial and main container for the select shipping menu\nconst SelectShippingInterstitial = ({\n  checkoutSession = {},\n  headerTitle = getContent('shipping.selectShippingAddress'),\n}) => {\n  const { data } = useFeature('SHIP_TO');\n  const feature = useFeature('SELECT_SHIPPING');\n  const isShown = Boolean(data) && feature.data && feature.visible;\n  const selectedAddressId = data?.userSelectedAddressId;\n  const isChangeShippingAddressAllowed = checkoutSession?.flags?.isChangeShippingAddressAllowed;\n\n  useEffect(() => {\n    if (isShown) {\n      logger.fpti(\n        'change_shipping',\n        TRANSITION_PAYLOAD({\n          from: 'REVIEW',\n          to: 'prepare_change_shipping',\n          buyer_country: getCountry(),\n          shipping_id: selectedAddressId,\n          preferred_shipping_address:\n            data?.userSelectedPreferredShippingAddressId === selectedAddressId ? 1 : 0,\n          change_shipping: isChangeShippingAddressAllowed ? 1 : 0,\n        })\n      );\n    }\n  }, [data, isChangeShippingAddressAllowed, isShown, selectedAddressId]);\n\n  if (!isShown) {\n    return null;\n  }\n\n  const { userSelectedAddress } = handleGetSelectedAddresses(\n    checkoutSession?.shippingAddresses,\n    selectedAddressId\n  );\n  const fullAddress = userSelectedAddress?.fullAddress;\n  const fullName = userSelectedAddress?.name?.fullName;\n\n  return (\n    <Interstitial\n      id=\"SELECT_SHIPPING\"\n      type=\"tall\"\n      headerTitle={headerTitle}\n      onBeforeCloseFn={() =>\n        updateFeature('SHIP_TO', { data: { isChangeShippingLinkClicked: false } })\n      }\n    >\n      <SelectShipping\n        addresses={data?.addresses}\n        fullAddress={fullAddress}\n        fullName={fullName}\n        isChangeShippingAddressAllowed={isChangeShippingAddressAllowed}\n        userSelectedAddressId={selectedAddressId}\n      />\n    </Interstitial>\n  );\n};\n\nexport default SelectShippingInterstitial;\n","// extracted by extract-css-chunks-webpack-plugin\nmodule.exports = {\"ppui-spacing-xs\":\"0.25rem\",\"ppuiSpacingXs\":\"0.25rem\",\"ppui-spacing-sm\":\"0.375rem\",\"ppuiSpacingSm\":\"0.375rem\",\"ppui-spacing-md\":\"0.5rem\",\"ppuiSpacingMd\":\"0.5rem\",\"ppui-spacing-lg\":\"0.75rem\",\"ppuiSpacingLg\":\"0.75rem\",\"ppui-spacing-xl\":\"1rem\",\"ppuiSpacingXl\":\"1rem\",\"ppui-color-white\":\"#fff\",\"ppuiColorWhite\":\"#fff\",\"ppui-color-grey-100\":\"#f5f7fa\",\"ppuiColorGrey100\":\"#f5f7fa\",\"ppui-size-text-100\":\"0.875rem\",\"ppuiSizeText100\":\"0.875rem\",\"ppui-size-line-100\":\"1.25rem\",\"ppuiSizeLine100\":\"1.25rem\",\"shippingOptionList\":\"SelectShippingList_shippingOptionList_3MXPb\",\"shippingOption\":\"SelectShippingList_shippingOption_1oA-W\",\"fullName\":\"SelectShippingList_fullName_2epN7\",\"fullAddress\":\"SelectShippingList_fullAddress_3Rlpk\"};","// extracted by extract-css-chunks-webpack-plugin\nmodule.exports = {\"ppui-font-weight-bold\":\"700\",\"ppuiFontWeightBold\":\"700\",\"ppui-spacing-md\":\"0.5rem\",\"ppuiSpacingMd\":\"0.5rem\",\"ppui-spacing-lg\":\"0.75rem\",\"ppuiSpacingLg\":\"0.75rem\",\"address\":\"SelectShippingInterstitial_address_3zYN_\",\"infoMessageContainer\":\"SelectShippingInterstitial_infoMessageContainer_wq7CE\",\"link\":\"SelectShippingInterstitial_link_20Vx0\",\"linkText\":\"SelectShippingInterstitial_linkText_1GCDq\",\"linkContainer\":\"SelectShippingInterstitial_linkContainer_2Og4N\",\"name\":\"SelectShippingInterstitial_name_2CEAw\",\"userInfo\":\"SelectShippingInterstitial_userInfo_2A2kF\"};","import React from 'react';\nimport PropTypes from 'prop-types';\nimport cx from 'classnames';\nimport styles from './styles.css';\n\nexport default function Link(props) {\n  const tag = props.href ? 'a' : 'button';\n  let newProps = props;\n\n  if (tag === 'button') {\n    newProps = {\n      ...props,\n      tabIndex: 0,\n      className: cx(styles.link, props.className),\n      type: 'button',\n    };\n  }\n\n  return React.createElement(tag, newProps, props.children);\n}\n\nLink.propTypes = {\n  href: PropTypes.string,\n  className: PropTypes.string,\n};\n","// extracted by extract-css-chunks-webpack-plugin\nmodule.exports = {\"ppui-color-blue-600\":\"#0070ba\",\"ppuiColorBlue600\":\"#0070ba\",\"ppui-color-blue-800\":\"#003087\",\"ppuiColorBlue800\":\"#003087\",\"link\":\"Link_link_12w0g\"};","import React from 'react';\nimport classNames from 'classnames';\nimport { logger } from '@paypalcorp/c3-util-logger';\nimport PropTypes from 'prop-types';\nimport { prefetchData } from '@paypalcorp/c3-util-store';\nimport { PlusSVG } from '@/shared/components/Icons';\nimport Link from '@/shared/components/Link';\nimport styles from './styles.css';\n\nfunction AddOption({\n  href,\n  label,\n  action,\n  containerClassName,\n  onClick,\n  dataTestId,\n  getPayload,\n  linkClassName,\n  onMouseOver,\n  withPlusIcon,\n  prefetchQueries,\n  getPayloadParams,\n  textClassName,\n  ...rest\n}) {\n  const shouldFetch = prefetchQueries.length !== 0;\n\n  const handleClick = (e) => {\n    // Analytics wants to measure how long the user action took, logging the time right at the time of click\n\n    if (getPayload) {\n      logger.fpti(action, getPayload({ action, client_epoch_ts: Date.now(), ...getPayloadParams }));\n    }\n\n    if (!href && onClick) {\n      e && e.preventDefault();\n      onClick(e);\n    }\n  };\n\n  const handlePrefetch = (e) => {\n    e && e.preventDefault();\n\n    if (!shouldFetch) {\n      return;\n    }\n\n    return prefetchData({ resources: prefetchQueries })(e);\n  };\n\n  return (\n    <div className={classNames(styles.container, containerClassName)}>\n      <Link\n        data-testid={dataTestId}\n        href={href}\n        className={classNames(styles.link, linkClassName)}\n        onClick={handleClick}\n        onMouseOver={handlePrefetch}\n        onFocus={handlePrefetch}\n        {...rest}\n      >\n        {withPlusIcon && <PlusSVG />}\n        <span className={classNames(styles.textContent, textClassName)}>{label}</span>\n      </Link>\n    </div>\n  );\n}\n\nAddOption.defaultProps = {\n  withPlusIcon: true,\n  prefetchQueries: [],\n};\n\nAddOption.propTypes = {\n  href: PropTypes.string,\n  onClick: PropTypes.func,\n  action: PropTypes.string,\n  onMouseOver: PropTypes.func,\n  dataTestId: PropTypes.string,\n  withPlusIcon: PropTypes.bool,\n  prefetchQueries: PropTypes.array,\n  label: PropTypes.oneOfType([PropTypes.string.isRequired, PropTypes.object.isRequired]).isRequired,\n  getPayload: PropTypes.func,\n  getPayloadParams: PropTypes.object,\n};\n\nexport default AddOption;\n","// extracted by extract-css-chunks-webpack-plugin\nmodule.exports = {\"container\":\"AddOption_container_1YSQc\",\"link\":\"AddOption_link_8_YEt\",\"textContent\":\"AddOption_textContent_wSzDs\"};","import gql from 'graphql-tag';\n\nexport const ADDRESS_METADATA_QUERY = gql`\n  query AddressFormMetadataQuery($country: CountryCodes!, $lang: CheckoutContentLanguageCode!) {\n    localeMetadata {\n      address(countryCode: $country, languageCode: $lang) {\n        layout {\n          name\n          regex\n          minLength\n          maxLength\n          isRequired\n        }\n        strings {\n          line1Label\n          line2Label\n          cityLabel\n          stateLabel\n          postcodeLabel\n          stateList {\n            value\n            displayText\n          }\n        }\n      }\n      territories(countryCode: $country, languageCode: $lang) {\n        code\n        internationalDialingCode\n        name\n        region\n      }\n    }\n  }\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport styles from './styles.css';\nimport { getUserFullName } from '@paypalcorp/c3-shared-globals';\n\n/**\n * Render selected shipping full name, address and shipping not allowed message if needed\n */\nconst SingleShippingAddress = ({ selectedAddress }) => (\n  <div data-testid=\"shipping-address\" className={styles.addressContainer}>\n    <p className={styles.name} data-testid=\"ship-to-name\">\n      {selectedAddress.name ? selectedAddress.name.fullName : getUserFullName()}\n    </p>\n    <p className={styles.addresses} data-testid=\"ship-to-address\">\n      {selectedAddress.fullAddress}\n    </p>\n  </div>\n);\n\nSingleShippingAddress.propTypes = {\n  changeNotAllowedInfoMsg: PropTypes.string,\n  selectedAddress: PropTypes.object,\n};\n\nexport default SingleShippingAddress;\n","import React from 'react';\nimport { logger } from '@paypalcorp/c3-util-logger';\nimport getContent from '@/lib/content';\nimport { REVIEW_PAYLOAD } from '@paypalcorp/c3-util-logger';\nimport Dropdown from '@/shared/components/Dropdown';\nimport { updateFeature } from '@paypalcorp/c3-util-store';\nimport { constructShippingOptions } from '../utils';\nimport AddShippingLink from '../AddShippingLink';\n\n/**\n * Old version of select shipping address\n * Render list with shipping options as a dropdown and Add shipping fallback link\n */\nfunction ShippingOptionsComponent(props) {\n  function onChangeShipping(event) {\n    const action = 'selectShipping';\n\n    updateFeature('SHIP_TO', {\n      visible: true,\n      data: {\n        userSelectedAddressId: event.target.value,\n        isChangeShippingLinkClicked: false,\n      },\n    }).then(() => logger.fpti(action, REVIEW_PAYLOAD({ action, shipping_id: event.target.value })));\n  }\n\n  const { addresses, selectedAddressId } = props;\n\n  return (\n    <div>\n      <Dropdown\n        id=\"shippingDropdown\"\n        label={getContent('shipping.selectShippingAddress')}\n        dataTestId=\"shipping-dropdown\"\n        shouldAutoFocus\n        optgroup={true}\n        options={constructShippingOptions({ addresses })}\n        value={selectedAddressId}\n        onChange={onChangeShipping}\n      />\n      <AddShippingLink />\n    </div>\n  );\n}\n\nexport default ShippingOptionsComponent;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Dropdown } from \"@paypalcorp/pp-react\";\nimport getContent from \"@/lib/content\";\nimport { logger } from '@paypalcorp/c3-util-logger';\n\nimport { formatMethodsForDropdown } from \"../utils\";\n\nconst ShippingMethodsDrop = ({\n  type,\n  methods,\n  dataTestId,\n  shippingMethodState,\n  selectNewShippingMethod\n}) => {\n    \n  const decideDropParams = () => {\n    if (!methods.length)\n      return {};\n    \n    if (type === \"SHIPPING\") {\n      logger.cal.info(\"shipping_methods_drop_selected\");\n      return {\n        label: getContent(\"shipping.shipHome\"),\n        placeholder: getContent(\"shippingMethod.selectMethod\"),\n        errorText: shippingMethodState.shippingWarning,\n        value: shippingMethodState.shipMethodDrop,\n        options: formatMethodsForDropdown(methods)\n      };\n    }\n    \n    if (type === \"PICKUP\") {\n      logger.cal.info(\"pickup_methods_drop_selected\");\n      return {\n        label: getContent(\"shipping.shipStore\"),\n        placeholder: getContent(\"shipping.selectPickUpLocation\"),\n        errorText: shippingMethodState.pickupWarning,\n        value: shippingMethodState.pickMethodDrop,\n        options: formatMethodsForDropdown(methods)\n      };\n    }\n  };\n\n  const params = decideDropParams();\n\n  return (\n    <Dropdown\n      {...params}\n      data-testid={dataTestId}\n      onChange={selectNewShippingMethod}\n    />\n  );\n};\n\nShippingMethodsDrop.propTypes = {\n  type: PropTypes.string,\n  methods: PropTypes.array,\n  dataTestId: PropTypes.string,\n  shippingMethodState: PropTypes.shape({\n    shippingWarning: PropTypes.string,\n    pickupWarning: PropTypes.string,\n    shipMethodDrop: PropTypes.string,\n    pickMethodDrop: PropTypes.string\n  }),\n  selectNewShippingMethod: PropTypes.func\n};\n\nexport default ShippingMethodsDrop;\n","import React, { useState, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { useMutation } from \"@apollo/react-hooks\";\nimport { Tabs, TabPanel } from \"@paypalcorp/pp-react\";\nimport getContent from \"@/lib/content\";\nimport { getToken } from '@paypalcorp/c3-shared-globals';\nimport { updateFeature } from '@paypalcorp/c3-util-store';\nimport { logger } from '@paypalcorp/c3-util-logger';\n\nimport styles from \"./styles.css\";\nimport { selectShippingMethodById } from \"../utils\";\nimport { UPDATE_SHIPPING_METHODS_MUTATION } from \"../Mutations\";\nimport ShippingMethodsDrop from \"./shippingMethodsDrop\"\n\nconst ShippingMethods = ({\n  methods,\n  selectedShippingType,\n  selectedShippingMethod,\n  updateShippingType,\n  children\n}) => {\n  const [updateShippingMethods] = useMutation(UPDATE_SHIPPING_METHODS_MUTATION);\n\n  const shippingMethodInitialState = {\n    shipMethodDrop: \"\",\n    pickMethodDrop: \"\",\n    shippingWarning: \"\",\n    pickupWarning: \"\"\n  };\n\n  const [shippingMethodState, setShippingMethodState] = useState(shippingMethodInitialState);\n\n  const\n    shippingMethods = methods.filter(({ type }) => type === \"SHIPPING\"),\n    pickupMethods = methods.filter(({ type }) => type === \"PICKUP\");\n\n  // based on the selected BOPIS tab/selected shipping method, logic to render\n  // shipping methods and warnings\n  useEffect(() => {\n    const\n      selectedMethodType = selectedShippingMethod.type,\n      selectedMethodId = selectedShippingMethod.id;\n\n    if (selectedShippingType === \"SHIPPING\" && selectedMethodType === \"SHIPPING\") {\n      logger.cal.info(\"shipping_type_shipping_tab\");\n      setShippingMethodState({\n        shippingWarning: \"\",\n        pickupWarning: \"\",\n        shipMethodDrop: selectedMethodId,\n        pickMethodDrop: \"\"\n      });\n\n      updateFeature(\"CHECKOUT_BUTTON\", { data: { validShippingMethod: true }});\n      } else if (selectedShippingType === \"PICKUP\" && selectedMethodType === \"PICKUP\") {\n        logger.cal.info(\"shipping_type_pickup_tab\");\n        setShippingMethodState({\n          shippingWarning: \"\",\n          pickupWarning: \"\",\n          shipMethodDrop: \"\",\n          pickMethodDrop: selectedMethodId\n        });\n\n        updateFeature(\"CHECKOUT_BUTTON\", { data: { validShippingMethod: true }});\n      } else {\n        logger.cal.info(\"no_method_selected\");\n        setShippingMethodState({\n          shipMethodDrop: \"\",\n          pickMethodDrop: \"\",\n          shippingWarning: getContent(\"shippingMethod.shippingMethodWarning\"),\n          pickupWarning: getContent(\"shippingMethod.pickupMethodWarning\")\n        });\n\n        if (methods?.length) {\n          updateFeature(\"CHECKOUT_BUTTON\", { data: { validShippingMethod: false }});\n        }\n      }\n    }, [selectedShippingType, selectedShippingMethod]);\n\n    // selectNewShippingMethod gets called when an option is selected from the dropdown\n    const selectNewShippingMethod = (e) => {\n      updateShippingMethods({\n        variables: {\n          token: getToken(),\n          shippingMethods: selectShippingMethodById(e.target.value, methods)\n        }\n      });\n    };\n\n    const hasShippingTab = methods.some(({ type }) => (\n      type === \"SHIPPING\"\n    ));\n\n    const hasPickupTab = methods.some(({ type }) => (\n      type === \"PICKUP\"\n    ));\n\n    if (hasShippingTab && hasPickupTab) {\n      return (\n        <Tabs\n          name=\"bopis-selector\"\n          data-testid={'shipping-options-selector'}\n          selectedTabIdx={(selectedShippingType === \"SHIPPING\") ? 0 : 1}\n          onClick={(e) => updateShippingType(e.target.id)}\n          tabs={[\n            {\n              label: getContent(\"shipping.shipItTab\"),\n              id: \"SHIPPING\",\n              panelId: \"shipping-tab\",\n              \"data-testid\": \"shipping-tab\"\n            },\n            {\n              label: getContent(\"shipping.pickItUp\"),\n              id: \"PICKUP\",\n              panelId: \"pickup-tab\",\n              \"data-testid\": \"pickup-tab\"\n            }\n          ]}\n        >\n          <TabPanel id=\"shipping-tab\" data-testid={\"shipping-panel\"}>\n            <ShippingMethodsDrop\n              type=\"SHIPPING\"\n              methods={shippingMethods}\n              dataTestId=\"shipping-methods-dropdown\"\n              pickupMethods={pickupMethods}\n              shippingMethodState={shippingMethodState}\n              selectNewShippingMethod={selectNewShippingMethod}\n            />\n            <div className={styles.spacer} />\n            { children }\n          </TabPanel>\n          <TabPanel id=\"pickup-tab\" data-testid={\"pickup-panel\"}>\n            <ShippingMethodsDrop\n              type=\"PICKUP\"\n              methods={pickupMethods}\n              dataTestId=\"pickup-methods-dropdown\"\n              shippingMethodState={shippingMethodState}\n              selectNewShippingMethod={selectNewShippingMethod}\n            />\n          </TabPanel>\n        </Tabs>\n      );\n    } else if (hasShippingTab) {\n      return (\n        <>\n          <ShippingMethodsDrop\n            type=\"SHIPPING\"\n            methods={shippingMethods}\n            dataTestId=\"shipping-methods-dropdown\"\n            shippingMethodState={shippingMethodState}\n            selectNewShippingMethod={selectNewShippingMethod}\n          />\n          <div className={styles.spacer} />\n          { children }\n        </>\n      );\n    } else if (hasPickupTab) {\n      return (\n        <ShippingMethodsDrop\n          type=\"PICKUP\"\n          dataTestId=\"pickup-methods-dropdown\"\n          methods={pickupMethods}\n          shippingMethodState={shippingMethodState}\n          selectNewShippingMethod={selectNewShippingMethod}\n        />\n      );\n    } else {\n      return (<>{ children }</>);\n    }\n};\n\n// working on filling out more detail of the object props\nShippingMethods.propTypes = {\n\tmethods: PropTypes.array.isRequired,\n\tselectedShippingMethod: PropTypes.object.isRequired,\n  selectedShippingType: PropTypes.string,\n\tupdateShippingType: PropTypes.func.isRequired,\n\tchildren: PropTypes.oneOfType([PropTypes.array, PropTypes.node])\n};\n\nexport default ShippingMethods;\n","import React, { useState, useEffect } from 'react';\nimport classNames from 'classnames';\nimport { Checkbox } from '@paypalcorp/pp-react';\nimport { logger } from '@paypalcorp/c3-util-logger';\nimport { updateFeature } from '@paypalcorp/c3-util-store';\nimport { REVIEW_PAYLOAD } from '@paypalcorp/c3-util-logger';\nimport getContent from '@/lib/content';\nimport { useFeature } from '@/components/Feature/hooks';\nimport Title from './Title';\nimport ChangeButton from './ChangeButton';\nimport SingleShippingAddress from './SingleShippingAddress';\nimport ShippingOptions from './ShippingOptions';\nimport ShippingMethods from './ShippingMethods';\nimport styles from './styles.css';\nimport {\n  callOnShippingChange,\n  hasOnShippingChangeCallback,\n  hasShippingMethodChanged,\n  hasAddressChanged,\n  buildOnShippingChangePayload,\n  hasNewShippingMethods,\n} from './utils';\nimport { useMutation } from '@apollo/react-hooks';\nimport { REPLAN_SHIPPING_CHANGE_MUTATION } from './Mutations';\nimport { getToken } from '@paypalcorp/c3-shared-globals';\nimport { creditPpcOffersGqlParams } from '@/lib/credit';\nimport { usePrevious } from 'react-use';\nimport ShippingAndTax from '@/components/ShippingAndTax';\n\nexport const handleGetSelectedAddresses = (shippingAddresses = [], userSelectedAddressId) => {\n  let selectedAddress = shippingAddresses.find((address) => address.isSelected);\n  if (!selectedAddress) {\n    selectedAddress = shippingAddresses.find((address) => address.isPrimary);\n    logger.cal.info(`ship_to_select_primary_address`);\n  }\n\n  if (!selectedAddress && shippingAddresses.length > 0) {\n    selectedAddress = shippingAddresses[0];\n    updateFeature('SHIP_TO', { data: { userSelectedAddressId: selectedAddress?.addressId } });\n    logger.cal.info('ship_to_select_first_address');\n  }\n\n  let userSelectedAddress = selectedAddress;\n  if (userSelectedAddressId) {\n    userSelectedAddress = shippingAddresses.find(\n      (address) => address.addressId === userSelectedAddressId\n    );\n  }\n  return {\n    selectedAddress,\n    userSelectedAddress,\n  };\n};\n\nconst mapDataToProps = (props) => {\n  const {\n    allQueryData: [\n      {\n        data: {\n          checkoutSession: {\n            flags: {\n              hideShipping,\n              isChangeShippingAddressAllowed,\n              isOptionallyShareAddress,\n              isSntSupported,\n            } = {},\n            shippingAddresses = [],\n            merchant: { name: merchantName } = {},\n            cart: {\n              shippingMethods = [],\n              paymentId = '',\n              total: {\n                currencyCode: cartTotalCurrencyCode,\n                currencyValue: cartTotalCurrencyValue,\n              } = {},\n              amounts: cartBreakdownAmounts = {},\n              cancelUrl: { href: returnUrl = '' } = {},\n            } = {},\n          } = {},\n        },\n      },\n    ],\n    feature: {\n      data: {\n        isChangeShippingLinkClicked,\n        userSelectedAddressId,\n        userSelectedPreferredShippingAddressId,\n        toggle,\n      },\n    },\n    features,\n  } = props;\n\n  const { selectedAddress, userSelectedAddress } = handleGetSelectedAddresses(\n    shippingAddresses,\n    userSelectedAddressId\n  );\n\n  const changeNotAllowedInfoMsg = getContent('shipping.addressProvidedByMerchant', {\n    merchantName: merchantName || 'the Merchant',\n  });\n\n  const shippingOptionsNotSupportedMsg = getContent('shippingMethod.shippingRegionUnsupported', {\n    merchant: merchantName || 'the Merchant',\n  });\n\n  const showOptionallyShareAddressCheckBox =\n    features.DONATION_SHARE_ADDRESS.eligible &&\n    features.DONATION_SHARE_ADDRESS.enabled &&\n    isOptionallyShareAddress;\n\n  const isCreditSingleFIDisplay = features.CREDIT_SINGLE_FI_DISPLAY.data.isGPLFi || false;\n\n  const selectedShippingMethod = shippingMethods?.find(({ selected }) => selected) || {};\n\n  const onShippingChangePayload = buildOnShippingChangePayload({\n    paymentId,\n    cartTotalCurrencyCode,\n    cartTotalCurrencyValue,\n    cartBreakdownAmounts,\n    selectedShippingMethod,\n    userSelectedAddress,\n  });\n\n  return {\n    hideShipping,\n    isChangeShippingAddressAllowed,\n    isChangeShippingLinkClicked,\n    shippingAddresses,\n    selectedAddress,\n    userSelectedAddress,\n    changeNotAllowedInfoMsg,\n    shippingOptionsNotSupportedMsg,\n    userSelectedPreferredShippingAddressId,\n    toggle,\n    showOptionallyShareAddressCheckBox,\n    isCreditSingleFIDisplay,\n    shippingMethods,\n    selectedShippingMethod,\n    onShippingChangePayload,\n    isSntSupported,\n    merchantName,\n    returnUrl,\n  };\n};\n\n/**\n * Main ShipTo component which displays selected shipping address\n * and has an ability to change shipping\n */\nconst ShipTo = (props) => {\n  const { experiment } = useFeature('SELECT_SHIPPING');\n\n  const [replanShippingChange, { loading: replanLoading }] = useMutation(\n    REPLAN_SHIPPING_CHANGE_MUTATION\n  );\n\n  const isSelectShippingInterstitialEnabled = experiment?.resolvedTreatment === 'TREATMENT_1';\n\n  const [currentSelectedShippingType, setCurrentSelectedShippingType] = useState(\n    props.selectedShippingMethod?.type\n  );\n\n  const {\n    hideShipping,\n    shippingAddresses,\n    isChangeShippingLinkClicked,\n    isChangeShippingAddressAllowed,\n    changeNotAllowedInfoMsg,\n    shippingOptionsNotSupportedMsg,\n    userSelectedAddress,\n    toggle,\n    showOptionallyShareAddressCheckBox,\n    isCreditSingleFIDisplay,\n    shippingMethods,\n    selectedShippingMethod,\n    selectedAddress,\n    onShippingChangePayload,\n    isSntSupported,\n    merchantName,\n    returnUrl,\n  } = mapDataToProps(props);\n\n  const userSelectedAddressId = props.feature?.data?.userSelectedAddressId;\n\n  const oldSelectedMethod = usePrevious(selectedShippingMethod),\n    oldSelectedAddress = usePrevious(userSelectedAddress),\n    oldShippingMethods = usePrevious(shippingMethods);\n\n  useEffect(() => {\n    setCurrentSelectedShippingType(selectedShippingMethod.type);\n  }, [selectedShippingMethod]);\n\n  useEffect(() => {\n    /**\n     * callOnShippingChange needs to be called\n     * on page load\n     * anytime a shipping option is selected\n     * anytime an address is selected\n     */\n\n    /**\n     * how to use shipping callback\n     * https://developer.paypal.com/docs/checkout/integration-features/shipping-callback/\n     * https://developer.paypal.com/docs/checkout/integration-features/shipping-callback/#examples\n     */\n\n    if (\n      (hasShippingMethodChanged(oldSelectedMethod, selectedShippingMethod) ||\n        hasAddressChanged(oldSelectedAddress, userSelectedAddress)) &&\n      // hasNewShippingMethods() makes sure that if the merchant passes in new shipping options callOnShippingChange() isn't called again\n      !hasNewShippingMethods(oldShippingMethods, shippingMethods) &&\n      hasOnShippingChangeCallback() &&\n      !hideShipping &&\n      isChangeShippingAddressAllowed\n    ) {\n      callOnShippingChange(onShippingChangePayload)\n        .then(() => {\n          replanShippingChange({\n            variables: {\n              token: getToken(),\n              ...creditPpcOffersGqlParams(),\n            },\n          }).then(() => {\n            updateFeature('REVIEW_PAGE_ALERT', { visible: false });\n            updateFeature('CHECKOUT_BUTTON', { data: { validShippingMethod: true } });\n          });\n        })\n        .catch((error) => {\n          logger.cal.error('shipping_change_rejected', error);\n          updateFeature('CHECKOUT_BUTTON', { data: { validShippingMethod: false } });\n          updateFeature('REVIEW_PAGE_ALERT', {\n            visible: true,\n            data: {\n              type: 'error',\n              display: true,\n              message: shippingOptionsNotSupportedMsg,\n            },\n          });\n        });\n    }\n\n    if (\n      selectedAddress &&\n      !hideShipping &&\n      !showOptionallyShareAddressCheckBox &&\n      !userSelectedAddressId\n    ) {\n      updateFeature('SHIP_TO', {\n        data: {\n          userSelectedAddressId: selectedAddress.addressId,\n          addresses: shippingAddresses,\n        },\n      });\n    }\n  }, [\n    userSelectedAddressId,\n    hideShipping,\n    shippingAddresses,\n    selectedAddress,\n    userSelectedAddress,\n    showOptionallyShareAddressCheckBox,\n    selectedShippingMethod,\n    oldSelectedAddress,\n    oldSelectedMethod,\n    isChangeShippingAddressAllowed,\n    replanLoading,\n    onShippingChangePayload,\n    shippingOptionsNotSupportedMsg,\n    replanShippingChange,\n  ]);\n\n  const togglePreferredShippingAddress = (userSelectedPreferredShippingAddressId) => {\n    const {\n      feature: {\n        data: { toggle: initial },\n      },\n    } = props;\n\n    return updateFeature('SHIP_TO', {\n      data: {\n        toggle: !initial,\n        userSelectedPreferredShippingAddressId: !initial\n          ? userSelectedPreferredShippingAddressId\n          : undefined,\n      },\n    }).then(() => {\n      const action = !initial\n        ? 'selectPreferredShippingAddress'\n        : 'unselectPreferredShippingAddress';\n      logger.fpti(\n        action,\n        REVIEW_PAYLOAD({\n          action,\n          preferred_shipping_address_id: userSelectedPreferredShippingAddressId,\n        })\n      );\n    });\n  };\n\n  if (hideShipping || !userSelectedAddress) {\n    return null;\n  }\n\n  const showAddressDisplay =\n    isSelectShippingInterstitialEnabled ||\n    !isChangeShippingLinkClicked ||\n    (!isChangeShippingAddressAllowed && isChangeShippingLinkClicked);\n\n  const showChangeNotAllowedMessage =\n    !isChangeShippingAddressAllowed && isChangeShippingLinkClicked;\n\n  const showMakePreferredCheckbox =\n    isChangeShippingAddressAllowed &&\n    showAddressDisplay &&\n    userSelectedAddress &&\n    !userSelectedAddress.isDefaultShipping;\n\n  const showAddressDropdown =\n    isChangeShippingAddressAllowed &&\n    !isSelectShippingInterstitialEnabled &&\n    isChangeShippingLinkClicked;\n\n  const showShippingTitle =\n    currentSelectedShippingType !== 'SHIPPING' && currentSelectedShippingType !== 'PICKUP';\n\n  const shippingBaseComponents = (\n    <>\n      {showShippingTitle && (\n        <div className={styles.header}>\n          <Title />\n        </div>\n      )}\n\n      {showAddressDisplay && (\n        <SingleShippingAddress\n          selectedAddress={userSelectedAddress}\n          isChangeShippingLinkClicked={isChangeShippingLinkClicked}\n        />\n      )}\n\n      {showChangeNotAllowedMessage && (\n        <ChangeNotAllowedMessage changeNotAllowedInfoMsg={changeNotAllowedInfoMsg} />\n      )}\n\n      {showAddressDropdown && (\n        <ShippingOptions\n          selectedAddressId={userSelectedAddress.addressId}\n          addresses={shippingAddresses}\n        />\n      )}\n\n      {!(showOptionallyShareAddressCheckBox || isChangeShippingLinkClicked) && (\n        <ChangeButton\n          isCreditSingleFIDisplay={isCreditSingleFIDisplay}\n          selectedAddressId={userSelectedAddress.addressId}\n          addresses={shippingAddresses}\n          isChangeShippingAddressAllowed={isChangeShippingAddressAllowed}\n          isSelectShippingInterstitialEnabled={isSelectShippingInterstitialEnabled}\n        />\n      )}\n\n      {showMakePreferredCheckbox && (\n        <div className={styles.makePreferred} data-testid=\"make-preferred-shipping\">\n          <Checkbox\n            label={getContent('shipping.makePreferredShipping')}\n            checked={toggle}\n            size=\"small\"\n            id={`${userSelectedAddress.addressId}-make-preferred`}\n            data-testid={`${userSelectedAddress.addressId}-make-preferred`}\n            onChange={() => togglePreferredShippingAddress(userSelectedAddress.addressId)}\n          />\n        </div>\n      )}\n    </>\n  );\n\n  return (\n    <section\n      className={classNames(styles.container, {\n        [styles.donation]: showOptionallyShareAddressCheckBox,\n      })}\n      data-testid=\"ship-to-container\"\n    >\n      {isSntSupported ? (\n        <>\n          {shippingBaseComponents}\n          <ShippingAndTax\n            selectedAddress={userSelectedAddress}\n            selectedAddressId={userSelectedAddressId}\n            shippingOptionsNotSupportedMsg={shippingOptionsNotSupportedMsg}\n            merchantName={merchantName}\n            returnUrl={returnUrl}\n          />\n        </>\n      ) : (\n        <ShippingMethods\n          methods={shippingMethods}\n          selectedShippingType={currentSelectedShippingType}\n          selectedShippingMethod={selectedShippingMethod}\n          updateShippingType={setCurrentSelectedShippingType}\n        >\n          {shippingBaseComponents}\n        </ShippingMethods>\n      )}\n    </section>\n  );\n};\n\nconst ChangeNotAllowedMessage = ({ changeNotAllowedInfoMsg }) => (\n  <p data-testid=\"ship-to-info\">\n    <span className={styles.infoIcon} />\n    <span className={styles.info} data-testid=\"ship-to-not-allowed-content\">\n      {changeNotAllowedInfoMsg}\n    </span>\n  </p>\n);\n\nexport default ShipTo;\n","import React from 'react';\nimport { logger } from '@paypalcorp/c3-util-logger';\nimport { TRANSITION_PAYLOAD } from '@paypalcorp/c3-util-logger';\nimport getContent from '@/lib/content';\nimport { updateFeature } from '@paypalcorp/c3-util-store';\nimport { REVIEW_PAYLOAD } from '@paypalcorp/c3-util-logger';\nimport { getCountry, getLocale } from '@paypalcorp/c3-shared-globals';\n\nimport AddOption from '@/components/AddOption';\nimport { ADDRESS_METADATA_QUERY } from '@/components/AddressForm/query';\n\n/**\n * Render Change shipping button to show/hide shipping options list\n */\nconst ChangeButton = ({\n  addresses,\n  isChangeShippingAddressAllowed,\n  isCreditSingleFIDisplay = false,\n  isSelectShippingInterstitialEnabled,\n  selectedAddressId,\n}) => (\n  <AddOption\n    onClick={() => {\n      updateFeature('SHIP_TO', {\n        visible: true,\n        data: {\n          isChangeShippingLinkClicked: true,\n          addresses,\n        },\n      });\n\n      if (isCreditSingleFIDisplay) {\n        logger.fpti(\n          'CHANGE_SHIPPING_ADDRESS',\n          TRANSITION_PAYLOAD({\n            from: 'gpl_xo_ryi',\n            to: 'change_shipping_address',\n          })\n        );\n      }\n\n      // show select shipping interstitial\n      if (isChangeShippingAddressAllowed && isSelectShippingInterstitialEnabled) {\n        updateFeature('SELECT_SHIPPING', {\n          visible: true,\n          data: {\n            selectedAddressId,\n            addresses,\n          },\n        });\n      }\n    }}\n    label={getContent('shipping.change')}\n    action=\"changeShipping\"\n    dataTestId=\"change-shipping\"\n    withPlusIcon={false}\n    getPayload={REVIEW_PAYLOAD}\n    prefetchQueries={[\n      {\n        query: ADDRESS_METADATA_QUERY,\n        payload: {\n          lang: getLocale(),\n          country: getCountry(),\n        },\n      },\n    ]}\n    aria-label={getContent('shipping.changeDescription')}\n  />\n);\n\nexport default ChangeButton;\n","/**\n * The Dropdown component with floating label capability\n *\n * Floating Label design pattern\n * http://www.google.com/design/spec/components/text-fields.html#text-fields-floating-labels\n * http://bradfrost.com/blog/post/float-label-pattern/\n */\nimport React, { Component } from 'react';\nimport { isFunction } from '@paypalcorp/c3-util-lang';\nimport styles from './styles.css';\n\nexport default class Dropdown extends Component {\n  state = {\n    value:\n      this.props.value ||\n      (this.props.options && this.props.options.length && this.props.options[0].value) ||\n      '',\n  };\n\n  ref = React.createRef();\n\n  componentDidMount() {\n    // if we `shouldAutoFocus`, focus in on the dropdown\n    if (this.props.shouldAutoFocus) {\n      this.ref.focus();\n    }\n  }\n\n  onChange = (event) => {\n    event.persist();\n    const { onChange } = this.props;\n\n    this.setState({ value: event.target.value });\n\n    if (isFunction(onChange)) {\n      onChange(event);\n    }\n  };\n\n  onBlur = (event) => {\n    event.persist();\n    const { onBlur } = this.props;\n\n    this.setState({ focused: false });\n    if (isFunction(onBlur)) {\n      onBlur(event);\n    }\n  };\n\n  onFocus = (event) => {\n    this.setState({ focused: true });\n  };\n\n  onMouseEnter = (event) => {\n    this.setState({ focused: true });\n  };\n\n  onMouseLeave = (event) => {\n    this.setState({ focused: false });\n  };\n\n  render() {\n    const { focused } = this.state;\n    const {\n      dataTestId,\n      name,\n      id = `dropdown_${Math.random().toFixed(10).slice(2)}`,\n      required,\n      disabled,\n      label,\n      optgroup,\n      options = [],\n    } = this.props;\n    const selectedOption = options.find((option) => option.value === this.state.value) || {};\n\n    let customDropdownStyles;\n\n    if (focused) {\n      customDropdownStyles = styles.CustomDropdownFocused;\n    } else {\n      customDropdownStyles = styles.CustomDropdown;\n    }\n\n    return (\n      <div\n        className={styles.Container}\n        onMouseEnter={this.onMouseEnter}\n        onMouseLeave={this.onMouseLeave}\n      >\n        <select\n          ref={(dom) => (this.ref = dom)}\n          data-testid={dataTestId}\n          name={name}\n          id={id}\n          className={styles.HiddenDropdown}\n          required={required}\n          disabled={disabled}\n          value={this.state.value}\n          onBlur={this.onBlur}\n          onFocus={this.onFocus}\n          onChange={this.onChange}\n        >\n          {options.map((option) => (\n            <option label={option.label} key={option.value} value={option.value}>\n              {option.label}\n            </option>\n          ))}\n          {optgroup && <optgroup label=\"\" />}\n        </select>\n        <div className={customDropdownStyles}>\n          <span>{selectedOption.label}</span>\n        </div>\n        <label className={styles.LabelHovering} htmlFor={id}>\n          {label}\n        </label>\n      </div>\n    );\n  }\n}\n","// extracted by extract-css-chunks-webpack-plugin\nmodule.exports = {\"Container\":\"Dropdown_Container_1qd31\",\"container\":\"Dropdown_Container_1qd31\",\"HiddenDropdown\":\"Dropdown_HiddenDropdown_1bdQH\",\"hiddenDropdown\":\"Dropdown_HiddenDropdown_1bdQH\",\"CustomDropdown\":\"Dropdown_CustomDropdown_3os2f\",\"customDropdown\":\"Dropdown_CustomDropdown_3os2f\",\"CustomDropdownFocused\":\"Dropdown_CustomDropdownFocused_3RxCY Dropdown_CustomDropdown_3os2f\",\"customDropdownFocused\":\"Dropdown_CustomDropdownFocused_3RxCY Dropdown_CustomDropdown_3os2f\",\"Label\":\"Dropdown_Label_30hjJ\",\"label\":\"Dropdown_Label_30hjJ\",\"LabelHovering\":\"Dropdown_LabelHovering_1pZ2z Dropdown_Label_30hjJ\",\"labelHovering\":\"Dropdown_LabelHovering_1pZ2z Dropdown_Label_30hjJ\"};","import Feature from '@/components/Feature';\n\n// Hide add shipping link when encounters `NEED_CREDIT_CONTINGENCY`\nconst shouldLoadFeatureComponent = ({ contingencies }) => !contingencies.NEED_CREDIT_CARD;\n\nconst AddShippingLink = Feature({\n  id: 'ADD_SHIPPING_LINK',\n  subscribeTo: ['ADD_SHIPPING'],\n  contingencies: ['NEED_CREDIT_CARD'],\n  shouldLoadFeatureComponent,\n})(() => import('./AddShippingLink'));\n\nexport default AddShippingLink;\n","import gql from 'graphql-tag';\nimport {\n  FundingOptionFragment,\n  CreditOfferAsFIFragment,\n  ShippingCartAmountFragment,\n} from '@paypalcorp/c3-graphql-fragments';\nimport { CreditOfferFragment } from '@/components/CreditOffer';\n\n/**\n * query to fetch shipping options\n * NOTE: hasInsurance needs to be added inside shipping query for Callback/InstantUpdate shipping\n */\nexport const CALCULATE_SHIP_TAX_QUERY = gql`\n  query CalculateShipAndTax(\n    $token: String!\n    $locale: LocaleInput!\n    $shippingAddress: AddressInput!\n  ) {\n    calculateShippingAndTaxes(token: $token, locale: $locale, shippingAddress: $shippingAddress) {\n      charges {\n        shipping {\n          id\n          type\n          isDefaultShippingOption\n          label\n          hasInsurance\n          shippingAmount {\n            currencyCode\n            currencyValue\n            currencyFormatSymbolISOCurrency\n          }\n          insuranceAmount {\n            currencyCode\n            currencyValue\n            currencyFormatSymbolISOCurrency\n          }\n          deliveryTime\n          shippingMethodType\n        }\n        tax {\n          item {\n            currencyCode\n            currencyFormatSymbolISOCurrency\n            currencyValue\n          }\n          total {\n            currencyCode\n            currencyFormatSymbolISOCurrency\n            currencyValue\n          }\n        }\n      }\n      isShippingRegionSupported\n      shippingOptionsSource\n      isTaxOnShippingRequired\n      shouldShowShippingOptions\n    }\n  }\n`;\n\n/**\n * This mutation is called when user clicks on continue button\n * need to replan the page to update the cart information\n */\nexport const UPDATE_PROFILE_SHIPPING_MUTATION = gql`\n  ${FundingOptionFragment}\n  ${ShippingCartAmountFragment}\n  ${CreditOfferAsFIFragment}\n  ${CreditOfferFragment}\n  mutation UpdateProfileShippingOption(\n    $token: String!\n    $shippingMethods: [ProfileShippingMethodInput]\n    $areCookiesDisabled: Boolean\n    $isIframe: Boolean\n  ) {\n    updateProfileShippingOptions(token: $token, profileShippingMethods: $shippingMethods) {\n      fundingOptions(returnAllPlans: true, groupSourcesOnType: INCENTIVE) {\n        ...FundingOptionFragment\n      }\n      creditPPCOffers(areCookiesDisabled: $areCookiesDisabled, isIframe: $isIframe) {\n        ...CreditOfferFragment\n      }\n      creditAsFIOffers {\n        ...CreditOfferAsFIFragment\n      }\n      cart {\n        amounts {\n          ...ShippingCartAmountFragment\n        }\n        total {\n          currencyFormatSymbolISOCurrency\n        }\n      }\n    }\n  }\n`;\n\nexport const UPDATE_CALLBACK_OPTIONS_MUTATION = gql`\n  ${FundingOptionFragment}\n  ${ShippingCartAmountFragment}\n  ${CreditOfferAsFIFragment}\n  ${CreditOfferFragment}\n  mutation UpdateCallbackOptionsMutation(\n    $callbackShippingMethods: [CallbackShippingMethodInput]\n    $shippingOptionsSource: ShippingOptionsSource\n    $token: String!\n    $areCookiesDisabled: Boolean\n    $isIframe: Boolean\n  ) {\n    updateCallbackOptions(\n      callbackShippingMethods: $callbackShippingMethods\n      shippingOptionsSource: $shippingOptionsSource\n      token: $token\n    ) {\n      fundingOptions(returnAllPlans: true, groupSourcesOnType: INCENTIVE) {\n        ...FundingOptionFragment\n      }\n      creditPPCOffers(areCookiesDisabled: $areCookiesDisabled, isIframe: $isIframe) {\n        ...CreditOfferFragment\n      }\n      creditAsFIOffers {\n        ...CreditOfferAsFIFragment\n      }\n      cart {\n        amounts {\n          ...ShippingCartAmountFragment\n        }\n        total {\n          currencyFormatSymbolISOCurrency\n        }\n      }\n    }\n  }\n`;\n","// extracted by extract-css-chunks-webpack-plugin\nmodule.exports = {\"ppui-size-xs\":\"1.125rem\",\"ppuiSizeXs\":\"1.125rem\",\"ppui-sheet-background-color\":\"#fff\",\"ppuiSheetBackgroundColor\":\"#fff\",\"loading\":\"ShippingAndTax_loading_3lkIJ\",\"container\":\"ShippingAndTax_container_2UALJ\",\"nohighlight\":\"ShippingAndTax_nohighlight_2pmdi\",\"highlight\":\"ShippingAndTax_highlight_3TfLh\"};"],"sourceRoot":""}