bitsnap-react 1.17.0 → 1.18.1

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/emems/web/bitsnap/bitsnap/bitsnap-react/dist/index.js","../src/components/checkout/ApplePay.tsx","../src/components/checkout/project-id.ts"],"names":["currentProjectID","getProjectID","ApplePayButton","ApplePayButtonModule","ApplePayButtonComponent","style","buttonType","colorType","items","onClick","checkIfApplePayIsAvailable","getApplePayPaymentRequest","completeApplePayPayment","setCountry","setCouponCodeIfPossible","setDeliveryMethod","setEmail","setPostalCode","clearCart","getApplePayPreview","useCartProvider","instrument","useInstrumentContext","paymentForCartText","useCheckoutText","isApplePayAvailable","useQuery","itemsKey","el"],"mappings":"AAAA,ylCAAsW,sDAAyC,sDAAyQ,sDAAiE,sDAAiD,sDAAiH,sDAAwG,sDAAwD,sDAAiE,sDAAyD,+BAA4B,+BAA4B,kHCA5qC,SCGjBA,EAAAA,CAAAA,CAAuC,CACrD,GAAI,CACF,OAAOC,gCAAAA,CACT,CAAA,UAAQ,CACN,MACF,CACF,CDEA,mDAAyB,+CAmWrB,IAvVEC,EAAAA,kBACHC,wBAAAA,CACE,OAAA,SAAWA,0BAAAA,CAmDhB,SAASC,EAAAA,CAAwB,CAC/B,KAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CACF,CAAA,CAAU,CACR,GAAM,CACJ,0BAAA,CAAAC,CAAAA,CACA,yBAAA,CAAAC,CAAAA,CACA,uBAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,uBAAA,CAAAC,CAAAA,CACA,iBAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,aAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,kBAAA,CAAAC,CACF,CAAA,CAAIC,gCAAAA,CAAgB,CACdC,CAAAA,CAAaC,gCAAAA,CAAqB,CAClCC,CAAAA,CAAqBC,gCAAAA,gBAAgC,CAAA,CACrD,CAAE,IAAA,CAAMC,CAAoB,CAAA,CAAIC,kCAAAA,CACpC,QAAA,CAAU,CAAC,wBAAwB,CAAA,CACnC,OAAA,CAAShB,CACX,CAAC,CAAA,CACKiB,CAAAA,CAAWnB,CAAAA,CAAM,GAAA,CAAKoB,CAAAA,EAAO,CAAA,EAAA","file":"/home/emems/web/bitsnap/bitsnap/bitsnap-react/dist/index.js","sourcesContent":[null,"import ApplePayButtonModule from \"apple-pay-button\";\nimport { PublicApiClient } from \"src/public.api.client\";\nimport CartProvider, {\n  getCheckoutSelection,\n  getProjectID,\n  useCartProvider,\n} from \"./CartProvider\";\nimport { HOST } from \"./constants\";\nimport { isErr } from \"./lib/err\";\nimport { currentProjectID } from \"./project-id\";\nimport { round } from \"./lib/round.number\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { sendAnalyticEvent } from \"./frontent.analytics\";\nimport { useCheckoutText } from \"./texts.context\";\nimport {\n  InstrumentProvider,\n  useInstrument,\n  useInstrumentContext,\n  type AnalyticsOption,\n} from \"@/src/analytics/instrument\";\n\n// A CommonJS package with a `default` export: bundlers unwrap it, Node's own\n// ESM loader (server rendering of the unbundled library) does not.\nconst ApplePayButton: typeof ApplePayButtonModule =\n  (ApplePayButtonModule as unknown as { default?: typeof ApplePayButtonModule })\n    .default ?? ApplePayButtonModule;\n\ntype AppleButtonType =\n  | \"plain\"\n  | \"add-money\"\n  | \"book\"\n  | \"buy\"\n  | \"check-out\"\n  | \"continue\"\n  | \"contribute\"\n  | \"donate\"\n  | \"order\"\n  | \"pay\"\n  | \"reload\"\n  | \"rent\"\n  | \"set-up\"\n  | \"subscribe\"\n  | \"support\"\n  | \"tip\"\n  | \"top-up\";\ntype ColorType = \"black\" | \"white\" | \"white-outline\";\n\nexport type Props = {\n  style?: {\n    width?: string;\n    height?: string;\n    borderRadius?: string;\n    padding?: string;\n    boxSizing?: string;\n  };\n  buttonType?: AppleButtonType;\n  colorType?: ColorType;\n  items: {\n    name: string;\n    id: string;\n    price: number;\n    /** Currency of `price` (minor units); defaults to PLN. */\n    currency?: string;\n    quantity: number;\n    isDeliverable?: boolean;\n    metadata?: { [key: string]: string | undefined };\n  }[];\n  onClick?: () => Promise<void>;\n  /**\n   * Usage statistics for your Bitsnap dashboard (Apple Pay clicks and\n   * results). On by default; `false` turns it off. Inside `<BitsnapCheckout>`\n   * the checkout's setting applies unless this is given.\n   */\n  analytics?: AnalyticsOption;\n};\n\nfunction ApplePayButtonComponent({\n  style,\n  buttonType,\n  colorType,\n  items,\n  onClick,\n}: Props) {\n  const {\n    checkIfApplePayIsAvailable,\n    getApplePayPaymentRequest,\n    completeApplePayPayment,\n    setCountry,\n    setCouponCodeIfPossible,\n    setDeliveryMethod,\n    setEmail,\n    setPostalCode,\n    clearCart,\n    getApplePayPreview,\n  } = useCartProvider();\n  const instrument = useInstrumentContext();\n  const paymentForCartText = useCheckoutText(\"paymentForCart\");\n  const { data: isApplePayAvailable } = useQuery({\n    queryKey: [\"is-apple-pay-available\"],\n    queryFn: checkIfApplePayIsAvailable,\n  });\n  const itemsKey = items.map((el) => `${el.id}:${el.quantity}`).join(\",\");\n  const selection = getCheckoutSelection();\n  const { data: preview } = useQuery({\n    queryKey: [\n      \"apple-pay-preview\",\n      itemsKey,\n      selection.country ?? \"\",\n      selection.couponCode ?? \"\",\n      selection.selectedDeliveryMethod ?? \"\",\n      selection.postalCode ?? \"\",\n    ],\n    queryFn: () =>\n      getApplePayPreview({\n        items: items.map((el) => ({\n          productID: el.id,\n          quantity: el.quantity,\n          metadata: el.metadata,\n        })),\n      }),\n    enabled: isApplePayAvailable === true,\n  });\n  if (isApplePayAvailable != true) {\n    return null;\n  }\n  // The backend's answer when it is there; else the cart's own currency and\n  // total, with no delivery in it (it is added once the buyer picks a method).\n  const loadedPreview =\n    preview != null && !isErr(preview)\n      ? preview\n      : {\n          countryCode: selection.country || \"PL\",\n          currencyCode: items[0]?.currency ?? \"PLN\",\n          totalAmount: `${round(\n            items.reduce((acc, item) => acc + item.price * item.quantity, 0) /\n              100,\n            2,\n          )}`,\n        };\n\n  const expectedItems = items.map((el) => ({\n    productID: el.id,\n    quantity: el.quantity,\n    metadata: el.metadata,\n  }));\n\n  async function beginSession() {\n    let reported = false;\n    const report = (outcome: \"success\" | \"fail\" | \"cancel\") => {\n      if (reported) {\n        return;\n      }\n      reported = true;\n      instrument.track(\"apple_pay_result\", { outcome });\n    };\n    instrument.track(\"apple_pay_clicked\", {});\n    instrument.track(\"payment_method_selected\", {\n      gateway: \"apple_pay\",\n      method: \"apple_pay\",\n    });\n    sendAnalyticEvent({\n      event: \"initiateCheckout\",\n      items: items.map((el) => ({\n        id: el.id,\n        name: el.name,\n        price: el.price,\n        quantity: el.quantity,\n        currency: loadedPreview.currencyCode,\n      })),\n    });\n    const requiresShipping =\n      items.find((el) => el.isDeliverable === true) != null;\n    // The session has to be created inside the click, so country, currency\n    // and total come from the backend's answer that was loaded beforehand.\n    const session = new ApplePaySession(14, {\n      countryCode: loadedPreview.countryCode,\n      merchantCapabilities: [\"supports3DS\"],\n      supportedNetworks: [\"visa\", \"masterCard\"],\n      currencyCode: loadedPreview.currencyCode,\n      total: {\n        amount: loadedPreview.totalAmount,\n        label: paymentForCartText,\n        type: \"pending\",\n      },\n      // Delivery is added once the buyer picks a contact and a method.\n      lineItems: items.map(\n        (item) =>\n          ({\n            amount: `${round((item.price * item.quantity) / 100, 2)}`,\n            label: item.name,\n            type: \"final\",\n          } as ApplePayJS.ApplePayLineItem)\n      ),\n      ...(requiresShipping\n        ? {\n            shippingMethods: [],\n            supportsCouponCode: true,\n            requiredBillingContactFields: [\n              \"name\",\n              \"email\",\n              \"postalAddress\",\n              \"phone\",\n            ],\n            requiredShippingContactFields: [\n              \"name\",\n              \"email\",\n              \"postalAddress\",\n              \"phone\",\n            ],\n          }\n        : {}),\n    });\n    await onClick?.();\n    const apRequest = await getApplePayPaymentRequest({ expectedItems });\n    if (isErr(apRequest)) {\n      console.error(\"Error creating ApplePaySession:\", apRequest.error);\n      report(\"fail\");\n      return;\n    }\n\n    session.oncancel = (event) => {\n      console.log(\"ApplePaySession cancelled\", event);\n      report(\"cancel\");\n    };\n\n    session.onvalidatemerchant = async (event) => {\n      try {\n        const result = await PublicApiClient.get(HOST).applePayValidateMerchant(\n          {\n            validationUrl: event.validationURL,\n            projectId: getProjectID(),\n          }\n        );\n        console.log(\"merchantSession\", result.merchantSession);\n        if (result.merchantSession.length > 0) {\n          console.log(\"completing merchant session\");\n          session.completeMerchantValidation(\n            JSON.parse(result.merchantSession)\n          );\n        } else {\n          session.abort();\n        }\n      } catch (error) {\n        session.abort();\n      }\n    };\n\n    session.onshippingmethodselected = async (event) => {\n      console.log(\"shipping method selected\", event);\n      instrument.track(\"delivery_method_selected\", {\n        method: event.shippingMethod.identifier,\n      });\n      await setDeliveryMethod(event.shippingMethod.identifier);\n      const apRequest = await getApplePayPaymentRequest({ expectedItems });\n      console.log(\"apRequest\", apRequest);\n      if (isErr(apRequest)) {\n        session.abort();\n        throw new Error(\"Failed to get Apple Pay payment request\");\n      }\n\n      session.completeShippingMethodSelection({\n        newTotal: apRequest.total,\n        newLineItems: apRequest.lineItems,\n        newShippingMethods: apRequest.shippingMethods,\n      });\n    };\n    session.onshippingcontactselected = async (event) => {\n      try {\n        if (event.shippingContact.countryCode != null) {\n          await setCountry(event.shippingContact.countryCode);\n        }\n        if (event.shippingContact.postalCode != null) {\n          await setPostalCode(event.shippingContact.postalCode);\n        }\n        if (event.shippingContact.phoneNumber != null) {\n          await setEmail(event.shippingContact.emailAddress);\n        }\n        const apRequest = await getApplePayPaymentRequest({ expectedItems });\n        if (isErr(apRequest)) {\n          session.abort();\n          throw new Error(\"Failed to get Apple Pay payment request\");\n        }\n\n        console.log(\"apRequest\", apRequest);\n        session.completeShippingContactSelection({\n          newLineItems: apRequest.lineItems,\n          newTotal: apRequest.total,\n          newShippingMethods: apRequest.shippingMethods,\n        });\n      } catch (error) {\n        console.log(\"shipping contact selected error\", error);\n        session.abort();\n      }\n    };\n\n    session.oncouponcodechanged = async (event) => {\n      try {\n        console.log(\"coupon code changed\", event);\n        const result = await setCouponCodeIfPossible(event.couponCode);\n        const apRequest = await getApplePayPaymentRequest({ expectedItems });\n        console.log(\"apRequest\", apRequest);\n        if (isErr(apRequest)) {\n          session.abort();\n          throw new Error(\"Failed to get Apple Pay payment request\");\n        }\n\n        session.completeCouponCodeChange({\n          errors: isErr(result)\n            ? [new ApplePayError(\"couponCodeInvalid\")]\n            : undefined,\n          newTotal: apRequest.total,\n          newLineItems: apRequest.lineItems,\n          newShippingMethods: apRequest.shippingMethods,\n        });\n      } catch (error) {\n        console.log(\"coupon code changed error\", error);\n        session.abort();\n      }\n    };\n\n    session.onpaymentauthorized = async (event) => {\n      instrument.track(\"payment_submitted\", {\n        gateway: \"apple_pay\",\n        method: \"apple_pay\",\n      });\n      try {\n        const result = await completeApplePayPayment({\n          token: event.payment.token,\n          billingContact: event.payment.billingContact,\n          shippingContact: event.payment.shippingContact,\n        });\n        if (isErr(result)) {\n          console.log(\"apple pay error\", result);\n          report(\"fail\");\n          session.completePayment({\n            status: ApplePaySession.STATUS_FAILURE,\n          });\n          return;\n        }\n\n        if (result.redirectURL) {\n          setTimeout(() => {\n            open(result.redirectURL, \"_self\");\n          }, 2000);\n        }\n        report(result.isSuccess ? \"success\" : \"fail\");\n        session.completePayment({\n          status: result.isSuccess\n            ? ApplePaySession.STATUS_SUCCESS\n            : ApplePaySession.STATUS_FAILURE,\n        });\n\n        result.isSuccess && clearCart();\n      } catch (e) {\n        report(\"fail\");\n        session.completePayment({\n          status: ApplePaySession.STATUS_FAILURE,\n        });\n      }\n      // event.complete(ApplePaySession.STATUS_SUCCESS);\n    };\n\n    session.begin();\n  }\n\n  return (\n    <ApplePayButton\n      style={style}\n      buttonStyle={colorType}\n      type={buttonType}\n      onClick={beginSession}\n    />\n  );\n}\n\nfunction Wrapper(props: Props) {\n  const instrument = useInstrument(\n    currentProjectID(),\n    props.analytics,\n    \"cart\",\n  );\n  return (\n    <InstrumentProvider value={instrument}>\n      <CartProvider>\n        <ApplePayButtonComponent {...props} />\n      </CartProvider>\n    </InstrumentProvider>\n  );\n}\nexport default Wrapper;\n","import { getProjectID } from \"./CartProvider\";\n\n/** The page's project ID; `undefined` (instead of a throw) during server rendering. */\nexport function currentProjectID(): string | undefined {\n  try {\n    return getProjectID();\n  } catch {\n    return undefined;\n  }\n}\n"]}
+{"version":3,"sources":["/home/user/bitsnap-react-payment-release/dist/index.js","../src/components/checkout/ApplePay.tsx","../src/components/checkout/project-id.ts"],"names":["currentProjectID","getProjectID","ApplePayButton","ApplePayButtonModule","ApplePayButtonComponent","style","buttonType","colorType","items","onClick","checkIfApplePayIsAvailable","getApplePayPaymentRequest","completeApplePayPayment","setCountry","setCouponCodeIfPossible","setDeliveryMethod","setEmail","setPostalCode","clearCart","getApplePayPreview","useCartProvider","instrument","useInstrumentContext","paymentForCartText","useCheckoutText","isApplePayAvailable","useQuery","itemsKey","el"],"mappings":"AAAA,goDAA8Z,sDAAyC,sDAAyQ,sDAAiE,sDAAiD,sDAAiH,sDAAwG,sDAAgE,sDAAiE,sDAAyD,+BAA4B,+BAA4B,kHCA5uC,SCGjBA,EAAAA,CAAAA,CAAuC,CACrD,GAAI,CACF,OAAOC,gCAAAA,CACT,CAAA,UAAQ,CACN,MACF,CACF,CDEA,mDAAyB,+CAmWrB,IAvVEC,EAAAA,kBACHC,wBAAAA,CACE,OAAA,SAAWA,0BAAAA,CAmDhB,SAASC,EAAAA,CAAwB,CAC/B,KAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CACF,CAAA,CAAU,CACR,GAAM,CACJ,0BAAA,CAAAC,CAAAA,CACA,yBAAA,CAAAC,CAAAA,CACA,uBAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,uBAAA,CAAAC,CAAAA,CACA,iBAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,aAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,kBAAA,CAAAC,CACF,CAAA,CAAIC,gCAAAA,CAAgB,CACdC,CAAAA,CAAaC,gCAAAA,CAAqB,CAClCC,CAAAA,CAAqBC,gCAAAA,gBAAgC,CAAA,CACrD,CAAE,IAAA,CAAMC,CAAoB,CAAA,CAAIC,kCAAAA,CACpC,QAAA,CAAU,CAAC,wBAAwB,CAAA,CACnC,OAAA,CAAShB,CACX,CAAC,CAAA,CACKiB,CAAAA,CAAWnB,CAAAA,CAAM,GAAA,CAAKoB,CAAAA,EAAO,CAAA,EAAA","file":"/home/user/bitsnap-react-payment-release/dist/index.js","sourcesContent":[null,"import ApplePayButtonModule from \"apple-pay-button\";\nimport { PublicApiClient } from \"src/public.api.client\";\nimport CartProvider, {\n  getCheckoutSelection,\n  getProjectID,\n  useCartProvider,\n} from \"./CartProvider\";\nimport { HOST } from \"./constants\";\nimport { isErr } from \"./lib/err\";\nimport { currentProjectID } from \"./project-id\";\nimport { round } from \"./lib/round.number\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { sendAnalyticEvent } from \"./frontent.analytics\";\nimport { useCheckoutText } from \"./texts.context\";\nimport {\n  InstrumentProvider,\n  useInstrument,\n  useInstrumentContext,\n  type AnalyticsOption,\n} from \"@/src/analytics/instrument\";\n\n// A CommonJS package with a `default` export: bundlers unwrap it, Node's own\n// ESM loader (server rendering of the unbundled library) does not.\nconst ApplePayButton: typeof ApplePayButtonModule =\n  (ApplePayButtonModule as unknown as { default?: typeof ApplePayButtonModule })\n    .default ?? ApplePayButtonModule;\n\ntype AppleButtonType =\n  | \"plain\"\n  | \"add-money\"\n  | \"book\"\n  | \"buy\"\n  | \"check-out\"\n  | \"continue\"\n  | \"contribute\"\n  | \"donate\"\n  | \"order\"\n  | \"pay\"\n  | \"reload\"\n  | \"rent\"\n  | \"set-up\"\n  | \"subscribe\"\n  | \"support\"\n  | \"tip\"\n  | \"top-up\";\ntype ColorType = \"black\" | \"white\" | \"white-outline\";\n\nexport type Props = {\n  style?: {\n    width?: string;\n    height?: string;\n    borderRadius?: string;\n    padding?: string;\n    boxSizing?: string;\n  };\n  buttonType?: AppleButtonType;\n  colorType?: ColorType;\n  items: {\n    name: string;\n    id: string;\n    price: number;\n    /** Currency of `price` (minor units); defaults to PLN. */\n    currency?: string;\n    quantity: number;\n    isDeliverable?: boolean;\n    metadata?: { [key: string]: string | undefined };\n  }[];\n  onClick?: () => Promise<void>;\n  /**\n   * Usage statistics for your Bitsnap dashboard (Apple Pay clicks and\n   * results). On by default; `false` turns it off. Inside `<BitsnapCheckout>`\n   * the checkout's setting applies unless this is given.\n   */\n  analytics?: AnalyticsOption;\n};\n\nfunction ApplePayButtonComponent({\n  style,\n  buttonType,\n  colorType,\n  items,\n  onClick,\n}: Props) {\n  const {\n    checkIfApplePayIsAvailable,\n    getApplePayPaymentRequest,\n    completeApplePayPayment,\n    setCountry,\n    setCouponCodeIfPossible,\n    setDeliveryMethod,\n    setEmail,\n    setPostalCode,\n    clearCart,\n    getApplePayPreview,\n  } = useCartProvider();\n  const instrument = useInstrumentContext();\n  const paymentForCartText = useCheckoutText(\"paymentForCart\");\n  const { data: isApplePayAvailable } = useQuery({\n    queryKey: [\"is-apple-pay-available\"],\n    queryFn: checkIfApplePayIsAvailable,\n  });\n  const itemsKey = items.map((el) => `${el.id}:${el.quantity}`).join(\",\");\n  const selection = getCheckoutSelection();\n  const { data: preview } = useQuery({\n    queryKey: [\n      \"apple-pay-preview\",\n      itemsKey,\n      selection.country ?? \"\",\n      selection.couponCode ?? \"\",\n      selection.selectedDeliveryMethod ?? \"\",\n      selection.postalCode ?? \"\",\n    ],\n    queryFn: () =>\n      getApplePayPreview({\n        items: items.map((el) => ({\n          productID: el.id,\n          quantity: el.quantity,\n          metadata: el.metadata,\n        })),\n      }),\n    enabled: isApplePayAvailable === true,\n  });\n  if (isApplePayAvailable != true) {\n    return null;\n  }\n  // The backend's answer when it is there; else the cart's own currency and\n  // total, with no delivery in it (it is added once the buyer picks a method).\n  const loadedPreview =\n    preview != null && !isErr(preview)\n      ? preview\n      : {\n          countryCode: selection.country || \"PL\",\n          currencyCode: items[0]?.currency ?? \"PLN\",\n          totalAmount: `${round(\n            items.reduce((acc, item) => acc + item.price * item.quantity, 0) /\n              100,\n            2,\n          )}`,\n        };\n\n  const expectedItems = items.map((el) => ({\n    productID: el.id,\n    quantity: el.quantity,\n    metadata: el.metadata,\n  }));\n\n  async function beginSession() {\n    let reported = false;\n    const report = (outcome: \"success\" | \"fail\" | \"cancel\") => {\n      if (reported) {\n        return;\n      }\n      reported = true;\n      instrument.track(\"apple_pay_result\", { outcome });\n    };\n    instrument.track(\"apple_pay_clicked\", {});\n    instrument.track(\"payment_method_selected\", {\n      gateway: \"apple_pay\",\n      method: \"apple_pay\",\n    });\n    sendAnalyticEvent({\n      event: \"initiateCheckout\",\n      items: items.map((el) => ({\n        id: el.id,\n        name: el.name,\n        price: el.price,\n        quantity: el.quantity,\n        currency: loadedPreview.currencyCode,\n      })),\n    });\n    const requiresShipping =\n      items.find((el) => el.isDeliverable === true) != null;\n    // The session has to be created inside the click, so country, currency\n    // and total come from the backend's answer that was loaded beforehand.\n    const session = new ApplePaySession(14, {\n      countryCode: loadedPreview.countryCode,\n      merchantCapabilities: [\"supports3DS\"],\n      supportedNetworks: [\"visa\", \"masterCard\"],\n      currencyCode: loadedPreview.currencyCode,\n      total: {\n        amount: loadedPreview.totalAmount,\n        label: paymentForCartText,\n        type: \"pending\",\n      },\n      // Delivery is added once the buyer picks a contact and a method.\n      lineItems: items.map(\n        (item) =>\n          ({\n            amount: `${round((item.price * item.quantity) / 100, 2)}`,\n            label: item.name,\n            type: \"final\",\n          } as ApplePayJS.ApplePayLineItem)\n      ),\n      ...(requiresShipping\n        ? {\n            shippingMethods: [],\n            supportsCouponCode: true,\n            requiredBillingContactFields: [\n              \"name\",\n              \"email\",\n              \"postalAddress\",\n              \"phone\",\n            ],\n            requiredShippingContactFields: [\n              \"name\",\n              \"email\",\n              \"postalAddress\",\n              \"phone\",\n            ],\n          }\n        : {}),\n    });\n    await onClick?.();\n    const apRequest = await getApplePayPaymentRequest({ expectedItems });\n    if (isErr(apRequest)) {\n      console.error(\"Error creating ApplePaySession:\", apRequest.error);\n      report(\"fail\");\n      return;\n    }\n\n    session.oncancel = (event) => {\n      console.log(\"ApplePaySession cancelled\", event);\n      report(\"cancel\");\n    };\n\n    session.onvalidatemerchant = async (event) => {\n      try {\n        const result = await PublicApiClient.get(HOST).applePayValidateMerchant(\n          {\n            validationUrl: event.validationURL,\n            projectId: getProjectID(),\n          }\n        );\n        console.log(\"merchantSession\", result.merchantSession);\n        if (result.merchantSession.length > 0) {\n          console.log(\"completing merchant session\");\n          session.completeMerchantValidation(\n            JSON.parse(result.merchantSession)\n          );\n        } else {\n          session.abort();\n        }\n      } catch (error) {\n        session.abort();\n      }\n    };\n\n    session.onshippingmethodselected = async (event) => {\n      console.log(\"shipping method selected\", event);\n      instrument.track(\"delivery_method_selected\", {\n        method: event.shippingMethod.identifier,\n      });\n      await setDeliveryMethod(event.shippingMethod.identifier);\n      const apRequest = await getApplePayPaymentRequest({ expectedItems });\n      console.log(\"apRequest\", apRequest);\n      if (isErr(apRequest)) {\n        session.abort();\n        throw new Error(\"Failed to get Apple Pay payment request\");\n      }\n\n      session.completeShippingMethodSelection({\n        newTotal: apRequest.total,\n        newLineItems: apRequest.lineItems,\n        newShippingMethods: apRequest.shippingMethods,\n      });\n    };\n    session.onshippingcontactselected = async (event) => {\n      try {\n        if (event.shippingContact.countryCode != null) {\n          await setCountry(event.shippingContact.countryCode);\n        }\n        if (event.shippingContact.postalCode != null) {\n          await setPostalCode(event.shippingContact.postalCode);\n        }\n        if (event.shippingContact.phoneNumber != null) {\n          await setEmail(event.shippingContact.emailAddress);\n        }\n        const apRequest = await getApplePayPaymentRequest({ expectedItems });\n        if (isErr(apRequest)) {\n          session.abort();\n          throw new Error(\"Failed to get Apple Pay payment request\");\n        }\n\n        console.log(\"apRequest\", apRequest);\n        session.completeShippingContactSelection({\n          newLineItems: apRequest.lineItems,\n          newTotal: apRequest.total,\n          newShippingMethods: apRequest.shippingMethods,\n        });\n      } catch (error) {\n        console.log(\"shipping contact selected error\", error);\n        session.abort();\n      }\n    };\n\n    session.oncouponcodechanged = async (event) => {\n      try {\n        console.log(\"coupon code changed\", event);\n        const result = await setCouponCodeIfPossible(event.couponCode);\n        const apRequest = await getApplePayPaymentRequest({ expectedItems });\n        console.log(\"apRequest\", apRequest);\n        if (isErr(apRequest)) {\n          session.abort();\n          throw new Error(\"Failed to get Apple Pay payment request\");\n        }\n\n        session.completeCouponCodeChange({\n          errors: isErr(result)\n            ? [new ApplePayError(\"couponCodeInvalid\")]\n            : undefined,\n          newTotal: apRequest.total,\n          newLineItems: apRequest.lineItems,\n          newShippingMethods: apRequest.shippingMethods,\n        });\n      } catch (error) {\n        console.log(\"coupon code changed error\", error);\n        session.abort();\n      }\n    };\n\n    session.onpaymentauthorized = async (event) => {\n      instrument.track(\"payment_submitted\", {\n        gateway: \"apple_pay\",\n        method: \"apple_pay\",\n      });\n      try {\n        const result = await completeApplePayPayment({\n          token: event.payment.token,\n          billingContact: event.payment.billingContact,\n          shippingContact: event.payment.shippingContact,\n        });\n        if (isErr(result)) {\n          console.log(\"apple pay error\", result);\n          report(\"fail\");\n          session.completePayment({\n            status: ApplePaySession.STATUS_FAILURE,\n          });\n          return;\n        }\n\n        if (result.redirectURL) {\n          setTimeout(() => {\n            open(result.redirectURL, \"_self\");\n          }, 2000);\n        }\n        report(result.isSuccess ? \"success\" : \"fail\");\n        session.completePayment({\n          status: result.isSuccess\n            ? ApplePaySession.STATUS_SUCCESS\n            : ApplePaySession.STATUS_FAILURE,\n        });\n\n        result.isSuccess && clearCart();\n      } catch (e) {\n        report(\"fail\");\n        session.completePayment({\n          status: ApplePaySession.STATUS_FAILURE,\n        });\n      }\n      // event.complete(ApplePaySession.STATUS_SUCCESS);\n    };\n\n    session.begin();\n  }\n\n  return (\n    <ApplePayButton\n      style={style}\n      buttonStyle={colorType}\n      type={buttonType}\n      onClick={beginSession}\n    />\n  );\n}\n\nfunction Wrapper(props: Props) {\n  const instrument = useInstrument(\n    currentProjectID(),\n    props.analytics,\n    \"cart\",\n  );\n  return (\n    <InstrumentProvider value={instrument}>\n      <CartProvider>\n        <ApplePayButtonComponent {...props} />\n      </CartProvider>\n    </InstrumentProvider>\n  );\n}\nexport default Wrapper;\n","import { getProjectID } from \"./CartProvider\";\n\n/** The page's project ID; `undefined` (instead of a throw) during server rendering. */\nexport function currentProjectID(): string | undefined {\n  try {\n    return getProjectID();\n  } catch {\n    return undefined;\n  }\n}\n"]}