{
    "componentChunkName": "component---src-templates-doc-article-js",
    "path": "/sdk/v4/react-native/implementation/loyalty/setup/",
    "result": {"data":{"site":{"siteMetadata":{"title":"Notificare Docs"}},"mdx":{"id":"4e06bcc5-9c02-5d52-baef-10cec66419f7","body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"Setup | Loyalty | Implementation | React Native | SDK\",\n  \"lang\": \"en\",\n  \"description\": \"In this page you'll learn how to start with digital cards in your Android app.\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar TabsTwoBlocks = makeShortcode(\"TabsTwoBlocks\");\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h2\", null, \"Setup\"), mdx(\"p\", null, \"In this page you'll learn how to start with digital cards in your React Native app.\"), mdx(\"div\", {\n    className: \"tabbed-two-blocks\"\n  }, mdx(TabsTwoBlocks, {\n    tab1: \"Android\",\n    tab2: \"iOS\",\n    mdxType: \"TabsTwoBlocks\"\n  }), mdx(\"div\", {\n    className: \"tab1\"\n  }, mdx(\"h3\", null, \"Google Wallet API\"), mdx(\"p\", null, \"To generate Google Wallet passes, you will need to get access to the Google Wallet API by following the guide located \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/guides/apps/services/loyalty/#google-wallet\"\n  }, \"here\"), \".\")), mdx(\"div\", {\n    className: \"tab2\"\n  }, mdx(\"h3\", null, \"Creating a Pass Type ID\"), mdx(\"p\", null, \"In this document we'll assume you've already created an \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"App ID\"), \". If you did not please read the guides located \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"../../../setup/platform/#creating-an-app-id\"\n  }, \"here\"), \". Go to the \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://developer.apple.com/account/\"\n  }, \"Apple's Developer Portal\"), \". Once you've sign in, you should click in the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Certificates, IDs & Profiles\"), \" menu item:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"538px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"171.73333333333335%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"developer portal menu\",\n    \"title\": \"developer portal menu\",\n    \"src\": \"/static/26d9f1301780e6da312c0c0362f87474/9516f/developer-portal-menu.png\",\n    \"srcSet\": [\"/static/26d9f1301780e6da312c0c0362f87474/5ff7e/developer-portal-menu.png 375w\", \"/static/26d9f1301780e6da312c0c0362f87474/9516f/developer-portal-menu.png 538w\"],\n    \"sizes\": \"(max-width: 538px) 100vw, 538px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"This will take you to a new page where you should locate the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Identifiers\"), \" menu item:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"360px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"118.33333333333333%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"developer portal identifiers\",\n    \"title\": \"developer portal identifiers\",\n    \"src\": \"/static/9733ae6534df9812e5b25d065dd3e81e/f21e7/developer-portal-identifiers.png\",\n    \"srcSet\": [\"/static/9733ae6534df9812e5b25d065dd3e81e/f21e7/developer-portal-identifiers.png 360w\"],\n    \"sizes\": \"(max-width: 360px) 100vw, 360px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"In this new page, click in the plus icon:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"362px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"27.624309392265197%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"developer portal create app id\",\n    \"title\": \"developer portal create app id\",\n    \"src\": \"/static/69beff62989ed17b59cff8575fc78c8c/10600/developer-portal-create-app-id.png\",\n    \"srcSet\": [\"/static/69beff62989ed17b59cff8575fc78c8c/10600/developer-portal-create-app-id.png 362w\"],\n    \"sizes\": \"(max-width: 362px) 100vw, 362px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"Then go ahead and select the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Pass Type IDs\"), \" option:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1364px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"12.533333333333333%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"developer portal pass type id option\",\n    \"title\": \"developer portal pass type id option\",\n    \"src\": \"/static/4ecbd03b7bd3693b32b94619d015e084/4352a/developer-portal-pass-type-id-option.png\",\n    \"srcSet\": [\"/static/4ecbd03b7bd3693b32b94619d015e084/5ff7e/developer-portal-pass-type-id-option.png 375w\", \"/static/4ecbd03b7bd3693b32b94619d015e084/1d69c/developer-portal-pass-type-id-option.png 750w\", \"/static/4ecbd03b7bd3693b32b94619d015e084/4352a/developer-portal-pass-type-id-option.png 1364w\"],\n    \"sizes\": \"(max-width: 1364px) 100vw, 1364px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"You are now about to create a \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Pass Type ID\"), \", go ahead and provide a name for your \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Pass Type ID\"), \" and its unique identifier (for best results use the same bundle identifier as your app, if applicable, but start always with pass.xxx):\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1500px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"16%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"developer portal register pass type id\",\n    \"title\": \"developer portal register pass type id\",\n    \"src\": \"/static/e2be7367d9a67e3ac31c0f9446a1b126/aa440/developer-portal-register-pass-type-id.png\",\n    \"srcSet\": [\"/static/e2be7367d9a67e3ac31c0f9446a1b126/5ff7e/developer-portal-register-pass-type-id.png 375w\", \"/static/e2be7367d9a67e3ac31c0f9446a1b126/1d69c/developer-portal-register-pass-type-id.png 750w\", \"/static/e2be7367d9a67e3ac31c0f9446a1b126/aa440/developer-portal-register-pass-type-id.png 1500w\", \"/static/e2be7367d9a67e3ac31c0f9446a1b126/f0293/developer-portal-register-pass-type-id.png 2250w\", \"/static/e2be7367d9a67e3ac31c0f9446a1b126/1cc3c/developer-portal-register-pass-type-id.png 2322w\"],\n    \"sizes\": \"(max-width: 1500px) 100vw, 1500px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"When you are done, click in \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Continue\"), \":\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"204px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"55.88235294117647%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"developer portal continue button\",\n    \"title\": \"developer portal continue button\",\n    \"src\": \"/static/7a2ba64f8e791bd0921c9408ebe68605/779ef/developer-portal-continue-button.png\",\n    \"srcSet\": [\"/static/7a2ba64f8e791bd0921c9408ebe68605/779ef/developer-portal-continue-button.png 204w\"],\n    \"sizes\": \"(max-width: 204px) 100vw, 204px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"This will take you to a confirmation screen like the one below, if everything is OK go ahead and finish creating your Pass Type ID by clicking in \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Register\"), \":\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1500px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"11.733333333333333%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"developer portal confirm register pass type id\",\n    \"title\": \"developer portal confirm register pass type id\",\n    \"src\": \"/static/22cd84e3985fd29456f7f5fc3123d1f8/aa440/developer-portal-confirm-register-pass-type-id.png\",\n    \"srcSet\": [\"/static/22cd84e3985fd29456f7f5fc3123d1f8/5ff7e/developer-portal-confirm-register-pass-type-id.png 375w\", \"/static/22cd84e3985fd29456f7f5fc3123d1f8/1d69c/developer-portal-confirm-register-pass-type-id.png 750w\", \"/static/22cd84e3985fd29456f7f5fc3123d1f8/aa440/developer-portal-confirm-register-pass-type-id.png 1500w\", \"/static/22cd84e3985fd29456f7f5fc3123d1f8/f0293/developer-portal-confirm-register-pass-type-id.png 2250w\", \"/static/22cd84e3985fd29456f7f5fc3123d1f8/4faaa/developer-portal-confirm-register-pass-type-id.png 2308w\"],\n    \"sizes\": \"(max-width: 1500px) 100vw, 1500px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"h3\", null, \"Generate a Pass Type ID Certificate\"), mdx(\"p\", null, \"Once you've created a Pass Type ID or at least have one, you are now ready to create a Pass Type ID certificate. This certificate will allow us to generate passes for your app.\"), mdx(\"p\", null, \"In \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://developer.apple.com/account\"\n  }, \"Apple's Developer Portal\"), \", locate the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Certificates, IDs & Profiles\"), \" menu item:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"538px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"171.73333333333335%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"developer portal menu\",\n    \"title\": \"developer portal menu\",\n    \"src\": \"/static/26d9f1301780e6da312c0c0362f87474/9516f/developer-portal-menu.png\",\n    \"srcSet\": [\"/static/26d9f1301780e6da312c0c0362f87474/5ff7e/developer-portal-menu.png 375w\", \"/static/26d9f1301780e6da312c0c0362f87474/9516f/developer-portal-menu.png 538w\"],\n    \"sizes\": \"(max-width: 538px) 100vw, 538px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"In this new page, click in the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Certificates\"), \" menu item:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"364px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"120.32967032967035%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"developer portal create certificate\",\n    \"title\": \"developer portal create certificate\",\n    \"src\": \"/static/e50a547578e9407a6791987bb9e1b387/e45a9/developer-portal-create-certificate.png\",\n    \"srcSet\": [\"/static/e50a547578e9407a6791987bb9e1b387/e45a9/developer-portal-create-certificate.png 364w\"],\n    \"sizes\": \"(max-width: 364px) 100vw, 364px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"Then go ahead and click in the plus icon:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"344px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"22.674418604651162%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"developer portal create certificate icon\",\n    \"title\": \"developer portal create certificate icon\",\n    \"src\": \"/static/1f8936ae01f9482a96695aa6d39e817e/75d93/developer-portal-create-certificate-icon.png\",\n    \"srcSet\": [\"/static/1f8936ae01f9482a96695aa6d39e817e/75d93/developer-portal-create-certificate-icon.png 344w\"],\n    \"sizes\": \"(max-width: 344px) 100vw, 344px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"In this page, locate and select the following option:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"636px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"19.46666666666667%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"developer portal pass type id certificate\",\n    \"title\": \"developer portal pass type id certificate\",\n    \"src\": \"/static/5f146f95391505769284d922afc5b615/9be90/developer-portal-pass-type-id-certificate.png\",\n    \"srcSet\": [\"/static/5f146f95391505769284d922afc5b615/5ff7e/developer-portal-pass-type-id-certificate.png 375w\", \"/static/5f146f95391505769284d922afc5b615/9be90/developer-portal-pass-type-id-certificate.png 636w\"],\n    \"sizes\": \"(max-width: 636px) 100vw, 636px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"Go ahead and click in \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Continue\"), \":\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"204px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"55.88235294117647%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"developer portal continue button\",\n    \"title\": \"developer portal continue button\",\n    \"src\": \"/static/7a2ba64f8e791bd0921c9408ebe68605/779ef/developer-portal-continue-button.png\",\n    \"srcSet\": [\"/static/7a2ba64f8e791bd0921c9408ebe68605/779ef/developer-portal-continue-button.png 204w\"],\n    \"sizes\": \"(max-width: 204px) 100vw, 204px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"In the following page, select the Pass Type ID you've previously generated:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1500px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"17.066666666666666%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"developer portal select pass type id\",\n    \"title\": \"developer portal select pass type id\",\n    \"src\": \"/static/0103f7342ef2f9bba089be69a8f9e8c6/aa440/developer-portal-select-pass-type-id.png\",\n    \"srcSet\": [\"/static/0103f7342ef2f9bba089be69a8f9e8c6/5ff7e/developer-portal-select-pass-type-id.png 375w\", \"/static/0103f7342ef2f9bba089be69a8f9e8c6/1d69c/developer-portal-select-pass-type-id.png 750w\", \"/static/0103f7342ef2f9bba089be69a8f9e8c6/aa440/developer-portal-select-pass-type-id.png 1500w\", \"/static/0103f7342ef2f9bba089be69a8f9e8c6/f0293/developer-portal-select-pass-type-id.png 2250w\", \"/static/0103f7342ef2f9bba089be69a8f9e8c6/f5aa5/developer-portal-select-pass-type-id.png 2312w\"],\n    \"sizes\": \"(max-width: 1500px) 100vw, 1500px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"After selecting the Pass Type ID you want to use, go ahead and click in \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Continue\"), \":\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"204px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"55.88235294117647%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"developer portal continue button\",\n    \"title\": \"developer portal continue button\",\n    \"src\": \"/static/7a2ba64f8e791bd0921c9408ebe68605/779ef/developer-portal-continue-button.png\",\n    \"srcSet\": [\"/static/7a2ba64f8e791bd0921c9408ebe68605/779ef/developer-portal-continue-button.png 204w\"],\n    \"sizes\": \"(max-width: 204px) 100vw, 204px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"In this new tab, you will need to provide an existing \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Certificate Signing Request\"), \":\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1500px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"17.866666666666667%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"developer portal certificate signing request\",\n    \"title\": \"developer portal certificate signing request\",\n    \"src\": \"/static/c43a29c9601d9dec235ad435e70ee8d3/aa440/developer-portal-certificate-signing-request.png\",\n    \"srcSet\": [\"/static/c43a29c9601d9dec235ad435e70ee8d3/5ff7e/developer-portal-certificate-signing-request.png 375w\", \"/static/c43a29c9601d9dec235ad435e70ee8d3/1d69c/developer-portal-certificate-signing-request.png 750w\", \"/static/c43a29c9601d9dec235ad435e70ee8d3/aa440/developer-portal-certificate-signing-request.png 1500w\", \"/static/c43a29c9601d9dec235ad435e70ee8d3/f0293/developer-portal-certificate-signing-request.png 2250w\", \"/static/c43a29c9601d9dec235ad435e70ee8d3/f5aa5/developer-portal-certificate-signing-request.png 2312w\"],\n    \"sizes\": \"(max-width: 1500px) 100vw, 1500px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"We will explain how to generate one but if you already have one previously created, just go ahead and click in \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Continue\"), \":\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"204px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"55.88235294117647%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"developer portal continue button\",\n    \"title\": \"developer portal continue button\",\n    \"src\": \"/static/7a2ba64f8e791bd0921c9408ebe68605/779ef/developer-portal-continue-button.png\",\n    \"srcSet\": [\"/static/7a2ba64f8e791bd0921c9408ebe68605/779ef/developer-portal-continue-button.png 204w\"],\n    \"sizes\": \"(max-width: 204px) 100vw, 204px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"If you do not have one, you will have to generate it. For that you will need to open the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Keychain Access\"), \" app from your applications, in your macOS powered computer and request a signing certificate from a certificate authority by selecting the following:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1378px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"26.93333333333333%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"developer portal keychain access request\",\n    \"title\": \"developer portal keychain access request\",\n    \"src\": \"/static/82a1aa814b7df52e29b12d2732969f8e/e40ed/developer-portal-keychain-access-request.png\",\n    \"srcSet\": [\"/static/82a1aa814b7df52e29b12d2732969f8e/5ff7e/developer-portal-keychain-access-request.png 375w\", \"/static/82a1aa814b7df52e29b12d2732969f8e/1d69c/developer-portal-keychain-access-request.png 750w\", \"/static/82a1aa814b7df52e29b12d2732969f8e/e40ed/developer-portal-keychain-access-request.png 1378w\"],\n    \"sizes\": \"(max-width: 1378px) 100vw, 1378px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"You will be prompted with the following window:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1230px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"70.66666666666667%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"developer portal create signing certificate\",\n    \"title\": \"developer portal create signing certificate\",\n    \"src\": \"/static/b0da07559dbccc463dec9fd35b9456d3/0d0e4/developer-portal-create-signing-certificate.png\",\n    \"srcSet\": [\"/static/b0da07559dbccc463dec9fd35b9456d3/5ff7e/developer-portal-create-signing-certificate.png 375w\", \"/static/b0da07559dbccc463dec9fd35b9456d3/1d69c/developer-portal-create-signing-certificate.png 750w\", \"/static/b0da07559dbccc463dec9fd35b9456d3/0d0e4/developer-portal-create-signing-certificate.png 1230w\"],\n    \"sizes\": \"(max-width: 1230px) 100vw, 1230px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"Simply provide an email and check the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Saved to Disk\"), \" option and then click in \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Continue\"), \", it will prompt you to save a file in your computer:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"844px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"40.266666666666666%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"developer portal save signing certificate\",\n    \"title\": \"developer portal save signing certificate\",\n    \"src\": \"/static/1f42b11799d7c3203d92a78e5bf30b61/33e10/developer-portal-save-signing-certificate.png\",\n    \"srcSet\": [\"/static/1f42b11799d7c3203d92a78e5bf30b61/5ff7e/developer-portal-save-signing-certificate.png 375w\", \"/static/1f42b11799d7c3203d92a78e5bf30b61/1d69c/developer-portal-save-signing-certificate.png 750w\", \"/static/1f42b11799d7c3203d92a78e5bf30b61/33e10/developer-portal-save-signing-certificate.png 844w\"],\n    \"sizes\": \"(max-width: 844px) 100vw, 844px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"You have now generated a CSR file and are ready to resume our Pass Type ID certificate creation, in Apple's Developer Portal. In the screen you left off:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1500px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"17.866666666666667%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"developer portal certificate signing request\",\n    \"title\": \"developer portal certificate signing request\",\n    \"src\": \"/static/c43a29c9601d9dec235ad435e70ee8d3/aa440/developer-portal-certificate-signing-request.png\",\n    \"srcSet\": [\"/static/c43a29c9601d9dec235ad435e70ee8d3/5ff7e/developer-portal-certificate-signing-request.png 375w\", \"/static/c43a29c9601d9dec235ad435e70ee8d3/1d69c/developer-portal-certificate-signing-request.png 750w\", \"/static/c43a29c9601d9dec235ad435e70ee8d3/aa440/developer-portal-certificate-signing-request.png 1500w\", \"/static/c43a29c9601d9dec235ad435e70ee8d3/f0293/developer-portal-certificate-signing-request.png 2250w\", \"/static/c43a29c9601d9dec235ad435e70ee8d3/f5aa5/developer-portal-certificate-signing-request.png 2312w\"],\n    \"sizes\": \"(max-width: 1500px) 100vw, 1500px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"Choose the file you just generated:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1398px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"7.733333333333333%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"developer portal certificate signing request selected\",\n    \"title\": \"developer portal certificate signing request selected\",\n    \"src\": \"/static/2687abcce286a377d7ac425bd40326bf/82c1e/developer-portal-certificate-signing-request-selected.png\",\n    \"srcSet\": [\"/static/2687abcce286a377d7ac425bd40326bf/5ff7e/developer-portal-certificate-signing-request-selected.png 375w\", \"/static/2687abcce286a377d7ac425bd40326bf/1d69c/developer-portal-certificate-signing-request-selected.png 750w\", \"/static/2687abcce286a377d7ac425bd40326bf/82c1e/developer-portal-certificate-signing-request-selected.png 1398w\"],\n    \"sizes\": \"(max-width: 1398px) 100vw, 1398px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"And click in the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Continue\"), \" button:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"204px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"55.88235294117647%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"developer portal continue button\",\n    \"title\": \"developer portal continue button\",\n    \"src\": \"/static/7a2ba64f8e791bd0921c9408ebe68605/779ef/developer-portal-continue-button.png\",\n    \"srcSet\": [\"/static/7a2ba64f8e791bd0921c9408ebe68605/779ef/developer-portal-continue-button.png 204w\"],\n    \"sizes\": \"(max-width: 204px) 100vw, 204px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"We've now generated a Pass Type ID certificate, hit the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Download\"), \" button to download the file to your computer:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1500px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"17.6%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"developer portal download pass type id certificate\",\n    \"title\": \"developer portal download pass type id certificate\",\n    \"src\": \"/static/45f954c9ec2348549deabdeb0e25bd3e/aa440/developer-portal-download-pass-type-id-certificate.png\",\n    \"srcSet\": [\"/static/45f954c9ec2348549deabdeb0e25bd3e/5ff7e/developer-portal-download-pass-type-id-certificate.png 375w\", \"/static/45f954c9ec2348549deabdeb0e25bd3e/1d69c/developer-portal-download-pass-type-id-certificate.png 750w\", \"/static/45f954c9ec2348549deabdeb0e25bd3e/aa440/developer-portal-download-pass-type-id-certificate.png 1500w\", \"/static/45f954c9ec2348549deabdeb0e25bd3e/f0293/developer-portal-download-pass-type-id-certificate.png 2250w\", \"/static/45f954c9ec2348549deabdeb0e25bd3e/25e83/developer-portal-download-pass-type-id-certificate.png 2302w\"],\n    \"sizes\": \"(max-width: 1500px) 100vw, 1500px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"Double-click in that file to install it in your \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Keychain Access\"), \" app. Then locate it in the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Keychain Access\"), \" app:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1500px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"71.46666666666667%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"developer portal pass type id entry keychain access\",\n    \"title\": \"developer portal pass type id entry keychain access\",\n    \"src\": \"/static/8e1cf44119c52f752a0637b788310216/aa440/developer-portal-pass-type-id-entry-keychain-access.png\",\n    \"srcSet\": [\"/static/8e1cf44119c52f752a0637b788310216/5ff7e/developer-portal-pass-type-id-entry-keychain-access.png 375w\", \"/static/8e1cf44119c52f752a0637b788310216/1d69c/developer-portal-pass-type-id-entry-keychain-access.png 750w\", \"/static/8e1cf44119c52f752a0637b788310216/aa440/developer-portal-pass-type-id-entry-keychain-access.png 1500w\", \"/static/8e1cf44119c52f752a0637b788310216/11d70/developer-portal-pass-type-id-entry-keychain-access.png 1802w\"],\n    \"sizes\": \"(max-width: 1500px) 100vw, 1500px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"Then we will need to export this file in a .p12 format. To do that, right-click the file and select the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Export\"), \" option:\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"778px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"40%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"developer portal export certificate keychain\",\n    \"title\": \"developer portal export certificate keychain\",\n    \"src\": \"/static/06276d00278922e66de7259feffcef18/20982/developer-portal-export-certificate-keychain.png\",\n    \"srcSet\": [\"/static/06276d00278922e66de7259feffcef18/5ff7e/developer-portal-export-certificate-keychain.png 375w\", \"/static/06276d00278922e66de7259feffcef18/1d69c/developer-portal-export-certificate-keychain.png 750w\", \"/static/06276d00278922e66de7259feffcef18/20982/developer-portal-export-certificate-keychain.png 778w\"],\n    \"sizes\": \"(max-width: 778px) 100vw, 778px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"This will allow you to name your export file and select the location in your computer where you're going to export it. Then click in \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Save\"), \":\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1122px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"38.4%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"developer portal export p12 save\",\n    \"title\": \"developer portal export p12 save\",\n    \"src\": \"/static/1e7507b4ead34a2bb9bb2b61fa076b53/62a6a/developer-portal-export-p12-save.png\",\n    \"srcSet\": [\"/static/1e7507b4ead34a2bb9bb2b61fa076b53/5ff7e/developer-portal-export-p12-save.png 375w\", \"/static/1e7507b4ead34a2bb9bb2b61fa076b53/1d69c/developer-portal-export-p12-save.png 750w\", \"/static/1e7507b4ead34a2bb9bb2b61fa076b53/62a6a/developer-portal-export-p12-save.png 1122w\"],\n    \"sizes\": \"(max-width: 1122px) 100vw, 1122px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"Because these files are extremely important and will give any push provider access to send notifications to your app, you will want to protect it with a password. Once you've provided a password twice, click in the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"OK\"), \" button. This will save the file in your computer.\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"864px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"61.86666666666667%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"developer portal export p12 password\",\n    \"title\": \"developer portal export p12 password\",\n    \"src\": \"/static/2b0215fe64d49949e99daa436f452e6d/9cab2/developer-portal-export-p12-password.png\",\n    \"srcSet\": [\"/static/2b0215fe64d49949e99daa436f452e6d/5ff7e/developer-portal-export-p12-password.png 375w\", \"/static/2b0215fe64d49949e99daa436f452e6d/1d69c/developer-portal-export-p12-password.png 750w\", \"/static/2b0215fe64d49949e99daa436f452e6d/9cab2/developer-portal-export-p12-password.png 864w\"],\n    \"sizes\": \"(max-width: 864px) 100vw, 864px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n    \")), mdx(\"p\", null, \"You now have to upload the resulting export file to Notificare. This will allow us to generate passes in your application. This step is covered in the guides located \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/guides/apps/services/loyalty\"\n  }, \"here\"), \".\"))), mdx(\"h2\", null, \"Pass Designer\"), mdx(\"p\", null, \"Before you can use digital cards in your apps, you will need to learn how to design a template. This is described in our guides located \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/guides/loyalty/templates\"\n  }, \"here\"), \".\"), mdx(\"h2\", null, \"Creating Passes\"), mdx(\"p\", null, \"Once you have created at least one pass template, you can start generating digital cards. This is described in our guides located \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/guides/loyalty/passes\"\n  }, \"here\"), \".\"));\n}\n;\nMDXContent.isMDXComponent = true;","frontmatter":{"title":"Setup | Loyalty | Implementation | React Native | SDK","description":"In this page you'll learn how to start with digital cards in your Android app."}}},"pageContext":{"slug":"/sdk/v4/react-native/implementation/loyalty/setup/","previous":{"fields":{"slug":"/sdk/v4/react-native/implementation/location-services/"},"frontmatter":{"title":"Location Services | Implementation | React Native | SDK","description":"In this page you'll dive deeper into functionality like using GPS signals to get the user's location or monitor their visits to regions and proximity to BTLE devices."}},"next":{"fields":{"slug":"/sdk/v4/react-native/implementation/loyalty/implementation/"},"frontmatter":{"title":"Implementation | Loyalty | Implementation | React Native | SDK","description":"In this page let's dive deeper into how passes are handled in your iOS app."}},"language":"en","intl":{"language":"en","languages":["en"],"messages":{"title":"Notificare Docs","description":"Find the newest resources, guides and code. Make the most out of your app using our SDK and APIs.","author":"@notificare","pages.404.title":"These aren't the droids you're looking for","pages.404.description":"Probably the page you are looking for does not exist or was recently moved. If you think something is wrong please contact us.","pages.home.title":"Help Center","pages.home.description":"Find the newest resources, guides and code. Make the most out of your app using our SDK and APIs.","components.cookieManager.title":"Cookie Settings","components.cookieManager.text":"This website uses the following types of cookies; strictly necessary, performance, functional and marketing cookies. For specific information regarding how these cookies may impact your experience please read our <a href='/cookies'>Cookie Policy</a> and <a href='/privacy'>Privacy Policy</a>.","components.cookieManager.types.strict.label":"Strict","components.cookieManager.types.functional.label":"Functional","components.cookieManager.types.performance.label":"Performance","components.cookieManager.types.marketing.label":"Marketing","components.cookieManager.button":"Save Settings","components.search.query.placeholder":"Type your search","components.search.query.button":"Search","components.search.query.error":"Please insert some search terms","components.search.query.noResults":"No results found for your search terms","components.footer.copyright":"Notificare","components.footer.platform":"Platform Status","components.notificare.onBoarding.text":"Would you like to receive push notifications from our website?","components.notificare.onBoarding.cancelText":"No","components.notificare.onBoarding.acceptText":"Yes","shared.readMore":"Read more","shared.latestVersion":"Latest Version:","shared.jumpTo":"Jump to:","shared.sdkWarning":"These are deprecated or outdated SDK guides. Make sure you use the latest version of our libraries in order to benefit from all the new features, important bug fixes and security updates.","shared.guidesWarning":"You are viewing guides to a legacy interface that will be discontinued on January 1 2024. Please consider switching to the new interface.","shared.comingSoon":"Coming Soon"},"routed":false,"originalPath":"/sdk/v4/react-native/implementation/loyalty/setup/","redirect":false,"redirectDefaultLanguageToRoot":false,"defaultLanguage":"en","fallbackLanguage":"","ignoredPaths":[]}}},
    "staticQueryHashes": ["1473005414","63159454"]}